@charset "utf-8";
/* CSS Document */
html{margin: 0; padding: 0;}
body{
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000;
	background-color: #392e70;
}
a:link, a:visited{ font-weight: bold; color: #4496ed; text-decoration: none;}
a:hover, a:active{ color: #392e70;}

ul{margin: 0; padding: 0; list-style-position:outside;}

.error-message{color: #cc0000; margin-left: 145px;}
#flashMessage{ padding: 20px; background-color: #eeeeFF; color: #CC0000; font-weight: bold; text-align: center; padding: 10px; border: 1px soldi #cc0000; width: 580px; margin-top: 20px;}

#content{background-color: #FFF; width: 950px; margin: 0;}

#header{border-bottom: 1px solid #392e70;}
#headerNav {list-style-type: none; float: right; margin: -54px 60px 0 0;}
#headerNav li {display: inline; margin-right: 20px;}

#logo {
margin: 0; padding: 0; 
width: 353px; 
height: 157px; background: #fff url(../img/logo.png) no-repeat;}

#logo span{display: none;}

#breadcrumb{border-top: 1px solid #392e70; text-align: right; padding: 3px 50px;}

#feature{background: #392e70 url(../img/featureBG.png) repeat-x; color: white; height: 84px; border: 1px solid #00236f; font-size: 18px;}
#feature h2{font-size: 18px; margin: 20px 0 20px 0; padding: 0; line-height: 18px;}
#feature img{float: left; margin-right: 20px; border: none;}
#feature a:link, #feature a:visited{color: white;}
#feature a:hover, #feature a:active{color: #CCCCCC;}

#callouts{margin: 5px; background-color: #4496ED; height: 433px; padding-top: 10px; padding-left: 10px;}

#q{position: absolute; margin: 193px 0 0 342px; color: #FFCC00; font-size: 58px; padding: 0;}
#q p{margin: 0; padding: 0; line-height: 58px;}

.calloutCell {display: block; width: 347px; height: 209px; float: left;}
.calloutCell h2{font-size: 18px; width: 347px; text-align: center; margin-top: 160px;}
.calloutCell a:link, .calloutCell a:visited{ font-weight: bold; color: #FFF; text-decoration: none;}
.calloutCell a:hover, .calloutCell a:active{ color: #392e70;}

#qualityCallout{ background: #4496EE url(../img/qualityCallout.png) no-repeat; height: 209px; margin-bottom: 5px;}
#environmentCallout{ background: #4496EE url(../img/environmentalCallout.png) no-repeat; height: 209px; margin-bottom: 5px; margin-left: 5px;}
#healthCallout{ background: #4496EE url(../img/healthCallout.png) no-repeat; height: 209px;}
#securityCallout{ background: #4496EE url(../img/informationCallout.png) no-repeat; height: 209px; margin-left: 5px;}

#welcome {padding-left: 20px; padding-bottom: 10px;}
#welcome h3{ font-size: 18px; color: #4496ed; margin: 5px 0; letter-spacing: normal;}

#footer{background-color: #392e70; padding: 5px 0 5px 20px; color: white;}

/*internal page styles*/

#leftNav{ position: absolute; width: 144px;}
#leftNav ul{list-style-type: none; margin: 0; padding: 0; background-color: #4496ee; min-height: 400px;}
#leftNav li{}

#leftNav li a{display: block; text-align: center; height: 14px; padding: 8px 0;}
#leftNav a:link, #leftNav a:visited{color: white; font-size: 14px; font-weight: bold;}
#leftNav a:hover, #leftNav a:active{background-color: #FFCC00;}

#leftNav li.first a:link, #leftNav li.first a:visited, #leftNav li.first a:hover, #leftNav li.first a:active{
background-color: #392e70;
}*/
#leftNav li.active a:link, #leftNav li.active a:visited{
background-color: #FFcc00;

}

#leftNav a:hover, #leftNav a:active{background-color: #FFCC00;}

#internalContent{padding-left: 180px; min-height: 400px;}

#internalContent h3{color: #392e70; font-size: 18px;}

/* assessment group controls */

#toggleControlContainer{margin: 10px 0;}

.assessmentGroup{width: 600px;}
.assessmentControl{color: white; font-size: 12px; padding: 5px 0 0 20px; border-bottom: 1px solid white; height: 25px;}
.assessmentControl strong{position: absolute;}
.assessmentControl a:link, .assessmentControl a:visited{color: white; text-decoration: none; padding: 0 20px;}

.assessmentControl.collapsed{background: #392e70 url(../img/assessmentGroupControlExpand.gif) 10px 4px no-repeat;}
.assessmentControl.expanded{background: #392e70 url(../img/assessmentGroupControlCollapse.gif) 10px 4px no-repeat;}

.assessmentControlEditLinks{width: 100%; text-align: right;}
.assessmentJob, .ReportAssessmentJob{background-color: #dedaf3; padding: 10px 0 10px 20px;}
.ReportAssessmentJob{background-color: #FFF;}
.ReportAssessmentJob .odd{background-color: #dedaf3;}
.ReportAssessmentJob th{font-weight: normal; font-size: 9px;}

.assessmentJob A:link, .assessmentJob A:visited{margin-left: 20px; color: #392e70;}
.assessmentJobCheckMark{}
.jobScore{float: right; margin-right: 10px;}

/* colours for completion status */
.groupScore0 {color:#AAAAAA; font-weight: bold;}
.groupScore1 {color:#FF3333; font-weight: bold;}
.groupScore2,.groupScore3 {color:#FFFF33; font-weight: bold;}
.groupScore4,.groupScore5 {color:#00FF33; font-weight: bold;}

/* assessment job stage */
#assessmentJobStageTitle{
	color: #4496EE;
}
.AssessmentJobScore0{color: #333333;}

.AssessmentJobScore1,
.assessmentJob .AssessmentJobScore1 a:link,
.assessmentJob .AssessmentJobScore1 a:visited
{color: #CC0000;}


.AssessmentJobScore2, .AssessmentJobScore3,
.assessmentJob .AssessmentJobScore2 a:link,
.assessmentJob .AssessmentJobScore2 a:visited, 
.assessmentJob .AssessmentJobScore3 a:link,
.assessmentJob .AssessmentJobScore3 a:visited
{color:#FF9900; font-weight: bold;}

.AssessmentJobScore4, .AssessmentJobScore5,
.assessmentJob .AssessmentJobScore4 a:link,
.assessmentJob .AssessmentJobScore4 a:visited, 
.assessmentJob .AssessmentJobScore5 a:link,
.assessmentJob .AssessmentJobScore5 a:visited
{color: #009900;}

.requirementStage{background-color: #dedaf3; width: 600px; padding: 0 20px 20px 20px; }
.requirementStage h2{color: #392E70;}
.requirementStage .score{color: #392e70; font-weight: bold;}

/* requirements for each job */
.assets{background-color: #FFF; padding-bottom: 10px;}
#internalContent .assets h3{color: #FFF; background-color: #392e70; padding: 4px 10px;}
#internalContent .assets p{padding-left: 10px;}

/*scoping notes */
.scopingNoteOdd{ background-color: white; padding: 3px 5px; color: #000000;}
.scopingNoteEven{ background-color: #4496ee; padding: 3px 5px; color: #FFFFFF;}
.scopingNoteEven .noteEdit a:link, .scopingNoteEven .noteEdit a:visited{
color: white;
}
.scopingNoteEven .noteEdit a:hover, .scopingNoteEven .noteEdit a:active{
color: #99FFFF;
}

/* form styles */
form.userForm{width: 600px; background-color: #DEDAF3; padding: 5px;}
form.userForm div{background-color: #4496ee; color: #FFFFFF; font-weight: bold; margin: 2px 0; padding: 2px;}
form.userForm div.submit{background-color: #DEDAF3;}
form.userForm input{width: 180px;}
form.userForm .submit input{width: auto;}
#btnBrowse{width: 75px;}
#txtFileName{width: 100px;}

form.userForm #fsUploadProgress div{background-color: inherit;}

/* user login form */
#userLoginForm{ 
width: 476px; height: 269px;
background-color: #0000FF;
background-image: url(../img/loginFormBG.png);
background-repeat: no-repeat;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #FFF;
}
#userLoginForm div{background: none; margin: auto; padding: auto;}
#loginFormPadding{
padding: 110px 0 0 50px;
}

#userLoginForm label{display: block; float: none; font-size: 16px; font-weight: bold;}
#userLoginForm .textbox { width: 350px; margin-bottom: 15px; font-size: 14px; font-weight: bold;}	

#userLoginForm div.submit{background-color: inherit;}

/* account view styles*/
.userList{
background-color: #DEDAF3;
padding: 10px 0 5px 20px;
margin-bottom: 20px;
}
.organisationDetails{background-color: #4496ee; color:#FFFFFF; padding: 5px 20px; margin-bottom: 10px;}
.organisationDetails a{color: white;}