@media print 
{
	.sidebox { display: none; }
	#TopTable { display: none; }
	#TopMenu { display: none; }
	.ewo_inner { display: block; }
}

@media screen
{
	.sidebox { display: block; }
	#TopTable { display: block; }
	#TopMenu { display: block; }
}

@media print, screen 
{
BODY
{
    FONT-SIZE: 12pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background-color: White;
}

.topmenu { background-color: white;}
.topmenu TD { color: White; height: 25px; padding-left: 5px; padding-right: 5px; font-size: 10pt; font-family: tahoma, arial, helvetica; font-weight: bold; background-color: #599859; border: 1px #599859 solid; cursor: pointer; background: url(images/vhead_fat.jpg);}
.topmenu TH { background-color: white; color: #599859; border-top: 1px solid #599859; border-left: 1px solid #599859; border-right: 1px solid #599859; border-bottom: 1px white solid; font-size: 10pt; font-family: tahoma, arial, helvetica; padding-left: 5px; padding-right: 5px; font-weight: bold; }

.menuhints { background-color: white; }
.menuhints TD { height: 25px; padding-left: 5px; padding-right: 5px; font-size: 12px; font-family: tahoma, arial, helvetica; font-weight: bold; background-color: white; border-left: 1px #599859 solid; border-right: 1px #599859 solid; border-bottom: 1px #599859 solid;}

A:link { text-decoration: none; color: black;}
A:visited { color: black; text-decoration: none; }
A:hover { color: red; text-decoration: none; }
A:active { color: black; text-decoration: none; }

A:link.whitelink { text-decoration: none; color: white;}
A:visited.whitelink { color: white; text-decoration: none; }
A:hover.whitelink { color: white; text-decoration: none; }
A:active.whitelink { color: white; text-decoration: none; }

A:link.normallink { text-decoration: underline; color: black; line-height: 20pt; }
A:visited.normallink { color: black; text-decoration: underline; line-height: 20pt; }
A:hover.normallink { color: red; text-decoration: underline; line-height: 20pt; }
A:active.normallink { color: black; text-decoration: underline; line-height: 20pt; }

/* Stand-out links */
A:link.solink { font-weight: bold; border-bottom: 1px red dashed; color: black; line-height: 20pt; }
A:visited.solink { font-weight: bold; color: black; border-bottom: 1px red dashed; line-height: 20pt; }
A:hover.solink { font-weight: bold; color: red; border-bottom: 1px red dashed; line-height: 20pt; }
A:active.solink { font-weight: bold; color: black; border-bottom: 1px red dashed; line-height: 20pt; }

.wisdom { border: 1px solid #599859; }
.wisdom TH { color: White; font-family: tahoma, arial, helvetica; font-size: 12pt; background-color: #599859; padding-left: 2px; padding-right: 2px; width: 100px; }
.wisdom TD { font-family: tahoma, arial, helvetica; font-size: 12pt; background-color: #d1e6d1; padding-left: 20px; padding-right: 20px; }

.advice TH { font-family: tahoma, arial, helvetica; font-size: 12pt; background-color: #599859; padding-left: 2px; padding-right: 2px; background: url(images/advicebackground.png); background-repeat: repeat-y;}
.advice TD { font-family: tahoma, arial, helvetica; font-size: 12pt; background-color: #d1e6d1; padding-left: 10px; padding-right: 10px; background: url(images/advicebackground.png); background-repeat: repeat;}

.inset { border: 2px #ffff88 solid; }
.inset TH { background-color: #ffff88; padding-left: 12px; padding-right: 10px; }
.inset TD { font-family: tahoma, arial, helvetica; font-size: 12pt; background-color: #ffffaa; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }

.sidemenu { background-color: #eeeeee; border: 2px #599859 solid; }
.sidemenu TH { color: White; font-family: tahoma, arial, helvetica; font-size: 10pt; padding: 5px; background-color: #599859; }
.sidemenu TD { background-color: #d1e6d1; }

.ewo { background-color: #eeeeee; border: 2px #599859 solid; width: 617px; }
.ewo TH { color: White; font-family: tahoma, arial, helvetica; font-size: 12pt; padding: 5px; background-color: #599859; text-align: left; }
.ewo TD { background-color: #ffffaa; }

.menu TD { font-family: tahoma, arial, helvetica; font-size: 11pt; }
.menu TR { cursor: pointer; }

.header { background-color: #ffffff; border: 1px #aaccaa solid; }
.header TH { color: #000000; padding-left: 5px; padding-top: 2px; font-size: 11pt; font-family: tahoma, arial, helvetica; font-weight: bold; font-size: 14pt;}

.bigtable { background-color: white; height: 98%;}

.footer { background-color: white; }
.footer TD { background-color: white; height: 25px; font-size: 7pt; font-family: tahoma, arial, helvetica;}

.sidebox { height: 100%; }

h2 { font-family: tahoma, arial, helvetica; font-size: 14pt; color: black; }

.resource_tbl { border: 1px #d1e6d1 solid; }
.resource_tbl TH { font-family: tahoma, arial, helvetica; font-size: 12pt; background-color: #d1e6d1; color: black; font-weight: bold; padding: 3px; }
.resource_tbl TD { font-family: tahoma, arial, helvetica; font-size: 12pt; color: black; background-color: #ffffff; padding: 8 8 8 33; }

.derailer_tbl { border: 2px #599859 solid; }
.derailer_tbl TH { font-family: tahoma, arial, helvetica; font-size: 12pt; background-color: #d1e6d1; color: black; font-weight: bold; padding: 3px; }
.derailer_tbl TD { font-family: tahoma, arial, helvetica; font-size: 12pt; color: black; background-color: #ffffff; padding: 8 8 8 8; }

.action_tbl { border: 1px #d1e6d1 solid; }
.action_tbl TH { font-family: tahoma, arial, helvetica; font-size: 12pt; background-color: #d1e6d1; color: black; font-weight: bold; }
.action_tbl TD { font-family: tahoma, arial, helvetica; font-size: 12pt; color: black; background-color: #f8f8f8; }

.bigtext { font-family: tahoma, arial, helvetica; font-size: 12pt; color: black; background-color: white; }

.onboarding_table { border: 1px #444444 solid; }
.onboarding_1 { background-color: #eeeeee; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 4px; }
.onboarding_2 { background-color: #ffffff; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 4px; }
.onboarding_1_done { color: #cccccc; background-color: #eeeeee; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 4px; }
.onboarding_2_done { color: #cccccc; background-color: #ffffff; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 4px; }


.qa { border-bottom: 1px black solid; border-top: 1px gray solid; }
.qabullet { font-size: 18pt; color: Navy; font-weight: bold; }
.qaquestion { font-weight: bold; color: Black; }
.qaanswer { font-weight: normal; color: black; display: inline; }
.qasection { padding-bottom: 20px; }




		.saving {
			position: absolute;
			top: 0px;
			left: 0px;
			height: 200px;
			width: 400px;
			background-color: #EEEEEE;
			color: black;
			}

		.saving_container {
			position: relative;
			margin: 0 auto;
			width: 400px;
			height: 200px;
			}
		
		.saving_table {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			visibility: hidden;
			z-index: 5;
		}

		.saving_table TD {
			vertical-align: middle;
			text-align: center;
			width: 100%;
			height: 100%;
		}

.graybutton
{
	padding: 3px; 
	border: black 1px solid; 
	background-color: #eeeeee;
	font-weight: bold;
	cursor: pointer;
}

.graybuttonright
{
	float: right; 
	padding: 5px; 
	border: black 1px solid; 
	background-color: #eeeeee;
	font-weight: bold;
	cursor: pointer;
}

.graybuttonleft
{
	float: left; 
	padding: 5px; 
	border: black 1px solid; 
	background-color: #eeeeee;
	font-weight: bold;
	cursor: pointer;
}

.grayboxright
{
	float: right; 
	padding: 5px; 
	border: black 1px solid; 
	background-color: #eeeeee;
	font-weight: bold;
}

.yellowboxright
{
	float: right; 
	padding: 5px; 
	border: black 1px solid; 
	background-color: #ffffaa;
	font-weight: bold;
}

.graybuttonspacer
{
	float: right; 
	padding: 5px; 
}

.graybuttonspacerleft
{
	float: left; 
	padding: 5px; 
}

.inset_table
{
	border: 1px black solid;
}

.inset_table TH
{
	color: black;
	font-weight: bold;
	background-color: #d1e6d1;
	text-align: left;
}

.inset_table TD
{
	vertical-align: top;
	width: 25%;
}

.instructionsDiv
{
	border: black 1px solid;
	padding: 10px; 
	background-color: #eeeeee;
}

div.textpage 
{
	width: 590px;
	background-color: #f6f6f6;
	border: 2px #444444 solid;
	padding: 10px;
}

div.lttextpage 
{
	width: 590px;
	background-color: #f6f6f6;
	border: 2px #cccccc solid;
	padding: 10px;
}

div.textcolumn
{
	
	background-color: #f6f6f6;
	border: 2px #444444 solid;
	/*padding: 10px;width: 125px; */
}

p.highlight 
{
	background-color: #d1e6d1;
	font-weight: bold;
}

.leadershipbox
{
	width: 530px;
	border: 1px solid black;
	padding: 10px;
	background-color: #eeeeee;
}

.tabbar
{
	height: 32px;
	width:400px;
	padding:0;
	margin:0;
}

ul.shaded
{
	padding-left: 12px;
}

.bulleta
{
	list-style-position: inside;
	background-color: #d1e6d1;
	padding: 8px;
}

.bulletb
{
	list-style-position: inside;
	background-color: #ffffff;
	padding: 8px;
}

.wd400
{
	width: 400px;
}

.notice
{
	position: absolute;
	top: 340px;
	left: 13px;
	border: 2px #ff6666 solid;
	background-color: #ffdddd;
}

.notice TD
{
	padding: 5px;
}

.notice TH
{
	padding: 2 2 2 5;
	background-color: #ff6666;
	color: white;
	text-align: left;
}

.seltab
{
	border: 1px solid black;
	border-bottom: 1px solid #599859;
	background-color: #599859;
	color: White;

	float: left; 
	padding: 5px; 
	font-weight: bold;
	cursor: pointer;
}

.backtab
{
	background-color: #eeeeee;
	color: Black;
	border: 1px #eeeeee solid;

	float: left; 
	padding: 5px; 
	font-weight: bold;
	cursor: pointer;
}

#LeftBar {width:150px;}
#RightBar {width:650px;}

div.UserGroupContainer {border:solid 1px #000;}
div.UserGroupContainer h3 {cursor:hand;margin:0px 0px 0px 0px;background-color:#599859;color:#fff;font-size:14px;padding:2px;}
div.UserGroup {}
div.UserGroup table {background-color:#f6f6f6;width:100%;}
div.UserGroup table th {background-color:#d1e6d1;text-align:left;font-weight:bold;font-size:12px;}
div.UserGroup table td {background-color:#eeeeee;font-size:12px;}

#CourseMain{font-family:Verdana;}
#CourseMenu{float:left;padding-right:0px;}
#CourseMenu ul {margin-top:60px;}
#CourseMenu ul li { list-style-type:square; color:#599859; line-height:.8em;margin-bottom:4px;}
#CourseMenu ul li a {color:#599859;font-size:10px;font-weight:bold;}
#CourseMenu ul li a:hover {text-decoration:underline;}

#Course {margin-left:auto;margin-right:auto;width:580px;text-align:left;font-family:Verdana;float:left;}
#Course p {font-size:11px;margin:4px 0px 8px 0px;}
#Course h3 {color:#599859;margin:0px 0px 0px 0px;padding:0;font-size:14px;}

#CourseHeader{background-image:url(images/CourseTitleBar.jpg);background-repeat:no-repeat;width:580px;height:50px;text-align:right;}
#CourseHeader h3 {margin:8px 0px 4px 0px;color:#61AB4D;font-weight:bold;}
.CourseTitle {margin:0px 4px 0px 0px;color:#fff;font-size:9px;font-weight:bold;letter-spacing:.1em;}
#CourseContainer{border-left:solid 1px #ccc;padding-top:10px;border-bottom:solid 1px #ccc;}

#CourseFooter {padding-top:5px;}
#CourseFooter a {color:#599859;font-size:smaller;font-weight:bold;}
#CourseFooter a:hover {text-decoration:underline; letter-spacing:.1em;}


#CourseContent div.Default {background-image:url(images/partners.jpg); background-position:bottom right; background-repeat:no-repeat;width:580px;height:100%;min-height:394px;}
#CourseContent div.Default div.CourseBody {width:400px;margin:0px 0px 10px 6px;}
#CourseContent div.Movie {background-image:url(images/moviebg.jpg);background-repeat:no-repeat;width:580px;height:100%;min-height:394px;}}
#CourseContent div.Movie div.CourseBody {padding:0;width:250px;margin:100px 0px 0px 150px;}

#CourseContent {font-size:10px;}



.DataGrid {border:solid 1px #000;font-size:12px;}
.DataGridHeader {background-color:#599859;color:#fff;font-weight:bold;}
.DataGridItem,
.DataGridAltItem {background-color:#eeeeee;}

.DataGridItem:hover,
.DataGridAltItem:hover {background-color:#fff;}

.DataGrid a {color:#599859;padding:0px 4px 0px 4px;font-weight:bold;}
.DataGrid a:hover {text-decoration:underline;}

table.CourseProgress {font-size:10px;}
table.CourseProgress h3 {margin:0;color:#599859;font-weight:bold;font-size:10px; letter-spacing:.2em;}

table.WeekProgressMeter {height:10px;border:solid 1px #000;}
table.WeekProgressMeter td.Meter {background-color:Green;}

table.CourseProgressMeter {height:10px;border: solid 1px #000;}
table.CourseProgressMeter td {border-right:solid 1px #000;}
table.CourseProgressMeter td.Meter {background-color:Yellow;}


.bulleta { list-style-position: inside;	background-color: #d1e6d1; padding: 8px; }

.bulletb { background-color: #ffffff; padding: 8px;}