#reportcontent {width:auto; clear:both; display:block; }


/* ----- Extras ----- */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #002B57;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: #002B57;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 10px;
	padding-bottom:10px;
}


.smalltext {
	text-align:left;
	font:10px/10px arial;
}

.red {
	color: red;
}


#loginform {
width:400px;
}
#loginform fieldset{
padding:10px;
border:1px solid #FFF;
font-size:10pt;
}
#loginform legend{
display: none;
}
#loginform label{
display:block;
height:2em;
padding:12px;
background-color: #C8DAD7;
}
#loginform input {
margin-right:15px;
border:1px solid #3f8f7f;
float:right;
clear:right;
background:#FFF;
padding:5px;
}
#loginform input:focus,#loginform input:hover {
border:1px solid #000;
padding:5px;
}

#reportmetanav { width: 500px; position:absolute; top:-70px; right:30px;}

#reportmetanavlist ul
{
margin-left: 0;
padding-left: 0;
}

#reportmetanavlist li
{
display: inline;
list-style-type: none;
padding-bottom: 15px;
}

#reportmetanavlist a { padding: 3px 10px; }

#reportmetanavlist a:link, #reportmetanavlist a:visited
{
text-decoration: none;
}

#reportmetanavlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

#overview { padding-left: 15px; padding-right: 50px; }
#guidelines { padding-left: 15px; padding-right: 50px; }
#guidelines ul { list-style-type: square; list-style-position: outside; margin: 0 50px 10px 25px; padding-left: 1em; }
#overview ul { list-style-type: square; list-style-position: outside; margin: 0 50px 10px 25px; padding-left: 1em; }
#reportdetail ul { list-style-type: square; list-style-position: outside; margin: 0 50px 10px 25px; padding-left:1em }
#reportdetail ol { list-style-position: outside; margin: 0 50px 10px 25px; padding-left: 1em; padding-bottom: .8em; }
#reportdetail li { padding-bottom: .8em;}

#reportprintview { }
#reportprintview ul { list-style-type: square; list-style-position: outside; margin: 0 50px 10px 25px; padding-left:1em }
#reportprintview ol { list-style-position: outside; margin: 0 50px 10px 25px; padding-left: 1em; padding-bottom: .8em;}
#reportprintview li { padding-bottom: .8em;}

/* original list formatting for reports
#guidelines ul { list-style-type: disc; list-style-position: inside; margin-left: 0; padding-left: 1em; text-indent: -1em; }
#overview ul { list-style-type: disc; list-style-position: inside; margin-left: 0; padding-left: 1em; text-indent: -1em; }
#reportdetail ul { list-style-type: disc; list-style-position: inside; margin-left: 0; padding-left: 1em; text-indent: -1em; }
#reportdetail ol { list-style-position: inside; margin-left: 0; padding-left: 1em; text-indent: -1em; }
*/


h1, h2, h3 { margin-bottom: 10px;  padding-top: 10px;}
p { margin-bottom: 15px;}

#welcome { padding: 15px;}

#menu li { display: inline; list-style-type: none; padding-right: 5px; }
#menu-vert li { list-style-type: none; padding-right: 5px; }
.form_error { color: #FF0000; }

#assessments { padding: 5px; padding-left: 30px;}

#assessments ol { font-size: 12px; }
#assessments ol li div { font-size: 11px; }
#assessments ol li ul li { margin-left: 25px; }
#assessments ol { margin-left: 0; padding-left: 0px; }
#assessments li { margin-bottom: 15px; padding: 1px; padding-top: 0px; border: 1px solid #F7F7F7; }
#assessments li .title-box { background: #FFFFFF; padding: 0px; }
#assessments li .description-box { background: #ffffff; padding: 2px;}
#assessments li .debug-box { border: 1px solid black; padding: 10px; }


#questionaire  { margin: 0px; padding: 0 5px 5px 5px; }
#questionaire ol { font-size: 14px; }
#questionaire ol li div { font-size: 12px; }
#questionaire ol { list-style-position: outside; margin-left: 0; padding-left: 0px; }
#questionaire li { margin-top: 35px; margin-bottom: 15px; padding: 3px; border: 1px solid #EBEBEB; }
#questionaire li .question-box { font-weight:bold; font-size: 12px; padding: 6px; padding-top: 0px; }
#questionaire li .answer-box { background: #F7F7F7; padding: 8px; }
#questionaire li .debug-box { border: 1px solid black; padding: 10px; }

#legend_container { position:relative; clear: both; margin-right:30px;}
#legend_content { width: 462px; float: right;}

#legend_images { position:relative; height:255px; width: 280px; float: left; padding: 10px; margin-top: 20px;} 

/* Dimensions for small slices */
#legend_slice1 { height:214px; width:331px; position:absolute; top:0px; left:30px; } /* top */
#legend_slice2 { height:285px; width:213px; position:absolute; top:75px; left:136px; } /* right */
#legend_slice3 { height:285px; width:213px; position:absolute; top:75px; left:1px; } /* left */

img, #legend_slice1 { behavior: url(http://assessments.trimergence.com/css/iepngfix.htc); }
img, #legend_slice2 { behavior: url(http://assessments.trimergence.com/css/iepngfix.htc); }
img, #legend_slice3 { behavior: url(http://assessments.trimergence.com/css/iepngfix.htc); }

/* Navigation Buttons */
#reportnavigation {	margin-right:30px; }
#reportbuttons { float: right; clear: both;}
#reportbuttons ul, #navlist li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#reportbuttons li { display:block; float: left; padding: 5px; }
#reportprevious { padding-top: 5px;}
#reportnext { padding-top: 5px;}

#modelimage { position:relative; padding-bottom:20px; text-align: center; }
#reportsummary { position:relative; padding-top:30px; }

#reportdetail, #afternav, #reportfeedback { position:relative; top:10px; margin-right:30px;}

.TabbedPanels {
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	float: left;
	clear: none;
	width: 766px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 6px 10px;
	margin: 0px 5px 0px 0px;
	font: bold .9em sans-serif;
	list-style: none;

	background: #c8dad7;
	border: 0px solid #074879;
	border-bottom: 0px solid #074879;

	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color: #074879;
}


.TabbedPanelsTabHover {
	background: #074879;
	border: 1px solid #333333;
	color: #FFFFFF;
}


.TabbedPanelsTabSelected {
	background: #074879;
	border: 1px solid #074879;
	color: #FFFFFF;
}


.TabbedPanelsTab a {
	color: #ffffff;
	text-decoration: none;
}


.TabbedPanelsContentGroup {
	clear: both;
	border-top: 1px solid #095D9C;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}


.TabbedPanelsContent {
	padding: 4px;
}


.TabbedPanelsContentVisible {
}


.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}


.VTabbedPanels .TabbedPanelsContentGroup { clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}