body {padding:0; margin:0; }

.scrollType{scrollbar-3dlight-color:#c9c9c9; 
scrollbar-arrow-color:#555555; 
scrollbar-base-color:#eefdea; 
scrollbar-darkshadow-color:#c9c9c9; 
scrollbar-face-color:#e1e1e1; 
scrollbar-highlight-color:#c9c9c9; 
scrollbar-shadow-color:#c0c0c0} 


/* Links */

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5c7b24;
	text-decoration: underline;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

/* Header bar */

#header {
	height:110px;
	width:100%;
	background-image:url(images/title-band.jpg);
	background-repeat:repeat-x;
	background-color: #dfffd8;
	border-bottom: 2px solid #a70018;
}

.logo {
	background-image:url(images/value-logo.jpg);
	background-repeat:no-repeat;
	height: 110px;
	width: 175px;
	vertical-align:top;
	float:left;
	display:block; 
}

.titleband {
	height: 60px;
	width: 80%;
	float:left;
	display:block;
}

.leadtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:bold;
	color:#FFFFFF;
	width:50%;
	padding-top: 10px;
	/*display:block; */
	height:30px;
	float:left;
	padding-left:8px;
}

.bytitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#FFFFFF;
	float:right;
	padding-right: 8px;
	padding-top: 20px;
	width: 40%;
	display:block;
	vertical-align:bottom;
}


/* Body */

#tablesidebar {
	margin:0px;
	width: 210px;
	vertical-align:top;
	text-align:center;
}

.loginbox {
	border: 1px solid #a70018;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#000000;
	width: 90%;
	text-align:center;
}

.logged {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	padding-left:8px;
	color:#000000;
	text-align:left;
	vertical-align:top;
}

.loggedtext { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin-left:5px;
	color:#000000;
	text-align:left;
	width:50%;
	display:block;
	float:left;
}
.logout { width:auto; vertical-align:top; }

.sidedetailbox {
	padding-top: 5px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;;
	color:#000000;
	width: 100%;
	text-align:left;
	margin-bottom:12px;
	background-color:#e2e1e1;
/*	height:138px;*/
}

.innerhaeds {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #cc0000;
	text-align:center;
	vertical-align:top;
	padding-top:2px;
	padding-left:20px;
	line-height:24px;
	
}

.username {
	padding-right: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000000;
	text-align:right;
	width: 90%;
	height:20px;
}

.options {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	text-align:center;
	background-color:#CCCCCC;
	border: 1px solid #a70018;
	width:90%;
	vertical-align:middle;
	padding-top:5px; padding-left:5px; padding-bottom:2px;
	height:30px;
	
}
.optionsCareer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	text-align:center;
	width: 100%;
	vertical-align:middle;
	padding-top:0px; 
	height:36px;
	padding-left:5px;
	background-image:url(images/career-planning-bg.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#dddddd;
}
.optionsCoach{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	text-align:center;
	width: 100%;
	vertical-align:middle;
	padding-top:0px; 
	height:36px;
	padding-left:5px; 
	background-image:url(images/get-your-coach-bg.jpg);
	background-repeat:no-repeat;
	background-position:left center;
}
.optionsFAQ{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	text-align:center;
	width: 100%;
	vertical-align:middle;
	padding-top:0px; 
	height:36px;
	padding-left:5px; 
	background-image:url(images/q-a-bg.jpg);
	background-repeat:no-repeat;
	background-position:left center;

}

.optionsBenefits{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	text-align:center;
	width: 100%;
	vertical-align:middle;
	padding-top:0px; 
	height:36px;
	padding-left:5px; 
	background-image:url(images/benefits-bg.jpg);
	background-repeat:no-repeat;
	background-position:left center;

}

.optionsProcess{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	text-align:center;
	width: 100%;
	vertical-align:middle;
	padding-top:0px; 
	height:36px; 
	padding-left:5px; 
	background-image:url(images/learning-process-bg.jpg);
	background-repeat:no-repeat;
	background-position:left center;

}

.optionsside {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	font-weight:bold;
	text-align:center;
	background-color:#CCCCCC;
	border: 1px solid #a70018;
	width:90%;
	height:30px;
	vertical-align:middle;
	padding-top:5px; padding-left:5px; padding-bottom:2px;
}

.Maintabs {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	background-color:#CC0000;
	border: 1px solid #cccccc;
	width:90%;
	vertical-align:middle;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
}

.innerpagebloks {
	background-color: #feece0;
	border:1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	font-weight:bold;
	padding-top:3px; padding-left:3px; padding-right:3px;
	vertical-align:middle;
	text-align:left;
	height:20px;
	width:87%;
}

.signinnerbloks {
	/*background-color: #feece0;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#000000;
	padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px;
	vertical-align:middle;
	text-align:left;
	height:20px;
	width:75%;
	float:left;
	display:block;
}

.sign {
	padding-top:2px;
	width:10%;
	height:12px;
	float:right;
	display:block;
}


#middlecolumn {
	background-color:#E6F9E3;
	border: 1px solid #a70018;
	vertical-align:top;
	
}

.middleheading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#cf261e;
	height:30px;
	text-align:left;
	padding-top:2px;
	padding-left:15px;
	background-image: url(images/heading-bg.jpg);
	background-repeat: repeat-x;
}

.middleheading2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#cf261e;
	
	text-align:left;
	/*padding-top:2px;*/
	padding-left:2px;
	background-image: url(images/heading-bg.jpg);
	background-repeat: repeat-x repeat-y;
	
}

.tooltip
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	position: absolute; 
	display:none; 
	margin-top: 0px; 
	width: 569px; 
	border: 3px solid #cccccc;
	background: #FFF; 
	color: #000; 
	z-index: 5; 
	
}
.tooltip1
{
	position:absolute; 
	display:none; 
	background: #FFF;
	z-index: 5; 
	overflow: vertical;
	border-top-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-left-color: #cccccc;
	background-color: #FFF;
	background-image: url(images/bottomLine.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.middleheading1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#cf261e;
	height:25px;
	text-align:left;
	/*padding-top:2px;*/
	padding-left:2px;
	background-image: url(images/heading-bg.jpg);
	background-repeat: repeat-x;
	
}
.data {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
}
.datacontent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:10px;
	border:1px solid #FF0000

}
.question {
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #cc0000;
}
	
.mainlistingcourse {
	
	list-style-type:none;
	margin-left:0px;
	margin-top:5px;
}

.courseblock {
	border-bottom: 1px solid #a70018;
	margin: 0px;
	width:100%;
	padding-bottom:8px;
}

.coursebox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#414042;
	margin:0px;
	float:left;
	/*padding-left:8px; */
	padding-top:0px;
	border:0px solid red;
}
.main_middle_box {
	border:0px solid #a70018; 
	width:100%;
	height:180px;;
	overflow:auto;
	vertical-align:top;
}
.coursesummary {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	/*text-align:justify;*/
	/*padding-left:10px;
	padding-right:10px;*/
	padding-bottom:0px;
	margin:0px;
	float:left;
	border:0px solid red;
}

.programblok {
	border-bottom: 1px solid #5c7b24;
	padding-left:8px; padding-bottom:4px; padding-top:4px;
}

.programshed {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1ems;
	color:#000000;
	text-decoration:underline;
	text-align:left;
	padding-left:8px; padding-bottom:4px; padding-top:4px;
	width:50%;
}


.comments {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	display:block;
	float:right;
	padding-right:15px;
	vertical-align:top;
	
}

.commentsinner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	/*display:block;*/
	padding-right:15px;
	vertical-align:bottom;
	width:auto;
}

.coursedetails {
	font: 80% Arial;
	font-size:0.7em;
	color:#000000;
	margin-left:10px;
}


.topic {
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
	padding-left:8px; padding-bottom:4px; padding-top:4px;
	width:98%;
}

.topicleftside {
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	background-color:#f4f4f4;
	padding:3px 4px 3px 4px;
	width:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#000000;
	text-align:center;
	vertical-align:top;
}

.topicrightside {
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	background-color:#f4f4f4;
	padding:3px 4px 3px 4px;
	width:20px;
	text-align:center;
	vertical-align:top;
}

.topicmidblnk { height:10px; }

.topicblock {
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#000000;
	padding-left:20px; padding-bottom:4px; padding-top:4px;
}	

.topiclinblok {
	font:80% Arial;
	font-size:0.9em;
	color:#000000;
	padding-left:4px; padding-bottom:4px; padding-top:4px;
	width:50%;
	float:left;
	display:block;
}

.topicslin { }



.agendatable {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	text-align:left;
	vertical-align:top;
}

#agendahead {	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#000000;
	text-align:left;
}

.agendaprog { width:25%; border-bottom:1px solid #999999; border-right:1px solid #999999; padding-left:8px; padding-top:3px; padding-right:10px;}
.agendatopic { width:7%; border-bottom:1px solid #999999; border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px;}
.agendaassign { width:30%; border-bottom:1px solid #999999; border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px;}
.agendaaction { width:25%; border-bottom:1px solid #999999; border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px;}
.agendadate { width:13%; border-bottom:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px;}

#agendacell {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	text-align:left;
}

.agendaprogcell { border-right:1px solid #999999; padding-left:8px; padding-top:3px; padding-right:10px;}
.agendatopiccell { border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px; text-align:center;}
.agendaassigncell { border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px;}
.agendaactioncell { border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px;}
.agendadatecell { padding-left:8px; padding-top:3px; padding-right:10px;}

.buttons { width:95%; }
.extractbtn { width:50%; display:block; float:left; padding-left:30px;}
.exportbtn { width:45%; display:block; float:right;}


.assigntable {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align:left;
	vertical-align:top;
}
#assignahead {	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	color:#000000;
	text-align:left;
}
.assignprog { width:30%; border-bottom:1px solid #999999; border-right:1px solid #999999; padding-left:8px; padding-top:3px; padding-right:10px;}
.assigntopic { width:10%; border-bottom:1px solid #999999; border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px;}
.assignassign { width:30%; border-bottom:1px solid #999999; border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px;}
.assignsubmit { width:15%; border-bottom:1px solid #999999; border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px; text-align:center;}
.asigncoach { width:15%; border-bottom:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px; text-align:center;}

#assigncell {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	text-align:left;
}
.assignprogcell { border-bottom:1px solid #999999; border-right:1px solid #999999; padding-left:8px; padding-top:3px; padding-right:10px; vertical-align:top;}
.assigntopiccell { border-bottom:1px solid #999999; border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px; text-align:center;}
.assignassigncell { border-bottom:1px solid #999999; border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px;}
.assignsubmtcell { border-bottom:1px solid #999999; border-right:1px solid #999999;  padding-left:8px; padding-top:3px; padding-right:10px;}
.assigncoachcell { border-bottom:1px solid #999999; padding-left:8px; padding-top:3px; padding-right:10px; text-align:center;}

.navigation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#000000;
	padding-left:8px; padding-top:3px;
}

.assigngrnblock { width:99%; }
.assgn2blocks1 { width:50%; display:block; float:left;}
.assgn2blocks2 { width:49%; display:block; float:right;}
.grenblokhead {
	border-left:1px solid #006600;
	border-top:1px solid #006600;
	border-right:1px solid #006600;
	background-color:#749932;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#FFFFFF;
	width:95%;
	text-align:left;
	padding-left:5px; padding-top:3px; padding-bottom:3px;
}

.grenblokinfo {
	border-left:1px solid #006600;
	border-bottom:1px solid #006600;
	border-right:1px solid #006600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000000;
	text-align:left;
	width:95%;
	padding-left:5px; padding-top:3px; padding-bottom:3px;
}

.redblokhead {
	border-left:1px solid #67862f;
	border-top:1px solid #67862f;
	border-right:1px solid #67862f;
	background-color:#e64d4d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#FFFFFF;
	width:98%;
	text-align:left;
	padding-left:5px; padding-top:3px; padding-bottom:3px;
}

.redblokinfo {
	border-left:1px solid #67862f;
	border-bottom:1px solid #67862f;
	border-right:1px solid #67862f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000000;
	text-align:left;
	width:98%;
	padding-left:5px; padding-top:3px; padding-bottom:3px;
}

.blogheading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#414042;
	text-indent:55px;
	height:43px;
	background-image: url(images/blog-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.popupHeading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#5a7822;
	height:43px;
	float:left;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:10px;
}