/*
	The "_"(IE6) and "*"(IE7) hacks are used throughout this stylesheet to handle the fact the IE interperates margins incorrectly, and counts
	margins as part of the width of an element.  Non-IE browsers will use the non-hacked styles (i.e. "margin", but not "_margin") 
*/

/************************
ELEMENT STYLES
************************/
h4 
{ 
	font: bold 14px Arial, Helvetica, sans-serif; 
	color: #7A8B9F; 
	margin: 15px 15px 0px 15px; 
}

a
{
	text-decoration: none;
}

/*****************************************************
NAVIGATION STYLES
*****************************************************/

#MyAcctLNav
{
	font: 11px Arial, Helvetica, sans-serif;
	width: 167px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-right: 12px;
	border-right: 1px solid #cdcccb;
	_height: 250px; /* "_"(IE6) */
}

html>body #MyAcctLNav
{
	width: 157px;
	margin-top: 0px;
	*margin-top: 10px; /* "*"(IE7)*/
	margin-left: 5px;
	padding-right: 10px;
	min-height: 250px;
	*height: auto; /* "*"(IE7)*/
}

#MyAcctLNav li
{
	list-style-type: none;
}

#MyAcctLNav li a
{
	text-decoration: none;
	font: 12px Arial, sans-serif;
	color: #666667;
	display: block;
	width: 100%;
}

html>body #MyAcctLNav li a 
{
	width: auto;
}

ul#AcctNavLevel1
{
	padding:0;
	margin:0;
	background: #fff;
}

li.AcctNavLevel1_li 
{
	font: Bold 12px Arial, Helvetica, sans-serif;
	color: #336699;
	margin: 0px;
	margin-top: 20px;
}

#AcctNavLevel1 li a:hover
{
	color: #CE3C23;
}

#AcctNavLevel1 li a.SelectedL1
{
	font-weight: bold;
	color: #CE3C23;
}

ul.AcctNavLevel2
{
	/*width: 100%;*/
	margin: 0px;
	padding: 0px;
	border: none;
	border-top: 1px dashed #CDCCCB;
}

html>body ul.AcctNavLevel2 
{
	/*width: auto;*/
}


.AcctNavLevel2 li
{
	padding-bottom: 3px;
	margin-left: 0px;
	border-bottom: 1px dashed #CDCCCB;
}
/******************************************************/


/* start My Account Content Styles */
/***************************************************/
.MyAcctProd
{
	margin-left: 0px;
	_margin-left: 20px; /*ie 6 & 7 override*/
}


#MyAcctIcon
{
	height: 40px;
}

.MyAcctProd li
{
	margin-left: 15px;
}

.eChapVidTitle
{
	font: italic bold 12px Arial, Helvetica, sans-serif;
}

.eChapVidLaunch, .MyAcctExpDate, .eChapVidExpired, .eCourseInfo
{
	font: bold 10px Arial, Helvetica, sans-serif;
}

.MyAcctExpDate
{
	color: #993333;
}

li.eProdExpired
{
	list-style-type: none;
	margin-left: 100px;
}

.eCourseTitleLink, .eCourseExpTitle, .eCourseDesc, .MyAcctRecsCount
{
	font: bold 12px Arial, Helvetica, sans-serif;
}

.eCourseDesc
{
	list-style-type: none;
	font-weight: normal;
}

.eCourseInfo
{
	font-weight: normal;
}

/*****************************************************************/

/*START MY ACCOUNT LINK BUTTONS*/

a.MyAcctAddToCart, a.MyAcctAddACode
{
	border: solid 1px #333333;
	padding: 2px 4px;
	color: #ffffff;
	font: bold 10px Arial, Helvetica, sans-serif;
	margin-left: 10px;
}

a.MyAcctAddToCart
{
	background: url(/images_v2/myacct_add_cart_bg.gif) bottom left repeat-x;

}

a.MyAcctAddACode
{
	background: url(/images_v2/myacct_add_acode_bg.gif) bottom left repeat-x;
}

a.MyAcctAddToCart:hover, a.MyAcctAddACode:hover
{
	color: #e8e8e8;
}

.reqField {
    color: red;
}