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

/*Headings
==========*/
h2 {
	color:#98cb00;	
}

h3 {
	color: #666666;	
}
h3.step {
	color: #666666;
	width:460px;
	float:left;
}
h4 {
	color: #98cb00;
}
h5, h6 {
	border-color: #98cb00;
	background: #e6efca;
}
.quote {
	color: #98cb00;
}

ul {
	/*list-style:#98cb00;*/
}

a {
	color:#98cb00;
}

table.standardTable {
	background: #fff;
}
table.standardTable tr td {
	border-top:1px #98CB00 solid;
	border-bottom:1px #98CB00 solid;
}
table.standardTable tr th {
	border-top:1px #98CB00 solid;
	border-bottom:1px #98CB00 solid;
	background:#e0f0b3;
}

div#mainBorder {
	border-right:1px solid #98cb00;
	border-left:1px solid #98cb00;
	border-bottom:1px solid #98cb00;
}

div#borderTop {
	background:url(images/border_top_develope.gif) top right no-repeat;
}

img.northWestLogo {
	float:right; 
	margin:15px 0 0 15px;
}


/*Slider styling
======================================*/
.sliderContainer {
	background:#fff;
	margin:10px 0 20px 0;
	float:left;
}
.sliderContainer h3 {
	color:#fff;
	background: #666666;
	width:678px;
	padding:4px 0 4px 10px;
	float:left;
	margin:0 0 1px 0;
}
.question {
	background: #F2F2F2 url(phcat/images/slider_outerbg.gif) no-repeat scroll 96% 0;
	float:left;
	margin:1px 0 1px 0;
	padding:0;
	width:688px;
}
.result {
	background: #F2F2F2;
	float:left;
	margin:1px 0 1px 0;
	padding:0;
	width:688px;
}
.ui-widget-header {
	background:#fff url(phcat/images/slider_innerbg.gif) 0 0 no-repeat;

}
.question p {
	display:inline;
	width:295px;
	float:left;
	margin:0;
	line-height:1.3em;
	padding:9px 20px 9px 10px;
}
.result p {
	display:block;
	margin:0;
	line-height:1.3em;
	padding:9px 20px 12px 10px;
}
div.indicator {
	margin:0 0 5px 0;
	padding:0 0 0 280px;
	float: left;
}
div.indicator span {
	width:90px;
	color:#ff6600;
}
div.indicator span.levelHeld {
	color:#31bdfe;
}
.sliderContainer span.questionNo {
	width:15px;
	color: #333333;
	padding:9px 10px 9px 10px;
	font:bold 100%/1em Arial, Helvetica, sans-serif;
}
.ui-widget-crb {
	margin:9px 10px 0 10px;
}
.sliderContainer span {
	width:300px; 
	float:left;
}
.levelContainer {
	background: #F2F2F2;
	color: #333333;
	width:678px;
	padding:5px 0 5px 10px;
	font:bold 100%/1em Arial, Helvetica, sans-serif;
	float:left;
	display:block;
	margin:1px 0 1px 0;
}
span.level{
}
.levelContainer span {
	width:100px;
	text-align:right;
	height:10px;
	display:block;
	float:left;
}
span.sliderTitle {
	float:left;
	display:block;
	width:265px;
	text-align:left;
}
div#competenceKey {
	display: none;
	margin:20px 0 40px 0;
}
ul#competenceAreas {
	list-style:none;
	padding:30px 0 30px 0;
	margin:0;
}
ul#competenceAreas li {
	float:left;
	display:block;
	width:28px;
	height:26px;
	border:1px solid #666666;
	color:#666666;
	font:bold 150%/1.4em Arial, Helvetica, sans-serif;
	text-align:center;
}
ul#competenceAreas li.arrow {
	float:left;
	display:block;
	background: url(phcat/images/arrow_phcat.gif) 50% 50% no-repeat;
	width:16px;
	height:26px;
	border:0 none;
}
ul#competenceAreas li.area {
	float:left;
	display:block;
	background: none;
	height:26px;
	width:50px;
	border:0 none;
	text-align:left;
}

table.key {
	border-collapse:collapse;
}
table.key tr td {
	padding:10px 10px 5px 10px;
	vertical-align:text-top;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}
table.key tr th {
	padding:10px 10px 5px 10px;
	vertical-align:text-top;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	width:120px;
}
table.key tr td h3, table.key tr td h4 {
	color:#fff;
	padding:0 0 0.5em 0;
	margin:0;
}

a.greenButton {
	padding:0;
	color: #fff;
	font:bold 150%/1.7em Arial, Helvetica, sans-serif;
	float:right;
	margin:15px 0 0 0;
	background:#98CB00 url(phcat/images/btn_next.gif) 0 0 no-repeat;
	height:32px;
	width:81px;
	text-align:center;
}
a.greenButton:active {
	background:#98CB00 url(phcat/images/btn_next.gif) 100% 0 no-repeat;
}
ul#competenceAreas li.selected {
	color:#fff;
	background:#98CB00;
}
ul#competenceAreas li a:hover{
	color:#999999;
}		
ul#competenceAreas li.submitted {
	color: #fff;
	background: #999999;
}
ul#competenceAreas li.submitted a {
	color: #666666;
		text-decoration:underline;
}
ul#competenceAreas li.submitted a:hover {
	color: #fff;
}
ul#competenceAreas li.submitted a:active {
	color: #666666;
	text-decoration:underline;
}
ul#competenceAreas li.submitted a:visited {
	color: #666666;
	text-decoration:underline;
}
div.areaTitle {
	float:left;
	margin:2px 0;
	padding:0;
	width:688px;
}
#borderTop button {
	float:right;
	margin:15px 20px 0 0;
	cursor:pointer;
}
#borderTop a:link, #borderTop a:visited {
	float:right;
	margin:15px 20px 0 0;
	cursor:pointer;
	background:url(phcat/images/btn_phcat.gif) 0 0 no-repeat;
	width:82px;
	height:22px;
	color:#333333;
	text-align:center;
	line-height:1.9em;
	font-weight:normal;
	text-decoration:none;
}
#borderTop a:hover {
	background:url(phcat/images/btn_phcat.gif) 100% 0 no-repeat;
}

table.resultsEmailTable {
	background: #F2F2F2;
	margin:1em 0 1em 0;
	border:1px solid #CCCCCC;
	border-collapse:separate;
	border-spacing:0;
	padding:1em;
}
table.resultsEmailTable tr td {
	padding:0.5em;
}
table.resultsEmailTable tr td input#submitButton {
	cursor:pointer;

}
#submitButton {
	background:url(phcat/images/btn_phcat_small.gif) left bottom no-repeat;
	line-height:1em;
	height:29px;
	border:0 none;
	padding:0 0 0 0;
	float:left;
	margin:0;
	display:block;
	width:95px;
	cursor:pointer;
	color:#fff;
	font-size:110%;
}
#submitButton:hover {
	background:url(phcat/images/btn_phcat_small.gif) left top no-repeat;
	color: #666666;
}
a.button_large {
	background:url(phcat/images/btn_phcat_large.gif) left bottom no-repeat;
	line-height:2.2em;
	height:29px;
	border:0 none;
	padding:0 0 0 0;
	float:left;
	margin:1em;
	display:block;
	width:155px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	font-size:110%;
}
a.button_large:hover {
	background:url(phcat/images/btn_phcat_large.gif) left top no-repeat;
	color: #666666;
	text-decoration:none;
	line-height:2.2em;
}
.errorHighlight {
	color: #f00;
}
p.user {
	font-size:90%;
	padding:0.5em 0 0.2em 0;
}

#reportLeft {
	float:left;
	margin:0 20px 0 0;
}
#reportRight {
	float:left;
}