@charset "utf-8";
/* CSS Document */

/* LAYOUT */

#wrapper { margin: 0 auto; width: 960px; }
	
#header { display:block; height:50px; margin: 20px 0; }

#content_main { 
	display:block; margin:0 auto; padding:20px; background: #fff;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	-webkit-box-shadow: 0 5px 10px #aaa; -moz-box-shadow: 0 5px 10px #aaa; box-shadow: 0 5px 10px #aaa; }
	
	/* Box sizes */
	.box_login { width:300px; }
	
#footer	{ clear:both; display:block; text-align: center; margin: 20px 0; }


/* BASIC STYLES FOR TEXT AND LINKS */ 

body, html { font-size: 12px; font-family: arial; color: #666; line-height: 1.4; }
body { background-color: #FFFFFF;}

a, a:link, a:visited { color:#1170a1; text-decoration: none;  }
a:hover, a:active, a:focus { color: #3eb0eb;}

h1  {display:block; font-size: 14px; line-height:16px; padding:15px; margin:-20px -20px 20px -20px; 
	 background-color: #E4E4E4; border-bottom: 1px solid #CBCBCB; color:#666666;}
h2 { font-size: 14px; color: #000; line-height: 1.4; margin-bottom: 15px;}
h4 { font-size: 11px; color:#000;}

p { margin: 5px 0;}

.date{readonly:true}
.cancel { font-weight:normal; font-size:11px }

span { color: #000; font-weight:bold; }

.left 	{ float:left;}
.right 	{ float:right;}
.center { display:inline-block; text-align:center;} 

/* BUTTONS */

button, .button {
	text-align:center; cursor: pointer;
  	padding: 3px 15px; margin:5px;
  	font-family: Arial; font-size: 12px; font-weight:bold; color: #333 !important;
  	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 
  	background:#eee; border: 1px solid #aaa;
  	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* webkit */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie */ }

button:hover, .button:hover {
	background:#cdcdcd; 
	background: -moz-linear-gradient(top, #cdcdcd 0%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 ); /* ie */
	border: 1px solid #e6e6e6; color: #333 !important; }

.red { 
	background: #e14b71;
	background: -moz-linear-gradient(top, #e87793 0%, #c7214b 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87793), color-stop(100%,#c7214b)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87793', endColorstr='#c7214b',GradientType=0 ); /* ie */
	border: 1px solid #dc2e5a; color: #fff !important; }

.red:hover {
	background: #c7214b; 
	background: -moz-linear-gradient(top, #c7214b 0%, #e87793 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7214b), color-stop(100%,#e87793)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7214b', endColorstr='#e87793',GradientType=0 ); /* ie */
	border: 1px solid #e14b71; color: #fff !important; }

.green { 
	background: #5aa164;
	background: -moz-linear-gradient(top, #7ab482 0%, #488050 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ab482), color-stop(100%,#488050)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab482', endColorstr='#488050',GradientType=0 ); /* ie */
	border: 1px solid #54965d; color: #fff !important; }

.green:hover {
	background: #488050; 
	background: -moz-linear-gradient(top, #488050 0%, #7ab482 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#488050), color-stop(100%,#7ab482)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#488050', endColorstr='#7ab482',GradientType=0 ); /* ie */
	border: 1px solid #54965d; color: #fff !important; }

.inactivebutton, .button.disabled { 
	text-align:center; cursor: default;
  	padding: 3px 15px; margin: 5px;
  	font-family: Arial; font-size: 12px; font-weight:bold; color: #aaa !important;
  	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 
  	background:#eee; border: 1px solid #aaa;
  	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* webkit */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie */
	}

	
.button_container, #button_container { display: inline-block; width:100%; margin-top:10px; background: #CCCCCC;}
	* html #button_container 	{ display:inline; }  	/* for IE 6 */
	* + html #button_container 	{ display:inline; }  	/* for IE 7 */
	
/* Loading div */
#modalBox_loadingDiv { display:none; text-align:center; }
#modalBox_loadingDiv img { padding:10px 0; }
#percent { float:right; font:normal 12px Arial; line-height:40px; }

/* LOGIN */
#form_login p { margin:0; }
#form_login input { width:75%; margin-bottom:10px; }

.error { 
	position:relative; font-size:10px; font-weight:bold; padding:4px 8px; margin: 5px 0 10px;
  	color:#fff;	background:#455168; border: 1px solid #000;
  	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	}

.error_login { display:block; font-size:11px; font-weight:bold; padding:10px 5px; margin-top:15px;
  	color:#fff; background-color:#455168; border: 1px solid #000;
  	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	}
	
.footer_note { text-align:center; }

/* FORGOT */
#form_forgot p { margin-top: 15px; }
#form_forgot input { width:75%; margin-bottom:10px; }

.help { 
	position:relative; font-size:10px; font-weight:bold; padding:4px 8px; margin: 5px 0 10px;
  	color:#fff;	background:#627290; border: 1px solid #000;
  	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	}

.help_forgot { display:block; font-size:11px; font-weight:bold; padding:10px 5px; margin-top:15px 0px;
  	color:#fff; background-color:#627290; border: 1px solid #627290;
  	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	}
	

/* HEADER */

#header { position:relative;  }
#header img { float:left}
#header #userPanel { display:block; font-size:14px; text-align:right; margin-right:20px; }
#header #nav { position:absolute; top:35px; right:20px; font-size: 14px; font-weight:bold;}
#header #nav ul li { display:inline; margin-left:20px; }
#header #nav ul li a { }

/* DASHBOARD */
#menu_column { float:left; display:block; width: 25%; min-height: 250px; border:1px solid #dcdcdc; background:#f7f7f7; padding:20px; margin-right:11px;margin-left:11px;}
#menu_column h2 { color: #FF6600; font-size: 15px; font-weight: bold; margin: 0 0 15px; padding: 0;}
#menu_column p {vertical-align: middle; text-align: center;}
#menu_column ul { height: 200px;}
#menu_column ul li { font-size: 14px; margin:5px 0;}
	
#column1 { float:left; display:block; width:30%; min-height: 300px; border-right:1px solid #dcdcdc;}
#column1 ul { padding:20px; margin-right:20px; border:1px solid #dcdcdc; background:#f7f7f7;}
#column1 ul li { font-size: 14px; margin:5px 0;  }
#column2 { float:right; display:block; width:67%}
	
#column1 { float:left; display:block; width:45%; border-right:1px solid #dcdcdc;}
#column1 p input {width: 170px;}
#column1 p input[type=text], #column1 p select {width: 170px;}
#column2 { float:right; display:block; width:45%;}
#column2 ul {height:250px; padding:20px; margin-right:20px; border:1px solid #dcdcdc; background:#f7f7f7;}
#column2 ul li {list-style-type: none; font-size: 14px; margin:5px 0;}

/* LISTS */
#user_list { text-align:left;}
#user_list table input, #user_list table select { width:100%; }

#user_list table tr th, #user_list table tr td { padding: 5px 10px; border-right:1px solid #dcdcdc;}
#user_list table tr td { border-top: 1px dotted #dcdcdc;}

#user_list table .tdDate 	{ width: 150px; }
#user_list table .tdDate input { width:115px;}
#user_list table .tdDate img { padding:0 5px; }
	
#user_list table .tdWeek	{ width: 60px; }
#user_list table .tdPin		{ width: 45px; }

#createEdit p { margin:10px 0; }
#createEdit label { font-weight:normal; cursor:pointer }
#createEdit #role { width:257px;}

#userList li { font-size: 12px; margin:5px 0;}
#userList li.title { font-size:14px; font-weight: bold; border-bottom: 1px solid #CCC; margin-top: 15px }

/* HELP TEXT EDITOR */

#helpText_table { width:100%; text-align:left; border:1px solid #dcdcdc; }
#helpText_table td { padding:7px 10px 7px; border-bottom:1px dotted #dcdcdc;}
#helpText_table tr.tableHeader th { font-size:11px; color:#fff; padding:7px 10px; background-color:#304a5e;}

#helpText_edit h3 { margin:10px 0;}
#helpText_edit textarea{ width:50%; margin: 5px 0; }


/* HELP DESK */

#help_desk { min-height: 300px; }
#help_desk .filterIssues { display:block; text-align:right; }

#help_desk #tableIssues, #list_fw_password { display:block; width:898px; margin:10px 0; padding:10px;  }

#help_desk #tableIssues table, #list_fw_password table { clear: both; margin-top: 10px; width: 100%; text-align: left; }
#list_fw_password{ width: 575px; }
#help_desk #tableIssues th, #help_desk #tableIssues td, #list_fw_password th, #list_fw_password td {text-align:left; padding:4px 20px 4px 5px; }
#help_desk #tableIssues th, #list_fw_password th {color:#304a5e; font-size:11px; line-height:13px; background: #f6f6f6; border-bottom: 3px solid #ccc; } 
#help_desk #tableIssues td, #list_fw_password td {border-bottom: 1px dotted #dcdcdc; }
#help_desk #tableIssues tr:hover, #list_fw_password tr:hover { background: #fffdef !important;}

#help_desk #tableIssues td span, #list_fw_password td span { 
		display: block; color: #fff; font-size:10px; text-align: center; padding: 2px; 
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#help_desk #tableIssues td span.active    { background:#17970C; }
#help_desk #tableIssues td span.active a  { color:#FFF; }
#help_desk #tableIssues td span.disabled { background:#FF0000; }
#help_desk #tableIssues td span.disabled a { color:#FFF; }
		
#help_desk #tableFooter { display: block; text-align: center; }
#help_desk #tableFooter span { font-weight: normal; }
#help_desk #tableFooter .rowSelect { float: left; }
#help_desk #tableFooter .pager { float: right; }


/* NEW ISSUE MODAL */
#newIssue { font-size: 12px; }
#newIssue table tr td { padding: 4px; vertical-align: top; }
#newIssue table tr td:first-child { text-align: right; font-weight: bold; padding-right: 10px; }
#newIssue table tr td.label { text-align: right; }
#newIssue table tr td.input input { width: 150px; }
#newIssue #otherInfo { width: 98%; border: 1px solid #ccc; background: #eee; margin-top: 10px; padding: 1%; }
#newIssue #otherInfo table { width: 100%; }
#newIssue #otherInfo table tr td { vertical-align: middle; }
#newIssue #otherInfo table tr td.label { font-weight: bold; }

	
/* INDIVIDUAL RESPONDENT */
#individual_respondent { min-height: 300px; }
#individual_respondent .searchForm { display: inline-block; float: left; clear: both; }
#individual_respondent .searchForm .searchInput { border: 1px solid #ccc; width: 220px; height: 20px; line-height: 20px; padding: 0 5px; }
#individual_respondent .searchForm .search { 
	display:inline-block; text-align:center; cursor: pointer;
  	height: 20px; line-height: 20px; padding: 0 5px; 
  	font-family: Arial; font-size: 11px; font-weight:bold; color: #333 !important;
  	background:#eee; border: 1px solid #aaa;
  	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* webkit */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie */
  	}
#individual_respondent .searchForm .search:hover {
	background:#cdcdcd; 
	background: -moz-linear-gradient(top, #cdcdcd 0%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 ); /* ie */
	border: 1px solid #aaa; color: #333 !important; 
	}
#individual_respondent .export { display: inline-block; float: right; }
#individual_respondent .export img { vertical-align: bottom; }
#individual_respondent table { clear: both; margin-top: 20px; width: 100%; }
#individual_respondent table thead tr { border-bottom: 3px solid #ccc; color: #06c; }
#individual_respondent table thead tr th { width: 16.66%; height: 30px; vertical-align: middle; }
#individual_respondent table thead tr th:first-child { text-align: left; padding-left: 5px; }
#individual_respondent table thead tr th:last-child { text-align: right; padding-right: 5px; }
#individual_respondent table thead tr th img { vertical-align: middle; margin-bottom: 3px; }
#individual_respondent table tbody tr:hover { background: #fffdef !important; }
#individual_respondent table tbody tr:last-child { border-bottom: 3px solid #ccc; }
#individual_respondent table tbody tr:nth-child(even) { background-color: #eee; }
#individual_respondent table tbody tr td { border-bottom: 1px solid #ccc; height: 30px; vertical-align: middle; text-align: center; }
#individual_respondent table tbody tr td:first-child { text-align: left; padding-left: 5px; }
#individual_respondent table tbody tr td:last-child { text-align: right; padding-right: 50px; }
#individual_respondent #tableFooter { display: block; text-align: center; margin-top: 10px; }
#individual_respondent #tableFooter span { font-weight: normal; }
#individual_respondent #tableFooter .rowSelect { float: left; }
#individual_respondent #tableFooter .export { float: none; display: inline; }
#individual_respondent #tableFooter .pager { float: right; }
#individual_respondent #dateContainer { float: right; width: 240px; position: relative; margin-top: -50px; }
#individual_respondent #dateContainer .activeChoice { display: block; border: 1px solid #ccc; width: 230px; padding: 2px 5px; font-size: 12px; font-weight: bold; color: #000; background: #fff url(../images/dropdown_arrow.png) no-repeat 222px 8px; }
#individual_respondent #dateContainer .choicesContainer { display: none; }
#individual_respondent #dateContainer .choicesContainer.show { display: block; position: absolute; width: 275px; border: 1px solid #ccc; top: 22px; right: -2px; background: #eee; padding: 10px; }
#individual_respondent #dateContainer .choicesContainer input { margin: 10px 0; }
#individual_respondent #dateContainer .choicesContainer .campaignDesc { color: #666; font-size: 10px; font-weight: normal; }
#individual_respondent #dateContainer .choicesContainer .choiceField { width: 70px; }
#individual_respondent #dateContainer .choicesContainer .apply { 
	display:inline-block; text-align:center; cursor: pointer;
  	height: 20px; line-height: 20px; padding: 0 5px; 
  	font-family: Arial; font-size: 11px; font-weight:bold; color: #333 !important;
  	background:#eee; border: 1px solid #aaa;
  	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* webkit */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie */
  	}
#individual_respondent #dateContainer .choicesContainer .apply:hover {
	background:#cdcdcd; 
	background: -moz-linear-gradient(top, #cdcdcd 0%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 ); /* ie */
	border: 1px solid #aaa; color: #333 !important; 
	}

#content_main .tristate { background:url(../images/tristate.jpg) no-repeat; width:11px; height:11px; -webkit-appearance:none; -moz-appearance:none }
#content_main .tristate.none { background-position:0 0 }
#content_main .tristate.with { background-position:-24px 0 }
#content_main .tristate.without { background-position:-12px 0 }

/* PROGRESS OVERVIEW */
#progress_overview { min-height: 300px; }
#progress_overview .searchForm { display: inline-block; float: left; clear: both; }
#progress_overview .searchForm .searchInput { border: 1px solid #ccc; width: 220px; height: 20px; line-height: 20px; padding: 0 5px; }
#progress_overview .searchForm .search { 
	display:inline-block; text-align:center; cursor: pointer;
  	height: 20px; line-height: 20px; padding: 0 5px; 
  	font-family: Arial; font-size: 11px; font-weight:bold; color: #333 !important;
  	background:#eee; border: 1px solid #aaa;
  	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* webkit */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie */
  	}
#progress_overview .searchForm .search:hover {
	background:#cdcdcd; 
	background: -moz-linear-gradient(top, #cdcdcd 0%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 ); /* ie */
	border: 1px solid #aaa; color: #333 !important; 
	}
#progress_overview .export { display: inline-block; float: right; }
#progress_overview .export img { vertical-align: bottom; }
#progress_overview table { clear: both; margin-top: 20px; width: 100%; }
#progress_overview table thead tr { border-bottom: 3px solid #ccc; color: #06c; }
#progress_overview table thead tr:first-child { border-bottom:none; }
#progress_overview table thead tr th { height: 10px; vertical-align: middle; }
#progress_overview table thead tr th:first-child { height: 30px; text-align: left; padding-left: 5px; }
#progress_overview table tbody tr:hover { background: #fffdef !important; }
#progress_overview table tbody tr:first-child,
#progress_overview table tbody tr:last-child { font-weight: bold; color: #6c0; background: #e4ffe6 !important; }
#progress_overview table tbody tr:last-child { border-bottom: 3px solid #ccc; }
#progress_overview table tbody tr:nth-child(odd) { background-color: #eee; }
#progress_overview table tbody tr td { border-bottom: 1px solid #ccc; height: 30px; vertical-align: middle; text-align: center; }
#progress_overview table tbody tr td:first-child { text-align: left; padding-left: 5px; }
#progress_overview #tableFooter { display: block; text-align: center; margin-top: 10px; }
#progress_overview #tableFooter span { font-weight: normal; }
#progress_overview #tableFooter .rowSelect { float: left; }
#progress_overview #tableFooter .export { float: none; display: inline; }
#progress_overview #tableFooter .pager { float: right; }
#progress_overview #dateContainer { float: right; width: 240px; position: relative; margin-top: -50px; }
#progress_overview #dateContainer .activeChoice { display: block; border: 1px solid #ccc; width: 230px; padding: 2px 5px; font-size: 12px; font-weight: bold; color: #000; background: #fff url(../images/dropdown_arrow.png) no-repeat 222px 8px; }
#progress_overview #dateContainer .choicesContainer { display: none; }
#progress_overview #dateContainer .choicesContainer.show { display: block; position: absolute; width: 220px; border: 1px solid #ccc; top: 22px; background: #eee; padding: 10px; }
#progress_overview #dateContainer .choicesContainer input { margin-top: 10px; }
#progress_overview #dateContainer .choicesContainer .campaignDesc { color: #666; font-size: 10px; font-weight: normal; }
#progress_overview #dateContainer .choicesContainer .choiceField { width: 70px; }
#progress_overview #dateContainer .choicesContainer .apply { 
	display:inline-block; text-align:center; cursor: pointer;
  	height: 20px; line-height: 20px; padding: 0 5px; 
  	font-family: Arial; font-size: 11px; font-weight:bold; color: #333 !important;
  	background:#eee; border: 1px solid #aaa;
  	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* firefox */
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* webkit */
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie */
  	}
#progress_overview #dateContainer .choicesContainer .apply:hover {
	background:#cdcdcd; 
	background: -moz-linear-gradient(top, #cdcdcd 0%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 ); /* ie */
	border: 1px solid #aaa; color: #333 !important; 
	}

/* USER DETAILS MODAL */

#userDetails { font-size: 12px; padding: 0.5em; }
#userDetails h2 { display: inline; font-size: 15px; }
#userDetails #details { padding: 1%; width: 33%; float: left; display: inline-block; background: #eee; }
#userDetails #details table { margin-top: 15px; width: 100%; }
#userDetails #details table tr td:first-child { width: 40%; padding: 2px; }
#userDetails #details table tr td:last-child { width: 60%; }
#userDetails #details table tr td:first-child { color: #666; }
#userDetails #details table.editableInfo tr:first-child td:last-child { color: #090; font-weight: bold; }
#userDetails #details .infoButton { 
	display:inline-block; text-align:center; cursor: pointer;
	height: 20px; line-height: 20px; padding: 0 5px; margin-top: 10px; margin-bottom: 5px;
	font-family: Arial; font-size: 11px; font-weight:bold; color: #333 !important;
	background:#eee; border: 1px solid #aaa;
	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie */ }
#userDetails #details .infoButton:hover { 
	background:#cdcdcd; 
	background: -moz-linear-gradient(top, #cdcdcd 0%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 ); /* ie */ }
#userDetails #log { padding: 1%; width: 61%; float: left; display: inline-block; }
#userDetails #log .newIssue { 
	display:inline-block; text-align:center; cursor: pointer;
	height: 20px; line-height: 20px; padding: 0 5px; float: right; margin-right: 5px;
	font-family: Arial; font-size: 11px; font-weight:bold; color: #333 !important;
	border: 1px solid #aaa;
	background: #cdeb8e; /* old browsers */
	background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* ie */ }
#userDetails #log .newIssue:hover { 
	background: #a5c956; /* old browsers */
	background: -moz-linear-gradient(top, #a5c956 0%, #cdeb8e 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c956), color-stop(100%,#cdeb8e)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c956', endColorstr='#cdeb8e',GradientType=0 ); /* ie */ }
#userDetails #log .summaryButton { 
	display:inline-block; text-align:center; cursor: pointer;
	height: 20px; line-height: 20px; padding: 0 5px; float: right;
	font-family: Arial; font-size: 11px; font-weight:bold; color: #333 !important;
	background:#eee; border: 1px solid #aaa;
	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie */ }
#userDetails #log .summaryButton:hover { 
	background:#cdcdcd; 
	background: -moz-linear-gradient(top, #cdcdcd 0%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 ); /* ie */ }
#userDetails #log table { text-align: left; border: 1px solid #999; width: 100%; margin: 15px 0 20px; background: #f6f6f6; }
#userDetails #log table.notes thead tr th:first-child,
#userDetails #log table.notes thead tr th:last-child,
#userDetails #log table.userLog thead tr th:last-child,
#userDetails #log table.notes tbody tr td:first-child,
#userDetails #log table.notes tbody tr td:last-child,
#userDetails #log table.userLog tbody tr td:last-child { text-align: center; }
#userDetails #log table thead tr th { color: #999; font-size: 11px; padding: 4px; }
#userDetails #log table tbody tr td { padding: 4px; border-top: 1px solid #999; }
#userDetails #log table tbody tr td a { font-weight: bold; }
#userDetails #log table tbody tr td span.open,
#userDetails #log table tbody tr td span.closed { display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 10px; color: #fff; text-align: center; padding: 2px 0; }
	#userDetails #log table tbody tr td span.open { background: #0c0; }
	#userDetails #log table tbody tr td span.closed { background: #666; }
#userDetails #log #commentBox { width: 100%; background: #ff9; }
#userDetails #log #commentBox .commentInput { height: 25px; width: 78%; margin: 2% 0 2% 2%; }
#userDetails #log #commentBox .publishComment { 
	display:inline-block; text-align:center; cursor: pointer;
	height: 32px; line-height: 32px; float: right; width: 15%; margin: 2% 2% 2% 0;
	font-family: Arial; font-size: 11px; font-weight:bold; color: #333 !important;
	background:#eee; border: 1px solid #aaa;
	background: -moz-linear-gradient(top, #fff 0%, #ccc 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ccc)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* ie */ }
#userDetails #log #commentBox .publishComment:hover { 
	background:#cdcdcd; 
	background: -moz-linear-gradient(top, #cdcdcd 0%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(100%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#ffffff',GradientType=0 ); /* ie */ }