/*
==================================================================================
	Only CSS file for the main MathDL homepage.
	Referenced in portal_homepage.jsp	

	A merge of the original mathdl_homepageDL.css & mathdl_homepageDL_nn.css
	To do: Delete the mathdl_homepageDL_nn.css (once all references are taken out)
	
	Modified Jan 04, 08 by EMN
==================================================================================
*/	
 
body {
	margin:0px;
	padding:0px;
	font-size: 9pt;
	line-height: 1.4em;
	font-family: verdana, helvetica,arial,sans-serif;
	background: #40495C; /* Navy Background */
}

#bodywrap{
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: solid 1px #222730;
	background: #FFFFFF; /* Main content of page has white bkrd */
	position: relative; /* Important, This is needed so that, as an ancestor of #loginNav, loginNav can be positioned relative to this container */
}


a {
	color:#0000FF;
}
caption {
	text-align:left;
}
.nn_hide {
	display:block;
}
.ie_hide {
	display:none;
}
/**********************************
	SEARCH PANEL
**********************************/
#searchPanel {

	background: url('/images/homepageDL/searchpanel_bkrd.gif') no-repeat;
	height: 60px;
	margin-left: -3px;	
	padding-left: 10px;
	padding-top: 8px;
	position: absolute;
	top: 120px;
	width: 250px;
	z-index: 1;
}

	#searchPanel .searchbuttonp{
		margin-top: 2px;
		margin-left: 8px;
	}
		#searchPanel form,#searchPanel form input{
			margin: 0px;
			padding: 0px;
			vertical-align: middle;
			font: normal 8pt verdana;
		}
		#searchPanel .inputText{
			border: solid 1px black;
			width: 206px;
			height: 13px;
			padding: 2px;
		}
		
	
/**********************************
	LEFT COLUMN
**********************************/
#leftColumn {
	font-size: 8pt;
	font-family: verdana;
	line-height: 1.4em;	
}
	
	.withsearch{
		padding-top: 34px; /* Room For Search Box */
	}
#searchPanelTitle{ background: url('/images/subpageDL/searchPanelTitle.gif') no-repeat; text-indent: -9000px; width: 197px; height: 24px; }
#searchPanelBase{ background: url('/images/subpageDL/searchPanelBase.gif') no-repeat; width: 197px; height: 11px; }
	
	#leftColumn div.leftPanel{
		padding: 10px 0px 15px 20px; /* 20 on left to move menu items a little to the right */
		margin-bottom: 10px;	
	}
		#leftColumn div.leftPanel p{
			margin: 10px 0px 10px 0px;
		}
	
	 /* ================================
	 	Menu Items on the Left
	 	================================ */
		#leftColumn div.leftPanel ul{
			border-left: solid 1px #6FA0EE;
			border-right: solid 1px #6FA0EE; 
			border-top: solid 1px #6FA0EE;		
			list-style: none; 
			margin:0px;
			margin-left: auto;
			margin-right: auto;
			
			padding:0px;
			width: 160px;			
		}
			#leftColumn div.leftPanel ul.uneditablemenu{

			}	
		#leftColumn div.leftPanel li a{ display: block; }
		#leftColumn div.leftPanel li{
			list-style: none;
			display: block; 
			border-bottom: solid 1px #6FA0EE;
			
			background: #ADCEFF;		
			padding: 4px 0px 4px 5px;
		}
			#leftColumn div.leftPanel li.selected{
				background: #FFFFFF;					
			}
				#leftColumn div.leftPanel li.selected:hover{
					background: #FFFFFF;				
					cursor: auto;	
				}
		
		#leftColumn div.leftPanel li:hover{
			color: black;
			background: #CBE0FF; /* light blue */			
		}
			#leftColumn div.leftPanel a:hover{
				cursor: pointer;
			}
		
			#leftColumn div.leftPanel li.uneditablemenuitem{ /* example: Browse */
				background: /*#DBE9FF;*/#ADCEFF;
				display: block;
				border-bottom: solid 1px #6FA0EE; /*#BEB596;*/
			}
				#leftColumn div.leftPanel li.uneditablemenuitem.selected{ /* example: Browse */
					background: #FFFFFF;
				}
			#leftColumn div.leftPanel li.uneditablemenuitem:hover{
				color: black;
				background: /*white;*/#CBE0FF;
				cursor: pointer;
				border-bottom: solid 1px #6FA0EE;
			}
		
		#leftColumn div.leftPanel a, #leftColumn div.leftPanel a:visited{
			color: #000000;
			text-decoration: none;
		}
		
		#leftColumn div.leftPanel table{
			background-color: #2F347F;
		}
		#leftColumn div.leftPanel table td{
			background-color: #D0D8E3;
			margin: 1px;
			padding: 2px;
		}
		#leftColumn div.leftPanel h1{
			font-family: Arial, Verdana;
			font-weight:normal;
			font-size: 14pt;
			border-bottom: solid 1px black;
			margin: 0px;
		}
	
		#leftColumn .registration_reasons{
			background: url('/images/homepageDL/register_reasons_bkrd.gif') no-repeat;

			height: 125px;
			text-align: left;
			margin-left: 10px;
			margin-bottom: 20px;
		}		
		#leftColumn .registration_reasons p{
			margin-left: 20px;
			margin-right: 20px;
			padding-top: 10px;	
		}			
		#leftColumn .sponsers{
			margin-top: 40px;
			margin-left: auto;
			margin-right: auto;
		}
				
		#leftColumn .highlightedinfo{
			background: url('/images/homepageDL/highlighted_block.gif') no-repeat;
			margin-top: 10px;
			width: 180px;
			height: 158px;
			text-align: left;

			
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 20px;
		}
		#leftColumn .highlightedinfo p{
			margin-left: 20px;
			margin-right: 20px;
			padding-top: 30px;	
		}	


/**********************************
	MAIN COLUMN
**********************************/
#mainColumn {
	background: white;	
	padding-left: 20px; /* left margin */

}
#mainColumn p{
	margin-right: 10px;
}
#mainColumn .sponsersBtm{
	margin-top: 20px;
}

	#mainColumn div#loginNav{

		text-align: right;
		
		position: absolute; /* NOTE: its ancestor is #bodywrap (which has a position), so any locs are relative to #bodywrap */
		
		top: 120px;
		right: 2px; /* 2 away from the bodywrap right side */
		margin: 0px;
		padding: 0px;
		z-index: 20;
	}
		#mainColumn div#loginNav a{				
			/* all links are button links */
		}
		#mainColumn div#loginNav .loginname{
			background: url('/images/homepageDL/loggedin_name.gif') no-repeat; /* navy bkrd is #40495C */
			height: 23px;
			padding-left: 10px;
			padding-right: 25px; /* the logout button will float over the left side of this a few pixels */
			padding-top: 3px;
			color: white;
			font-weight: bold;	
			float: left;
			margin-right: -2px; /* this is so that when its on its own line in Opera, it is flush against the edge */
			
			/* the following fails in Netscape 7.2, but works in every other browser. Comment out the following lines and it will work in Netscape 7.2, but not in IE 6.0 */ 			
			position: absolute;
			right: 145px;
			z-index: -10;
			

			text-align: right;
		}
		#mainColumn div#loginNav .logoutbutton{
			/*width: 66px;*/
		}
		#mainColumn div#loginNav .mylibrarybutton{
			/*width: 66px;	*/
			margin-left: -10px;
			z-index: 10;
		}
		/* EMN Jan 4,08 Added the following class. For 'Profile' and 'Admin' links */
		#mainColumn div#loginNav .secondarybarlinks{
		
			height: 20px;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 5px;
			padding: 0px;
		}
			#mainColumn div#loginNav .secondarybarlinks a{
				margin-left: -5px; /* so the buttons will overlap at the edges */
			}
		
	#mainColumn .news_table{
		
		background: url('/images/homepageDL/mainnews_bkrd.gif') top right no-repeat;
		font-size: 8pt;
		width: 100%;	
	}	
	#mainColumn .bottomcurve{

		width: 100%;
		background: url('/images/homepageDL/mainnews_btmcurve.gif') top left no-repeat;
	}
	#mainColumn .news_table td{
		
	}
		#mainColumn .news_table .todaysnews{
			padding: 10px 10px 10px 20px; /* the left needs to match the background-position, horizontal on the .mathinnews_title */

		}
		#mainColumn .news_table .historicalnews{
			padding: 10px 0px 10px 0px;

		}
		#mainColumn .news_table .morenewslink{
			/* specify top margin here */
		}
			
		#mainColumn .news_table .mathinnews_title{
			background: url('/images/homepageDL/mathinnews_title.gif') no-repeat;
			background-position: 20px 10px; /* 30px horizontal, 10px vertical */
			height: 20px; /* image height is 20px, plus the 10px vertical padding */
			margin: 0px;
	
		}
			#mainColumn .news_table .mathinnews_title .rssicon{
				float: right; /* bug: in IE this floats only about 75% of the way over, in Firefox it floats completely right */				
				padding-top: 7px;
			}	
			
		#mainColumn .news_table .historicalnews_title{
			background: url('/images/homepageDL/onthisday_title.gif') no-repeat;
			background-position: 0px 10px; /* 0px horizontal, 10px vertical */
			width: 200px;
			height: 20px;  /* image height is 20px, plus the 10px vertical padding */
			margin: 0px;
	
		}
	
		/* EMN Jan 4,08 Following 3 classes added for news features */
		#mainColumn .dateline{
			font: bold 8pt verdana;
			color: #EC6A00;	
		}
		#mainColumn .news_table .newsfeature_content{
			margin-right: 5px;
		}	
		#mainColumn .news_table .newsfeature_content p{
			margin-bottom: 2px;
			margin-top: 4px;
			/* nothing yet.. may need paragraph-like spacing */
		}
		#mainColumn .news_table .newsfeature_content .yearalone{
			font: bold 8pt verdana;
			color: #A24800;
			margin-top: 10px;
		}	
		
	/* EMN Jan 4,08 not using this for news anymore.. though it may be used elsewhere */
	#mainColumn .news_table #mainfeature h1{
		font: bold 8pt verdana;
		color: #EC6A00;
	}
	
	
	#mainColumn .features_table{
		margin-left: auto;
		margin-right: auto;
		
	
	}
			
	#mainColumn h1{ /* Ex: Registration header.. the header directly below the banner */
		
		margin-right: 20px; /* same as #main body */
		color: #090F66;
		padding: 0px;
		font-size: 20pt;
		font-family: Arial, Verdana;
		font-weight: normal;
		padding-bottom: 8px;
		border-bottom: solid 1px #72ADDA;
		margin-top: 20px;
		margin-bottom: 4px;
		line-height: 1.0em;
	}
	#mainColumn h2{ /* Math in News, article title */
		font-family: Verdana;
		font-size: 10pt;
		font-weight: bold;
		color: #090F66;
		margin-top: 8px;
		margin-bottom: 5px;
		margin-left: 0px;
		margin-right: 0px;	
	}
	#mainColumn p#welcome{
		margin: 8px 0px 10px 0px;
		padding: 0px;
	}
	#mainColumn .featureHeader {
		background:  url("/images/homepageDL/featureHdrBg.gif") repeat-y;
		color: white;
		font-size:1.2em;
		font-weight:bold;
		letter-spacing: 0.02em;
		padding: 3px 6px 3px 20px;
	}
	#mainColumn .featureContent {
		background:  url("/images/homepageDL/featureBg.jpg") repeat-x;
		color: black;
		font-weight:normal;
		font-size: 8pt;		
		padding: 0px;		
		text-align: left;
	}
		#mainColumn .featureContent .content{
			margin: 6px 20px 6px 20px;
		}
			#mainColumn .featureContent .content .thumbnail{
				float: right;
				margin: 2px 2px 2px 6px; /* 6px margin on left */
				border: solid 1px #AD7D65; /* dark, reddish brown */
			}
			#mainColumn .featureContent .content ul{
				margin:0px;
				padding:0px;
				list-style:none;
			}
			#mainColumn .featureContent .content li{
				padding: 0px;
				font-weight: normal;
			}
			#mainColumn .featureContent .content .linkTitle {
				font-weight: bold;
				margin: 0px 0px 6px 0px;
				padding: 0px;		
			}

	#mainColumn .formTable{
		margin-top: 10px;
	}			
	#mainColumn .formTable .formcheckbox{ /* on td */
		border: none;
		padding: 2px;
		text-align: left;
		background: white;
	}	
	#mainColumn .formTable .formcheckbox input{ /* actual checkbox */
		border: solid 1px #40495C;
		width: 20px;
		height: 18px; /* needed for Opera and Netscape 6 */
		background: #FFFFE1;
	}
	
	#mainColumn .formTable .submitbutton{ /* on td */

	}
	#mainColumn .formTable .submitbutton input{
		
		border: 0px;
		width: 66px; 
		height: 26px;
		padding: 0px;
		background: none;
	}
	
	#mainColumn .formTable th {
		text-align: right;
		/*background: #D7E1EB;*/
		font: normal 8pt verdana;
		padding: 2px;
		/*border-bottom: solid 1px #B9CCDD;
		border-left: solid 1px #B9CCDD;*/
	}
	#mainColumn .formTable input {
		border: solid 1px #40495C;
		background-color: #FFFFE1;
		font-size: 10pt;
		padding: 2px;		
		width: 265px;
	}
	#mainColumn .formTable select {
		border: solid 1px black;
		background-color: white;
		font-size: 0.9em;
	}
	#mainColumn .formTable label {
		margin: 0px 6px 0px 4px;
		
	}
	/* EMN Jan 10,08 */
	#mainColumn .loginTable{
		
	}
	
	/* EMN Jan 30, 2008 */
	#mainColumn .VisitSiteP{ /* on paragraph surrounding the button */
		margin-top: 10px;
		margin-bottom: 2px;
	}	
	
		#mainColumn .goToButton{
			font: bold 8pt Arial;
			text-decoration: none;
			text-align: center;
			color: #863C00; /* brown */
			background: #FFE392 url('/images/homepageDL/buttonGradient.gif');
			margin-top: 10px;
			margin-bottom: 0px;
			padding: 2px 5px 3px 5px;
			
				
			border-top: solid 1px #FFDF89;
			border-left: solid 1px #D6A468;
			border-bottom: solid 1px #D6A468;
			border-right: solid 1px #D6A468;	
	
		}
#mainColumn .portalhomepage_ewhitespace{
	margin-left: 20px;
}	
	


/**********************************
	FOOTER
**********************************/
#footer {
	font-size: 0.85em;
	width:860px;
	text-align:center;
	border-top: solid 2px #F7FBFF;
	border-bottom: solid 3px #677C93;
	background: #F1F7FF;
	margin-top: 50px;
}
	#footer a, #footer a:visited {
		color: #0000FF;
		text-decoration: none;
	} 
	#footer a:hover {
		text-decoration: underline;
	} 
	
/* Error handling */
.errorBlock { 
	margin: 10px 4px 10px 0px;	
}
.message,.status {
	font-weight:normal;
	color: #005800; /* Green */
	background-color: #E8FBE7; /* light green */
	padding: 2px;
}
.error,.alert{
	font-weight:normal;
	font-size: 10pt;
	color:red;
	background-color: #FFF1F1; /* very light red */
	padding: 2px;

}