@charset "utf-8";

html, body, img, form, ul, li, h1, h2, h3, p	{	margin:0; padding:0}

html, body	{
    background-image:url(images/bkg_rpt1.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#266386; 
	height:100%}
	
.left{
    float:left;
}
.right{
    float:right;
}

#container	{
    width:1000px;
    margin:0 auto;
	height:100%;}
	
#header		{
	height:190px;
	padding-right:200px;
	margin:0;}
	
#header.img {
    text-align:right;}
	
#logo		{	
	height:190px; 
	border:none;
	padding:0;}
	
#logo a		{	
    display: block; 
	height: 190px; 
	width: 330px; 
	text-decoration:none; 
	border:none}
	
#nav		{	
    width:1000px; 
	border:none;
	}



#main		{ 
    background-image:url(images/bkg_rpt2.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;  
	width:598px;
	_width:628;
	margin-left:220px;
	margin-top:6px;
	overflow:auto;
	}

#main p		{	
    font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#266386; 
	line-height: 17px;
	margin-bottom:10px}
	
p.highlight{
    padding:10px;
    border:1px solid;
    font-weight:bold;
    margin:20px 0;
}
	
#main p.no_margin_bottom{margin-bottom:0;}

a, a img{
    border:none;
    outline:none;
}

#main a:link     {
    color:#2669bc;
    text-decoration:underline}
#main a:visited    {
    color:#2669bc;
	text-decoration:underline}
#main a:hover {
    color:#3333CC}
#main a:active {
    color:#2669bc;}
	
#main h1	{	
    font-size:16px; 
	font-weight:bold; 
	color:#266386;}
	
#main h2	{	
    font-size:18px; 
	font-weight:bold; 
	color:#266386; 
	margin-bottom: 10px;}

#main h3 {
    font-size:14px;
	font-weight:bold;
	color:#569e67;
	margin-bottom:5px;
	}

#main ul.front    {   
    margin-left:15px; 
	margin-bottom:15px}
	
#main ul.front li    {
    padding-left:10px;
	margin-bottom:10px;
    list-style:disc; 
	line-height:16px;
	list-style-position:outside;}
	
ul.menu    {
	padding-left:15px; 
	margin: 5px 0 10px;}
	
li.menu    {
    padding-left:20px;
	margin-bottom:10px;
    list-style:disc; 
	line-height:16px;
	list-style-position:outside;}

#main ul.nested    {   
    margin-left:10px; 
	margin-bottom:0px}

#main li.nested    {
    list-style-image: url('images/arrow.gif');
	line-height:16px;
	margin-left:10px}
	
#main li.numeric    {
    list-style:upper-roman;
	list-style-position:inside; 
	line-height:34px;
	margin-left:12px}

#main ul.curric1 {
	padding-left:15px; 
	margin: 5px 0 10px;}
	
#main li.curric1 {
	margin-bottom:5px;
	}
	
#main ul.curric {
	padding-left:30px;
	padding-bottom:5px;
	margin:5px 0;
	}
	
#main li.curric {
    list-style-image: url('images/arrow.gif');
	padding-left:0;}

#main ul.curric2{
    margin:5px 45px;
}

#main ul.curric2 li{
    list-style-type:circle;
}

#country_tabs{
    margin:0;
    padding:0;
    float:left;
    height:39px;
}

#country_tabs .last{
    margin-left:4px;
    _margin-left:4px;
}

#tabs    {
	float:right;
	}
	
#tabs_left{
    float:left;
}

#maintabs
{
	background-image: url(images/bkg_rpt2.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	padding: 0;
	width: 596px;
	_width: 596px;
	/*
	margin: -20px -20px -40px -20px;
    	margin-left:220px;*/
	border-right:1px solid #859ecd;
	border-bottom:1px solid #859ecd;
	border-left:1px solid #859ecd;
	overflow:auto;
}
	
#maintabs .text{	
        font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#266386; 
	line-height: 17px;
	padding:10px;
	background-color:#fff;
	clear:both;
	_border:none;
	}
	
#sidebar	{	
    width:204px;
	float:left; 
	display: block;
	margin-top:6px;
	border-color:#a5bdc6;
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
	}
	
#sidebar p  {
    font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#266386;
	font-size:11px;
	margin: 10px 16px;
	text-align:left;} 
	
#sidebar a:link {
    color:#2669bc;
    text-decoration:underline}
#sidebar a:visited    {
    color:#2669bc;
	text-decoration:underline}
#sidebar a:hover {
    color:#3333CC}
#sidebar a:active {
    color:#2669bc;}
	
#sidebar.img {
    padding-top:20px}
	
#register{
	height:35px;
	width:170px;
	padding:210px 32px 0;
	_padding-right:0;
	background-image:url(images/train_bg.gif);
	background-repeat:no-repeat;
	}
#register img{
	float:left;
	margin:0 3px;
	}
	
#sampler{
	height:25px;
	width:204px;
	margin:10px 0;
	padding-top:100px;
	text-align:center;
	background-image:url(images/sampler_bg.gif);
	background-repeat:no-repeat;
	}
	
#footer  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#266386;
	text-align:center;
	margin:20px 0 20px 0;
	width:846px;}
	
#adspace  {
    float:right;
	margin-top:6px;
	padding:0;
}
#column_ad {
	width: 160px;
	height: 600px;
	/*background-color: #ccc;*/
	overflow: hidden;
}
.menutitle{
    cursor:pointer;
    margin-bottom: 5px;
    color:#266386;
    padding:2px 2px 4px 2px;
    text-align:left;
    font-weight:bold;
	text-decoration:underline;
}

#masterdiv{
    width:550px;}

.submenu{
    margin-bottom: 0.5em;
}

.submenu li{
    margin:0 0 5px 15px;
}

.padded {
    padding: 6px;
}

.resources blockquote {
	font-size:11px;
	margin-top: 0px;
}


.media  {
    padding:6px;
}
	
.mediabox  {
    border-color: #6b9ab5;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	padding: 6px;
	line-height:18px;}
	
.media a  {
    font-weight:normal;}
	


/*
	body  {
		margin: 0px;
		padding: 0px;
	}
	body, p, td {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #172a6a;
	}
	a:link, a:visited {
		color: #172a6a;
		text-decoration: underline;
		font-weight:bold;
	}
	a:hover {
		color: #3462ff;
		text-decoration: underline;
		font-weight:bold;
	}
	a:active {
		color: #3462ff;
		text-decoration: none;
		font-weight:bold;
	}
	#container {
		width: 100%;
		background: none;
		margin: 10px 0;
		text-align: left;
		border: 0;
	} 
	#header {
		background-color: #ccc;
		height: 160px;
		padding: 0px 0px 0px 200px;
	}
	#side { 
		background-color: #ccc;
		position: static;
		top: 170px;
		left: 0;
		width: 176px;
	}
	#mainContent { 
		position: absolute;
		top: 177px;
		left: 180px;
		margin: 0;
		padding: 0 30px;
		max-width: 800px;
	}
	#mainContent #footer{
		margin: 0;
		padding: 50px 50px 30px 0;
		font-size: 11px;
		color: #8090c4;
	}
*/
.newuserclickhere {
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	background-color: #EDF0F5;
	text-align: center;
	padding: 6px;
}
.newuserclickhere, .newuserclickhere a {
	color: #840000;
}
.newuserclickhere a:hover, .newuserclickhere a:active {
	color: #CB0000;
}
#insidenav
{
    background-image:url(images/bkg_rpt2.jpg);
	background-position:top;
	background-repeat:repeat-x;
	width: 204px;
	z-index: 1;
	overflow: default;
	font-size: 12px;
}
#insidenav a
{
	display: block;
	padding: 2px 0px 2px 10px;
	margin: 3px 4px 3px 4px;
	font-weight: normal;
	text-decoration: none;
	background-color: #E7ECF0;
}
#insidenav a.selected {
	background-color: #ffc;
	font-weight: bold;
}
#insidenav #uname
{
	padding: 2px 0px 2px 14px;
	/* background-color: #ddd; */
	border-top-color: #A4BDC6;
	border-top-width: 1px;
	border-top-style: solid;
	font-style: italic;
	margin-bottom: 6px;
}
#insidenav #ubot
{
	padding-top: 2px;
	border-bottom-color: #A4BDC6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#insidenav li#ulogout
{
	/* background-color: #ddd;
	border-bottom-color: #A4BDC6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 0px; */
}
#insidenav a:hover, #insidenav a:active
{
	/*background-color: #ffe;*/
	background-color: #EDF7F3;
}
#insidenav ul
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: default;
}

#insidenav li
{
	margin: 3px 0px 3px 0px;
	padding: 0px;
	text-indent: 0px;
}
.sidebarimg {
/*
	margin-top: 4px;
	border-top-color: #A4BDC6;
	border-top-width: 1px;
	border-top-style: solid;
*/
}

form {
	padding: 0px;
	margin: 0px;
}

.indent{
    margin-left:30px;
}


/* flash-edited html: */
.flhtml p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.breadcrumb, .breadcrumb a:link, .breadcrumb a:visited {
	color: #6F6F86;
	font-size: 11px;
}
.breadcrumb a:active, .breadcrumb a:hover {
	color: #3254FF;
	font-size: 11px;
}

.result_pages b {
	font-size: 14px;
	color: #2031A0;
	border-color: #E2E1F3;
	border-width: 1px;
	border-style: solid;
	padding-left: 4px;
	padding-right: 4px;
}


#edit input.txt {
	width: 500px;
}
#edit textarea.txt {
	width: 500px;
}
#edit_wait { display: none; }

.superuser { background-color: #EAD0CD; }

.activityBrowseList .activity .thumb
{
	float: left;
	padding: 0px 10px 4px 0px;
}
.activityBrowseList .activity .price
{
	float: right;
	margin: 0px 0px 4px 10px;
	padding: 4px;
	width: 100px;
	text-align: center;
	background-color: #F5FAFD;
	border-color: #CDD1DC;
	border-width: 1px;
	border-style: solid;
}
.activityBrowseList .activity .clearLeft {
	clear: left;
}
.activityBrowseList .sep {
	padding-top: 10px;
	border-color: #6A7388;
	border-width: 2px;
	border-style: none none solid none;
}

.bndldact {
	color: #666;
}

.posttest p.answer {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 40px;
	text-indent: -20px;
}
.posttest h4 {
	margin-bottom: 0px;
}
.posttest .question_body {
	padding: 2px 10px 10px 10px;
	border-color: #CCC;
	border-width: 1px;
	border-style: solid;
}
.posttest blockquote {
	font-style: italic;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.posttest .question_body_odd {
	margin-left: 20px;
	background-color: #eee;
}
.bundledActivity {
	margin-left: 5px;
	padding-left: 5px;
	border-color: #666 #666 #666 #CCC;
	border-width: 1px 1px 1px 2px;
	border-style: none none none solid;
}
.checkout_indented
{
	margin-left: 5px;
	padding-left: 5px;
	width: 590px;
	border-color: #666 #666 #666 #A1CACC;
	border-width: 1px 1px 1px 2px;
	border-style: none none none solid;
}
.checkout_step {
	margin-top: 10px;
	margin-bottom: 2px;
}

.userInfoFrame {
	width: 560px;
	max-width: 560px;
	overflow: hidden;
}
.userInfo {
}
.userInfo_ppv {
	width: 300px;
}
.userInfo p, .orgInfo p {
	margin-top: 10px;
	margin-bottom: 3px;
}
.userInfo p.first, .orgInfo p.first {
	margin-top: 0px;
}
.indented{
	margin-left: 5px;
	padding-left: 5px;
	border-color: #666 #666 #666 #A1CACC;
	border-width: 1px 1px 1px 2px;
	border-style: none none none solid;
}
.indented ul, .indented ol {
	margin-left: 2em;
}
.userInfo_ppv .indented{
	width: 290px;
}
.userInfoSide {
	width: 300px;
}
.orderHistory {
}
.userInfoSide table { clear: none; }

form#entry {
}
form#entry .verified {
	padding-left: 16px;
}
form#entry .incorrect {
	background-image: url(../img/exclamation.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	background-attachment: scroll;
	background-position: 0px center;
}

.box {
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	padding: 6px;
}

.tabpanel {
	width: 700px;
}
.boxpanel {
	border-color: #666;
	border-width: 1px;
	border-style: none solid solid solid;
	background-color: #fff;
	padding: 6px;
	text-align: center;
}
.boxtabs {
	position: relative;
	height: 21px;
	border-style: none none solid none;
	border-color: #666;
	border-width: 1px;
	padding: 0;
	margin: 0;
}
.boxtabs li {
	display: inline;
}
.boxtabs a {
	position: relative;
	height: 21px;
	border-color: #666;
	border-width: 1px;
	border-style: solid solid none solid;
	background-color: #eee;
	padding: 6px;
	margin: 0px 0px 0px 8px;
	text-align: center;
}
.boxtabs a.selected {
	background-color: #fff;
	border-bottom: #FFF;
	border-style: solid;
	padding-bottom: 6px;
}

ul.nodent {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 1em;
}

th .explanation { font-weight: normal; }

.regoption
{
	text-indent: -24px;
	padding: 2px 2px 0px 32px;
}
ul.optionlist {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.optionlist li {
	text-indent: -2em;
	padding-left: 2em;
}

table.countries ul{
    margin:0 30px;
}

table.list
{
	background-color: #ccc;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
}
table.list th, table.list td, table.list p {
	font-size: 10px;
}

table.list th
{
	background-color: #eee;
	padding: 2px 4px 2px 4px;
}
table.list th.sortable
{
	background-color: #eee;
	padding: 2px 4px 2px 4px;
}
table.list th.sortableover
{
	background-color: #ffe;
	color: #303;
	padding: 2px 4px 2px 4px;
	text-decoration: underline;
}
table.list th.sorted
{
	background-color: #fff;
	padding: 2px 4px 2px 4px;
}
table.list td
{
	background-color: #fff;
	padding: 2px 4px 2px 4px;
}
table.list tr.odd td {
	background-color: #f3f5ff;
}



table.report {
	background-color: #ccc;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
}
table.report th, table.report td, table.report p {
	font-size: 10px;
}

table.report th {
	background-color: #eee;
	text-align:center;
	padding: 2px 6px 2px 6px;
}
table.report td {
	background-color: #fff;
	text-align:center;
	padding: 2px 6px 2px 6px;
}
table.report tr.odd td {
	background-color: #f3f5ff;
}
table.report tr.spacer {
	height: 8px;
}
table.report tr.spacer td {
	background-color: #f8f8f8;
}
/*
table.report tr:hover td {
	background-color: #ffc;
}
table.report tr:hover td.odd {
	background-color: #ffc;
}
*/
table.report .txright {
	text-align: right;
}
table.report .txleft {
	text-align: left;
}
table.report .name {
	color: #600;
}
table.report .module {
	color: #006;
}
table.report .prog_notstart {
	/*color: #600;*/
}
table.report .prog_fail {
	color: #600;
}
table.report .prog_working {
	color: #C93;
}
table.report .prog_pass {
	color: #060;
}


table.ansStats {
	background-color: #ccc;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
}
table.ansStats th, table.ansStats td {
	font-size: 11px;
	padding: 2px 4px 2px 4px;
}
table.ansStats th {
	font-weight: normal;
	background-color: #eee;
}
table.ansStats td {
	font-weight: normal;
	background-color: #fff;
}

table.graph td.xlabel { padding: 0px 2px 0px 2px; }
table.graph td.ylabel { padding: 2px 0px 2px 0px; }
table.graph td.data
{
	border-color: #000;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	padding: 2px 2px 2px 2px;
}

table.details
{
	border-color: #666;
	border-width: 1px;
	border-style: solid;
}
table.details th, table.details td, table.details p {
	font-size: 11px;
}
table.details th
{
	background-color: #eee;
	padding: 2px 4px 2px 4px;
	text-align: right;
	vertical-align: top;
}
table.details th.header
{
	text-align: left;
	border-color: #fff;
	border-width: 3px;
	border-style: solid none none none;
}
table.details td
{
	background-color: #fff;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
}
table.details tr.total td {
	border-color: #666;
	border-width: 1px;
	border-style: solid none none none;
}
table.details tr.odd td {
	background-color: #f3f5ff;
}

table.list tr:hover td {
	background-color: #ffc;
}
table.list tr:hover td.odd {
	background-color: #ffc;
}

.firms{
	margin-bottom:20px;
	}
.firms td, .firms th{
	padding:5px;
	}
.firms th{
	font-size:14px;
	font-weight:bold;
	color:#569e67;
	background-color: #f1f1f1;
	}
.firms ol{
	margin:0 0 0 25px;
	padding:0;
	}	
.firms li{
	padding:0 0 5px;
	}
.legend{
	font-size:14px;
	font-weight:bold;
	color:#569e67;
	}


/*
table.details tr:hover td {
	background-color: #ffc;
}
table.details tr:hover td.odd {
	background-color: #ffc;
}*/

		.histogram td {
			text-align: center;
			vertical-align: bottom;
		}

/*
	Survey Styles (needs to fit into a box panel)
*/
div.survey {
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	width: 560px;
	font-size: 11px;
}

div.survey table {
	margin: 0px;
	padding: 0px;
}

div.survey th {
	background-color: #eee;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
}
div.survey td {
	background-color: #fff;
	padding: 2px 4px 2px 4px;
}
div.survey tr.odd td {
	background-color: #f3f5ff;
}

div.survey table.options td {
	text-align: center;
	vertical-align: middle;
}

div.survey table.options th {
	vertical-align: middle;
}

div.survey table.options th.opt {
	text-align: center;
	vertical-align: bottom;
}

div.survey table.options
{
	border-bottom: #ccc;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}
div.survey table.comment td {
	text-align: left;
	vertical-align: top;
}




table.opsys {
	border-color: #666;
	border-width: 1px;
	border-style: solid;
}
table.opsys th {
	background-color: #eee;
	padding: 2px 4px 2px 4px;
	text-align: right;
	vertical-align: top;
}
table.opsys td {
	background-color: #fff;
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: middle;
}
table.opsys tr.odd td {
	background-color: #f3f5ff;
}