/* CSS Document */

html,body{margin:0; padding:0;}

img
{
    border:none;
}
table
{
    border-spacing: 0;
    border-collapse:collapse;
}

legend
{
    font-weight:bold;
    margin-bottom:10px;
}

fieldset
{
    padding:10px;
}

body, .normal {
	/*position: relative;*/
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	/*behavior: url(../behaviors/csshover.htc);*/
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif; 
	}
	
#main_body
{
	background: #AFAFAF;
	color: #000000;
}

div#content{
	width: 950px;
	/*border: 1px yellow solid;*/
	padding-left:21px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
}
	
div#wrapper
{
	background-image:url('/images/TrainingPortalHeader_filler.gif');
	background-repeat:repeat-x;
	height:111px;
	padding:0; 
	margin: 0; 
}

div#divHeader
{
	background-image:url('/images/TrainingPortalHeader.gif');
	background-repeat:no-repeat;
	height:168px;
	width:993px;
}

div#leftcolumn{float:left;width:500px;}
div#rightcolumn{margin: 0 0 0 500px;}

div#footer{
	clear:both;
	width:100%;
	/*background: url(../footerbkg.gif) bottom left repeat-x;*/
	padding: .5em 5px;
	}
	
input[type=submit]
{
		font: 12px/16px Verdana, Arial, Helvetica, sans-serif; 
		background-color:#6774a1;
		color:#fff;
}


.maincontainer{
	position: relative;
	text-align:center;
}

.maincontainer table
{
	/*width:1000px;*/
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
	
.maincontainer table table
{
	/*width:1000px;*/
	clear:both;
    margin-left:0;
    margin-right:0;
    text-align:left;

}

.contentareafull
{
	background: #FFFFFF url(/images/TrainingPortal_ContentBackground.gif) top left repeat-y;
	text-align:left;
}

.contentareafull table 
{
	margin-left:0px;
}

.contentareas
{
	background: #FFFFFF url(/images/Contentwsidebars.gif) top left repeat-y;
	text-align:left;

	/*padding-left:21px;
	padding-right:21px;*/
}
.contentareas table 
{
	margin-left:0;
	margin-right:0;
	text-align:left;
}

.contentareanav
{
	background: #FFFFFF url(/images/link-bar.gif) top left no-repeat;
  /*width:993px;*/
  
}

.contentnavadmin
{
  /*width:993px;*/
	padding-left:19px;
	padding-right:21px;
  
}

.contentareainset
{
	width: 950px;
	padding-left:21px;
	padding-right:20px;
	padding-top:2px;
	padding-bottom:2px;
}

.contentareainset table
{
	margin-left:0px;
}

.footer
{
	background: #FFFFFF url(/images/footer.gif) top left no-repeat;
	color:White;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	height:114px;
}


/*-------[ Custom Headings ]-------*/
h1.sectiontitle 
{
	font-size: 19px;
	margin: 0px;
	font-weight: lighter;
}

/*-------[ Headings ]-------*/

.curved 
h1, h2, h3, h4, dt {
	margin-bottom: 5px;
}

h1, .VeryLargeHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: bold;
	/*color: #7D7D91;*/
	color:Black;
	text-align:left;
}

h2, .LargeHeading 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: bold;
	color:Black;
	text-align:left;
}

h3, .MediumHeading 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style:normal;
	line-height: normal;
	font-variant: normal;
	text-transform:uppercase;
	font-weight: bold;
	/*color: #7D7D91;*/
	color:Black;
	text-align:left;
}
h4, .SmallHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;	
	font-weight: bold;
	/*	color: #7D7D91;*/
	color:Black;
	text-align:left;
}


/*-------[ Paragraph ]-------*/
p {margin:0;}

/*-------[ Links ]-------*/
a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	color: #948A54;
	text-decoration: underline;
	cursor:pointer;
}
a:active{
	color: #0000FF;
	text-decoration: none;
	position:relative;
	top:1px;
	left:1px;
}

/*-------[ Tags ]-------*/
ul{
	margin: 0;
	padding: 0;
}
li {
	margin: 0 0 0 1em;
	padding: 0;
	}

/*-------[ General Formatting classes ]-------*/
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.textcenter {
	text-align: center;
}


/*-------[ General Layout ]-------*/
.curved {
		/* -moz-border-radius:15px; /* for firefox */
		/* -webkit-border-radius:15px; /* for safari*/ 
		/* border-radius: 15px; for ie8 ??? */
/*		 behavior:url(border-radius.htc);*/
}

.vert_spacer
{
     padding:10px;
}

.inlinePanel  {
	display:inline;
}




/*-------[ Modal Popup ]-------*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*-------[ Navigation Tab ]-------*/      
.menulistHorizontal, .menulistHorizontalAdmin {
	padding: 0;	
	margin: 0;
	border-spacing:0px;
	/*float: left;*/
	/*width:100%;*/
	display:block;
	/*height:35px;*/
}

.menulistHorizontal 
{
	    margin-left: 20px;
    width: 950px;
	height:25px;

	float:left;
	background:#BBAEA2;
	/*background: #325E92 url(/images/Menubargradient.gif) top left repeat-x;*/
}
	
.menulistHorizontalAdmin 
{
	/*margin-left:19px;*/
	/*border:solid 1px black;*/
	height:25px;
	width:950px;
	background: #9DA5C3;
	float:left;
	/*width:950px;*/
	/*background: #610E0E url(/images/AdminMenubargradient.gif) top left repeat-x;*/
	margin: 1px 0 0 1px;

}
	
.menulistHorizontal li, .menulistHorizontalAdmin li { display: inline; }

.menulistHorizontal li a
{
		padding: 3px 12px 0px 12px;
		/*padding-top:0.2em;
		padding-bottom:0.2em;*/
		margin: 0px;
		border-spacing:0px;
		text-decoration: none;
		float: left;
		border-right: solid 1px #BBAEA2;
		border-bottom: solid 2px #BBAEA2;
		font-weight: bold;
		font-size:12px;
		color:black;
		background: #BBAEA2;
}

.menulistHorizontalAdmin li a
{
		padding: 0.2em 1em;
		/*padding-top:0.3em;
		padding-bottom:0.2em;*/

		margin: 0px;
		border-spacing:0px;
		text-decoration: none;
		float: left;
		border-right: solid 1px #FFFFFF;
		border-bottom: solid 2px #9DA5C3;
		font-weight: bold;
		font-size:11px;
		color:white;
		background: #9DA5C3;
	}

.menulistHorizontal li a:hover
{
    color:#666;
}
.menulistHorizontal li.highlighted, .menulistHorizontalAdmin li.highlighted {}
	
.menulistHorizontal li.highlighted a
{
    background: none repeat scroll 0 0 #976F32;
    border: 1px solid #BBAEA2;
    color: white;
    height: 21px;
    padding-top: 2px;
}

 .menulistHorizontalAdmin li.highlighted a
 {
 	color:Black;
 	background:white;
 	
 }

.menulistNormalAdmin 
{
		border-right: solid 1px #A94846;
		border-bottom: solid 2px #610E0E;
		font-weight: bold;
		font-size:11px;
		color:white;
		background: #610E0E;
}


.welcomeHeader
{  
   width:100%;
   overflow:hidden;
}

.welcomeHeader img
{
    width:101px;
    height:101px;
    margin: 15px 0 15px 39px;
    float:left;
}

.welcomeHeader h2
{
    width:700px;
    float:left;
    margin:22px 0 5px 10px;
    font-size:21px;
    text-transform:capitalize;
    font-weight: 100;
    height:45px;
}
.welcomeHeader h2 img
{
    width:700px;
    height:45px;
    margin:0px;
    float:none;
}


.welcomeHeader span
{
    background: none repeat scroll 0 0 #976F32;
    display: inline-block;
    margin: 10px 0 0 10px;
    padding: 4px 5px;
    position: relative;
    width: 787px;
}

.welcomeHeader .btn_welcome
{
    padding:1px 5px;
    background:#bbaea2;
    border:1px solid #666;
    font-size:11px;
    cursor:pointer;

}

.welcomeHeader .btn_welcome:hover
{
    color:#666;
}

/*-------[ Items in Popup ]-------*/       
.PopUpHeader
{
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color:Black; 
}
	
.PopupRedButton, .PopupRedButtonLogin, .PopupRedButtonFP
{
}

.PopupRedButtonLogin
{
}

.PopupRedButtonFP
{
}

.PopupRedButton
{
}

.NewAccountArea
{
	height:400px;
}

/*-------[ Buttons ]-------*/
.redButton 
{
/*	font-size:15px;
	font-weight:bold;
	color:White;
	background: url(/images/redbuttongradient.gif) top left repeat-x;
	border-color:#C67F7F #7B0000 #7B0000 #C67F7F; 
	-moz-border-radius: 5px; /* for firefox */
/*	-webkit-border-radius: 5px; /* for safari*/ 
/*	border-radius: 5px;/* for ie8 ??? */
}

.greyButton 
{
/*	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
	color:White;
	border: solid 2px;
	border-color: black;
	background-color: #3E4149;
	-moz-border-radius: 5px; /* for firefox */
/*	-webkit-border-radius: 5px; /* for safari*/ 
/*	border-radius: 5px;/* for ie8 ??? */
/*	filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#F0F0F0FF',EndColorStr='#3E414900')
   progid:DXImageTransform.Microsoft.DropShadow(Color='#cccccc', OffX=2, OffY=3);
*/
}

.yellowButton 
{
/*	font-size:medium;
	font-weight:bold;
	color:red;
	border: solid 2px;
	border-color: black;
	background-color: #efeecb;
	-moz-border-radius: 5px; /* for firefox */
/*	-webkit-border-radius: 5px; /* for safari*/ 
/*	border-radius: 5px;/* for ie8 ??? */
}

.goldButton 
{
/*	font-size:11pt;
	font-variant:normal;
	font-weight:normal;
	color:White;
	background-color: #948A54;
	-moz-border-radius: 5px; /* for firefox */
/*	-webkit-border-radius: 5px; /* for safari*/ 
	
}

/*-------[ TXTP Headers ]-------*/
#DPSLinks 
{
	position:absolute;
	left:106px;
	top: 57px;
	color: #FFFFFF;
}

#DPSLinks a 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.04em;
	padding: 3px 7px 0px 7px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;

}

#DPSLinks a:link {
	text-decoration: none;
}
#DPSLinks a:visited {
	text-decoration: none;
}
#DPSLinks a:hover {
	text-decoration:underline;
}
#DPSLinks a:active{
	text-decoration: none;
}

.MastHeadHrefs
{
	font-size:8pt;	
	font-weight:bold;	
	color:White; 
}

.SearchArea 
{
	position:relative;
	top: 5px;
	left: 600px;
	width:350px;
	text-align:right;
	*left:400px;
}

#HeaderLinkArea 
{
    left: 175px;
    position: relative;
    top: 158px;
    width: 805px;
	
}


.UserWelcomeArea 
{
	position:absolute;
	top:6px;
	left: 0px;
	width:480px;
}



/*-------[ FreedomPro ContentRenderer for Admin ]-------*/	
#FPEditContentBorderClass:hover
{
	border:solid 1px #BBB;
}

.FPEditContentLinkClass a
{
	float:right; 
	position:relative;
	color:#BBB;
	text-decoration:underline;
	padding-right: 3px;
}

/*-------[ My Profile / My Transcript / My Upcoming Activities ]-------*/
.sectionHeading /*match with home_section_header*/ 
{
	font-size: 19px;
	font-weight: lighter;	
	margin-bottom: 5px;
}

.teex_footer a
{
    color:#fff;
    text-decoration: none;
    margin: 6px 0;
    display:inline-block;
    font-size: 11px;
}