.ForgotPasswordMessage
{
	color:Red;
	font-weight:bold;
}

a.ForgotPasswordMessage:link
{
	color:Red;
}
a.ForgotPasswordMessage:active
{
	color:Red;
}
a.ForgotPasswordMessage:visited
{
	color:Red;
}

table.LoginControl td
{
	padding-left:5px;
}

.LoginLabel
{
	padding: 4px 0 0 0;

}




.LoginControl
{
	margin: 10px;
	width:260px;
	background-color:#ffffff;
	font-size: small;
}

.LoginLinks
{
	margin: 10px;
	width:260px;
}

.LoginHeaderImage
{
	vertical-align: middle;
}
.LoginFailureMessage
{
	color:Red;
	font-weight:bold;
}
.Login
{
	margin:0;
	padding-bottom: 10px;
	width:360px;
	background-color:#ffffff;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	border-right: solid 1px #666;
	border-left: solid 1px #666;
}

.LoginHeader
{
	margin:0;
	padding:0 0 0 4px;
	width:356px;
	background-color:#cccccc;
	height: 18px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height:18px;
	border-bottom: solid 1px #666;

}

.LoginMessages
{
	margin:0;
	padding: 0;
	width:270px;
	background-color:#ffffff;
}

.LoginButton
{
	position:relative;
	top:-20px;
	left:260px;  
}

.LoginFailureMessage
{
	margin-top:5px;
	padding: 0;
	color:Red;
	font-weight:bold;
	font-size:11px;
	
}

.LoginForgotPassword a:link, .LoginForgotPassword a:visited, .LoginForgotPassword a:active
{
	padding-left:5px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #007C6F;
	text-decoration: none;

}
 .LoginForgotPassword a:hover
 {
	text-decoration: underline;
 }


.systestheader
{
	font-size: 12px;
	vertical-align: top;
		background: #ccc;
	padding:2px;
	font-weight:bold;
	border-right: solid 1px #333333;
}

.systestrow
{
	background: #ededed;
	font-size: 11px;
	vertical-align: top;
	padding:2px;
	border-top: solid 1px #333333;
	border-right: solid 1px #333333;
}

.courserow
{
	padding: 3px;
}

.systesttable
{
	border-top: solid 1px #333333;
	border-left: solid 1px #333333;
	border-bottom: solid 1px #333333;
}

.SystemTestButtons
{
	margin-left: auto;
	margin-right: auto;
}

a.footerLinkBK:link,  a.footerLinkBK:active, a.footerLinkBK:visited, a.footerLinkBK:hover
{
	color:#333;
	font-size:10px;
}

a.footerLink:link,  a.footerLink:active, a.footerLink:visited, a.footerLink:hover
{
	color:#336699;
	font-size:10px;
}

.maintabhover
{
	color:#000000; 
	font-size:11px; 
	line-height:14px;
	font-family:Arial;
	padding-left:20px;
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
}

.mainactivetablink
{
	color:#000000; 
	font-size:11px; 
	line-height:14px;
	font-family:Arial;
	padding-left:20px;
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
	margin-top:2px;
	margin-left:4px;
}

.maintablink
{
	color:#ffffff; 
	font-size:11px; 
	line-height:14px;
	font-family:Arial;
	padding-left:20px;
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
	margin-top:2px;
	margin-left:4px;
}

.maintabhover
{
	color:#000000; 
	font-size:11px; 
	line-height:14px;
	font-family:Arial;
	padding-left:20px;
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
	margin-top:2px;
	margin-left:4px;
}

a.maintablink:link, a.maintablink:active, a.maintablink:visited, a.maintablink:hover
{
	color:#ffffff; 
	font-size:11px; 
	line-height:14px;
	font-family:Arial;
	background-image: none;
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
	background-image: url(../img/wht_triangle.gif);
}
a.maintabhover:link, a.maintabhover:active, a.maintabhover:visited, a.maintabhover:hover
{
	color:#000000; 
	font-size:11px; 
	line-height:14px;
	font-family:Arial;
	background-image: none;
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
	background-image: url(../img/blk_triangle_down.gif);
}


a.mainactivetablink:link, a.mainactivetablink:active, a.mainactivetablink:visited, a.mainactivetablink:hover
{
	color:#000000; 
	font-size:11px; 
	line-height:14px;
	font-family:Arial;
	background-image: none;
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
	background-image: url(../img/blk_triangle_down.gif);
}


/* leftnav */
a.activetablink:link, a.activetablink:active, a.activetablink:visited, a.activetablink:hover
{
	color:#000000; 
	font-size:11px; 
	line-height:14px;
	font-family:Arial;
	margin-left:10px;
	padding-left:20px;
	background-image: url(../img/blk_triangle_down.gif);
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
	/*display: inline;*/
}

/* leftnav */
a.tablink:link, a.tablink:active, a.tablink:visited{
	color:#ffffff; 
	font-size:11px; 
	line-height:14px;
	font-family:Arial;
	margin-left:10px;
	padding-left:20px;
	background-image: url(../img/wht_triangle.gif);
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
	height:20px;
	display: inline;

}

/* leftnav */
a.tablink:hover{
	color:#000000; 
	font-size:11px; 
	line-height:14px;
	font-family:Arial;
	margin-left:10px;
	padding-left:20px;
	background-image: url(../img/blk_triangle_down.gif);
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
		display: inline;

}


ul.leftnav li{
	display:block;
	list-style-type:none;
		
	margin: 0;
	padding:0;
	background: url( ../../Images/Layout/LeftnavBorder.gif ) no-repeat 100% 0%; /* line at top of each item */
}

ul.leftnav li a{
	margin-top: 1px;
	display:block;
	text-align:left;
	padding: 5px 15px 5px 30px;
	font: bold 11px/12px arial;
	color: #003366;
	background: url( ../../Images/Layout/LeftnavBackground.gif ) no-repeat 100% 0;
}
ul.leftnav li a.disabled{
	color:#7F98B6;
}
ul.leftnav li a img{
	vertical-align:middle;
}
ul.leftnav li a:hover{
	color: #F38B00 !important;
}
ul.leftnav li.open a, ul.leftnav li a.at{
	background: url( ../../Images/Layout/LeftnavBlank.gif ) no-repeat 100% 11px;
}



/* PEP UI */
#plannercontainer{
	width:100%; background:#fff url('../img/bggrad_03.jpg') repeat-x; color:#000000;
	font-size:12px;
}
#plannerheader{
	border-bottom:2px solid #bbbdc2; height: 61px; width:100%;
}
#plannerlefttab
{
	float:left; margin-top:0px; width:479px;
}
#plannerfiltertable
{
	margin-top:0px; width:479px;
}
#plannerfiltertable td
{
	padding: 4px;	
}

.plannerstatusbox
{
	
}

#plannerfiltertable h2
{
	color: #000;
	font-size: 14px;
	font-weight: normal;
	margin:0px;
	padding:0px;
}
#plannerkeytab
{
	float:right;margin-top:0px;height:20px;width:61px;
}
#plannerkeytab h2
{
		color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0px 0px 8px;
	padding:0px;
}
#plannertable,#plannertabletabs
{
	width: 100%;
}
#plannertable .planneraltrow
{
	background: url('../img/graybgbar_06.png');
}
.competencytable
{

}

.competencytabletopics
{
    height:290px;
    width:100%;
    background: url('../img/stripes.jpg');
}

.competencytable td
{
	padding:4px;
}
.compcontainer_1 .compleft
{
	float:left;
	background: url('../img/tealboxleft_07.png');
	width:3px;
	height:46px;
}
.compcontainer_1 .compmid
{
	float:left;
	background: url('../img/tealboxmid_07.png');
	width: 140px;
	height:46px;
}
.compcontainer_1 .compmidnolaunch
{
		visibility:hidden;
}

.compcontainer_1 .compmidlaunch
{

	background: url('../img/launchbig_03.jpg');
	font-size: 8px;
	width: 139px;
	height:14px;
	text-align:center;	
}

.compcontainer_1 .compmidlaunch a
{
	font-size: 8px;
	color:#fff;
	font-weight:bold;
}

.compcontainer_0 .compmidlaunch
{
	visibility:hidden;
}

.compcontainer_0 .compmidnolaunch
{
	visibility:hidden;
}

.compcontainer_1 .compmid h3
{
	color:#fff;
	font-size: 10px;
	margin:2px 2px;
	line-height: 10px;
}
.compcontainer_1 .compright
{
	float:left;
	background: url('../img/tealboxright_07.png');
	width:3px;
	height:46px;
}
.compcontainer_1 .compblank
{
	float:left;
	background: url('../img/rtpnlblank_07.png');
	width:25px;
	height:46px;
	
}
.compcontainer_1 .compchecked
{
	float:left;
	background: url('../img/rtpnlchecked_07.png');
	width:25px;
	height:46px;
	
}
.compcontainer_1 .complocked
{
	float:left;
	background: url('../img/rtpnllocked_07.png');
	width:25px;
	height:46px;
	
}
.compcontainer_1 .complockedandchecked
{
	float:left;
	background: url('../img/rtpnllockedandchecked_07.png');
	width:25px;
	height:46px;
	
}


.compcontainer_0 .compleft
{
	float:left;
	background: url('../img/bluegreyboxleft_03.png');
	width:3px;
	height:46px;
}
.compcontainer_0 .compmid
{
	float:left;
	background: url('../img/bluegreyboxmid_03.png');
	width: 140px;
	height:46px;
}
.compcontainer_0 .compmid h3
{
	color:#000;
	font-size: 10px;
	margin:2px 2px;
	line-height: 10px;
}
.compcontainer_0 .compright
{
	float:left;
	background: url('../img/bluegreyboxright_03.png');
	width:3px;
	height:46px;
}
.compcontainer_0 .compblank
{
	float:left;
	background: url('../img/bluegreyboxrtpnl_03.png');
	width:25px;
	height:46px;
	
}
.compcontainer_0 .compchecked
{
	float:left;
	background: url('../img/bluegreyboxrtpnlchecked_03.png');
	width:27px;
	height:46px;
	
}
.compcontainer_0 .complocked
{
	float:left;
	background: url('../img/bluegreyboxrtpnl_03.png');
	width:25px;
	height:46px;
	
}
.compcontainer_0 .complockedandchecked
{
	float:left;
	background: url('../img/bluegreyboxrtpnlchecked_03.png');
	width:27px;
	height:46px;
	
}

/* SLIDE PANEL */
#panel {
	float:right;
	margin: 0 0;
	padding: 0px;
	height: 68px;
	width:343px;
	display: none;
	position:relative;
	z-index:10;
}               

#slide {
	float:right;
	margin: 0 0;	
}





/* CLUE TIP */
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../img/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(../img/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(../img/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(../img/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(../img/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 5px 5px;
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  background-color: #FFFA96;
  color: #333;
  font-family: Arial, Verdana, Sans-Serif;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(../img/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(../img/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(../img/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(../img/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(../img/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(../img/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
  
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(../img/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(../img/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(../img/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(../img/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(../img/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(../img/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

.competencytable .cluetipcontent
{
	visibility:hidden;
}
.cluetipcontent
{
	font-size:12px;
	line-height: 14px;
	font-family: Arial, Verdana, Sans-Serif;
}



/* TRAINING */

#trainingleft, #trainingright
{
	width:300px;
	height: 400px;
	border: 2px solid black;
	background-color: #fff;
}

#trainingleft
{
	margin: 30px 5px 30px 30px;
	
}

#trainingright
{
	margin: 30px 30px 30px 5px;
	
}

/* SELECT ACTOR */

#transcript
{
	font-size: 10px;
	line-height: 10px;
	font-family: Arial, Verdana;
	color:#000;
}

.generaltext
{
	font-size: 10px;
	line-height: 10px;
	font-family: Arial, Verdana;
	color:#000;
}

#transcript h2
{
	font-size: 14px;
	line-height: 14px;	
}

#transcript a
{
	line-height: 14px;
}

#selectactorbackground
{
	 background: url(../img/lab.jpg);
	 width: 100%;
}

.semitransparent
{
	background: url('../img/whitetrans.png');
}

.semitransparentwhiter
{
	background: url('../img/whiter_03.png');
}

.accordion
{
	font-size:12px;
	line-height:12px;
	color: #000;
}


#inviteoverlay {
	display:none;
	height: 100%;
	width: 100%;
    background:#000000;
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
     -moz-opacity:0.80;  
     position:absolute;
     top:0;
     left:0;
     z-index: 3000;
}
#inviteoverlayinner 
{
 	 display:none;

     position:absolute;
     font-family:arial;
     font-size:18px;
     color:#000000;
     z-index:3100;
	 left: 50%;
     margin-left: -200px;
     top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(25 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.cwgaheader
{
	font-size: 16px;
	line-height: 16px;
	font-weight:bold;	
	margin:5px 0px;
}


.patent
{	font-family:Arial,Geneva,Helvetica,sans-serif;
    font-size:10px;
    line-height:13px;	
	color:#999999;
}


div#headervisualzone
{
	position: absolute;
	top: 0;
	left: 0;
	width: 638px;
	z-index: 10;
	background: no-repeat;
}

/*content library classes */
.contentlibrary
{
	background:url(img/pep_header_theme_image.jpg);
	height:144px;
}

table.MenuTableStyle td.nopadding
{
    padding: 0px;
    
}

table.MenuTableStyle th
{
    border: 1px solid #000000;
}

table.MenuTableStyle td.norightborder
{
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-bottom:1px solid #000000;
    
}

table.MenuTableStyle td.notopborder
{
    border-right:1px solid #000000;
    border-left:1px solid #000000;
    border-bottom:1px solid #000000;
    
}


#overlay {
	display:none;
	height: 100%;
	width: 100%;
    background:#949EAD;
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
     -moz-opacity:0.8;  
     opacity: 0.8;
     position:absolute;
     top:0px;
     left:0px;
     z-index: 3000;
}
#overlayinner 
{
 	 display:none;
	/*border: 1px solid black;*/
     position:absolute;
     font-family:arial;
     font-size:18px;
     color:#000000;
     z-index:3100;
	 left: 50%;
     margin-left: -200px;
     top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(25 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.overlaytext
{
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #fff;
}

.padding5
{
    padding: 5px;
}


#tabbox
{
    font-size:18px;
        font-weight: bold;
    line-height: 22px;
}




/* TOC STYLES */




#tocmenuarea {
	float:left;
	margin: 0 0;
	padding: 0px;
	height: 68px;
	width:250px;
	display: none;
	position:relative;
	z-index:10;
	 background:#949EAD;
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
     -moz-opacity:0.3;  
     opacity: 0.3;
}               

#toclabel {
	float:left;
	margin: 0 0;	
border-left: 1px solid #000000;
border-right: 1px solid #000000;
height:100%;
background: url(../img/whitetrans.png);
}

#tocslide
{
	float:left;margin-top:0px;height:100%;
	 position:absolute;
     
     left:0px;
}