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

body {
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: small !important;
	line-height: 1.4em !important;
	color: #222;
	background: #c2cad2;
	margin: 0px;
	padding: 0px;
}
/*div,p,li,td,th {
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: small !important;
	line-height: 1.4em !important;
}*/
div .clear {
	clear: both;
	height: 0px;
}

.clearfix {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}



/***PAGE STRUCTURE***/
#container {
	width: 1010px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#page {
	background: url(../images2/pagebkgd.gif) repeat-y;
	margin: 0px;
	padding: 0px;
}
#header {
	width:1010px;
	height:113px;
	background: url(../images2/header.gif) no-repeat;
}
#header #rightheader {
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	top: 19px;
	right: 93px;
	width: 152px;
	visibility: visible;
}
#main {
	margin:0 40px 0 50px;
	padding:30px 0  20px 0;
}
/*makes "Skip nav" message for screen readers invisible*/
.invisible {
	overflow: hidden;
	position: absolute; 
	left: -1200px;
	top: 0;
}
#footer {
	background: url(../images2/footer.gif) no-repeat;
	width: 1010px;
	height: 75px;
}
#leftcol {
	float:left;
	width:610px;
	margin-left:45px;
	padding:0 0 20px 0;
	}
#leftcol.full {
	float:left;
	width:660px;
	padding:10px 0 20px 0;
}
#rightcol {
	width:255px;
	float:right;
	padding-top:0px;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: center;
	width: 1010px;
	margin: 0px;
	padding-top: 4px;
}
#footer a {
	text-decoration: none;
	color: #666;
}
#footer a:hover {
	text-decoration: none;
	color:#039;
}
#header #rightheader a:hover {color:#036;}


/*MENU STYLES*/
#tabs {
	background: url(../images2/menugrad.jpg) repeat-x bottom;
	repeat-x bottom;
	float:left;
	width:920px;
	font-size:80%;
	line-height:normal;
	margin-top: 93px;
	text-transform:uppercase;
}
#tabs {
	margin-left:50px;
	}
#tabs ul {
	font-family: Verdana, Geneva, sans-serif !important;
	margin:0;
	padding:0 0 0 390px;
	list-style:none;
    }
#tabs li {
	float:left;
	background:url("../images2/right_both.gif")
    no-repeat right top;
	margin:0 2px !important;
	padding:0;
	border-bottom: 1px solid #999;
    }
#tabs a {
	display:block;
	background:url("../images2/left_both.gif")
    no-repeat left top;
	padding:4px 10px 3px;
	text-decoration: none;
	color: #425e79;
    }
	
#tabs li:hover, #tabs li:hover a {
  background-position:100% -100px;
  color:#222;
  }
#tabs li:hover a {
  background-position:0% -100px;
  }
#tabs #current {
	background-image:url("../images2/right_both.gif");
	background-position:100% -100px;
	border-bottom-width: 0px;
	border-bottom-style: none;
    }
#tabs #current a {
    background-image:url("../images2/left_both.gif");
	background-position:0% -100px;
	padding-bottom:4px;
	color:#000;
    }
	
/*OVERVIEW PAGE STYLES*/  
.indicBox .progress {
	background: #fff;
	margin: 1px 0 4px 0;
	padding: 0px 0px .4em 4px;
	float: right;
	width: 90px;
	text-align: left;
	font-size: 80%;
	border-left:1px solid #dedede;
}
.indicBox .progress a:hover {
	color: #933;
}
.indicBox {
	border-top: 1px solid #ccc;
	width:510px;
	padding: .2em 0 .2em 0;
}
.indicText {
	float: left;
	width: 405px;
	padding:4px;
}
p.smallgray {
	font-size: 70%;
	color: #444;
	margin-top: 0px;
	margin-bottom: 0.5em;
	margin-left: .8em;
}
.principle_begun {
	font-size:80%;
	font-style:italic;
	color: #257;
}

/*SEARCH PAGE*/
#page #righthalf {
	float: right;
	width: 462px;
	margin-top: 15px;
}
.formline {
	margin-bottom: 4px;
}
#page #lefthalf {
	float: left;
	width: 370px;
	margin-top: 15px;
	margin-left: 45px;
}

h2.search_heading {
	color: #933 !important;
	font-size: 130% !important;
}

/*FONTS and DESIGN*/
#header a {
	font-size: 90%;
	color: #214e7c;
}
#header .this {
	color: #930;
}
#header .floatright a {
	margin-bottom: 4px;
	line-height: 1.3em;
}
h1   {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #933;
	font-weight: normal;
	font-size: 170%;
	margin: 0px 1em .7em 45px;
	padding: 0px;
}
h1.full   {
	margin-left:0px;
	padding: 0px;
}
#main h1 span {
	font-size: 65%;
	font-style: normal;
	font-weight: normal;
	color: #222;
	display:block;
	margin-top:0.7em;
}

#main strong {
	color: #555;
}
#main #leftcol h2 , #main h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #257;
	margin: 1em 0px .2em 0;
	padding: 0px;
}


#page #main #leftcol p {
	font-size: 90%;
	padding-right:1.2em;
	margin: 0px 0px .5em;
}
#rightcol .rndbox{
	background: url(../images2/rndcorner-box.jpg) no-repeat bottom;
	width: 255px;
	margin: 0px;
	padding-right: 0em;
	padding-left: 0em;
	padding-bottom: 15px;
}

#rightcol .resbox{
	background: url(../images2/rndcorner-box.jpg) no-repeat bottom;
	width: 255px;
	margin: 0px;
	padding-right: 0em;
	padding-left: 0em;
	padding-bottom: 15px;
	font-size:90%;
	line-height: 1.3em;
}
#rightcol p {
	font-size: 90%;
	padding-right:8px;
	width: 225px;
	padding-left: 12px;
}
#rightcol p.nopad {
	font-size: 90%;
	padding:0;
	width: 225px;
	}
#rightcol .rndbox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #257;
	background: url(../images2/rnd-boxtop.jpg) no-repeat;
	padding-left: 12px;
	height: 34px;
	padding-top: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#rightcol .resbox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #257;
	background: url(../images2/rnd-boxtop.jpg) no-repeat;
	padding-left: 12px;
	height: 34px;
	padding-top: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.rndbox p {
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0.8em;
}
.resbox p {
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0.7em;
}
.meta {
	font-size:90%;
	color:#49545c;
}
#main a {
	color: #369;
}
#main a:hover {
	color: #036;
	text-decoration:underline;
}
#main #leftcol ul.arrowbullet {
	margin:1em 1em 1em 55px;
	padding:0;
}
#main #leftcol ul.arrowbullet li {
	padding-bottom: 0.2em;
	padding-left: 2em;
	background: url(../images2/bullet.gif) no-repeat 0px .3em;
	list-style-type: none;
	font-size: 95%;
}
#main #leftcol ul {
	padding-bottom: 0.2em;
	padding-left: 2em;
	list-style-type: disc;
	font-size: 95%;
}

.small {
	font-size:80%;
	line-height: 1.2em;
}

#main #leftcol ol {
	margin: 0px;
	padding: 0px;
	margin-bottom:2em;
	font-size: 95%;
}
#main #leftcol ol li {
	margin-left: 25px;
	margin-top: .4em;
}
#leftcol ol span {
	font-weight: bold;
	color: #444;
	font-size: 90%;
}

/*Contact page forms*/
#leftcol form .contact {
	background-color: #dfe2e5;
	padding-top:6px;
	border-top: 1px solid #bbb;
}

p .smallgray {
	font-size: 90%;
	color: #444;
}
#leftcol form .contact tr {
	vertical-align:top;
}

#leftcol form .contact tr .smalltop {
	font-size:90%;
}

/*ASSESSMENT PAGE*/

.progressBlock {
	width:85px;
}

.progressbar {
	height: 6px;
	width: 75px;
	border: 1px solid #999;
	padding:0px;
}
.progressbar img{
	display:block;
	margin:0px;
	height:6px;
}
.progressRatio {
	font-size: 70%;
	display: block;
	padding-left:16px;
	color:#444;
}

#main.assessment {
	margin-left:0;
}
#leftcol.assess {
	margin-left:50px;
}
.colUnit {
	width:640px;
	clear: both;
	display: block;
	float: left;
}
.colUnit {
	margin: 0px 0px 30px;
}
.prinTitle {
	width:640px;
	margin: 0px 0px 8px;
	clear: both;
	float: left;
}
.colUnit .splitleft, .prinTitle .splitleft   {
	width: 94px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: right;
	display: block;
	font-weight: bold;
	color: #257;
	padding-right: 10px;
	padding-top: 2px;
}
.colUnit .splitright, .prinTitle .splitright {
	color: #222;
	font-size: 110%;
}
.colUnit .elementTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	color: #933;
	padding-top:2px;
	float: right;
	width: 536px;
}
.colUnit p.eText {
	padding: 2px 0 0 104px;
	clear:both;
}
.technology, .technology2 { 
	cursor: hand;
	cursor: pointer;
	font-size:70%;
	float: right;
	width:536px;
	margin:0;
	padding:0;
}
.colUnit .smallTitle {
	font-size:80%;
	float: right;
	width:536px;
	margin:0;
	padding:0;
}
.colUnit .technology, .colUnit .technology2 {
	float: right;
	width:532px;
	margin:0 0 6px 0;
	font-size:80%;
	padding:0 0 0 4px;
	/*background-image: url(../images2/panelbkgd.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
	border-bottom:1px solid #888;
	background: #E3E9FF;
}
.colUnit .technology2 {
	background-image: url(../images2/panelbkgd2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#leftcol .colUnit .iTitle  {
	width: 598px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	display: block;
	padding:0;
	border-bottom:1px solid #ccc;
	font-weight: bold;
	color: #257;
}
#leftcol .colUnit p.iText {
	padding: 2px 2px 2px 2px;
	float: right;
	background:#f4f2ee;
	margin-left:10px;
	width:520px;
	border-bottom:1px solid #ccc;
	}
#leftcol .colUnit  table#implmnt{
	margin:18px 0 20px 105px;
	width: 530px;
	border:0;
	font-size:80%;
}
.colUnit .thelanguage #implmnt {
	margin-top: 20px;
}
.openlanguage{ 
color:#606;
}

.closedlanguage{
color: #036;
}
.attrib {
	font-size: 90%;
	font-style: italic;
}
/*
table#implmnt #radioset label {
	margin:0;
	padding-left: 17px;
	color:#369;
}
*/
table#implmnt label {
	margin:0;
	padding: 3px 3px 2px 12px;
	color:#369;
}

.selected_opt {
/*	background-color:#dce5ef; */
}

.colUnit  table#implmnt td{
	padding:2px 0 2px 0;
	color: #666;
}

.tooltip span {
	display:none;
	padding:2px 3px;
    margin-left:-95px;
	width:168px;
	text-align:center;
	margin-top: -28px;
}
.tooltip:hover span{
	display:inline;
	position:absolute;
	background:#ffc;
	border:1px solid #cccccc;
	color:#222;
	font-size:9pt !important;
}

.tooltip, .tooltip span,.tooltip:link span,.tooltip:visited span,.tooltip:hover span,.tooltip:active span{
	text-decoration:none !important;
}

/* QUICK REVIEW STYLES*/

#surveyintro {
	background: url(../images2/quick/survey-bkgd.jpg) no-repeat;
	height: 240px;
	width: 806px;
	margin-left:40px;
	margin-top: 20px;
}
#surveyintro .third {
	float: left;
	width: 268px;
	height: 206px;
}
#surveyintro .third p {
	padding-left: 36px;
	padding-right: 8px;
	margin: 0px;
	font-size: 90%;
}
#surveyintro .third h3 {
	margin-top: 0.8em;
	padding-left: 36px;
	font-size: 110%;
	color: #258;
	margin-bottom: 0px;
}
#surveyintro .third img {
	margin: 4px 6px 0 0;
}

#quickReviewBody, #quickReportBody {
	width: 800px;
	margin-left: 40px;
}
#quickReviewBody .reviewInfo, #quickReportBody .reviewInfo {
	font-size: 90%;
	color: #258;
	font-style: italic;
}
#quickReviewBody h2, #quickReportBody h2 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #555;
	font-weight: bold;
	padding: 1.5em 0 .3em 0;
}
#quickReportBody h2 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #333;
	font-weight: normal;
	padding: 2em 0 .3em 0;
}
.reportlegend {
	font-size:90%;
	color:#666;
}


#quickReviewBody .colUnit, #quickReportBody .colUnit {
	width:800px;
	clear: both;
	display: block;
	float: left;
}
#quickReviewBody .colUnit, #quickReportBody .colUnit {
	margin: 0;
}
#quickReviewBody .iTitle, #quickReportBody .iTitle  {
	width: 800px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	display: block;
	padding:0;
	border-bottom:1px solid #ccc;
	font-weight: bold;
	color: #888;
	margin: 0;

}

#quickReviewBody .colUnit p.iText {
	padding: 2px 2px 2px 2px;
	float: right;
	background:#f4f2ee;
	width:730px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	}
	
#quickReportBody .colUnit p.iText {
	padding: 2px 2px 2px 2px;
	float: right;
	background:#f4f2ee;
	width:550px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	display: inline;
	}
#quickReviewBody .colUnit  table#implmnt{
	float: left;
	width: 600px;
	border:0;
	font-size:80%;
	text-align:right;
	margin: 4px 0 15px 70px;
}

/** icon links **/

a.searching{
	background-image:url("/images2/search_sm.jpg");
	height: 22px;
	padding: 6px 0 6px 28px;
	background-repeat:no-repeat;
	float:right;
	margin-right:30px;
}

/** tooltip styles for principles overview page **/

a.tooltipl{
	text-decoration:none !important;
}
a.tooltipl span {
	display:none;
	padding:2px 3px;
	margin-left:-150px;
	width:375px;
	text-align:center;
	margin-top: -40px;
	text-decoration: none;
}

a.tooltipl:hover span{
	display:inline;
	position:absolute;
	background:#ffc;
	border:1px solid #cccccc;
	color:#222;
	width:375px;
	text-decoration:none;
	font-size:9pt !important;
}

/* for display tables */


table.outline{
	border-collapse: collapse;
	background-color:#ffffff;
}
table.outline td,
table.outline th{
	border: solid 1px #5087ae;
	padding:6px;
}
th.prin_ttl{
	background-color:#f0f5f9 !important;
	font-weight:bold !important;
	text-align:left !important;
	font-size: 11px;
}
th.prin_ttl a{
	text-decoration:none;
}
th.prin_ttl a:link,th.prin_ttl a:visited{
	text-decoration:none;
}
th.prin_ttl a:hover,th.prin_ttl a:active{
	text-decoration:underline;
}
/*  Misc script support  */

.more_link{
	display:inline;
}

.more_span{
	display:none;
}

/* status alert box -- on assess page */

.alert_box{
	display:block;
	width:250px;
	margin:10px auto;
	text-align:center;
	padding:10px 40px;
	background-color:#e3e9ff;
	border:solid 1px #98999b;
	color:#257
}

/* Account page styles */

#list_1, #list_2, #list_3, #list_4, #list_5, #list_6, #list_7{
	display:none;
	width:609px;
}

/* REPORT STYLES */


#header #printlogo {
	display: none;
}
#reportmain {
	margin:0 40px 0 50px;
	padding:30px 0  20px 0;
}
#reportmain .reportElement {
	margin-top: 10px;
	width:800px;
}
#reportmain h1.reporttitle {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 12px 0 0 0;
	padding: 0px 0px 0px 110px;
}
#reportmain .reporttitle .regEmail {
	display: inline;
	font-size: 14px;
	text-transform: none;
	font-weight: normal;
}
#reportmain .reporttitle .reportDate {
	display: inline;
	font-size: 14px;
	text-transform: none;
	font-weight: normal;
}
#reportmain .prinNumber {
	width:95px;
	float: left;
	font-size: 10px;
	color: #444;
	clear: both;
	display: inline;
	
}
#reportmain .elementNumber {
	width:95px;
	float: left;
	font-size: 10px;
	color: #333;
	clear:both;
	display: inline;
	
}
#reportmain p.principleDescription {
	width: 690px;
	float: right;
	font-size: 12px;
	font-weight: bold;
	display:inline;
	margin-top:0;
	margin-bottom: 12px;
	}
#reportmain p.principleDescription span {
	float: right;
	width: 690px;
	font-size: 12px;
	font-weight: normal;
	display: inline;
	margin-bottom: 0px;
	}
#reportmain p.elementDescription {
	width: 690px;
	float: right;
	font-size: 12px;
	display:inline;
	margin-top: 0px;
	margin-bottom: 12px;
	}
	
#reportmain .reportElement .indicatorTotals {
	font-size: 10px;
	border-bottom: 1px solid #999;
	margin-left: 110px;
	margin-top: 0px;
}
#reportmain #reportbody {
	width: 800px;
	padding-left: 110px;
	margin-top: 0px;
	padding-top: 0px;
}
#reportmain #reportbody h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 24px 0 0px;
	clear: both;
	padding: 0px;
}
#reportmain #reportbody h2 span {
	font-style: italic;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
#reportbody p.indicBlock {
	clear:both;
	width:690px;
	padding:0;
	margin: 6px 0px;
}

#reportbody p.indicBlock span {
	display: block;
	color: #333;
	font-size: 10px;
	margin-top: 0px;
}

#reportmain #reportbody p.indicNumber span {
	display: block;
	font-size: 10px;
}	

#reportmain #reportbody .indicDivider {
	display: block;
	clear: both;
	width: 150px;
	float: left;
	margin:8px 0;
}
#reportmain #printbutton {
	float: right;
	margin-right: 40px;
}

.req{
	color:#ad4741;
}


h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #933;
	margin: 1em 0px .2em 0;
	padding: 0px;
}
h3 .admin{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #333;
	margin: 1em 0 0 0;
	padding: 0px;
}

/*BROWSER HACKS*/


.ie8 #reportbody p.indicBlock {
margin-bottom:5px;
padding:0;
}

.ie7 body {
font-size:100%;
}

.ie7 #tabs a {
	font-size: 80%;
}

.ie7 #main {
	font-size:90%;
}
.ie7 #tabs ul {
    padding:0 0 0 390px;
    }
.ie7 #main label {
	font-size:90%;
}
.ie7 p.smallgray {
}
.ie7 .VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 525px;
}
.ie7 .TabbedPanelsTab {
font-size:90%;
}
.ie7 .TabbedPanelsContentGroup .TabbedPanelsContent p  {
	font-size: 90%;
}
.ie7 #rightcol .rndbox p
 {
	font-size:90%
}
.ie7 #rightcol .rndbox h2
 {
	font-size:100%
}
.ie6 #main #leftcol ul, .ie7 #main #leftcol ul, .ie8 #main #leftcol ul{
	margin-left: 42px;
}
.ie6 #tabs {
margin-left:26px;	
}
.ie6 #leftcol.assess {
	margin-left:0;
}
.ie6 #leftcol {
margin-left:25px;	
}
.win.gecko body {
font-size:80%;
}
.win.gecko h1 {
font-size:140%;
}
.win.gecko .small {
font-size:90%;
}

.win.gecko #tabs {
	margin-top: 94px;
}
.win.gecko #main label {
	font-size: 90%;
}

.win.gecko .TabbedPanelsTab {
font-size:90%;
}	

.win.gecko .ie7 #page #main #leftcol p {
	font-size: 80%;
}
.win.gecko .ie7 #main #rightcol p {
	font-size: 80%;
}

.webkit .tooltip:hover span{
	display:inline;
	position:absolute;
	right:100px;
	background:#ffc;
	border:1px solid #cccccc;
	color:#222;
	font-size:9pt !important;
}


#quickReportBody .colUnit .indReport {
	display: inline;
	float: left;
	padding-left: 50px;
	font-size: 80%;
	width: 194px;
}