/* ---------------------------------------------------------------------

    Title:      MyLab Portal(s) CSS file for all media
    Filename:   mylabs_colors.css
    Method:     <link>
    Author:     R. Prokop | bobprokop@yahoo.com for Pearson Education
    Updated:    June 2008
    Notes:      Use this file to modify colors and background
				images for different MyLab portals		

---------------------------------------------------------------------- */


/*----------------------------------------------------------------------------------------------------
	BEGIN colors and background images: use these settings to customize color palette(s) and bg images
	NOTE: base color for this version: #669; 
/*---------------------------------------------------------------------------------------------------*/

/* href stuff */
a:link{
	color:#eb9950; /* This is the MEDIUM TONE color for the site hyperkinks */
}
a:visited{
	color:#eb9950; /* This is the MEDIUM TONE color for the site hyperkinks */
}
a:hover{
	color:#c30;
}
a:active{
	color:#eb9950;
}
a.ext{
	background:url(../images/ext.gif) no-repeat right 50% transparent;
}
a.newWin{
	background:url(../images/newWin.gif) no-repeat right 50% transparent;
}
/* the 'smooth scroll to top' links */
a.scrollTop{
	background:url(../images/back2top.gif) no-repeat 99% 70% transparent;
	border-top:1px solid #fff;
}
a.scrollTop:hover{
	background:url(../images/back2top_H.gif) no-repeat 99% 70% #ffc;
	border-top:1px solid #fc0;
}

img.pxrule {
	border:1px solid #000000;
	}

/* different body IDs let the tabs tell us where we are */


body#home #menubar li#tab_home, body#learn #menubar li#tab_learn, body#tours #menubar li#tab_tours, body#support #menubar li#tab_support{
	color:#fff;
	background-color:#c2702b!important; /* This is the DARK TONE color for the top nav rollover */
}

/*------ specific constructs ------*/

/* the box containing the splash and other elements */
div#container{
	border-top:4px solid #eb9950;
}

/* the background of the main content area */
div#splash{
	background-color:#fde0c2; /* This is the LIGHT color for the splash/photo area */
	border-top:1px solid #fff;
}
/* we have to do this because of stupid IE6 inability to handle PNG file format (standard since 1996!) */
div#splash_image{
	background:url(../images/splash.png) no-repeat top left transparent;
}

/* elements of the left-hand nav on the home page */
dl.tabtop dt{
	color:#fff;
	background:url(../images/tab_top.gif) no-repeat right top transparent;
}
dl.tabtop dd{
	background-color:#eb9950; /* This is the MEDIUM SHADE for the background of login boxes */
	border-right:1px solid #eb9950;
	border-left:1px solid #eb9950;
}
dl.tabtop dd a:link, dl.tabtop dd a:visited{
	color:#c2702b;
	background:url(../images/arrow.gif) no-repeat 142px 50% #fde0c2; /* This is the LIGHT color for the splash and buttons */
	border-top:1px solid #eb9950;
	border-right:1px solid #eb9950;
	border-bottom:2px solid #c2702b;
	border-left:2px solid #c2702b;
}
dl.tabtop dd a:hover, dl.tabtop dd a:active{
	color:#000;
	background:url(../images/arrowH.gif) no-repeat 142px 50% #fff;
}
dl.tabtop dd.help a:link, dl.tabtop dd.help a:visited{
	color:#c2702b;
	background:none!important;
	border:none;
}
dl.tabtop dd.help a:hover, dl.tabtop dd.help a:active{
	color:#000;
	background:none!important;
	border:none;
}
dl.tabtop dd.last{
	border-bottom:1px solid #eb9950;
}

/* normalized tabtop elements */
dl.normal{
	background-color:#fff!important;
}
dl.normal dt{
	color:#fff;
	background-color:#eb9950!important;
}
dl.normal dd{
	background-color:#fff!important;
	border-right:1px solid #eb9950;
	border-left:1px solid #eb9950;
}
dl.normal dd a:link, dl.normal dd a:visited{
	color:#eb9950;
	background:url(../images/arrow.gif) no-repeat 142px 50% #d2eaf2;
	border-top:1px solid #eb9950;
	border-right:1px solid #eb9950;
	border-bottom:2px solid #c2702b;
	border-left:2px solid #c2702b;
}
dl.normal dd a:hover, dl.normal dd a:active{
	color:#c2702b;
	background:url(../images/arrowH.gif) no-repeat 142px 50% #fff;
}
dl.normal dd.last{
	border-bottom:1px solid #eb9950;
}

/*------ the subpages content container element ------*/
#sub_container{
	border-left:1px solid #ccc;
}
#sub_container h1, #sub_container h3{
	color:#eb9950;
}

/* the left-hand nav options as rendered on the submenu pages */
div#subleft dt{
	background:transparent;
	color:#999999;
}
div#subleft dd{
	background-color:transparent;
	background:url(../images/arrow.gif) no-repeat 4px 50% transparent;
	padding:0px 5px 0px 18px;
}
div#subleft dd.current{
	color:#000;
	background:url(../images/arrowH.gif) no-repeat 4px 50% transparent;
}
div#subleft dd a:link, div#subleft dd a:visited{
	color:#eb9950;
}
div#subleft dd a:hover, div#subleft dd a:active{
	color:#c2702b;
}

/*------ the footer ------*/
p#footer a:link, p#footer a:visited{
	color:#eb9950
}
p#footer a:hover, p#footer a:active{
	color:#eb9950
}

/*------ menubar and associated elements ------*/

/* the individual choices in the main navbar */
#menubar li{
	color:#d2eaf2;
	background-color:#eb9950;
}
/* the 'main tab' href links */
#menubar li a.main:link, #menubar li a.main:visited{
	text-decoration:none;
	color:#fff; /*--- this is for IE6 and under only, all other agents will override with the child selector version that follows this delcaration ---*/
	background-color:transparent;
}
html > body #menubar li a.main:link, html > body #menubar li a.main:visited{ /*--- IE6 and under will ignore this ---*/
	color:inherit;
}
#menubar li a.main:hover, #menubar li a.main:active{
	color:#fff;
}
/* the 'main' hrefs inside the navbar need to have their color set in this fashion */
body#home #menubar li#tab_home a.main:link, body#home #menubar li#tab_home a.main:visited, body#home #menubar li#tab_home a.main:hover, body#home #menubar li#tab_home a.main:active
body#learn #menubar li#tab_learn a.main:link, body#learn #menubar li#tab_learn a.main:visited, body#learn #menubar li#tab_learn a.main:hover, body#learn #menubar li#tab_learn a.main:active
body#tours #menubar li#tab_tours a.main:link, body#tours #menubar li#tab_tours a.main:visited, body#tours #menubar li#tab_tours a.main:hover, body#tours #menubar li#tab_tours a.main:active
body#support #menubar li#tab_support a.main:link, body#support #menubar li#tab_support a.main:visited, body#support #menubar li#tab_support a.main:hover, body#support #menubar li#tab_support a.main:active{
	color:#fff;
}

/* the left and right corner angles */
#menubar li#tab_home{
	background-color:#eb9950!important;
}
#menubar li#tab_support{
	background-color:#eb9950!important;
}
#menubar li#tab_home:hover, #menubar li#tab_support:hover, #menubar li#tab_home.IEhover, #menubar li#tab_support.IEhover{
	color:#fff!important;
	background-color:#c2702b!important;
	
}
#menubar li:hover, #menubar li.IEhover, #menubar li a:hover, #menubar li.IEhover a:hover{
	color:#fff!important;
	background-color:#c2702b!important;
}
/* show the submenus: how to render */
#menubar li:hover ul, #menubar li.IEhover ul{
	background-color:#eee;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
}
/* if there IS a link for the submenu choice, this is how to render it */
#menubar li li a, #menubar li.IEhover ul li a{
	color:#333;
	background-color:#eee;
}
/* stuff that changes when you hover over the submenu links */
#menubar li li a:hover, #menubar li.IEhover ul li a:hover{
	color:#fff;
	background-color:#595959;
}

/*------ footer ------*/
p#footer a:link, p#footer a:visited{
	color:#eb9950
}
p#footer a:hover, p#footer a:active{
	color:#eb9950
}

/*------ popup window ------*/
#popwin h1{
	color:#eb9950;
}
/*--------------------------------------------------------------------------------------------
	END colors
/*--------------------------------------------------------------------------------------------*/