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

* { margin: 0; padding: 0 }
br { clear: both }

body {
line-height: 18px;
font-size: 12px;
margin: 0;
padding: 0;
background-color: #f7f7f7;
}

body #gSearch { line-height: 11.5px }

body #shu_page { margin-left: auto; margin-right: auto;  }
h2 {
border-bottom:10px solid #95B2B5;
color:#004488;
font-family:"Trebuchet MS",Trebuchet,Helvetica,Arial,sans-serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:32px;
padding-left:12px;
margin-top: 25px;
}

div.CS_Textblock_Text {  }

.spWrap { min-height: 500px; overflow: hidden }

fieldset ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

fieldset ul li {
clear:both;
padding-bottom:2px;
}

fieldset {
border:0pt none;
padding: 0 13px 3px;
margin-top: 25px; 
}

h3 {
color:#3566A0;
font-family:"Trebuchet MS",Trebuchet,Helvetica,Arial,sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.4em;
}

div.spAction h3 { margin-top: 1em; line-height: 1.3em }

fieldset h3 { margin-left: -13px }
fieldset label, fieldset span.label, span.label {
text-align: left;
float:left;
margin-right:5px;
width:152px;
font-size: 12px;
clear:both;
}

fieldset#gSearch label {
float:left;
margin-right:0px;
width:auto;
font-size: inherit;
font-weight: normal;
}
fieldset#gSearch input { height:16px }

fieldset input {
padding:1px 10px;
margin: 0px 5px 0px 10px;
width: auto;
}
div#submitButton fieldset table { margin-left: -15px; width: 90% }
div#submitButton table td { padding-top: 6px; padding-bottom: 6px; padding-right: 10px ; width: 40%; vertical-align: bottom }
div#submitButton fieldset input { width: auto }
div#submitButton fieldset table td input {

margin: 10px 10px 0 0 ;

}
fieldset li.grid input { width: auto; border: 0; }
fieldset li.radio input { width: auto; margin-right: 10px; clear: both; border: 0} 
fieldset li.boxes input { width: auto; margin-right: 10px; clear: both; border: 0}

fieldset li.assessments input { width: auto; margin-right: 20px; margin-left: 100px }
#popUp fieldset table.scoringgrid input{ width: auto; }

fieldset input#f_date_c, fieldset input#f_date_d  { width: 112px }

fieldset.buttons { margin-left: 0 }
fieldset.buttons input { width: 20px; margin-left: 15px; border: 0 }
fieldset.buttons ul li {  padding-top: 2px; text-align: left }
fieldset.buttons label { width: 212px;  }

fieldset select optgroup { background-color: #e7e7e7 }
fieldset select optgroup option { background-color: #ffffff }

fieldset input, select, fieldset.buttons input#submit, textarea {
border:1px solid #7FA2C4;
padding:1px;
margin: 1px 5px 1px 10px;
}

fieldset input.radio { border: 0 }

fieldset input#submit, fieldset input.submit { float: right; width: 112px; font-weight:bold;  margin-top: 25px }
fieldset input#submit, fieldset input.submit { width: 112px }
fieldset input#submit:hover , fieldset input.submit:hover { background-color: #66FF33 }
fieldset input#submit.questioned:hover  { background-color: #ff6633; color: #ffffff }
#shu_page {
font-size:12px;
font-size-adjust: none;
text-align:left;
}

.spText { margin-left: 0; margin-top: 0; width: auto; }
.spTextNarrow {
	width: 600px;
	margin: 0;
	float: left;
}

.spText p, .spTextNarrow p{ font-size: 12px }
.spText p, .spTextNarrow p  { padding: 13px 13px 13px }
.spText .buttons p { padding-left: 0 }
.spText fieldset p { padding: 5px 0 13px 0 ; clear: both; }
.spText fieldset li p { padding-bottom: 0 }

.spAction { margin: inherit ; width: 352px; }
.spActionNarrow { float: right; width: 400px }
.spActionNarrow ul, .spActionNarrow ol, .spActionNarrow p { list-style-type: none; margin-left: 20px ; margin-right: 10px; padding-top: 13px; }
.spActionNarrow ol { list-style-type:decimal; list-style-position: inside }
.spAction ul, .spAction ol, .spAction p { list-style-type: none; margin-left: 20px ; margin-right: 10px; padding-top: 13px; }
.spAction ol { list-style-type:decimal; list-style-position: inside }

table.results { margin: 5px 13px }
table.results th { font-weight: normal; border-bottom: 2px solid #e7e7e7; vertical-align: bottom}
table.results th, table.results td { padding-right: 5px }
table.results td.yes, table.results td.no { text-align: center; }
table.results td.yes { color: #009933 }
table.results td.no { color: #ff0000 }

table.sortable { margin-top: 20px }
table.sortable th { font-weight: bold; background: url(images/play.png); background-repeat: no-repeat; padding-left: 20px; }
table.sortable td { padding: 2px 30px 5px 0 }
table.sortable tr.odd td { background-color: #eee }
.ui-widget-content table.sortable tr td  a.evaluated { color: #999 }

/* used for form validation */
.incomplete { border: 3px solid #faa; background: #ffc; }

span.radio { height:20px; float: left }

.red { color: #c33 }

fieldset { 
	border:1px solid #ddd; 
	padding: 5px 15px; 
	margin: 15px auto;
	width: 75% }
#submitButton fieldset { border: 0 }

	fieldset.top { clear: both }
	#groupeval fieldset { /* margin-top: 5px; */ margin-bottom: 10px; padding: 5px  }
	#groupeval fieldset fieldset { border: 0; padding: 5px 15px; }
	fieldset ul li fieldset { margin-top: 0px; width: 90% }
	fieldset legend { font-weight: bold; padding: 5px; font-size: 1.2em; color: #036; }
	#groupeval fieldset legend { color: #eff }
	fieldset span { display: block; width: 90% }
	fieldset span.link { display:inline }
	fieldset fieldset legend { font-size: 1em }
	fieldset label { display: -moz-inline-box; vertical-align: top; width: 278px; clear: left }
	.basic label { _display: inline-block; width: 228px; }
	.essays label { _display: inline-block; width: 381px; }
	.formbox {margin: 0;}
	
	fieldset li.textarea label { display: -moz-inline-box; vertical-align: top; width: 478px; margin-bottom: 15px;  }
	fieldset li.textarea label { _display: inline-block; width: 428px;  margin-bottom: 15px;}
	fieldset li.grid label, fieldset li.radio label, fieldset li.boxes label { display: -moz-inline-box; vertical-align: top; width: 478px; margin-bottom: 5px; font-weight: bold  }
	fieldset li.grid label, fieldset li.radio label, fieldset li.boxes label { _display: inline-block; width: 100%;  margin-top: 15px; font-weight: bold}
	
	fieldset input, fieldset textarea, fieldset select { 
		font-family: Arial, Verdana, Helvetica;
		font-size: 14px; 
		margin-bottom: 2px;   
		}
		
	fieldset ul { margin: 0; padding: 0 }
	fieldset ul li { list-style: none; padding: 8px 5px 8px }
	fieldset ul li ul li { padding-left: 10px; padding-bottom: 20px }
	fieldset ul li ul li ul li  { padding-left: 0 ; padding-top: 0px}
	fieldset ul.bulleted li  { list-style:square; margin-left: 15px }
	
	fieldset input.complete { color: #cccccc; border-color: #cccccc }
	
	fieldset table { width: 100%; float: left; clear:both }
	fieldset table th { text-align: left; vertical-align: bottom; padding: 0 5px }
	fieldset table td { border-bottom: 1px solid #ddd; padding-top: 4px }
	fieldset table td input { width: 100px;  margin-left: auto; margin-right: auto }
	/* fieldset.primarytraits { display: none } */
	
	fieldset input, select, textarea, fieldset.buttons input#submit, input#proceed {
border:1px solid #7FA2C4;
padding:1px;
margin-bottom: 2px;
}
input#proceed { white-space: normal }

fieldset select.HiddenClassList { display:none }

fieldset input.confirm { float: left; width: auto; margin: 3px 5px 0 0  }

fieldset input#submit, fieldset input#reset, input#proceed { float: right; width: 112px; font-weight:bold; text-transform: uppercase; margin-top: 25px }
fieldset input.submit { width: 112px }
#submitButton fieldset input#submit, input#proceed { width: auto; float: none; margin: 0  }
input#proceed { width: 300px; margin: 30px  20px }
fieldset input#submit:hover, input#proceed:hover { background-color: #66FF33 }
fieldset input#reset:hover { background-color: #ff6666 }

	label.error { color: #c33; /* background-color: #fff; */ font-size: .8em; }
	input.error { border: 1px solid #f00; font-size: 1em;}
	
	fieldset label.error { float: left }

	p.warning { font-weight:bolder; color: #333; background-color:#ebe2c8; border: 1px solid #ff0; padding: 5px; margin: 15px; }
	p.footnotes { font-size: 0.9em; margin-top: 1.5em; }


#Export { margin-top: 25px }
#Export h3 { margin-top: 10px }
#Export ol { margin-left: 35px }
#Export ol li { padding: 10px }

	/* these two generate the grey background while screens are disabled */
.FreezePaneOn
   {
      position: absolute;
      top: 0px;
      left: 0px;
      visibility: visible;
      display: block;
      width: 100%;
      height: 1000%;
      z-index: 90;
      background: #ccc;
	  filter:alpha(opacity=35) !important;
	  opacity:0.35 !important; 
      padding-top: 20%;
	  overflow: hidden;
   }

   .FreezePaneOff
   {
      visibility: hidden;
      display: none;
      position: absolute;
      top: -100px;
      left: -100px;
	  
   }
   
   /* popUp Panel holds the scoring form table  */
   
 #popUp {
	position: fixed;
	/* visibility: hidden; */
	display: none;
	width: 551px;
	/*height: 670px;
	left: 700px;*/
	top: 25px;
	background-color: #e7e7e7;
	border: 1px solid #048;
	padding: 0px 10px 10px;
	z-index: 500;
}

#close, p.continue {
	float: right;
}	

/* CK Editor Styles */
	fieldset span.cke_skin_kama { clear: both }	
	fieldset .cke_skin_kama *, .cke_skin_kama a:hover, .cke_skin_kama a:link, .cke_skin_kama a:visited, .cke_skin_kama a:active { float: left;  }
	fieldset table td.cke_contents { width: 425px }
	
	/* TinyMCE Styles */
	.defaultSkin table.mceLayout { float: left }
	/* tabs for admin screen */
	.ui-tabs .ui-tabs-hide {
     display: none;
}
	/* Popup Window */
	div#nameheader { width: 100%; margin: 0px auto; padding: 5px 20px; color: #fff; background-color: #95B2B5 }
	div#studentEssay h3, div#studentResponses h3, div#submitButton h3 { padding-left: 0 }  
	div#studentEssay, div#studentResponses, div#submitButton { 
		width: 90%; 
		margin: 15px auto; 
		color: #000; 
		background-color: #fff; 
		border: 1px solid #95B2B5;
		padding-left: 13px; 
		padding-bottom: 15px;
		}
	div#studentEssay div ol, div#studentEssay ul { margin-left: 20px }
	
	a.box-toggle-hide, a.box-toggle-show { clear: both; float: right; margin: -20px 15px 0 0 ; text-decoration: none; color: #c33; }
	a.box-toggle-show { color: #3c3 }
	
	div#studentResponses table { margin-right: 15px }
	div#studentResponses table tr.section th { border-bottom: 2px solid #e7e7e7; padding-bottom: 0 }
	div#studentResponses table tbody th, div#studentResponses table td { 
		border-bottom: 1px solid #e7e7e7; 
		margin-top: 5px; 
		padding: 5px 10px 10px 0;
		vertical-align: top;
		width: 50%;
		}
	div#studentResponses table tbody th { border-bottom: 0; text-align: left }	
	div#studentResponses table th.section { padding: 25px 0 0; border: 0 ; font-size: 1.1em; color: #3566A0; }	
	div#studentResponses table tbody td.subquestion { padding: 5px 10px }
	
.notshown { visibility: hidden; display: none }
.shown { visibility: visible; display: block }
#studentSubmission { visibility: hidden; display: none }

a.detailread:link, a.detailread:active, a.detailread:hover, a.detailread:visited { color: #aaaaaa }

/* hidden/visible elements */
.conditional, .conditional .conditional .border { 
	background: #fff; 
	border: 1px solid #7FA2C4; 
	margin-left: 228px;
	-moz-border-radius: 8px 8px 8px 8px;
	padding-bottom: 15px;
	}
.conditional .conditional .border { margin-left: 0; padding:8px }	
.conditional .conditional { margin-left: 0; border: 0; padding-bottom: 0 }	
.conditional label { width: 150px; /* padding-bottom: 5px */ }

.conditional span.conditional { font-style: italic; margin-left: 10px; margin-right: 10px ; margin-bottom:10px; clear: left }

.section { border-top: 5px solid #efefef;  }

.calendar { background-image:url("../images/calendar.png"); background-position: right center; background-repeat: no-repeat }
.clock { background-image:url("../images/clock.png"); width: 220px; background-position: right center; background-repeat: no-repeat }

div.grippie {
background:#eee url(../images/grippie.png) no-repeat scroll center 2px;
border-color:#DDDDDD;
border-style:solid;
border-width:0pt 1px 1px;
cursor:s-resize;
height:9px;
overflow:hidden;
margin-left: 242px;
width: 353px; 
}
.resizable-textarea textarea {
/* display:block; */
margin-bottom:0pt;
width:350px;
height: 20%;
}

div#caveats { padding: 0 15px }

.subheader {margin: 13px}