/* 960gs reset.css and 960.css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_p5,.grid_1,.grid_1p5,.grid_2,.grid_2p5,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_4p5,.grid_4p3,.grid_1p8{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_1p5{width:105px}.container_12 .grid_2{width:140px}.container_12 .grid_2p5{width:185px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_p5{width:20px}.container_16 .grid_1{width:40px}.container_16 .grid_1p5{width:75px}.container_16 .grid_1p8{width:90px}.container_16 .grid_2{width:100px}.container_16 .grid_2p5{width:135px}.container_16 .grid_3{width:160px}.container_16 .grid_4{width:220px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .grid_4p5{width:250px}.container_16 .grid_4p3{width:245px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}

/* My stuff */
	body{ font: 90% "Trebuchet MS", sans-serif; margin-top: 10px; margin-left: -20px}
	.ui-state-error { display:none; }
	.ui-dialog { clear: both; z-index:20; }
	.ui-datepicker { clear: both; display:none; }
	.ui-widget-header h1 { font-size: 1.7em; }
	.ui-widget-content p { margin-bottom: 1em; }
	.ui-progressbar-value { background-image: url(images/progress2.gif); }
	.ui-dialog .ui-dialog-titlebar span.ui-button-text { display:none; }
	.icon-button { font-size:0.95em; }


	.number { }
	.topelem { z-index:510; }
	.main-header h2 { margin-bottom: 5px; font-size: 1.2em; }
	.main-header span { display: inline-block; position: relative; top: 3px}
	.footer { font-size: 0.8em;}
	.footer .line { border: solid; border-width: 0px 0px 1px 0px; width: 100%; }
	.fullwidth { width:100%; }

	.center { margin: auto auto; text-align: center;}
	.help-dialog { border: double; }
	.message-box { border: double; }
	.progressbar { background-image: url("/img/loading.gif"); width: 35px; height: 35px; margin: auto auto}
	fieldset.inner { padding-bottom: 5px; }
	.noborder { border-width: 0px;}
	.bold { font-weight: bold; }
	.padit { padding: 10px; }
	.boxit { border: groove 10px; }
	.empty { margin: 0px; padding: 0px; }
	.pointer { cursor:default; }
	.half { width:47%; display:inline; vertical-align:top; }

	div.header-menu { padding-left:20px;}
	div.header-menu .icon-button { float:right; min-width:60px; } 
	#keywords-panel { font-weight: lighter; width: 250px; float: right; }
	#keywords-panel h1 { text-align: center; }
	#keywords-panel input { width: 20px; }
	#keywords-panel p { margin: 0px; padding: 0px; }

	#audit-answers-header .menutext { font-size:0.90em; vertical-align:top}
	#audit-answers-header .menulabel { font-size:100%; }
	#audit-answers-header .col0 { width: 30px; }
	#audit-answers-header .col1 { width: 100px; }
	#audit-answers-header .col2 { width: 10px; }
	#audit-answers-header .col3 { width: 300px; }
	#audit-answers-header .col4 { width: 120px; }
	#audit-answers-header div.col0,div.col1,div.col2,div.col3,div.col4 {
		display: inline-block;
		zoom:1;
		*display:inline;
	}

	table.display { border:double; margin:auto auto;}
	table.display td { padding:3px 10px; border:1px solid; }
	table.display th { text-align:left; padding:3px 10px;}

	/* System Messages and Help Contents */
	#edit-message-box td { vertical-align:middle; }
	#help-container legend, #message-container legend { font-weight:bold; font-size:1.2em;}
	#help-content p.icon, #message-content p.icon { width:3%; float:left; margin:2px 0 0 0; border:none;}
	#help-content p.left, #message-content p.left { width:49%; float:left; font-weight:bold; margin-bottom:5px; }
	#help-content p.right, #message-content p.right { width:48%; float:left; text-align:right; margin-bottom:5px; }
	#help-content div.body, #message-content div.body { margin-left:3%; margin-bottom:15px }
	#help-content span.ui-icon, #message-content span.ui-icon { cursor:pointer; }
	#help-container, #message-container { box-shadow: 10px 10px 5px #888; margin-left:110px; margin-bottom:30px; padding:10px 10px 0 0;}
	#help-container hr, #message-container hr { margin: 0 0 0 10px; }
	#help-content div.help_topic_click, #message-content div.help_topic_click { cursor:pointer; }/*for help system*/
	#message-content ul, #help-content ul { margin-left:2em; margin-bottom:1em;}
	#message-content ul li, #help-content ul li { list-style: disc outside; }
	#message-content ul li ul li, #help-content ul li ul li { list-style: circle outside; }
	#message-content ol, #help-content ol { margin-left:2em; margin-bottom:1em;}
	#message-content ol li, #help-content ol li { list-style-type:decimal}
	#message-content ol li ul li, #help-content ol li ol li { list-style-type:lower-alpha; }

/*****************************************************************
 *
 * Various DataTables
 *
*/
	#assignments-table th { cursor: pointer; }
	#audit-listing-table td.col5 { padding-right: 10px; text-align: right;}
	#audit-listing-table td { padding-left: 5px; }
	#audit-listing-table th.col1,th.col2,th.col3,th.col4 { cursor: pointer; }
	span.css_right { float: left; }
	#audit-listing-table_paginate span { padding: 0 6px; }
	#audit-listing-table_length { width:140px; }
	#activity-log-table th.col0,th.col1,th.col2,th.col3 { cursor: pointer; }

	#manage-table th.coln { cursor: pointer; }
	#question-listing-table th.coln { cursor: pointer; }
	#manage-table td { padding:2px 4px; }
	#manage-table td.col1 { padding:0; }
	#old-manage-table th.coln { cursor: pointer; }
	#edit-table td.col1 { font-weight: bold; padding-right: 10px; vertical-align:middle; }
	#edit-table td.col2 { width:80%; }
	#edit-table .edit-text{ width: 400px; }
	#question-filters select.afilter { width:180px; margin-bottom:5px; }
	div.fg-toolbar { padding-top: 1px; }
	.filter-set select { display:block; width:140px; }
	.filter-set { float:left; padding:0 4px 5px 4px; display:inline; border:1px solid; margin:-10px 3px 5px 0;}
	.filter-set legend { text-align:center; }
	.filter-set-wide select { display:block; width:270px; }
	.filter-set-wide { float:left; padding:0 4px 5px 4px; display:inline; border:1px solid; margin:-10px 3px 5px 0;}
	.filter-set-wide legend { text-align:center; }
	.help-video-button { width:120px; }
	.fg-toolbar .paging_full_numbers { width:auto !important; }

	#advanced-question-filters select { display:inline-block; width:160px; }
	#question-listing-table_filter { width:240px; }
	#question-listing-table_processing { left:600px; }

/*****************************************************************
 *
 * Menu Panels
 *
*/
	.button-list .icon-button { margin:0 5px 5px 0; min-width:130px; float:left; }
	.space-out-menu { margin-bottom: 6px; }
	.menu-panel { margin-bottom: 5px; }
	.menu-panel select { margin: 0px 0px 2px 0px; }
	.menu-panel fieldset,.mini-panel fieldset { border: 1px solid; }
	.menu-panel fieldset label,.mini-panel fieldset label { font-weight: normal; }
	.mini-panel legend, .menu-panel legend { font-weight: bold; padding: 0px}
	.mini-panel label { font-weight: normal; margin: 0px; padding: 0px}
	.mini-panel p { margin-bottom: 0px; }
	.menu-panel h2 { margin-left: 4px; }
	.menu-panel .text-box { border: solid 1px; margin: 0px 0px 2px 0px; }
	.error { padding: 0px 4px 0px 4px; }
	.form-pad { padding: 4px 4px 4px 4px; }
	.button-group { margin-top:10px; }
	.button-group legend { width:100%; text-align:center; margin-top:-22px; margin-bottom:5px; font-size:1.1em; }
	.button-group .icon-button { margin:5px auto; font-size:0.80em; }
	.button-group .first { margin-left:5px; }
	#batch-detail-header .button-group { height:65px; margin-bottom:5px; }
	#batch-detail-header .button-group legend { font-size:100%; }

	.setups-menu { margin-bottom:20px; }
	.setups-menu h2 { font-size:1.2em; text-align:center; margin-bottom:5px; }
	.setups-menu .desc { width:305px; float:left; display:inline; margin-left:10px; }
	.setups-menu div.boxit { border:1px solid; }
	.setups-menu div.padit { padding:0 10px; }

	#save-buttons button { width:215px; margin-bottom:10px; }

	div.filter-content { display:none; }
	div.filter-body-border { border: 1px solid #999; }
	div.filter-row { margin-top:5px; }
	div.filter-body { margin-bottom:5px; }

/*****************************************************************
 *
 * Buttons based on ui-icon
 *
 * NOTE: I borrowed much of the ui button styling from
 *			 http://www.filamentgroup.com/examples/buttonFrameworkCSS/
 *
*/

	p.button-wrapper { border:medium none !important; position:relative; top:2px}

	.ui-icon-blank { background-position: -224px -224px; }
	.plain-button {
		outline: 0;
		margin: 0 4px 0 0;
		padding: 0;
		text-decoration:none !important;
		cursor:pointer;
		position: relative;
		text-align: center;
		zoom: 1;
	}

	.icon-button {
		outline: 0;
		margin:0;
		/*margin: 0 4px 0 0;*/
		padding: 0 0.6em;
		text-decoration:none !important;
		cursor:pointer;
		position: relative;
		text-align: center;
	}

	/* for IE we remove extra button width */
	button.icon-button { width:auto; overflow:visible; }

	.plain-button .ui-icon {
		position: absolute;
		top: 50%; left: 50%;
		margin-top: -8px;	margin-left: -8px;
	}
	.icon-button .ui-icon {
		position: absolute;
		top: 50%; left: 50%;
		margin-top: -8px; margin-left: -8px;
	}

	a.icon-button { float:left; }
	.icon-button-left { padding-left: 1.5em; }
	.icon-button-right { padding-right: 1.5em; }
	.icon-button-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.icon-button-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	span.icon-spacer { position:absolute; top:-4px; left:3px; color:#777}
	a.icon-spacer { position:relative; float:left; }

	button { cursor: pointer }
	.my-ibutton-left { text-align: center; float: left; margin-left: -5px; margin-top:3px;}
	.my-ibutton-right { float: right; margin-left: -5px; margin-right: -15px}
	#save-edit-button { min-width:80px; }
	#cancel-edit-button { min-width:80px; }

	/* use block properties so that text-indent will work */
	.icon-button-solo { display:block; height: 16px; text-indent: -9999px; }

	.inline { display: inline-block; zoom:1; *display:inline; }
	.tricol { width:282px; vertical-align:top}
	.eighty { width:78px; }
	.sixty { width:55px; }
	.mid { position:relative; top:2px}

	.button-space { margin:5px; }

/*****************************************************************
 *
 * Audit Questions Panel
 *
*/
	#question-master-panel span.number { font-weight:bold; }
	#question-master-panel .gray, input.tag.gray { color:#999999 !important;}
	#question-master-panel { font-size: 1.1em }
	#question-master-panel li { margin-bottom: 1em; border: solid 1px; } /* padding:2px 0px 2px 0px}*/
	#question-master-panel div.ribbon-name span, #question-master-panel span.ui-icon {
		display: inline-block;
		zoom:1;
		*display:inline;
	}
	#question-master-panel li h3{ font-size: 1.3em; }
	#question-master-panel .detail { float:right; margin: 0.4em 0.5em 0px 0px; }
	#question-master-panel .header { padding:2px 0px; position:relative; font-size:0.90em; z-index:10; }

	.ribbon-name {
		border:medium none !important;
		width:315px;
		cursor: pointer;
	}
	.ribbon-form{ font-size:0.9em; }
	.ribbon-form select { width:140px }
	.ribbon-right{ font-size:0.9em; float:right; margin-top:2px}

	.question-ribbon, .question-ribbon p , .question-ribbon label { padding: 0px; margin: 0px 0px 5px 0px; }
	.question-ribbon label, p.col1,p.col2,p.col3,p.col4,p.col5,p.col6,p.col7,p.col8,div.col8,p.col3h,p.col4h,p.col5h,p.col6h,p.col7h,p.col8h {
		display: inline-block;
		vertical-align: top;
		zoom:1;
		*display:inline;
	}
	.question-ribbon-header { font-weight: bolder; margin-top: 0.5em; margin-bottom: 0px}


	.question-ribbon p.col4,p.col5,p.col6,p.col4h,p.col5h,p.col6h { cursor:pointer }
	.question-ribbon p.col4,p.col5,p.col6 { height:30px }
	.question-ribbon p.col3,p.col7,p.col8 { margin-top:7px}
	.question-ribbon input, .question-ribbon a { vertical-align:middle; cursor:pointer }

	.question-ribbon .col1 { width: 25px; }
	.question-ribbon .col2 { width: 620px; }
	.question-ribbon .col3, .question-ribbon .col3h { width: 20px; text-align: left; }
	.question-ribbon .col4, .question-ribbon .col4h { width: 30px; text-align: center; }
	.question-ribbon .col5, .question-ribbon .col5h { width: 30px; text-align: center; }
	.question-ribbon .col6, .question-ribbon .col6h { width: 30px; text-align: center; }
	.question-ribbon .col7, .question-ribbon .col7h { width: 45px; text-align: center; }
	.question-ribbon .col8, .question-ribbon .col8h { width: 95px; } /*padding-left: 15px;}*/

	.step1,.step2,.step3,.step4 { height:140px; }

	#question-master-panel .instructions { border-bottom:1px solid; font-size:1.1em; padding:5px; }
	#question-master-panel .instructions span { font-weight:normal; }


/*****************************************************************
 *
 * Reports Page
 *
*/
	#report-accordion h3 { display: block; }
	#report-accordion { font-size: 1.0em; }
	a.help-button-inline {
		position:relative;
		top:3px;
		float:none;
		display:inline-block;
		width:8px;
		height:12px;
		border:1px solid;
	}

	table.subject-table td { padding:0 5px; }
	table.subject-table th { text-align:left; padding:0 5px;}
	table.subject-table { margin-bottom:10px; }

/*****************************************************************
 *
 * Setups Page
 *
*/
	.setup-button {
		border-right: solid 1px;
		margin-right: 0px;
		margin-left: 0px;
		text-align: center;
		border-color: #cccccc;
	}
	.last-button { border-right: 0px; }

/*****************************************************************
 * Comboboxes (autocomplete) fields.
*/
	.ui-autocomplete {
		position: absolute;
		top: 0;
		left: 0;
		cursor: default;
		max-height:200px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	.custom-combobox {
		position: relative;
		display: inline-block;
	}
	.custom-combobox-toggle {
		position: absolute;
		top: 0;
		bottom: 0;
		margin-left: -1px;
		padding: 0;
	}
	.custom-combobox-input {
		margin: 0;
		padding: 5px 10px;
	}
	.custom-combobox input.ui-autocomplete-input { width:199px; height:19px; }
	.ajaxpanel .custom-combobox { left:-60px; margin-bottom:2px; }
	.ajaxpanel.combobox a.icon-button { left:220px; }
	.ajaxpanel { width:100%; display:none; }

#filters .input-group label { text-align:right; }


/*****************************************************************
 * On-off switch
*/
.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #999;
}

input:focus + .slider {
	box-shadow: 0 0 1px #999;
}

input:checked + .slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

#autoanswer-options {
	width:325px;
	border:1px solid;
	padding:5px;
}

/**************************************************
 * Auth-specific Rules
*/

#auth-template {
	margin:0 auto;
	max-width:960px;
	box-sizing:border-box;
}

#auth-template *, *:before, *:after {
	box-sizing: inherit;
}

#auth-panel {
	margin: 8px;
}

#auth-header-panel {
	text-align:center;
}

#auth-header-panel img {
	max-width:175px;
}

#auth-template body {
	margin:0;
}

#auth-body-panel {

}

#auth-content-panel {
	margin:0 auto;
	max-width:400px;
}

#auth-content-panel input {
	display:block;
	width:100%;
	margin:8px 0;
}

#auth-content-panel label {
}

#auth-content-panel input[type="submit"] {
	padding:2px;
}

#auth-form-fields {
	width: 300px;
	margin:0 auto;
}

#auth-template .footer {
	border:none;
}

@media all and (max-width: 600px) {
	#auth-panel {
		margin:0;
	}

	#auth-body-panel {
		border:none;
	}

	#auth-body-panel fieldset {
		border:none;
		width:100%;
	}

	#auth-body-panel fieldset legend {
		display:none;
	}

	#auth-form-fields {
		width: 100%;
	}

}