﻿html 
{ 
    /* always show firefox scrollbar, to prevent horizontal shift. */
    overflow:-moz-scrollbars-vertical; 
}

body {
}

.clear	{ clear:both;}

#myaccount_base	{
	
}
#dashboard_main	{
	background-color: #3F3F3F;
	display:block;
	width:100%;
	margin-top:20px;
}
#dashboard_tab{
	background-color:#ffffff;
	width:100%;
	height:33px;
}
.dashtab_student_active	{
	background-image:url('Images/tab_dashstudentactive.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	/* display:inline; removed for Safari */
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
	padding-left:20px;
	padding-bottom:0px;
	width:50%;
}
.dashtab_student_active	a{	
	color:#ffffff;	
}
.dashtab_student_inactive	{
	background-image:url('Images/tab_dashstudentinactive.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	/* display:inline; removed for Safari */
	color:#ffffff;
	padding-top:5px;
	padding-left:20px;
	padding-bottom:0px;
	width:50%;
}

.dashtab_admin_inactive	{
	background-image:url('Images/tab_dashadmininactive.jpg');
	background-position:right top;
	text-align:right;
	background-repeat:no-repeat;
	/* display:inline; removed for Safari */
	color:#000000;
	font-weight:bold;
	padding-top:5px;
	padding-right:70px;
	width:50%;
}
.dashtab_admin_active	{
	background-image:url('Images/tab_dashadminactive.jpg');
	background-position:right top;
	text-align:right;
	background-repeat:no-repeat;
	/* display:inline; removed for Safari */
	color:#ffffff;
	padding-top:5px;
	padding-right:70px;
	width:50%;
}

#welcome_msg	{
	color:#ffffff;
	display: block;
	font-size:12px;
	width:200px;
	padding:10px 10px 10px 20px;
	float:left;
}
#icontable	
{	
	display:block;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:5px;
	}
#icontable	td
{	
	/*width:100px; removed for Safari 5 compat. */
	height:100px;
	margin:5px;
	padding:5px;	
}
#myaccount_options{
	background-color:#ffffff;
	display:block;
	height:150px;
}
#advisor_profile{
	border:1px #cccccc solid;
	display:block;
	float:left;
	width:450px;
	height:140px;
	margin:10px 5px;	
}
#advisor_profile p	{
	font-size:14px;
}
.imgAdvisor	{
	display:block;
	width:150px;
	height:120px;
	float:left;
	margin:10px;
}
.advisor_title{
	color:#008000;
	font-size:14px;
	display:block;
	padding-bottom:5px;
	font-weight:bold;
}
.advisor_lbl{
	color:#000000;
	font-weight:bold;
	margin-right:5px;
}
.advisor_info{
	color:#000000;
}
.advisor_info a	{
	color:#008000;
	text-decoration:underline;
}
#actions_pane	{
	width:200px;
	padding:20px 5px;
	float:left;
}
/* ----------------------------------------------- Button Classes */
.btnTakeCoursesMA	{
	background-image:url('Images/btn_redarrow.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	color:#ffffff;
	font-weight:bold;
	width:201px;
	height:35px;
	display:block;
	padding-left:45px;
	padding-top:7px;
}
.btnEnrollMA	{
	background-image:url('Images/btn_greenarrow.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	color:#ffffff;
	font-weight:bold;
	width:201px;
	height:35px;
	display:block;
	padding-left:45px;
	padding-top:7px;
}
.btnPrintMA	{
	background-image:url('Images/btn_greyarrow.jpg');
	background-repeat:no-repeat;
	background-position:left top;
	color:#ffffff;
	font-weight:bold;
	width:201px;
	height:35px;
	display:block;
	padding-left:45px;
	padding-top:7px;
}
.btnActionMyAccountActive	{
	background-image:url('Images/btnMyAccntRed.gif');
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:5px;
	display:block;
	width:90px;
	height:30px;
	color:#ffffff;
	font-weight:bold;	
}
.btnActionMyAccountOther	{
	background-image:url('Images/btnMyAccntGreen.gif');
	background-position:left top;
	background-repeat:no-repeat;
		padding-left:10px;
	padding-top:5px;
	display:block;
	width:90px;
	height:30px;
	color:#ffffff;
	font-weight:bold;	
}


/* ----------------------------------------------- Alerts Pane */
#alerts_pane	{
	width:250px;
	display:block;
	border:1px #cccccc solid;
	float:right;
	height:140px;
	background-image:url('Images/bkg_alerts.jpg');
	background-position:left top;
	background-repeat:no-repeat;	
	margin:10px 0;
	clear: right;
}
#alerts_pane span	{
	font-weight:bold;
	text-align:center;
	display:block;
}

/* --------------------------------------------------------------- My Courses Tab */

#my_courses_header	{ display:block; width:100%; padding:0; height:30px;
	background-image:url('Images/tab_activestar.gif');
	background-position:left bottom;
	background-repeat:no-repeat;

}
/* This is s faux tab that is not in a Tab control -----*/

.clsMyCoursesTitle  {
	display:block;
	float:left;
	width:157px;
	color:#ffffff;
	padding:10px 0 0 50px;
	margin:0;
	font-weight:bold;
	font-size:14px;
}

.seeallcourses	
{	background-image:url('Images/red-arrow.gif');
	background-position:left center;	
	background-repeat:no-repeat;
	display:block;
	font-size:14px;
	color:#196a20;
	font-weight:bold;	
	text-decoration:underline;
	float:right;
	padding: 0 0 0 15px;
	margin-top:10px;
}

#myaccount_coursestab{
	background-color:#fff;
}
/* add a width class to this ID - tblWidth100 = 100% | tblWidth60 = 60% | tblWidth50 = 50%*/
#myaccount_coursestab .gridContainer	{
	background-color:#ffffff;
	display:block;
	width:99%;
	margin:0px auto;
	padding-top:2px;
	border:8px #196A20 solid;
}
.tabContainer_myaccount	{
	background-color: #196A20;
}
.tabGrid_myaccount	{
	background-color:#196A20;
	width:99%;
	padding-top:10px;
	margin:0px 5px 2px 5px;
}
.tabGridRow_myaccount {
	background-color: #ffffff;
	color:#000000;
	border-bottom:1px #cccccc solid;
}
.tabGridAltRow_myaccount	{
	background-color:#e6e6e6;
	border-bottom:1px #cccccc solid;
}
.tabGridEditRow_myaccount	{
	background-color:#579f5d;
	color:#ffffff;
}
.tabGridSelectRow_myaccount	{
	background-color:#579f5d;
	color:#ffffff;
}
.tabGridHeader_myaccount	{
	background-color: #A30000;
	color:#ffffff;
	margin-top:15px;
}
.tabGridFooter_myaccount	{
	background-color:#A30000;
	color:#ffffff;
}
.tabGridPager_myaccount	{
	background-color:#ffffff;
	font-weight:bold;
	color:#146C0B;
}
.tabGridPager_myaccount a	{
	text-decoration:underline;
}
.tabGridPagerLabel_myaccount	{
	color:#000000;
}
.tabGrid_myaccount td	{
	border-right:1px solid #cccccc;
}
.tabGridPager_myaccount td	{
	border:0;
}

#myaccount_coursestab .ajax__tab_default	{
	background-color:#ffffff;
	}
#myaccount_coursestab .ajax__tab_header	{
	font-weight:bold;
	margin:0px;
}
#myaccount_coursestab .ajax__tab_outer	{
	background-color:  transparent;
}
#myaccount_coursestab .ajax__tab_inner	{
}
#myaccount_coursestab .ajax__tab_body	{
	background-color: #196A20;
}
#myaccount_coursestab .ajax_tab_panel	{
	background-color:#196A20;

}
#myaccount_coursestab .ajax__tab_tab	{
	color:#000000;
	font-size:12px;
	width:180px;
	background-image:url('Images/tab_inactive.gif');
	background-position:left bottom;
	background-repeat:no-repeat;
	height:23px;
	padding-top:20px;
	padding-left:45px;
	text-align:left;
	}
#myaccount_coursestab .ajax__tab_active .ajax__tab_tab {
	background-image: url('Images/tab_activestar.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color: transparent;
	height:23px;
	padding-top:20px;
	padding-left:45px;
	color:#ffffff;
}
/* ----------------------------------------------- Bottom content */

#myaccount_content	{
	display:block;
	height:200px;
	margin-top:10px;
}

/* content_account01 is the Green Client Support area */
#content_account01{
	background-color:green;
	width: 240px;
	display: block;
	float:left;
	margin-right:5px;
	margin-left:0;
	height:100%;
	padding:20px;
	color:#ffffff;
}
#content_account01 h1{
	font-size:14px;
	line-height:16px;
	font-weight:bold;
}
#content_account01 h2	{
	font-size:13px;
	line-height:14px;
	font-weight:bold;
}
#content_account01	p{
	font-size:12px;
}
#content_account02{
	background-color:#e8e8e8;
	width: 295px;
	display: block;
	float:left;
	margin-right:5px;
	height:100%;
	padding:10px;
}
#content_account02 h1{
	font-size:14px;
	line-height:16px;
	font-weight:bold;
}
#content_account02 h2	{
	font-size:13px;
	line-height:14px;
}
#content_account02	p{
	font-size:12px;
}

#content_account03{
	background-color:#e8e8e8;
	width:295px;
	display: block;
	float:left;
	height:100%;
	padding:10px;
}
#content_account03 h1{
	font-size:14px;
	line-height:16px;
	font-weight:bold;
}
#content_account03 h2	{
	font-size:13px;
	line-height:14px;
}
#content_account03	p{
	font-size:12px;
}
.myaccount	{
	background-image:url('Images/MyAccount01.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	width:75px;	
	padding:78px 0 0 10px;
}
.myaccount:hover	{
	background-image:url('Images/MyAccount02.gif');
	background-repeat:no-repeat;
	display: inline-block;
	font-size:10px;
	color: #00FF00;
	font-weight:bold;
	text-decoration: none;
	width:75px;
	padding:78px 0 0 10px;
}

.myaccount_active{
	background-image:url('Images/MyAccount02.gif');
	background-repeat:no-repeat;
	display: inline-block;
	font-size:10px;
	color: #00FF00;
	font-weight:bold;
	text-decoration: none;
	width:75px;
	padding:78px 0 0 10px;
}

.mycourses	{
	background-image:url('Images/MyCourses01.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 10px;
}
.mycourses:hover	{
	background-image:url('Images/MyCourses02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 10px;
}
.mycourses_active{
	background-image:url('Images/MyCourses02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 10px;
}

.mylicenses	{
	background-image:url('Images/MyLicenses01.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 10px;
}
.mylicenses:hover	{
	background-image:url('Images/MyLicenses02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 10px;
}

.mylicenses_active	{
	background-image:url('Images/MyLicenses02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 10px;
}

.mytranscripts	{
	background-image:url('Images/MyTranscript01.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 5px;
}
.mytranscripts:hover	{
	background-image:url('Images/MyTranscript02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 5px;
}

.mytranscripts_active{
	background-image:url('Images/MyTranscript02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 5px;
}
.mycertificates	{
	background-image:url('Images/MyCertificates01.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 5px;
}
.mycertificates:hover	{
	background-image:url('Images/MyCertificates02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 5px;
}

.mycertificates_active{
	background-image:url('Images/MyCertificates02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 5px;
}

.myprofile	{
	background-image:url('Images/MyProfile01.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 12px;
}
.myprofile:hover	{
	background-image:url('Images/MyProfile02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 12px;
}

.myprofile_active{
	background-image:url('Images/MyProfile02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 12px;
}

.myalerts	{
	background-image:url('Images/MyAlerts01.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 15px;
}
.myalerts:hover	{
	background-image:url('Images/MyAlerts02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 15px;
}

.myalerts_active	{
	background-image:url('Images/MyAlerts02.gif');
	background-repeat:no-repeat;
	background-position:left top;
	display: inline-block;
	font-size:10px;
color:#00FF00;
	text-decoration:none;
	font-weight:bold;
	width:75px;
	padding:78px 0 0 15px;
}

.btnActionMyAccountRed	{
	background-image:url('Images/btnMyAccntRed.gif');
	background-position:left top;
	background-repeat:no-repeat;	
	padding-top:5px;
	display:block;
	width:90px;
	height:30px;
	color:#ffffff;
	font-weight:bold;	
	text-align:center;
}
.btnActionMyAccountGreen	{
	background-image:url('Images/btnMyAccntGreen.gif');
	background-position:left top;
	background-repeat:no-repeat;    
	padding-top:5px;
	display:block;
	width:90px;
	height:30px;
	color:#ffffff;
	font-weight:bold;	
	text-align:center;
}
.btnActionMyAccountGray	{
	background-image:url('Images/btnMyAccntGray.gif');
	background-position:left top;
	background-repeat:no-repeat;	
	padding-top:5px;
	display:block;
	width:90px;
	height:30px;
	color:#ffffff;
	font-weight:bold;	
	text-align:center;
}

.labelMyAccountRed		
{
    font-weight:bold;
	background-color:#efadae;
}
.labelMyAccountGreen	
{
    font-weight:bold;
	background-color:#8cbc92;
}
.labelMyAccountGray	
{
    font-weight:bold;
	background-color:#b2b2b2;	
}
.cellMyAccountRed	{
	background-color:#efadae;
}
.cellMyAccountGreen	{
background-color:#8cbc92;
}
.cellMyAccountGray	{
	background-color:#b2b2b2;
}
