/* customizable portions with notes -- by :Jen */


/******************************************************/
/*Can also if desired upload logo and background in site settings > Basic
background will be repeat not fixed by default, make sure link to image is 

correct for that portal*/
/******************************************************/
#Body{  
  background: url(/Portals/ks-smith/images/bg.jpg) 0 0 no-repeat fixed;	
/*optionally, cover makes it where it autofills the background based on screen size */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 <!--[if lte IE 8]>
background:#87799c;
<![endif]-->
}



/******************************************************/
/*top section where the logo is, transparent by default*/
/******************************************************/
.skin_body {
background-color:#0f1853;
/*this is for rounding*/
 -moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;

/*this the shadow but you can take these off*/
	-webkit-box-shadow: 0 14px 6px -6px black;
	   -moz-box-shadow: 0 14px 6px -6px black;
	        box-shadow: 0 14px 6px -6px black;

}


/******************************************************/
/*top sub section above the menu, transparent by default*/
/******************************************************/
.skin_header{ 

}



/******************************************************/
/*main section where content goes, transparent by default*/
/******************************************************/
.skin_main {
	background:url(/Portals/_default/Skins/TakeOff/images/white86.png)#f2f2f2f2 repeat;
/*this the shadow but you can take these off*/
	-webkit-box-shadow: 0 14px 6px -6px black;
	   -moz-box-shadow: 0 14px 6px -6px black;
	        box-shadow: 0 14px 6px -6px black;

}


/******************************************************/
/*bottom section where the copyright/links are, transparent by default*/
/******************************************************/
.skin_footer {
background-color:#0f1853;
/*this is for rounding*/
 -moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;

/*this the shadow but you can take these off*/
	-webkit-box-shadow: 0 14px 6px -6px black;
	   -moz-box-shadow: 0 14px 6px -6px black;
	        box-shadow: 0 14px 6px -6px black;

}

/******************************************************/
/*this is the space between the header and the main portion, then main and 

footer portion set at 24 and 36px respectively by default, but can change height 

to 0 to take this space out*/
/******************************************************/

/*.footer_shadow{ height:0px;} 
.header_shadow{height:0px;}
.footer_top {height:0px;}*/


/******************************************************/
/*this is the menu div, default is black can add image for background or change 

color of font ... Automatically has a lightening png to create 3D effect, if you 

want that off, just say background:none; or load clear image for bg*/
/******************************************************/
.menu_style{ 
   background:none;
}
#megaMenu .root li a > span {
    color:#eeeeee;
 
}
#megaMenu .root li a:hover > span { 
   color:#ffff00;
}
/*this is that back chaser on mouseover*/
#megaMenu  li.back{ 

}



/*this is the font color of the selected menu item*/
#megaMenu .root li.selected a span, #megaMenu .root li.rmHover a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span {
}


/*this is the submenu*/
#megaMenu .category { /*background*/
    background:rgba(249,249,249,.93);
    border-color:#d7d8d0;
    
}

#megaMenu .category li.item a { /*main sub item bottom border*/
 border-bottom-color:#b79e8a;
}


#megaMenu .category li.item a span { /*font color*/
    color:#333333;
}
#megaMenu .category li.item > a:hover span  { /*hover*/
    color:#cc0000;
   background:#ffffcc;
}












/******************************************************/
/*this is for footer/bottom styles which by default are darker*/
/******************************************************/


/*--------- BottomLinks style ----------*/
.BottomLinks, A.BottomLinks:link, A.BottomLinks:visited, A.BottomLinks:active {
}
A.BottomLinks:hover { 
   color:#ffff00;

}

/*--------- Footer style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active { 
 }
A.Footer:hover {    color:#ffff00;

}

/*--------- FooterPane Links Style ----------*/
.footerpane_style a { 
 }
.footerpane_style a:visited { 
 }
.footerpane_style a:hover {    color:#ffff00;

 }
.footerpane_style a:active {
 }

/*--------- FooterPane Content style ----------*/
.footerpane_style, .footerpane_style .Normal, .footerpane_style p, 

.footerpane_style div, .footerpane_style span, .footerpane_style li, 

.footerpane_style td, .footerpane_style dt, .footerpane_style dd, 

.footerpane_style h1, .footerpane_style h2, .footerpane_style h3, 

.footerpane_style h4, .footerpane_style h5, .footerpane_style h6{ 
/*default is color:#ffffff*/
}



/******************************************************/
/*this is for Social Pane up at the top by default dark bg/light foregnd*/
/******************************************************/


/*--------- SocialPane Links Style ----------*/
.socialpane a { 
 }
.socialpane a:visited { 
 }
.socialpane a:hover { 
 }
.socialpane a:active {
 }

/*--------- SocialPane Content style ----------*/
.socialpane, .socialpane .Normal, .socialpane p, .socialpane div, .socialpane 

span, .socialpane li, .socialpane td, .socialpane dt, .socialpane dd, 

.socialpane h1, .socialpane h2, .socialpane h3, .socialpane h4, .socialpane h5, 

.socialpane h6{ 
}



/******************************************************/
/*this is for Top Right Register/Login*/
/******************************************************/

/*--------- Register and Login Style ----------*/
#Login{ 
/*  border:1px solid #e5e5e5; 
    background:#fff url(../images/LoginLinksBg.png) repeat-x 0 0;*/
}

#Login .registerGroup a { 
/*      color:#555555;*/
 }

#Login .loginGroup a { 
/*      color:#555555;*/
}

#Login .registerGroup a:hover,#Login .loginGroup a:hover{ 
/*      color:#545285;*/
}

#Login .registerGroup a:active,#Login .loginGroup a:active{ 
/*       color:#545285;*/
}



.user_style {
	float:right;
     color:#555555;
}
.user_style a, .user_style a:active, .user_style a:visited, .Login a, .Login a:active, .Login a:visited, .Login, A.Login:link, A.Login:visited, A.Login:active {
     color:#FFFFFF;
}	
	
.user_style a:hover, .Login a:hover {
      color:#545285;
}