/* California State University, Long Beach */
/* Academic Template Global Style Sheet */
/* University Public Affairs and Publications */
/* Name: Globalstyles.css */
/* Location: /home/web/oldsite/misc/depot/Globalstyles.css (test) */
/* Location: /home/web/misc/depot/Globalstyles.css (live) */
/* Creation Date: 05/01/04 */
/* Modified Date: 02/23/05 */
/* Modified by: Jorge Hurtado, Gerard Greenidge */
/* 
-----------------------------------------------------------------
Global styles that affect the interface of the academic template. 
-----------------------------------------------------------------
*/

/* 
----------------------------------------------------------------------------------------
BODY AREA
----------------------------------------------------------------------------------------
*/ 

/* Default Body */
.ATBody {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

/* 
----------------------------------------------------------------------------------------
HEADER AREA
----------------------------------------------------------------------------------------
*/ 

/* Black background for header column */
.black_bk {
	background-color: #333333;
	padding-bottom: 0px;		
}
/* White background for header column */
.white_bk {
	background-color: #FFFFFF;
	padding-bottom: 0px;		
}
/* Gray background for header column */
.gray_bk {
		background-color: #666666;
		padding-bottom: 0px;		
}
/* College header image */
img.collid {
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: text-bottom;
}
/* University header image */
img.univid {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	vertical-align: bottom;
}

/* 
----------------------------------------------------------------------------------------
COLLEGE NAV AREA
----------------------------------------------------------------------------------------
*/ 

/* Stripped background */
.stripped_bk {
	background-image: url(http://www.csulb.edu/misc/depot/assets/academic/bk/stripped_bk.gif);
	background-repeat: repeat;
}
/* Stripped background hover */
.stripped_bk a:hover {
	color: #FF3300;
	text-decoration: underline;
}
/* College navigation */
.nav {
	padding: 0px 0px 0px 28px;
	font-size: 75%;
	padding-top: 1px;
	padding-left: 28px;
}
/* Program highlighted */
.program {
	color: #FF3300;
	font-weight: bold;
	text-decoration: none;
}
/* Program not highlighted */
.dnav_program {
	color: #333333;
	text-decoration: none;
}
/* Program not highlighted lower level */
.cnav_program {
	color: #333333;
	text-decoration: none;
}
/* Department highlighted */
.department {
	color: #FF3300;
	font-weight: bold;
	text-decoration: none;
}
/* Department not highlighted */
.cnav_department {
	color: #333333;
	text-decoration: none;
}

/* 
----------------------------------------------------------------------------------------
SEARCH AREA
----------------------------------------------------------------------------------------
*/ 

/* Search */
.search {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	vertical-align: bottom;
	text-align: right;
}
/* Search form */
.sitesearchform {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* Search form text box */
.sitesearchbox {
	color : #000000;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	border-width: 1px; 
	border-color: #333333;
	border-style: solid;
	padding-left: 2px;
}
/* Google College/ Department Site Search Form */
sitesearchbutton{
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	text-align: left;
}

/* 
----------------------------------------------------------------------------------------
PRIMARY NAV AREA
----------------------------------------------------------------------------------------
*/ 

/* Primary navigation column */
.primary_nav {
	font-size: 75%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-weight: bold;
	background-color: #FFFFFF;
}
/* Primary navigation links */
.primary_nav a{
	color: #333333;
	padding: 5px 8px;
	text-decoration: none;
}
/* Primary navigation hover */
.primary_nav a:hover {
	color: #FF3300;
	text-decoration: underline;
}

/* 
----------------------------------------------------------------------------------------
BANNER AREA
----------------------------------------------------------------------------------------
*/ 

/* Controls banner appearance */
.banner {
	background-color: #336699;
}

/* 
----------------------------------------------------------------------------------------
BREADCRUMBS AREA
----------------------------------------------------------------------------------------
*/ 

/* Breadcrumbs */
.breadcrumbs {
	background-color: #eeeeee;
	background-image: url(http://www.csulb.edu/misc/depot/assets/academic/bk/striped_bk.gif);
	line-height: 18px;	
	color: #000000;
	padding-left: 12px;
	padding-right: 10px;
	font-size: 85%;
}
/* Breadcrumbs links */
.breadcrumbs a {
	color: #333333;
	text-decoration: none;
}
/* Breadcrumbs links hover */
.breadcrumbs a:hover {
	text-decoration: underline;
}
/* Hide the breadcrumbs */
.nobreadcrumbs {
	display: none;
}

/* 
----------------------------------------------------------------------------------------
LAYOUT AREA
----------------------------------------------------------------------------------------
*/ 

/* Layout Area */
.layoutarea {
	background-color: #003366;
}
/* Layout Area Link */
.layoutarea a {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
/* Layout Area Link hover */
.layoutarea a:hover {
	text-decoration: none;
}

/* 
----------------------------------------------------------------------------------------
LEFT NAVIGATION 
----------------------------------------------------------------------------------------
*/

/* Left Navigation visibility */
.layoutnav_l {
	/* display:block; */
	/* display:none; */
}
/* Left Navigation appearance */
.layoutnav_l td {
	color: #CCCCCC;
	background-color: #002040;
	font-size: 75%;
	padding: 10px;
}
/* Left Navigation links */
.layoutnav_l a {
	color: #CCCCCC;
}
/* Left Navigation link hover */
.layoutnav_l a:hover {
	text-decoration: none;
}

/* 
----------------------------------------------------------------------------------------
MIDDLE NAVIGATION 
----------------------------------------------------------------------------------------
*/

/* Controls appearance of Middle Layout Area */
.layoutnav_m {
	color: #CCCCCC;
	padding: 10px 10px 10px 10px;
}
/* Controls appearance of Middle Layout Area table cells */
.layoutnav_m td {
	font-size: 70%;
	/* padding: 5px 5px 5px 5px; */
}
/* Controls appearance of Date Stamp */
.footer_txt {
	color: #CCCCCC;
	font-size: 80%;
}

/*
----------------------------------------------------------------------------------------
RIGHT NAVIGATION 
----------------------------------------------------------------------------------------
*/

/* Right Navigation visibility */
.layoutnav_r {
	/* display:block; */
	/* display:none; */
}
/* Right Navigation appearance */
.layoutnav_r td {
	color: #CCCCCC; /* gray */
	background-color: #002040;
	font-size: 75%;
	padding: 10px;
}
/* Right Navigation links */
.layoutnav_r a {
	color: #CCCCCC;
}
/* Right Navigation links hover */
.layoutnav_r a:hover {
	text-decoration: none;
}

/* 
----------------------------------------------------------------------------------------
FOOTER AREA
----------------------------------------------------------------------------------------
*/ 

/* Footer background */
.bottomedge_bk {
	background-image: url(http://www.csulb.edu/misc/depot/assets/academic/bk/FOOTER_BK_WHITE.gif);
	background-repeat: repeat-x;
}

/* Footer appearance */
.footer {
	color: #666666;
	font-size: 85%;
	padding-left: 15px;
	padding-top: 7px;
	padding-right: 30px;
	padding-bottom: 7px;
	text-decoration: none;
}
/* Footer links hover */
.footer a:hover {
	color: #FF3300;
	text-decoration: underline;
}

/* 
----------------------------------------------------------------------------------------
VISIBILITY ELEMENTS
----------------------------------------------------------------------------------------
*/ 

/* Hidden elements */
.invisible {
	display: none;
}
/* Hide the banner */
.nobanner {
	display: none;
}
/*Firefox debugging*/
/* Hide the search box*/
.nositesearchbox {
	display: none;
}

/* Hide the search button */
.nositesearchbutton {
	display: none;
}
/* Hide the primary navigation */
.noprimary_nav {
	display: none;
}
/* Hide the footer */
.nobottomedge_bk {
	display: none;
}

/* 
----------------------------------------------------------------------------------------
ADA / VISIBILITY / READER ACCOMODATIONS
----------------------------------------------------------------------------------------
*/ 

#skip a, #skip a:hover, #skip a:visited {
 	position:absolute;
 	left:0px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
 }
  
 #skip a:active {
 	position:static;
 	width:auto;
 	height:auto;
 }

/* Hidden Form Label */
.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px; 	
	height:1px;
 	overflow:hidden;
 }