/* --------------------------------- Text Classes --------------------------- */


/* Base font and font-size for all portal pages */
.text, p, td, tr, body, div, dt, dd, li, a, a:link, a:hover, a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* base color and decoration */
.text, p, td, tr, body, div, dt, dd, li
{
	color: #000000;
	text-decoration: none;
}

/* Base styles for links*/
A:link, A:visited, A:link.link, A:visited.link
{
	text-transform: none;	/*  This was set to uppercase  */
	color: #E67300;
	text-decoration: underline;
}

A:hover, A:hover.link
{ 
	text-transform: none; 	/*  This was set to uppercase  */
	color: #E67300;
	text-decoration: none;
}

/*	This was added by me for the "textAdmin" to make the Admin links turn black
	which are the links on the right side in the small box where it shows the user
	as logged in.  e.g., Add New Resources, Edit Resources, etc.	*/
A:link.textAdmin, A:visited.textAdmin, A:link.textAdmin, A:visited.textAdmin
{
	text-transform: none;		/*  This was set to uppercase  */
	color: #000000;
	text-decoration: underline;
}

A:hover.textAdmin, A:hover.textAdmin
{ 
	text-transform: none;		/*  This was set to uppercase  */
	color: #000000;
	text-decoration: none;
}



/*
    The header class is used for headers throughout CWIS.
    For example, the headlines of the two news areas on
    SPT--Home use the header class.
*/
A:link.header, A:visited.header
{
    font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #4A77A1;
}

A:hover.header
{
    font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	color: #4A77A1;
}


/*  Added this for the "Browse Resource" title  */
A:link.headerBrowse, A:visited.headerBrowse
{
    font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
/*  Added this for the "Browse Resource" title  */
A:hover.headerBrowse
{
    font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}
.header
{
    font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;			/*	I changed this from #333333 to #000000	*/
}



/*
    The pagetitle class is used for the portal name displayed at the
    top of every page (SPT--StandardPageStart.html)
*/
.pagetitle
{
    font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

/*
    The KeywordTitle class styles the phrase "Keyword Search" at the
    top of every page (SPT--StandardPageStart.html)
*/
.KeywordTitle
{
	text-decoration: none;
	color: #E67300;
}

/*
    The whitenav class styles the navigation options on the right side
    of every page (SPT--StandardPageEnd.html)
*/
.whitenav, A:link.whitenav, A:visited.whitenav
{ 
	text-decoration: none;
    line-height: 40px;
    color: #FFFFFF;
	margin-left: 20px;
	font-weight: bold;
}

A:hover.whitenav
{ 
	text-decoration: underline;
    line-height: 40px;
    color: #FFFFFF;
	margin-left: 20px;
	font-weight: bold;
}

li
{
   	padding: 3px;
}

	

/* --------------------------------- Structure ------------------------------ */

body {
   margin: 0px;
   padding: 0px;
   color: #000;
   height: 100%;
   width: 100%;
}

/*
    The AdvSearchBox class styles colored boxes throughout the 
    portal. The Advanced Search page, for example, uses this style
    for the area with the title "Enter your search"
*/

.AdvSearchBox
{
 	background: #E7E7E7;  	/*	Changed the color from #E7E3DC to #E7E7E7	*/
	position: relative;
	padding: 10px;
	border: 0px solid #333333;		/*  This is border around the boxes in advanced search	*/
	margin: 0px;
}

/*  Added this for the box around the "Browse Resource" classifications  */
.AdvSearchBoxBrowse
{
 	background: #F0F0F0;  	/*	Changed the color for a lighter grey  */
	position: relative;
	padding: 10px;
	border: 1px solid #CCCCCC;		/*  This is border around the boxes in "Browse Resources"  */
	margin: 0px;
}

.AdvSearchBoxAll
{
 	background: #FFFFFF;  	/*	Changed the color to white, this is for bottom box on SPT--Home.html page  */
	position: relative;
	padding: 10px;
	border: 0px solid #FFFFFF;		/*  This is border around the boxes in "Browse All Resources"  */
	margin: 0px;
}

/* 	This is for the fonts inside the boxes Resource Type, Language, Audience, Format	*/
.AdvSearchBox select
{
 	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 11px;
}

/*
    The GradientBackground class styles heading areas throughout the
    site. For example, this class styles the "Available Forums" heading
    on the SPT--Forums.php.
*/
.GradientBackground
{
    background: #FFF url("resource_gradient.gif") repeat-x center bottom;
}

/* --------------------------------- Common Nav --------------------------- */
/*
    These styles control the basic two-column format of every page
    ( SPT--StandardPageStart.html, SPT--StandardPageEnd.html )
*/
#navbodyframe {
/*
position:absolute;
left:5px; 
top:140px; 
width:795px; 
height:648px;
*/
   position:relative;
   clear:both;
   margin: 0px;
   padding: 0px; 
}
#navleftcolumn {
   margin-right: 190px;
}
#navrightcolumn {   
   position: absolute;
   top: 0px;
   padding: 0px;
   width: 190px;
   right: 0px;  
}
.rightnav {
	width: 170px;				/*	170 is the original width	*/
	padding: 10px;
	text-align: left;
	background: #E7E3DC; 		/* This is the log in box on the right side of the page 
								   which used to be #E7E3DC
								*/
	border: 0px solid #FFFFFF;	/* 	1px solid #FFFFFF is the original	*/
	
}
.RightNavBottom {
	background: #ffffff;		/*	This is the box right below the log-in which used 
									to be #D7D4CF
								*/
}
.centernav {
	width: 170px;				/*	I created this class "centernav"  */
	padding: 10px;
	text-align: left;
	background: #E7E7E7; 		/* This is the log in color around the log in writing  */
	border: 0px solid #FFFFFF;	/* 	1px solid #FFFFFF is the original	*/
	
}
.centerbottomnav {
	width: 170px;				/*	I created this class "centerbottomnav"  */
	padding: 10px;
	text-align: left;
	background: #E7E7E7; 		/* This is the log in color around the log in writing  */
	border: 0px solid #FFFFFF;	/* 	1px solid #FFFFFF is the original	*/
	
}
.center {
	width: 170px;				/*	I created this class "center" just to create a spacer  */
	padding: 10px;				/*	for the right sider where the log in box is	*/
	text-align: left;
	background: #ffffff; 		/* This is the log in color around the log in writing  */
	border: 0px solid #FFFFFF;	/* 	1px solid #FFFFFF is the original	*/
	
}


/* --------------------------------- Top Nav ------------------------------ */

/*  
	This is where you change the Keyword Search Box Color in top right corner
*/

#header {
	background: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px;
/* 	border-top: 4px solid #9A9A9A; 	/*	Use this to move the Log In Box Down	*/
	height: 90px;
	color: #FFFFFF;
}
/*	This is the box where the advanced search is located	*/
#navbar {
   height: 40px;			/*	This was orinally 40px	*/
   background: #FFFFFF;
   border: 1px solid #FFFFFF;
}

/* --------------------------- SPT--Home --------------------------------*/
/*
    These styles are used on SPT--Home to contain the New Resources 
    and Announcements areas
*/
#contentframe {
	position: static;
	margin: 20px 20px 20px 20px;
	clear: both;
}

/* This is a hack */

div>#contentframe
{
    position: relative;
}
#contentbox {
	position: relative;
}
#ResourceBox {   
/*	This is the small box around the SPT--Home.html page where it says New Resources I changed it to #E7E7E7 */
   border: 0px solid #E7E7E7;	/*  Default is 5px	*/
   padding: 0px;
}

/*
    This styles the "New Resources" heading area.
*/
#ResourceHeaderBox {   			
/* This is the gradient picture where it says New Resources for the SPT--Home.html page */
   background: #FFF url("resource_gradient.gif");
   height: 25px;
   line-height: 25px;
    font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px   
}


/* ---------------------------- Resources ---------------------------- */

/*
    The ResourceHeader class is used for the title of resources
    printed using the PrintResource function in SPT--Common.html
*/
A:link.ResourceHeader, A:visited.ResourceHeader, .ResourceHeader
{
	color: #000000;
	margin-bottom: 15px;
}

.A:hover.ResourceHeader
{
	color: #000000;
	margin-bottom: 15px;
}

/*
    RatingDiv contains the fast user rating graphic and text
    in PrintResource
*/
div.RatingDiv
{
    float: right;
    width: 75px;
    padding: 0px;
    font-size: 10px;
    text-align: right;
    line-height: 27px;
}
div.RatingDiv img
{
    margin-top: 5px;
}

/* ---------------------------- Footer ---------------------------- */


#footer {   
   background: #B3B3B3;
   border: 1px solid #B3B3B3;
   margin-top: 10px;
   position: relative;
}

/*
    The BottomNav class styles the text in the footer of each page.
    (SPT--StandardPageEnd.html)
*/
.BottomNav
{
    font-size: 11px;
    line-height: 13px;
    margin: 16px 0 16px 20px;
    color: #333333;
}
/*
	This is the one that I added for the white small text
*/
.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
/*
    These control the position of the two small logos in the lower right
    corner of the page.
*/
#footer img#CWISLogo
{
    float: right;
    margin: 12px 10px 0px 0px;
    border: 0px;
}

#footer img#NSDLLogo
{
    float: right;
    margin: 12px 15px 0px 0px;
    border: 0px;
}

/* ------------ Help System Navigation ----------------- */

/*
    There are two styles of Help navigation in the portal. The 
    first displays navigation options as a stack of list items 
    and is styled by the HelpNav class. The second displays navigation
    options as a linear arangement of list items and is styled by
    the HelpNavLinear class
*/

ul.HelpNav
{
    list-style: none;
    width: 180px;
	border: 0px solid #FFFFFF;		/*  Default was 1px solid #d7d2c9  */
 	background: #E7E7E7;
 	padding: 0;
 	float: left;
 	margin: 10px;
}

ul.HelpNav li
{
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 0px solid #FFFFFF;	/*  Default was 1px solid #d7d2c9  */
}

ul.HelpNav li:hover, ul.HelpNavLinear li:hover
{
    background-color: #F7F3Ec;		/*  Default is #F7F3Ec  */
}

ul.HelpNav li a, ul.HelpNavLinear li a
{
    display: block;
    font-size: 11px;
    width: 170px;
	text-decoration: none;
    line-height: 12px;
    color: #666;	
    margin: 5px;
	font-weight: bold;
}

ul.HelpNavLinear
{
    list-style: none;
 	padding: 0;
 	margin: 10px 0 0 10px;
}

ul.HelpNavLinear li
{
    display: block;
    float: left;
    margin: 0;
 	background: #E7E7E7;			/*	Color inside the boxes in the Advanced Search	*/
    padding: 0;
    border: 1px solid #CCCCCC;		/*	Border around the boxes in the Advanced Search, Default is #d7d2c9  */
}
/*
    These styles are for the saved search area on the Advanced Search screen
*/
ul.SPTSavedSearches
{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.SPTSavedSearches li
{
    display: block;
    padding: 0;
    border: 1px solid #CCCCCC;		/*  Default was #d7d2c9	*/
    background-color: #E7E7E7;		/*  Default was #F7F3Ec	*/
}
ul.SPTSavedSearches li:hover
{
    background-color: #FFFBF4;		/*  Default was #FFFBF4	*/
}
ul.SPTSavedSearches li a
{
    display: block;
    width: 150px;
    text-decoration: none;			/*	text-decoration: none	*/
    margin: 2px;
}

.FloatLeft, ul.SPTSavedSearches li
{
    float: left;
    margin: 3px;
}
.FloatRight
{
    float: right;
    margin: 3px;
}

/*  
	This is for the search results text
*/
.bold_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #E67300;
	text-decoration: none;
}
.linksU {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #E67300;
	text-decoration: underline;
}