@charset "utf-8";
/* CSS Document */
body, form {
	margin:0;
	background-image:url(../images/bg-repeat-1.jpg);
	background-repeat:repeat-x;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	line-height:18px;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -218px; /* the bottom margin is the negative value of the footer's height */
}

#mainContainer {
	width:1001px;
	padding:0 0 50px 0;
	background-color:#FFF;
}
.homeColL {
	float:left;
	width:456px;
}
.PHALogo {
	background-image:url(../images/learningCenter-logo.jpg);
	background-repeat:no-repeat;
	width:456px;
	height:277px;
	/*text-indent:-9999px;*/
	display:block;
}
.homeContentL {
	background-color:#FFF;
	background-image:url(../images/line-horiz.gif);
	background-position:70px 345px;
	background-repeat:no-repeat;
}
.homeContentL .logoBot2 {
	background-image:url(../images/logo-bot.jpg);
	background-repeat:no-repeat;
	height:14px;
}
.topShadow {
	height:46px;
	background-image:url(../images/topshadow.jpg);
	background-repeat:no-repeat;
}
.homeContentL .content {
	padding:0 10px 0 70px;
	background-image:url(../images/line-vert.gif);
	background-position:40px 0;
	background-repeat:repeat-y;
	height:342px;
	overflow:hidden;
}
.homeContentL .content ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.homeContentL .content li
{
	padding-left: 14px;
	background-image:url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
}

h1, h2, h3 { 
	/*font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	font-family:"Arial Narrow", Arial, sans-serif;
	color:#de6100;
	letter-spacing:-1px;
	font-weight:bold; 
	padding:4px 0 4px 0;
}
#mainContainer h1 {
	font-size:22px;
	margin:0;
}
#mainContainer h1 strong {
	color:#280092;
}
.purple { color:#280092; }
.disabled { color:#666666; text-decoration:none; }

h2 { color:#de6100; font-size:18px; } 
h3 { color:#ffffff; font-size:16px; } 

#homeColR {
	float:left;
	overflow:hidden;
	width:545px;
}
#homeColR .sectionTitle {
	background-image:url(../images/second-titleBG.jpg);
	background-repeat:no-repeat;
	height:61px;
}
#homeColR .sectionTitle h1 {
	margin:0;
	padding:20px 0 0 24px;
}
#homeColR .sectionTitle .titleIcon {
	float:left;
	overflow:hidden;
	width:38px;
	padding:14px 0 0 18px;
}
#homeColR .body {
	padding:0 18px 0 32px;
}
.loginPanel {
	width:545px;
	height:50px;
	background-image:url(../images/loginPanel.jpg);
	background-repeat:no-repeat;
}
.loginWrap 
{
	float:left; 
	width:400px;	
	padding:10px 0 0 0;
}
.loginWrap input
{
	margin:0 4px 0 0;
	border:1px solid #d6dade;
	padding:2px;
	background-color:#FFF;
}
.loginPanel .titleIcon {
	float:left;
	overflow:hidden;
	width:38px;
	padding:6px 0 0 18px;
}

.loginPanel h1 {
	margin:0;
	padding:6px 0 0 4px;
}

.bannerPhotos {
	background-image:url(../images/bannerPhotos.jpg);
	width:545px;
	height:180px;
}
.register .header {
	width:545px;
	height:93px;
	background-image:url(../images/register-top.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.register .body {
	width:545px;
	height:343px;
	background-image:url(../images/register-btm.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}

.AutoExtender
{
	min-width:300px;
	width:100%;
	clear:both;
	font-size:12px;
	font-weight:normal;
	border:solid 1px #46166c;
	line-height:1em;
	padding:12px;
	background-color: White;
	margin:0;
}
.AutoExtenderList
{
	width:100%;
	border-bottom: dotted 1px #CCCCCC;
	padding:2px 4px 4px 4px;
	cursor: pointer;
	color:#333333;
}
.AutoExtenderHighlight
{
	width:100%;
	color: #FFF;
	background-color: #46166c;
	padding:2px 4px 4px 4px;
	border-bottom: dotted 1px #CCCCCC;
	cursor: pointer;
}
#divwidth
{
width: auto !important;    
}
#divwidth div
{
width: auto !important;   
}


.botCol {
	clear:both;
	background-color:#FFF;
}
.botCol .content {
	padding:14px 10px 4px 70px;
	background-image:url(../images/line-vert.gif);
	background-position:40px 0;
	background-repeat:repeat-y;
	/*min-height:290px;*/
	overflow:hidden;
}
.dividerC {
	border-left:1px solid silver;
	margin:0 0 0 40px;
}
.divider {
	height:20px;
	background-image:url(../images/line-horiz.gif);
	background-repeat:repeat-x;
	background-position:0 2px;
	overflow:hidden;
	margin:0 0 0 30px;
}
.botCol .content .courseAvail {
	float:left;
	width:300px;
	overflow:hidden;
	height:40px;
	background-image:url(../images/line-vert.gif);
	background-position:275px 0;
	background-repeat:repeat-y;
	line-height:40px;
}

.botCol .content .courseLanguage {
	float:left;
	width:175px;
	overflow:hidden;
	height:40px;
	background-image:url(../images/line-vert.gif);
	background-position:150px 0;
	background-repeat:repeat-y;
	line-height:40px;
}

.botCol .content .courseComplete {
	width:250px;
	float:left;
	overflow:hidden;
	height:40px;
	line-height:40px;
}
.botCol .content .courseKey {
	float:right;
	width:300px;
	overflow:hidden;
	color:#616161;
	height:40px;
	line-height:40px;
}
.botCol .content .courseKey img {
	margin:0 6px -4px 0;
}
.botCol .content .homeSteps {
	width:134px;
	margin:10px 18px 0 0;
	float:left;
	overflow:hidden;
	font-size:10px;
}
.botCol .content .homeSteps h1 {
	font-size:18px;
}
.botCol .content .homeSteps img {
	border:1px solid silver;
	padding:6px 0 6px 0;
}
.botCol .content .l2LC {
	width:440px;
	float:left;
	overflow:hidden;
	padding:0 20px 0 0;
}
.botCol .content .l2RC {
	width:440px;
	float:left;
	overflow:hidden;
}
.botCol .content .l2LC .titleIcon {
	float:left;
	overflow:hidden;
	width:38px;
	padding:14px 0 0 0;
}
.botCol .content .l2LC h1 {
	margin:0;
	padding:18px 0 12px 0;
}
.qPanelM h1 {padding:0; margin:0;}
.tabPanel {
	clear:both;
	padding:14px 0 0 0;
}
.botCol .courseCol {
	float:left;
	width:850px;
	overflow:hidden;
	margin:0px 20px 0 0;
}
.courseCol a:link { color: #de6100; text-decoration:none;}
.courseCol a:visited {	color: #de7625; text-decoration:none;}
.courseCol a:hover {color: #76390a; text-decoration:none;}
.courseCol a:active {color: #de6100; text-decoration:none;}
.courseCol th {
	text-align:left;
	padding:4px;
	color:#616161;
}
.courseCol td {
	padding:4px;
/*	border-bottom:1px solid #ebebeb; */
}

.courseColBorder {
	border-bottom:1px solid #ebebeb; 
}
.footer, .push {
	height: 218px; /* .push must be the same height as .footer */
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.footer .container {
	width:1000px;
	position:relative;
	background-image:url(../images/footer-bgLeft.jpg);
	background-repeat:no-repeat;
	color:#a0a0a0;
}
.footer .navContainer {
	padding:4px 0 0 14px;
}
.footer .nav {
	position:relative;
	top:-26px;
	width:212px;
	height:55px;
	margin:0 auto;
	background-image:url(../images/footerNav.jpg);
}
.footer .container .logos {
	text-align:center;
	padding-left:34px;
}

/* jquery validator styles */
.updnValidatorCallout
{
    background-color: #e8e8e8;
    padding: 8px;
    margin: -5px 0 0 10px;
    position: relative;
	font-size:11px;
	font-family:tahoma, helvetica, arial;
	color:#264f83;
	border:1px solid #d4d4d4;
}
.updnValidatorCallout img {
	padding:0 4px 0 0;
	color:#264f83;
}
.updnValidatorCalloutPointer
{
    position: absolute;
    left: 0;
    top: 7px;
    margin: 0 0 0 -10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #e8e8e8;
    border-left: 0;
	color:#264f83;
}
.updnValidationErrorInput
{
	color:#264f83;

}
.updnValidationErrorLabel
{
	color:#264f83;
}

/* Taken from Admin CSS */
.frmTextBoxXXS
{
  width: 30px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextBoxXS
{
  width: 50px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextBoxS
{
  width: 100px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextBoxSmallMed
{
  width: 170px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
	text-align:left;
}

.frmTextBoxM
{
  width: 200px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextBoxL
{
  width: 300px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}


.frmTextBoxXL
{
  width: 400px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextAreaS
{
  width: 500px;
  height: 105px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextAreaM
{
  width: 350px;
  height: 125px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextAreaL
{
  width: 300px;
  height: 200px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextAreaXL
{
  width: 425px;
  height: 250px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextAreaLW
{
  width: 400px;
  height: 125px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextAreaGift
{
  width: 200px;
  height: 100px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmTextAreaDetails
{
  width: 425px;
  height: 200px;
  font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
}

.frmListBox
{
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
  font-family:Tahoma, Geneva, sans-serif;
}

.frmFilterListBox
{
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color:#EEEEEE;
  font-family:Tahoma, Geneva, sans-serif;
}

.smallRegular
{
  font-family:Tahoma, Geneva, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  color: #000000;
}
.smallBold
{
  font-family:Tahoma, Geneva, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 11px;
  color: #000000;
}
.smallBoldRed
{
  font-family:Tahoma, Geneva, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 11px;
  color: #CC0000;
}
.mediumRegular
{
  font-family:Tahoma, Geneva, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  color: #000000;
}
.mediumBold
{
  font-family:Tahoma, Geneva, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 11px;
  color: #000000;
}
.mediumBoldRed
{
  font-family:Tahoma, Geneva, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 11px;
  color: #CC0000;
}

/**************************************
/Dashboard Styles
**************************************/
.descTop
{
	background-image:url("../images/expanded-top.jpg");
  width:760px;
	height:12px;
}

.descMid
{
	background-color:#ebebeb;
	width:760px;
	float:left;
	overflow:hidden;
}

.descMidC
{
	width:700px;
	padding:2px 12px 8px 12px;
	float:left;
	overflow:hidden;
}

.clock
{
	width:20px;
	float:left;
	padding:4px 0 0 10px;
	overflow:hidden;
}