body{
  margin:0px;
  color:#FFFFFF;
  background:url(../Images/bg.gif) repeat-x #000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:80%;
  line-height:1.4;
}
p {
  margin:13px 0;
  padding:0;
}
h1 { font-size:140%; margin:13px 0; padding:0; }
h2 { font-size:120%; margin:13px 0; padding:0; }
h3 { font-size:100%; margin:13px 0; padding:0; }

ol, ul {
  margin-top:13px;
  margin-bottom:13px;
}
#container{
  position:relative;
  width:1040px;
  left:50%;
  padding-left:0px;
  padding-right:0px;
  padding-top:13px;
  margin-left:-520px;
  background-color:#757575;
}
a:link, a:visited{
  color:#D5FF6D; 
  font-weight:bold;
  text-decoration:none;
  border-bottom:1px dotted #D5FF6D;
}
a:hover{
  border-bottom:1px solid #C4FF30;
  color:#C4FF30;
}

/* ----- Header -------------------------------------------------------------- */
#headerWrapper{
  padding-left:13px; 
  padding-right:15px;
}
#headerLogo{
  float:left;
  margin-top:15px;
}
#headerRightNavig{
  float:right;
  text-align:right;
  height:70px;
}
#banner{
  padding-left:70px;
}

/* ----- Top menu ------------------------------------------------------------ */
a.menuItem{
  position:relative;
  width:auto;
  background:url(../Images/menubg.png);
  float:left;
  display:block;
  height:40px;
  line-height:40px;
  margin-left:-5px;
  padding-left:21px;
  padding-right:7px;
  font-weight:bold;
  font-size:90%;
  color:#2D2D2D !important;
  text-decoration:none;
  border-bottom:none !important;
}

/* ----- Lists --------------------------------------------------------------- */
ul#directionsList {  
  margin-left: 0;
  padding-left: 0; 
  list-style-type:none;
  position: relative;
}
li.list1, li.list2, li.list3{
  margin-top:10px;
  margin-bottom:10px;
  padding-left:60px;
  padding-top:15px;
  background-repeat: no-repeat;
  position: relative;
}

li.list1 { background-image: url(../Images/list1.png); }
li.list2 { background-image: url(../Images/list2.png); }
li.list3 { background-image: url(../Images/list3.png); }

/* ----- Text ---------------------------------------------------------------- */
#textContainer{
  padding-top:10px;
}
#textContainer p, #textContainer ul, #textContainer ol{
  text-align:justify;
}
.column1{
  position:relative;
  left:20px;
  width:190px;
  padding-left:5px;
  float:left;
}
.column2{
  position:relative;
  padding-left:10px;
  min-height:350px;
  width:780px;
  float:left;
}
.column3{
  width:680px;
  margin-left:130px;
  min-height:350px;
}
#FooterContainer{
  padding-top:30px;
  bottom:0px;
  position:relative;
  left:50%;
  width:780px;
  margin-left:-348px;  
  margin-left:-365px;  
}

/* ----- Left navigation between assessments --------------------------------- */
a.leftNavLinkActive, .leftNavLinkInactive{
  display:block; 
  text-align:center; 
  width:169px; 
  text-decoration:none; 
  font-size:110%;
  line-height:1.2;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom:none !important;
}
a.leftNavLinkActive{
  color: White !important;
}
a.leftNavLinkActive:hover{
  display:block; 
  text-align:center; 
  width:169px; 
  text-decoration:underline
}
.leftNavLinkInactive{
  color:#656364
}
.leftNavLinkSelected {
  background-color:#8C8C8C;
}
select.leftNavAdminSection
{
  width:149px;
}
#adminNavigation .leftNavLinkActive{
  text-align:left;
  padding-left:20px;
  width:149px;
  margin-top:2px;
  margin-bottom:2px;
}

.leftNavActive, .leftNavInactive{
  width:169px; 
  height:39px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.leftNavActive{
  background:url(../Images/active.png) bottom no-repeat; 
}
.leftNavInactive{
  background:url(../Images/disactive.png) bottom no-repeat; 
}

.regionMenu{width:157px;text-align:center; font-weight:bold; padding-top:10px; padding-bottom:10px;margin-left:5px; border: 1px solid #999999 }
.regionMenuTitle{ padding-top:30px; padding-bottom:10px; font-size:90%; font-weight:bolder }
.regionMenu a.leftNavLinkActive, .regionMenu a.leftNavLinkInactive{
  width:157px;
}

.regionMenu .leftNavActive, .regionMenu .leftNavInactive{
  width:157px; 
}

.dialogUp{background:url(../Images/dialogup.png) no-repeat #adadad; width:169px; height:16px; margin-top:8px;}
.dialogText{background-color:#adadad; width:169px;text-align:center; font-weight:bold; padding-top:10px; padding-bottom:10px;}
.dialogAdminStats{width:169px; text-align:center; font-size: 12px;}
.dialogAdminStats .header{font-weight:bold;}
.dialogAdminStats .groupBoxes{text-align:right;}
.dialogDown{background:url(../Images/dialogdown.png) no-repeat #adadad; width:169px; height:16px;}

/* ----- Float divs ---------------------------------------------------------- */
.enabled .left{background-image:url(../Images/divstart.png);float:left;height:46px;width:12px;}
.enabled .right{background-image:url(../Images/divend.png);float:left;height:46px;width:23px;}

.disabled .left{background-image:url(../Images/divstartdis.png);float:left;height:40px;width:11px;}
.disabled .right{background-image:url(../Images/divenddis.png);float:left;height:40px;width:20px;}

.menuLeft{background:url(../Images/menustart.png) no-repeat;float:left;height:40px;width:15px;padding:0px;}
.menuRight{background:url(../Images/menuend.png) no-repeat;float:left;height:40px;width:23px;margin:0px;padding:0px;}
.menuMiddle{background:url(../Images/divend2.png) no-repeat;float:left;height:40px;width:25px;margin:0px;padding:0px;}

.footerLeft{background:url(../Images/footerleft.png) no-repeat;float:left;height:31px;width:31px;}
.footerRight{background:url(../Images/footerright.png) no-repeat;float:left;height:31px;width:31px;}
.footerMiddle{background-color:#a7a7a7;display:block;float:left;height:18px;width:640px;margin-top:2px; padding:5px; padding-top:6px; font-size:90%; }

.footerMiddle a:link, .footerMiddle a:visited{
  color:White !important;
  font-weight:normal;
  text-decoration:none;
  border-bottom:1px dotted white;
}
.footerMiddle a:hover{
  text-decoration:none;
  border-bottom:1px solid white; 
}

/* ----- Forms --------------------------------------------------------------- */
label{
  white-space: nowrap;
}
.largeLabels label{
  font-size:14px;
  font-weight:bold;
}
.errorColor, .errorMsg, .formAsterisk{
  color: #FFB27F;
}
.errorMsg {
  font-weight: bold;
}
.formAsterisk{
	font-size: 13pt;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-weight: bold;
}
.formHelp{
  color: #D3D3D3;
}
.formTable{
  border-spacing: 4px;
  margin-left:-3px;
}
.formTable td{
  padding: 1px;
}
.formTable h1{
  margin-bottom: 5px;
}
.enabled, .disabled{
  height:46px;
}
input.enabled{
  background:url(../Images/divmiddle.gif) top repeat-x;
  height:46px;
  width:auto;
  overflow:visible;
  margin:0px;
  border:none;
  color:#3F3F3F;
  font-weight:bold;
  float:left;
  cursor:pointer;
  padding: 2px 3px 0 5px;
}
input.disabled{
  background:url(../Images/divmiddledis.png) top repeat-x;
  height:40px;
  width:auto;
  overflow:visible;
  margin:0px;
  border:none;
  font-weight:bold;
  float:left;
  cursor:pointer;
  padding: 0 3px 0 5px;
}
div.disabledButton{
  background:url(../Images/divmiddledis.png) top repeat-x;
  height:32px;
  width:auto;
  overflow:visible;
  margin:0px;
  border:none;
  font-weight:bold;
  float:left;
  cursor:pointer;
  padding: 9px 3px 0 5px;
  color: #BCBCBC;
}
.clear{
  clear:both;
  visibility:hidden;
}
.pageCountInfo{
  float:right;
  margin-top:-38px;  
  font-weight:bold;
}
.question .questionCaption{
  font-weight:bold;
  font-size:14px;
  margin-top:10px;
  margin-bottom:2px;
}
.question .questionAnswer{
  margin-left:20px;
}
#assessNavigation{
  margin-top:10px;
}
.pageErrorSummary{
  font-size:14px;
}
.successMsg {
  font-size:14px;
  font-weight:bold;
  color:#9DE57E;
}
table.tableOwnHollandCode{
  margin-top:6px;
  margin-left:4px
}
table.tableOwnHollandCode td{
  padding-left:1px;
  padding-right:1px;
}
.tooltipLink{
  cursor:help !important;
}
table.tableOwnHollandCode a.tooltipLink{
  display:block;  
  border:none;
}
ul.hollandCodeResult{
  font-size:120%;
  margin-top: 5px;
  margin-bottom: 5px;
}
ul.listHigherLine, ol.listHigherLine{
  line-height:1.7;
}
#IPDetails h3{
  margin-bottom:3px;
}
#IPDetails p{
  margin-top:0;
}
.assessBox {
	border: 1px dotted #999999;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0 15px;
}
.omSwitcher {
  font-weight:bold;
  font-size:14px;
}
.hiddenControl {
	display: none;
}
.center {
	text-align: center;
}
.justified {
  text-align: justify;
}
.fixedSize {
	width: 30px;
}
.assessInterestResultTitle {
  font-weight: bold;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.assessSpaceWrap li {
  text-align:left;
}
.scaleTen {
  font-weight: bold;
  font-size: 13px;
  margin-top: 15px;
  margin-bottom: 3px;
}
.horizontalText {
	height: 10px;
	text-align: center;
	vertical-align: middle;
}
.verticalText {
	width: 10px;
	text-align: center;
	vertical-align: middle;
}
.centeredDescription {
	width: 25px;
	height: 25px;
	text-align: center;
}
.highRecommended {
	background-color: #FBCE31;
}
.mediumLeftRecommended {
	background-color: #FFE77B;
}
.mediumRightRecommended {
	background-color: #FBE7C1;
}
.lowRecommended {
	background-color: #FFF7E7;
}
.highRecommended, .mediumLeftRecommended, .mediumRightRecommended, .lowRecommended {
	width: 25px;
	height: 25px;
  color: Black;
	text-align: center;
	border: solid 1px #3F3F3F;
  font-weight:bold;
  font-size:14px;
}
.ownHCLabel label{
  padding-left:3px;
  font-size:12px;
  font-weight:bold;
}
a.imageLink:link, a.imageLink:hover, a.imageLink:visited{
  color:#757575;
  text-decoration: none;
  border-bottom:none;  
}
a.imageLink img{
  border:0 none;
}
.valuesAnswers{
  margin-left:10px;
}
.hidden{
  visibility:hidden;
}
.checkBoxListItem{
  margin: 2px 0;
}
.spanSeparator{
  color:#ADADAD;
}
.inlineButton{
  margin-bottom:-3px;
}

td.detailLabel {
  min-width: 150px;
}
td.detailLabelOutput
{
	min-width: 110px;
}

/* ----- Gridview --------------------------------------------------------------- */
table.gridView, table.gridView td, table.gridView th {
  border-color:#4C4C4C;
  border-width:1px;
}
table.gridView{
  border-collapse:collapse;
  border-style: solid;
  margin: 10px 0;
}
table.gridView th, table.gridView td{
	border-right-style:dotted;
	padding: 3px 6px;
}
table.gridView th{
	border-bottom-style:solid;
  background:#797979 url(../Images/table-header.gif) repeat-x;
	white-space: nowrap;
	color:White;
	text-align:left;
}
table.gridView td{
	border-bottom-style:dotted;
}
table.gridView tr{
  background-color:#8E8E8E;
}
table.gridView tr:hover{
	background-color: #696969;
}

.alignRight{
  text-align:right !important;
}
.certificateCode{
  font-family: "Courier New",Courier;
}

.TextArea
{
	width: 620px;
}

/* ---------students managment--------- */
.FilterTable
{
	border-width: 0px;
}

table.FilterTable td
{
	padding-right: 20px;
}
table.FilterTable input
{
	text-align:left;
}

table.FilterTable span
{
	text-align:right;
}