/*
 All color changes can be found in the school specific style sheet
 */

h3.page-title{font-size: 120%; margin:5px 0 20px 0; padding:0;}
div#swapstylesheet{margin-right:8px;}

table > tbody > tr.ctrlHolder > td{border-top: 1px solid #999999;}
table > tbody > tr.ctrlHolder > td.number{font-weight:bold;}

table > tbody > tr.ctrlHolder tr, table > tbody > tr.ctrlHolder td{background-color: transparent;}

table > tbody > tr.ctrlHolder > td select{border:2px solid #999999;}
 
#new-users{padding-left:5px;}
#returning-users{padding-right:5px;}
/* Login Page */

div#login-information{width:97%; margin:20px auto; font-size:80%;}
div#login-information h1,
div#login-information h2,
div#login-information h3 {font-size:110%; margin:5px 0; padding:0; text-align:center;}


form#new-user-login fieldset, #returning-user-login fieldset {border:0;}
form#new-user-login legend, #returning-user-login legend{display:none;}

#secondary-login-links{margin:15px auto; width:95%; font-size:80%;}
#secondary-login-links ul {padding-left:40px;}
#secondary-login-links ul li {padding:0px; line-height:13px;}

/*Browser Hawk Config */
#min-config-message{width:98%; margin:0px auto; font-size:90%;}
.bhawktestname { font-variant: small-caps; }
.bhawkpass .bhawktestmessage { color: green; }
.bhawkfail .bhawktestmessage { color: red; }
.bhawkwarn .bhawktestmessage { color: yellow; }
.bhawkrules .bhawkfail .bhawkteststatus {
	background: #F8F7EF url(/assets/icons/24/warning.png) 10px 1em no-repeat;
	padding-left: 50px;
}



/* Personal Information Section */
#email-error-message{font-weight:bold; font-size:90%; color:#b52d2d;} 

/*Assessment Base Styles*/
table.question-matrix-noborder, table.question-matrix-noborder td{border:0px white solid;}
table.question-matrix-noborder td.number{vertical-align:top;}

/* Personal Attributes Section*/
table#personal-attributes, table#learning-styles-questions{width:100%;}
table#personal-attributes th, table#learning-styles-questions th{border-bottom:3px double #CCCCCC; vertical-align:middle;}
table#personal-attributes th.answer, table#learning-styles-questions th.answer{text-align:center;}
table#personal-attributes td, table#learning-styles-questions td {/*border-bottom:1px solid #CCCCCC; */vertical-align:middle;}
table#personal-attributes td.number, table#learning-styles-questions td.number{width:5%; vertical-align:top;}
table#personal-attributes td.question, table#learning-styles-questions td.question{width:45%;}
table#personal-attributes td.answer, table#learning-styles-questions td.answer{width:12.5%; text-align:center;}

/* Tech Knowledge Styles*/
#tech-knowledge {}
#tech-knowledge .section-name{font-weight:bold; font-size:110%; padding:3px 0; border-bottom:3px double #bfbfbf;}
#tech-knowledge td {padding:5px 0;}
#tech-knowledge td.number{vertical-align:top; padding-right:5px;}
#tech-knowledge td div.question {font-weight:bold;}
#tech-knowledge td div.answer {padding:5px 0 0 15px;}
#tech-knowledge td div.question table, #tech-knowledge td div.question ul {font-weight:normal;}



#tech-knowledge .ctrlHolder label{float:none; width:100%; font-weight:normal;}
#tech-knowledge .question{font-weight:bold;}
#tech-knowledge .tech-knowledge-answer-options td{padding:2px;}


/* Technical Competency questions*/

#techincal-comp-os-selection .ctrlHolder label, #techincal-comp-program-selection .ctrlHolder label{float:none; width:100%; font-weight:normal;}

div.task{padding:8px 0; clear:both; border-top: 1px solid #999999;}
div.task-title{font-size:110%; font-weight:bold;}
div.task-screenshot{text-align:center; padding:10px 0;}
div.task-screenshot img{border:1px solid #707070;}
.clear{clear:both; margin:0; padding:0;}

.task-answers{padding:10px 0; text-align:center;}
.task-answers-block{}
ul.multi-choice{list-style-image:none; list-style-position:outside; list-style-type:none; margin:auto 0;}
ul.multi-choice li{float:left; padding:2px;}
ul.multi-choice-block{ margin:3px 0 0 20px; list-style-type:none;}
ul.multi-choice-block li{padding:2px;}

div.opt-out-box{display:none; border:1px solid #999999; padding:6px; background-color:#eaeaea;}
div.opt-out-box ul {list-style: none; margin:3px 0 0 20px;} 
div.opt-out-box span{font-weight:bold; color:#c60000;}

#technical-competency-questions .ctrlHolder label{float:none; width:100%; font-weight:normal;}

/* REading questions answers */
#reading-recall .ctrlHolder label{float:none; width:100%; font-weight:normal;}
#reading-recall .ctrlHolder ul {list-style: none; margin:3px 0 0 20px;}
#reading-recall .question{font-weight:bold;}


/*Style the start page table*/

.start-page-section-info .overview {width: 65%;}
.start-page-section-info .overview .name{font-size:120%; font-weight:bold;}
.start-page-section-info .overview .details{font-size:85%; font-weight:normal; padding:8px 0 0 20px;}
.start-page-section-info .actions {vertical-align:middle;}
.start-page-section-info .overview, .start-page-section-info .actions {border-bottom:1px solid #E0E0E0;}
	
/* The container that primarly holds the toolbar for the full page (disaggregate layout) */
#controlBar{width:98%; margin:0 auto;}


td.view-results{text-align:center; padding:30px 0 30px 0; }