/* general use tags */

body	 {
	background: #fff url(/GlobDivV2/images/edge.gif) repeat-y;
	color: #0033CC;
	margin: 0;
	padding: 0;
	font-size: 14px;
	}	

/*img		{
	display: block;
	border: 0;
	}*/
	
.hide	{
	display: none;
	}

.spacer {
	clear: both;
	}

p, ul, li {
	margin: 10px 5px 0 10px;
	font-size: 14px;
	color: #000;
	font-family: Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	}
	
ul	{
	list-style: square;
	}
	
dd, dt {
	font-family: Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size: 0.95em;
	}
	
/* header elements */

#header {
	margin: 0;
	padding: 0 0;
	}
	
#hlogo	{
/*	margin-left: 93%; */
	text-align: right;
}
	
h1	{
	margin: 15px 15px 20px 30px;
	font: 27px Verdana, lucida, arial, helvetica, sans-serif;
	letter-spacing: 2px;
	}
	
/* navigation elements */

div#sitenav	{
	font: 14px verdana, lucida, arial, helvetica, sans-serif;
	text-align: right;
	margin: 0 0px 0 25px;
	border-top: 2px solid rgb(0, 51, 204);
	}
	
div#sitenav a {
	border-left: 2px solid rgb(0, 51, 204);
	padding: 0 0 0 5px;
	text-transform: lowercase;
	text-decoration: none;
	}
	
div#sitenav a:visited	{
	color: rgb(0, 51, 204);
	}	
	
div#sitenav a:hover	{
	color: rgb(0, 153, 51);
	}
	
div#subnav	{
	font: 14px verdana, lucida, arial, helvetica, sans-serif;
	text-align: right;
	margin: 25px 11px 0 25px;
	color: rgb(204, 102, 0);	
	}
	
div#subnav a	{
	margin: 0 5px;
	text-transform: lowercase;
	text-decoration: none;
	color: rgb(204, 102, 0);	
	}
	
div#subnav a:visited	{
	color: rgb(204, 102, 0);	
	}
	
div#subnav a:hover	{
	color: rgb(0, 153, 51);	
	}
	
/* laying out the body text */
	
#primarycontent {
	margin: 15px 5px 0 60px;
	width: 100%;
}
	
/* the text elements */
	
p, h1, h2, h3, h4, h5, h6, ul, ol, li, #footer, #sitenav, #subnav	{
	font-weight: normal;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	}

h2		{
	margin: 10px 0 0 31px;
	padding: 25px 0 0 19px;
	color: rgb(0, 153, 51);
	font-size: 25px;
	}
	
h3		{
	margin: 10px 0 0 50px;
	color: rgb(0, 153, 51);
	font-size: 24px;
	}
	
/* The comment boxes */


.comment {
	margin-left: 75%;
	}
	
h4	{
	font-size: 16px;
	margin: 100px 10px 0 0;
	padding: 2px;
	background: rgb(255, 204, 153);
	color: rgb(102, 51, 51);
	border-left: 1px solid rgb(204, 153, 51);
	border-right: 1px solid rgb(204, 153, 51);	
	border-top: 1px solid rgb(204, 153, 51);
	}
	
.comment p	{
	margin: 0 10px 0 0;
	padding: 5px;
	background: #fff;
	color: rgb(0, 51, 204);
	border-left: 1px solid rgb(204, 153, 51);
	border-right: 1px solid rgb(204, 153, 51);	
	border-bottom: 1px solid rgb(204, 153, 51);
	}
	
.comment a	{
	text-decoration: none;
	color: rgb(102, 51, 51);
	}
.comment a:visited	{
	color: rgb(102, 51, 51);
	}
.comment a:hover	{
	color: rgb(0, 153, 51);
	}
	
/* the footer */

#footer {
	margin: 30px 25px;
	text-transform: lowercase;
	font-size: 14px;
	text-align: left;
	color: rgb(0, 51, 204);
	}

#nextBack {
	margin: 15px;
	font-size: 14px;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	color: rgb(0, 51, 204);
	width: 100%;
}
	
div#footer img	{
	display: inline;
	}
	
div#footer a, div#nextBack a	{
	margin: 1px 2px 10px 2px;
	text-decoration: none;
	}
	
div#footer a:visited, div#nextBack a:visited	{
	text-decoration: none;
	color: rgb(0, 51, 204);
	}
	
div#footer a:hover, div#nextBack a:hover	{
	text-decoration: none;
	color: rgb(0, 153, 51);
	}
	
TD {
	font-size : 14px;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	background-color : #FFFFFF;
}

TD.top {
	font-size : 16px;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	background-color : #004283;
}

.surveyTitle {
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size : 20px;
	font-weight : bold;
	color: rgb(0, 51, 204);
}

.surveyTitleMinor, .surveyTitleMinorRawScore, .surveyTitleMinorWhite, .strategyCategory {
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	font-size : 20px;
	font-weight : normal;
	color: rgb(0, 51, 204);
}

.surveyTitleMinorWhite {
	color: white;
}

.feedbackInfo {
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	color : white;
	background-color : #004283;
}

.altColorDark {
	color : white;
	background-color : #004283;
}

.altColorLight {
	background-color : #7FBFF5;
}

.veryLight {
	font-size : 14px;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	color : black;
	background-color : #E0F3FC;
}

B {
	font-weight : bold;
}

I {
	font-style : italic;
}

.qText, .qTextRawScore, .interpretationQText {
	font-size : 14px;
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	color : black;
/*	background-color : #FOFOFO;*/
}

.respScale {
	font-family : verdana, lucida, arial, helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color: white;
	/*background: #0033CC;*/
	background: rgb(0, 153, 51);
}

.staticHeader {
	font-family: verdana, lucida, arial, helvetica, sans-serif;
	background-color : #004283;
	color : white;
}

.pageHeader {
	font : bold 16px verdana, lucida, arial, helvetica, sans-serif;
	color: rgb(0, 153, 51);
}

.pageInstructions {
	font : normal 13px verdana, lucida, arial, helvetica, sans-serif;
	color: black;
}

.keyName {
	font-family : verdana, lucida, arial, helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
}

.keyValue {
	font-family : verdana, lucida, arial, helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
}

.progressTable {
	font-family : verdana, lucida, arial, helvetica, sans-serif;
	background-color : #DCEDC2;
}

.progressIndicator {
	font : bold 12px verdana, lucida, arial, helvetica, sans-serif;
	color: rgb(0, 153, 51);
}

TEXTAREA {
	font-family : verdana, lucida, arial, helvetica, sans-serif;
	font-size : 12px;
}

INPUT.button {
	font-family : verdana, lucida, arial, helvetica, sans-serif;
	font-size : 12px;
}

INPUT.text, .inputText {
	font-family : verdana, lucida, arial, helvetica, sans-serif;
	font-size : 10px;
}

.copyrightInfo {
	padding: 5px 0 0 0;
	font-family : verdana, lucida, arial, helvetica, sans-serif;
	font-size : 10px;
	color : black;
}

.reportScore {
	font-family : verdana, lucida, arial, helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	color : black;
}

.redBackground {
	background-color : #FF9999;
}

.yellowBackground {
	background-color : #FFFFA8;
}

.blueBackground {
	background-color : #D9D9FF;
}

.pagebreak {
	page-break-after:always;
}

.matrixTableLight {
	font : 10px verdana, lucida, arial, helvetica, sans-serif;
	/*background-color : #7FBFF5;*/
	background-color : #FF9999;
}

.matrixTableVeryLight {
	font : 10px verdana, lucida, arial, helvetica, sans-serif;
	/* background-color : #E0F3FC; */
	background-color : #FFFFA8;
}

.matrixTableQText {
	font : 10px verdana, lucida, arial, helvetica, sans-serif;
	background-color : #C7FFC6;
}

div#strategies ul, div#strategies ol {
	margin: 10px 5px 0 25px;
	font : 10px verdana, lucida, arial, helvetica, sans-serif;
}

div#suggestedStrategies ol {
	margin-top: 5px;
	font : 10px verdana, lucida, arial, helvetica, sans-serif;
}

div#suggestedStrategies li {
	margin: 0 0 0 0;
}

.strategyTitle {
	font-weight: bold;
}

textarea {
	width: 100%;
}

sup {
	font-size: 75%;
	vertical-align: super;
}

.adaptationListSmaller {
	font-size : 14px;
}
