/* CSS Document */
body {
	margin:0px;
	padding:0px;	
	font-family: verdana, helvetica,arial,sans-serif;
	background: #40495C; 
	margin-left: auto;
	margin-right: auto;	
	width: 860px;
	font-size: 9pt;
	line-height: 1.4em;
	position: relative; /* this is needed so that loginNav has something to position itself from with position: absolute */
}


a {
	color:#0000FF;
}
.nn_hide {
	display:block;
}

.ie_hide {
	display:none;
}
caption {
	text-align:left;
	margin-bottom: 10px;
	margin-top: 10px;
}

.imgLeft {
	margin-right: 14px;	
}

/* Main Site Table */
#mathDLContent{ background: white; }

/**********************************
	LEFT COLUMN
**********************************/
#leftColumn {
	background: white;
	font-size: 8pt;
	font-family: verdana;	
	line-height: 1.4em;	
	
	}
	#leftColumn	#searchPanel {
		background: url('/images/subpageDL/subfeatureBg.gif') repeat-x;
		width: 196px;		
		line-height: 1.6em;
	}
	
	#searchPanelTitle{ background: url('/images/subpageDL/searchPanelTitle.gif') no-repeat; text-indent: -9000px; width: 197px; height: 24px;}
	#searchPanelBase{ 
		width: 197px; 
		height: 11px; 
		background: url('/images/homepageDL/featureFtr.jpg') bottom right;
	
	}
	
		#leftColumn	#searchPanel div.content {
			padding: 6px 6px 12px 10px;
			font-weight:bold;
			color: black;
			font-size: 9pt;
			font-family: Arial;
			
		}
		#leftColumn	#searchPanel a{
			font-weight:normal;
			text-decoration: underline;
		}
		#leftColumn	#searchPanel h2{ /* Example: Search JOMA */
		
		font-family: Arial, Verdana;
		font-size: 10pt;
		padding:0px;
		margin: 0px 0px 6px 0px;
		}
		#leftColumn	#searchPanel form {
			margin: 0px;
			padding: 0px;
		}
		#leftColumn	#searchPanel form input {
			vertical-align: middle;
			margin-top: 2px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		#leftColumn	#searchPanel .inputText{
			font-size: 10px;
			border: solid 1px black;
			width: 165px;		
			padding: 2px;
		}
		#leftColumn	#searchPanel select{
			margin-top: 2px;
			margin-bottom: 2px;
		}
	 
	 #leftColumn #lociArchivesBlock{
			width: 170px;
			height: 125px;
			text-align: left;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 20px;
			margin-top: 10px;
			 
 		}
 		 #leftColumn #lociArchivesBlock p{
	 		margin: 4px 10px 10px 10px;	
 		  }
 		
	 #leftColumn .sponsers{
			margin-top: 40px;
			margin-left: auto;
			margin-right: auto;
		}
		#leftColumn .sponsersImg{
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
		}
		
		
	 /* ================================
	 	Menu Items on the Left
	 	================================ */
		#leftColumn div.leftPanel ul{
			border-left: solid 1px #88A7D6; 
			border-right: solid 1px #88A7D6;
			border-top: solid 1px #88A7D6;
			font-size: 8pt;
			list-style: none; 
			margin:0px;
			margin-top: 10px; /* Different from homepage */
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 10px;
			padding:0px;
			width: 160px;			
		}
		#leftColumn div.leftPanel li a{
			display: block;
		}
		#leftColumn div.leftPanel li{
			background: #BED1EE;
			border-bottom: solid 1px #88A7D6;			
			display: block; 		
			list-style: none;
			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: #88A7D6;
			cursor: pointer;
		}
			#leftColumn div.leftPanel li.uneditablemenuitem{ /* example: Browse */
				background: #BED1EE;
				display: block;
				border-bottom: solid 1px #88A7D6;
			}
				#leftColumn div.leftPanel li.uneditablemenuitem.selected{ /* example: Browse */
					background: #FFFFFF;
				}
			#leftColumn div.leftPanel li.uneditablemenuitem:hover{
				color: black;
				background: #88A7D6;
				cursor: pointer;
				border-bottom: solid 1px #88A7D6;
			}
			#leftColumn div.leftPanel a, #leftColumn div.leftPanel a:visited{
				font-weight: normal;
				color: #000000;
				text-decoration: none;
			}
			#leftColumn div.leftPanel a:hover{
				text-decoration: none;
			}
		
		
/*Related articles*/
div#relatedArticles{
	margin-right: 5px;
	margin-left: 10px;
}
	div#relatedArticles p{
		padding:10px 0px 15px 9px;
		font-size:1em;
		margin:0px;
	}
		div#relatedArticles p.title{
			padding-bottom:4px;
		}
	div#relatedArticles img.thumb{
		float:right;
		margin:0px 0px 4px 4px;
	}
	div#relatedArticles img.readmore{
		margin:10px 0px 0px 0px;
	}
	div#relatedArticles ul {
		list-style:none;
		padding:10px 0px 15px 9px;
		margin:0px;
		font-size:1em;
	}
	div#relatedArticles li {
		margin-bottom:1em;
	}
	div#relatedArticles p.quotation {
		font-weight:bold;
		color:#1D1E61;
		background:none;
		padding-bottom:1em;
	}
	div#relatedArticles p.author {
		padding-top:0px;
		color:#623E2D;
		background:none;
	}
			
/**********************************
	MAIN COLUMN
**********************************/
#main {
	font-size: 1em;
	background: white;
	padding-bottom: 50px; /* so it doesn't touch the footer */
	padding-left: 40px; /* which makes the available content width 620px */
	padding-right: 20px;
	
}

	#main div#loginNav{
		text-align: right;
		background: none; /* fixed wierd bug where part of the navy loginname bkrd was showing up behind the buttons */
		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;
	}
		#main div#loginNav a{				
			/* all links are button links */
		}
		#main 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;
		}
		#main div#loginNav .logoutbutton{
		}
		#main div#loginNav .mylibrarybutton{
			margin-left: -10px;
			z-index: 10;
		}
		#main div#loginNav .secondarybarlinks{
		
			height: 20px;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 5px;
			padding: 0px;
		}
			#main div#loginNav .secondarybarlinks a{
				margin-left: -5px; /* so the buttons will overlap at the edges */
			}

	#main #breadcrumbs {	
		margin-top: 6px;
		font-size: 8pt;
		margin-right: 20px;
	}
	#main #breadcrumbs_homelink {
		margin-top: 6px;
		font-size: 8pt;		
	}

    #main #newCollection_homelink {
		margin-top: 6px;
		font-size: 8pt;
	}

    #main .selectFormat{ font: normal 9pt verdana; line-height: 1.4em; }
	
	/* ======== Main Page Titles: ================================= */

    #main h1.mainTitle, #main h1.browseTitle, #main h1.altMainTitle{ /* Example: Loci */
		border-bottom: solid 1px #72ADDA;
		color: #090F66;
		font-size: 20pt;
		font-family: Arial, Verdana;
		font-weight: bold;
		line-height: 1.4;   /*line-height: 1.1em;*/
		margin-left: 0px;

		margin-top: 20px;
		margin-bottom: 4px;
		padding: 0px;
		padding-right: 50px;
		padding-bottom: 8px;
	}

    /* JWG July 15, 2011 */
    #main h1.capsulesMainTitle { /* Classroom Capsules and Notes */
		border-bottom: solid 1px #72ADDA;
		color: #090F66;
		font-size: 20pt;
		font-family: Arial, Verdana;
		font-weight: bold;
		line-height: 1.1em;
		margin-left: 0px;

		margin-top: 20px;
		margin-bottom: 4px;
		padding: 0px;
		padding-right: 50px;
		padding-bottom: 8px;
	}

        #main h1.mainTitle a{ /* ex. *Loci*: Resources */
			text-decoration: none;
			color: #090F66;
		}
		#main h1.mainTitle a:hover{ /* ex. *Loci*: Resources */
			text-decoration: none;
			/*color: #2796EB;*/
		}		
	
	/*
	    JWG July 11, 2011 - The only place contentTitle is being used
	    is in jsp\reviews\ so I commented this one out and pasted in
	    the spec from mathdl_reviews.css
    */
        /*Original in this file: */
        /*#main h1.contentTitle {*/
		/*margin: 0 0 4px 0;*/
		/*font-size: 1.8em;*/
		/*font-weight: bold;*/
		/*color: #090F66;*/
		/*padding: 0px;*/
	/*}*/

    /*From mathdl_reviews.css: */
    #main h1.contentTitle {
		margin: 0 0 4px 0;
		font-family: Arial;
		font-weight: bold;
		font-size: 144%;
		line-height: 1.3;
		color: #071843;
		padding: 0px;
	}

    #main .homeLink {
		padding-bottom: 4px;
		font-size:.9em;		
	}
	#main h1.docTitle { /* subtitle: ex. article title */

		margin: 15px 20px 0px 0px;
		padding: 0px;
		color: #090F66; /* Navy Blue */
		font-size: 15pt;
		line-height: 1.4em; /* in case it wraps */
		font-family: Arial, Verdana;
		font-weight: normal;
		border-bottom: solid 1px #D8DEE4;
		
	}	
	#main h1.dotted {
		border:none;
		padding-bottom:5px;
		border-bottom: dotted 1px #CFE3F3;
	}
	#main h2.staticTitle { /* ex. LOCI -> _Copyright & Fair Use_ */
		
		color: #090F66; /* navy blue */
		font-size: 16pt;
		font-family: Arial, Verdana;
		font-weight: normal;
		line-height: 1.1em;
		margin: 10px 20px 12px 0px;
		padding: 0px;
	}
	#main h2.section {
		margin: 26px 0px 4px 0px;
		font-size: 1.5em;
		font-weight: bold;
		color: #912808;
		padding: 6px 0 6px 0;
		border-top: solid 1px black;
		border-bottom: dashed 1px black;
	}


	#main table.itemList {
		border: solid 1px #000099;
	}
	#main table.itemList th {
		background-color: #303474;
		font-weight:bold;
		color:white;
		text-align: left;
	}
	#main table.itemList td {
		background-color: #DADCE7;
	}

	
		#main #subpageFeatureSites{
			margin-left: 0px;
		}
	
	#main .featureHeader {		
		background:  url("/images/subpageDL/subfeatureheader_bkrd.gif") repeat-y;
		color: white;
		font-size: 10pt;
		font-family: Arial, Verdana;
		font-weight: bold;	
		letter-spacing: 0.02em;			
		padding: 3px 6px 3px 20px;
	}
	#main .featureContent {
		background:  url("/images/subpageDL/subfeatureBg.gif") repeat-x;
		color: black;
		font-weight:normal;
		font-size: 8pt;
		padding: 0px;
		/*margin: 0px 1px 0px 1px;*/
		text-align: left;
	}
		#main .featureContent .content{
			margin: 6px 20px 6px 20px;
		}
			#main .featureContent .content .thumbnail{
				float: right;
				margin: 2px 2px 2px 6px; /* 6px margin on left */
				border: solid 1px #AD7D65; /* dark, reddish brown */
			}
			#main .featureContent .content ul{
				margin:0px;
				padding:0px;
				list-style:none;
			}
			#main .featureContent .content li{
				padding: 0px;
				font-weight: normal;
			}
			#main .featureContent .content .linkTitle {
				font-weight: bold;
				margin: 0px 0px 6px 0px;
				padding: 0px;		
			}

	/****************************************************************
	 BEGIN DISPLAY STYLES
	 THE FOLLOWING STYLES ARE DUPLICATED IN "editorStyles.css"
	 FOR INCLUSION IN THE WEBEDIT PRO APPLICATION
	 styles included here are within the CONTEXT of the td#main ID
	****************************************************************/

	td#main h1 {
		margin:0px;
		font-size:1.6em;
		margin-top: 10px;
		font-family: Arial;
		font-weight: normal;
		color: #090F66;
	}
	
	td#main h2 {
		margin:0px;
		font-size:1.2em;
		color: #1D4894;
		font-family: Arial;
	}
	
	td#main h3 {
		margin:0px;
		font-size:1em;
	}
	
	td#main h4 {
		margin:0px;
		font-size:1em;
		color: #375A99;
	}

	td#main h5 {
		margin:0px;
		font-size:0.9em;
		color: #375A99;
	}

	td#main p{
		margin-top:10px;
		margin-bottom: 10px;
		font-size:1em;
	}

	td#main li, td#main td, td#main div {
		font-size:1em;
	}
	
	td#main p.attention {
		font-weight:bold;
		color: #B46202;
		background-color: #FFF8BB;
		border: solid 1px #F9DC8F;
		padding: 4px;
	}
	
	td#main p.highlight {
		font-weight:bold;
		color: #990000;
	}
	
	td#main .feature {
		border: solid 4px #DBE1E7;
		padding: 6px 6px 10px 6px;
		float: right;
		margin: 0px -10px 12px 12px;
		width: 160px;
		background-color: /*#DDE0F1;*/#F1F3F5;
		color: #40495C;
	}
	
	td#main p.note {
		font-style: italic;
		margin: 16px;
	}	
	

	/****************************************************************
	 END DISPLAY STYLES
	****************************************************************/

	/* sub section main page styles */	

	#main p#welcome{
		padding: 0px;
	}

	#main .mainfeaturetitleimg{
		margin-bottom: -3px;
		padding: 0px;
	}
	
	#main .noborder{
		border-style: none;
	}
	
	/* on Loci Homepage, main feature block table */
	#main #lociFeatureBlockTable{
		background: url('/images/subpageDL/mainFeatureBg.gif') repeat-x;
		border-bottom: solid 4px #F4F5F8;
		margin-left: 0px;
		margin-bottom: 10px;
		margin-top: 10px;
		width: 600px; /* same width as the featured sites above it */
		
	} 
	
	/* Convergence Featured Items Table (smaller) */
	#main #convlociFeatureBlockTable{
		background: url('/images/subpageDL/mainFeatureBg.gif') repeat-x;
		border-bottom: solid 4px #F4F5F8;
		margin-left: 0px;
		margin-bottom: 10px;
		width: 427px;
		margin-top: 10px;
	}
	
		#main .featureTableHeader{ /* Featured Items: */
			background: #F1F3F5 url("/images/subpageDL/featuredItemsheader_bkrd.gif") repeat-y;
			color: white;
			font: bold 10pt Arial;
			letter-spacing: 0.02em;
			padding: 3px 0px 3px 20px;	
		}
		#main .convfeatureTableHeader{ /* Featured Items: */
			background: #F1F3F5 url("/images/subpageDL/convfeaturedItemsheader_bkrd.gif") repeat-y;
			color: white;
			font: bold 10pt Arial;
			letter-spacing: 0.02em;
			padding: 3px 0px 3px 20px;	
		}
			
		#main #convlociFeatureBlockTable .featureCell{
			padding: 10px 10px 10px 20px;
		}
		
	/* ========= end for Convergence ======= */
	
		
	
	#main td.featureCell{
		font-size:8pt;
		font-weight: normal;
		color: black;
		padding: 10px 20px 10px 20px;	
		margin:0px;
		/*width: 254px;*/
		width: 290px;
		/* left border is defined in lociFeatureBlockTable */
	}
	
		#main td.featureCell h2 {
			margin: 4px 0px 4px 0px; /* top margin is distance between featureLabels ex. Convergence, and article Title */
			font-family: Arial, Verdana; 
			font-size: 10pt;
			font-weight: bold;
			color: #090F66;
			padding: 0px;
		}
		#main td.featureCell img.thumb{
			float: right;
			margin-left: 6px;
			border: solid 1px #9C9FAA;
		}
		#main td.featureCell a{
			font-weight: bold;
			text-decoration: underline;			
		}
		#main .borderedMiddle{
		width: 10px;
		background:#F4F5F8;
		}
	
/* tool palette */
/* tool palette copied directly from convergence_subpage.css */
/* tool palette */
div#tools{
	width:157px;
	background:url(/images/subpage/tools_pagebg.gif) no-repeat #4570BC;
	float:right;
	margin:0px 0px 10px 10px;
	border-left:5px solid white;
	line-height: 1.0em;
}
	div#tools p.pages,div#tools p.prevnext{
		color:white;
		font-weight:bold;
		text-align:center;
		font-size:10px;
		padding:4px 0px 6px 0px;
		margin:0px;
	}
	div#tools p.prevnext {
		background:url(/images/subpage/tools_blackdash.gif) bottom repeat-x;
	}
		div#tools p.prevnext a {
			color:white;
		}
	div#tools p.button {
		font-size:10px;
		margin:0px;
		text-align:left;
	}
	div#tools p.button a{
		color:#593A08;
		font-weight:bold;
		text-decoration:none;
		background:url(/images/subpage/tools_whitedash.gif) bottom repeat-x #E7AA63;
		display:block;
		padding:6px;
	}
	div#tools p.button a:hover {
		background-color:#D6954A;
	}
/* Article Content Styles */
td#main p.metadata {
	margin-top: 4px;
	font-size:.9em;
}
td#main p.author {
	font-weight:bold;
	font-size: 8pt;
}
/*rating and discussion link*/
td#main div#rating {
	float:left;
	margin-bottom:1em;
}
	td#main div#rating p.stars {
		float:left;
		font-size:.8em;
	}
	td#main div#rating p.discuss {
		font-weight:bold;
		float:right;
		font-size:.9em;
	}
	/* ugly style hack to clear the floated ratings row in Netscape */
	head:first-child+body div.clear {
		clear:left;
	}
	
td#main p.pagenav {
	font-weight:bold;
	font-size:1em;
}
/* Discussion Styles */
div#discussion{
	border-top:2px solid #40495C;
	border-bottom: dotted 1px #CFE3F3;
	
	padding:0px 0px 10px 0px;
}
	div#discussion h2,div#allDiscussions h2{
		color:#863C00;
		font-size:1.2em;
		font-family: Arial;
		border-bottom: dotted 1px #CFE3F3;
		
		padding:6px 0px 6px 0px;
		margin-bottom:5px;
	}	
	div#discussion h3 {
		color:#1D1E61;
		font-size:1.2em;
		margin:0px;
	}
	div#discussion h4 {
		color:#A05701;
		font-size:1em;
		margin:0px 0px 5px 0px;
	}	div#discussion div.thread {
		margin-top:15px;
	}
	div#discussion p {
		margin-top:.5em;
		margin-bottom:.7em;
		font-size:1em;
	}
	div#discussion p.threadNumber {
		font-weight:normal;
		margin:0px;
		font-size:0.9em;
		color:#6A6767;
	}
	div#discussion p.author {
		color:#1D1E61;
		font-weight:normal;
		border:none;
		margin-top:0px;
	}
	div#discussion p.reply {
		background:url(/images/subpage/bullet_reply.gif) no-repeat;
		padding:0px 0px 0px 12px;
		color:#1D1E61;
		margin-bottom:1.5em;
	}
	#main p.replynav {
		font-size:.9em;
	}
	#main p.replynav a{
		font-weight:bold;
	}
/*********************

	Discussion Form Styles
	
*********************/	
div#discussionForm {
}
	div#discussionForm h2 {
		color:#A05701;
		font-size:1.2em;
		/*background:url(/images/homepage/dashbg.gif) repeat-x bottom;*/
		padding-bottom:2px;
		margin:15px 0px 10px 0px;
	}
	div#discussionForm h3 {
		font-size:1.2em;
		color: black;
	}
	div#discussionForm h4 {
		font-weight:normal;
		margin:10px 0px 4px 0px;
		font-size:.8em;
		color:#6A6767;
	}
	div#discussionForm div#original {
		background:#FFF7EE;
		border:1px solid #3058A0;
		padding:0px .6em 0px .6em;
	}
		div#discussionForm div#original p{
			margin:.6em 0px .6em 0px;
	}
			div#discussionForm div#original p.question{
				color:#002661;
			}
				div#discussionForm div#original p.question strong{
					font-size:1.2em;
				}
	div#discussionForm a.skip {
		font-size:.6em;
		font-weight:normal;
		margin-left:10px;
	}
	div#discussionForm form {
		margin-top:10px;
	}			
				
	div#discussionForm input.large {
		width:460px;
		/*border:1px solid black;*/
	}
	div#discussionForm input.medium {
		width:235px;
		/*border:1px solid black;*/
	}
	div#discussionForm textarea {
		width:370px;
		/*border:1px solid black;*/
	}
	
/*********************

	Search Results Page Styles
	
*********************/
/*
.recordNav {
	padding: 6px 0px 0px 0px;
}
div#searchDescription{ background: #F1F3F5; padding: 1px 6px 1px 6px; margin: 2px 0px 2px 0px; }
	div#searchDescription p{ color: #404040; line-height: 1.5em; font-size: 8pt;  }
.resultitem{ margin-bottom: 10px; border-bottom: dotted 1px #CECECE; padding: 0px; padding-bottom: 10px;}
.resultitem p{ margin-top: 0px; margin-bottom: 5px;}
*/

div#featuredResults {
	background: url('/images/subpageDL/subfeatureBg.gif') repeat-x;
	background-position: 0px 10px;
	margin-top:10px;
	float:left;
	margin-bottom: 20px;
	border-bottom: solid 2px #F4E9D6;
}
	div#featuredResults p {
		margin-bottom:.5em;
	}
	div#featuredResults h3,div#otherResults h3 {
		font-size:10pt;
		margin-bottom:0px;
	}
	div#featuredResults img.readmore {
		margin-top:5px;
	}
	div#featuredResults div.row {		
		clear:both;
		float:left;
		padding: 0px 0px 0px 0px;
		width: 600px; 
	}	
	div#featuredResults div.leftResult {
		float:left;
		font-size: 8pt;
		padding: 10px;
		width: 260px;
	}	
	div#featuredResults div.rightResult {		
		float:right;
		font-size: 8pt;
		padding: 10px;
		width: 260px;
	}
	div#featuredResults img.thumb{
		float:right;
		margin:0px 0px 5px 5px;
	}
	div#otherResults  {
		clear:both;
		margin-top:15px;
		/*width: 508px;*/
		/*margin-left: 20px;*/
	}
	td#main div#otherResults h2 {
		color:#B46202;
		font-size:1.2em;
		margin-bottom: 5px;
	}

/*********************

	Advanced Search Table Styles
	
*********************/

	td#main .formTable td{
		background-color: #D0D8E3;
		margin: 1px;
		padding: 2px;
		color: black;
	}

	td#main .formTable th{
		background-color: #53589A;
		margin: 1px;
		padding: 2px;
		color: white;
		text-align:left;
		vertical-align: top;
	}

	td#main .formTable input{
		font-size: 0.9em;
		color: black;
		width: 240px;
		border: solid 1px black;
	}

	td#main .formTable input.radio{
			border: none;
			width: 20px;
			height: 10px;
			color: black;	
			margin: 2px;
			vertical-align: middle;
	}

	td#main .formTable select,td#main .formTable textarea {
		font-size: 0.9em;
		font-family: verdana, helvetica, sans-serif;
		color: black;
		width: 200px;
		border: solid 1px black;
	}

	td#main .formTable .short {
		width: 100px;
	}

	td#main .formTable textarea.full {
		width: 450px;
	}

	#main .VisitSiteP{ /* on paragraph surrounding the button */
		margin-top: 10px;
		margin-bottom: 2px;
	}	

		.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;	
		}	

	#main p.featurebrand{ /* on a paragraph */
		background: url('/images/subpageDL/featureBrandGradient.gif');
		font: normal 8pt verdana;
		color: #40495C;
		color: black;
		line-height: 2.4em;
		display: inline;
		padding: 2px 5px 3px 5px;
		border-left: solid 1px #F4F9FC;
		border-bottom: solid 1px #BAD6E4;
		border-right: solid 1px #F4F9FC;
		border-top: solid 1px #F4F9FC;
		
	}

	
/**********************************
	FOOTER
**********************************/
#footer {

	font-size: 0.9em;
	width:860px;
	text-align:center;
	border-top: solid 2px #F7FBFF;
	border-bottom: solid 3px #677C93;
	background: #F1F7FF;
	margin-bottom: 0px;
	/* For DIV Layout 
	clear: both; */
}
	#footer a, #footer a:visited {
		color: #0000FF;
		text-decoration: none;
	} 
	#footer a:hover {
		text-decoration: underline;
	} 
	
/* Error handling */
.errorBlock {
	margin: 10px 0px 10px 0px;
}
.message,.status {
	font-weight:bold;
	color:green;
}
.error,.alert{
	font-weight:bold;
	color:red;
}	

.article{
	margin-right: 10px;
}

/* CONVERGENCE FEATURES: */


/* Quote of the Day */	
#convQuotation{ 
	clear: both;
	float: right;
	/*margin: 10px 20px 10px 0px; */
	line-height: 1.4em;
	width: 150px;
}
	#convQuotation .title{
		border-bottom: solid 1px #E1953C;	
		color: #414753;
		font: bold 11pt Arial;
		margin-bottom: 10px;
		width: 150px;
	}
	#convQuotation .author{ font: bold 8pt verdana; color: #B46202;}
	#convQuotation .text{ font: normal 8pt verdana;}
	#convQuotation .citation{ font: normal 8pt verdana; color: #40495C;}
	#convQuotation .more{ font-size: 8pt; }

/* Random Quotation */
#randomQuotation{ 
	background: url('/images/subpageDL/reviewsFeatureBg.gif')repeat-x;
	border-right: solid 1px #E9ECF7;
	border-bottom: solid 1px #E9ECF7;
	line-height: 1.4em;
	margin: 0px 3px 10px 0px;
}
	#randomQuotation .title{
		background: #647390;
		border-bottom: solid 1px white;
		color: white;
		padding: 4px 4px 4px 10px;
		font: bold 10pt Arial;
	}
	#randomQuotation .author{ font: bold 8pt verdana;  }
	#randomQuotation .content{ margin-left: 10px; margin-right: 10px; }
	#randomQuotation .text{ font: normal 8pt verdana; }
	#randomQuotation .citation{ font: bold 8pt verdana; color: #647390; }
	#randomQuotation .more{ font-size: 8pt; margin-left: 10px; }
		
/* Illustrations */
#convIllustration{

}	
	#convIllustration .title{
		/*font: italic 14pt "Trebuchet MS";*/		
		color: #414753;
		border-bottom: solid 1px #E1953C;	
		/*font: italic 11pt "Trebuchet MS";
		font-weight: bold;*/
		font: bold 11pt Arial;
		
		margin-bottom: 10px;
		width: 427px;
	}
	#convIllustration .illTable{ width: 427px; }
	#convIllustration .illTable td{ padding-right: 8px;  width: 200px; height:200px; }
	#convIllustration .content p{ margin-top: 0px; }
	#convIllustration .content{ font-size: 8pt;  }
	#convIllustration #convIllImg{  margin-right: 2px;}
	#convIllustration .links a{ }

	
/* Critics Corner */	
#convCriticsCorner{ 
	background-color: #DDE0F1;
	border-bottom: solid 1px #4570BC;
	border-right: solid 1px #4570BC;
	border-top: solid 1px #4570BC;
	margin: 10px 0px 20px 0px;
	width: 195px;
}	
	#convCriticsCorner .title{
		
		border-right: solid 1px #4570BC;
		/*color: #B46202;
		font: italic 11pt "Trebuchet MS";
		font-weight: bold;
		margin-bottom: 10px;
		padding-left: 6px;
		padding-right: 4px;*/
	}
	#convCriticsCorner h3{ font: bold 8pt verdana;}
	#convCriticsCorner .content{ font-size: 8pt; padding-left: 6px; padding-right: 6px; padding-bottom: 6px;}
	#convCriticsCorner a img{ margin: 4px 0px 10px 0px; }
	
	
/* Problem of the Day */
#convProblem{ 
	background: url('/images/subpageDL/subfeatureBg.gif') repeat-x;
	margin: 10px 0px 40px 0px; 
	width: 195px;
	border-bottom: solid 1px #E1953C;
	border-top: solid 1px #E1953C;
	border-right: solid 1px #E1953C;
}
	#convProblem .title{
		font: bold 10pt Arial;
		color: #B46202;
		padding-left: 6px;
		padding-top: 6px;
	}
	#convProblem .content{ font-size: 8pt; padding-left: 6px; padding-right: 6px; }
	#convProblem .content h2{ font: bold 8pt verdana; color: black; }
	#convProblem .more{ padding-left: 6px;}

	
/* Calendar styles */
div#calendar {
	clear: both;
	float: right;
	margin: 10px 0px 20px 20px;
	line-height: 1.0em;
}
	div#calendar div.content {
		background:url(/images/homepage/calendar_back.gif) repeat-y;
		margin:0px;
		padding:4px 6px 4px 6px;
		color:white;
	}
	div#calendar p {
		margin:0px;font-size:.8em;
		width: 140px;
	}
/* On This Day Styles*/
/* On this date table styles */
/* On this date table styles */
table#date {
	float: right;
	background:url(/images/homepage/ondate_darkbg.gif) repeat-y #DDE0F1;
	line-height: 1.0em;
	margin-top: -5px;
}
	table#date a {
		color:#20226C;
	}
	table#date td {
		font-size:.85em;
		color:#20226C;
		font-weight:bold;
	}
	table#date td.header {
		padding:6px 9px 6px 9px;
		background-color:transparent;
	}
	table#date td.lightLeft {
		background:url(/images/homepage/ondate_lightbg.gif) left repeat-y;
		padding:4px 2px 4px 9px;
	}
	table#date td.lightRight {
		background:url(/images/homepage/ondate_lightbg.gif) right repeat-y;
		padding:4px;
	}
	table#date td.darkLeft,table#date td.darkRight {
		padding:4px 2px 4px 9px;
		background-color:transparent;
	}
	table#date td.darkRight {
		padding:4px;
	}
	table#date td.reminder{
		text-align:center;
		background:url(/images/homepage/ondate_botbg.gif) repeat-y;
	}
	table#date td.reminder a{
		color:#0000FF;
	}
	
	
table.rssfeeds{ width: 600px; border-top: solid 1px #BEC8D2; 
border-left: solid 1px #BEC8D2;
border-right: solid 1px #BEC8D2;
margin-bottom: 10px;}
	table.rssfeeds th{ 
		text-align: left; 
		font: bold 12pt Arial;
		background: #D8DEE4; 
		padding: 2px 4px 2px 4px;
		border-bottom: solid 1px #BEC8D2;
	}
	table.rssfeeds th.subtitle{ 
		background-color: #EDF0F3; 
		border-right: solid 1px #BEC8D2;
		font: normal 10pt verdana;
		padding-top: 10px; 
		vertical-align: top; 
		}
	table.rssfeeds td{ border-bottom: solid 1px #BEC8D2; padding: 10px;}
	
/* =============== Taken from homepageDL.css =================== */

/* Get News Archive Page: */
.archiveselection{
	margin-top: 15px;
	margin-bottom: 30px;
}
	.archiveselection select{
		font: normal 8pt verdana;	
	}
	.archiveselection input{ /* Submit graphic button */
		margin-bottom: -8px;
	}

.archivesheading .date{
	font-weight: bold;
	color: #EC6A00;	
}	



.rsstable{
	border: solid 1px #40495C;
	width: 590px;
}

.rsstable .thumb{
    border: solid 1px #808080;
}

.rsstable .alt{
    /* on tr */
    background: #EAF0F6;
}

.rsstable th{
    background: #677695;
    font: bold 8pt verdana;
    color: white;
    padding: 4px;
    text-align: left;
}

.rsstable td{
    padding: 5px;
}

.rsstable .date{
        /* on td */
        width: 100px;
}

.rsstable .article{
        /* on td */
}



.newsarchivetable{ /* also used for Convergence Illustration Lists */
	border: solid 1px #40495C;	
	width: 600px;
}		
	.newsarchivetable .thumb{ border: solid 1px #808080; }
	.newsarchivetable .alt{
		/* on tr */
		background: #EAF0F6;
	}
	
	.newsarchivetable th{
		background: #677695;
		font: bold 8pt verdana;
		color: white;
		padding: 4px;
		text-align: left;		
	}	
		
	.newsarchivetable td{
		padding: 5px;
	}	
		.newsarchivetable .date{
			/* on td */	
			width: 100px;
		}
		.newsarchivetable .article{
			/* on td */	
		}	

.archivesearch p{ /* on News Archive Search page */
	margin-bottom: -10px;
	font-weight: bold;
}
.searchbutton{ /* for news archives and Convergence illustrations */
	margin-bottom: -8px;
}
.searchfield{ width: 400px; }
.searchresultsheading{
	margin: 30px 0px 10px 0px;
}

/* Search Form: */
#resultssearch p{ margin-bottom: 4px; }
#searchBtn{ margin-top: -1px; }
 .searchWithin{ margin: 3px 0px 0px 0px; padding: 0px;}
	.searchWithin input{ margin: 0px; }
	.searchTextField{ font: normal 10pt verdana; width: 200px; }
 

.page_info{ margin-top: 8px; margin-bottom: 4px; background-color: #F1F3F5; padding-top: 2px; padding-bottom: 2px; /*width: 500px;*/ }
div#searchDescription{ border: solid 1px #F1F3F5; padding: 1px 2px 1px 6px; margin: 2px 0px 20px 0px; }
	div#searchDescription p{ color: #404040; line-height: 1.5em;font-size: 8pt;  }

.resultitem{ margin-bottom: 10px; border-bottom: dotted 1px #CECECE; padding: 0px; padding-bottom: 10px; font-size: 8pt}
.resultitem p{ margin-top: 0px; margin-bottom: 5px; }
.partnerLink{ font-weight: normal; cursor: pointer; text-decoration: underline; }
.scoreBar{ width: 100px; border: solid 1px #40495C; height: 4px; background: #F5F0D9; margin-top: 2px;}
.barColor{ height: 4px; background: yellow;}
	.resultitem table td{ padding: 0px; }

/* The MathResource entries in the search results: */
.MRIresultitem{
	background: #F7F7EF url('/images/subpageDL/watermarkMRI.gif') bottom right no-repeat;
	font-size: 8pt;
	margin: 20px 0px 10px 0px;	
	padding: 2px 2px 2px 10px;
	/*width: 488px;*/
}
.MRIresultitem p{ }
.MRIresultitem #mridefstable td{ font: normal 8pt verdana; padding-right: 20px; padding-bottom: 4px; }



/* My Library (ported from MathGateway, Feb 20, 2008 */

#communityPanel{
	background: #E7E7DE;
	
}	
#communityPanel h2{
	/* My Community */	
	background-color: #CD8E50;
	color: #4F2C09;
	font-size: 1.1em;
	padding: 4px 4px 4px 8px;
	
}	

	#communityPanel p{
		margin: 0px 4px 4px 4px;
		padding: 0 6px 0 6px;
		overflow:hidden;
	}
.resource_instructions{ }	
		
.caption{
		background-color: #EFEFEF;
		margin: 5px;
	}	
	
	
table.datatable {
	padding: 0;
	margin: 0.5em 0 1.5em 0;
}
table.datatable th{
	background-color: #B9BECA;
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	padding: 3px;
}
table.datatable tr{
	background-color: #E8E4DF;
}
table.datatable tr.alt{
	background-color: #F3F0EA;
}
table.datatable tr.alt2{
	background-color: white;
}
table.datatable td{
	padding: 3px;
}
h2.myLibraryTitle{
	background-color: #B9BECA;
	border-bottom: 1px dotted #3C455E;
	color: black;
	font-weight: bold;
	font-size: 1em;	
	margin-right: 100px;
	padding: 4px;
		
}
input.entryfield {
	border: 1px solid black;
	font-size: 1em;
	width: 460px;
	/* description field is sometimes too large.. setting a width here would fix it */
}
input.textfield {
	width: 175px;
	border: 1px solid black;
	font-size: 1em;
	margin: 0 0 4px 0;
}
textarea.longtextfield {
	width: 300px;
	border: 1px solid black;
	font-size: 1em;
	margin: 0px 0 4px 0;
	
}
input.shorttextfield {
	width: 90px;
	border: 1px solid black;
	font-size: 1em;
	margin: 0 0 4px 0;
}
input.tinytextfield {
	width: 20px;
	border: 1px solid black;
	font-size: 1em;
	margin: 0 0 4px 0;
}
label {
	/*background-color: #F3F2F0;*/
	margin-right:4px;
	padding: 2px;
	width: 12em;
	display: block;
	
	font-size: 1em;
}
div.item {
	border-bottom: 1px solid #cd8e50;
	padding: 0 0 15px 0;
	margin-top: 15px;

}
	div.item h3 {
		font-size: 1em;
		border-bottom: 1px dotted black;
		margin: 0;
		padding-bottom: 2px;
	}
	div.item p {
		margin:1em 10px 1em 25px;
	}
	
/* Search Results Page: */
.filterTrigger{
	cursor: pointer;
	margin-bottom: 0px;
	padding: 4px;
	background-color: #CED0D8;
	border-bottom: 1px dotted #3C455E;
	color: black;
}
.partnerFilterSelect{ width: 600px; font: normal 8pt verdana; }
#partnerFilter select{ margin-left: auto; margin-right: auto; font: normal 9pt verdana; }
#partnerFilter{ margin-top: 0px; padding-top: 0px; }

.portalhomepage_ewhitespace{ margin-left: 20px; margin-right: 20px;}

/*********************

	Convergence Quotation Styles
	
*********************/
div#quoteBrowser{
	background:url(/images/subpage/quotes_footer.gif) no-repeat bottom #CED4EB;
	width:563px;
	margin-bottom:10px;
}	
	div#quoteBrowser p.quotelinks {
		text-align:left;
		margin:4px 8px 10px 8px;
		font-size:.8em;
		font-weight:bold;
		border-left:1px solid black;
		padding:0px;
	}
	div#quoteBrowser a {
		width:10px;
		padding:1px 6px 1px 6px;
		text-decoration:none;
		color:black;
		border-right:1px solid black;
		margin:0px;
	}
		div#quoteBrowser a:hover {
			background-color:white;
		}
		div#quoteBrowser a.active,div#quoteBrowser a.active:hover {
			background-color:#7983B3;
			color:white;
		}
.quotation{ 
	border-bottom: dotted 1px #CDCDCD; 
	margin-bottom: 10px;
	padding-bottom: 5px;
}
/*********************

	On this Date page
	
*********************/	
div#eventsList{
	width:393px;
	margin-bottom:15px;
}	
	div#eventsList h2 {
		color:white;
		font-size:1.2em;
		background:url(/images/subpage/date_header.gif) no-repeat #EEF0FC;
		padding: 7px 0px 10px 10px;
	}
	div#eventsList th {
		font-weight:bold;
		font-size:.9em;
		text-align:left;
		padding:8px 5px 8px 5px;
	}
	div#eventsList td {
		font-size:.9em;
		padding:8px 5px 8px 5px;
	}
	div#eventsList .light {
		background-color:#EEF0FC;
	}
	div#eventsList .dark {
		background-color:#CED4EB;
	}
	div#eventsList img.instructions {
		margin-bottom:2px;
		display:block;
	}
div#chooseDate {
	width:157px;
	float:right;
	line-height: 1.0em;
	background-color: #E1953C;
}
	div#chooseDate form{
		margin:0px;
		padding:0px;
		background-color:#E1953C;
	}
	div#chooseDate select {
		font-size:.9em;
	}
	div#chooseDate input.button {
		margin:5px 0px 5px 23px;
	}
	div#chooseDate div.instructions {
		font-size:.8em;
		color:white;
		background:#CB7C20;
		
	}
	div#chooseDate div.instructions p {
		margin:0px;
		padding:4px;
	}
	div#chooseDate img.nn_hide {
		display:inline;
	}
	
/* For Registration Tables off of Main Page */
#main .registerTable{
		margin-top: 10px;
	}			
	#main .registerTable .formcheckbox{ /* on td */
		border: none;
		padding: 2px;
		text-align: left;
		background: white;
	}	
	#main .registerTable .formcheckbox input{ /* actual checkbox */
		border: solid 1px #40495C;
		width: 20px;
		height: 18px; /* needed for Opera and Netscape 6 */
		background: #FFFFE1;
	}
	#main .registerTable .submitbutton input{		
		border: 0px;
		width: 66px; 
		height: 26px;
		padding: 0px;
		background: none;
	}
	
	#main .registerTable th {
		font: normal 8pt verdana;
		padding: 2px;
		text-align: right;		
	}
	#main .registerTable input {
		border: solid 1px #40495C;
		background-color: #FFFFE1;
		font-size: 10pt;
		padding: 2px;		
		width: 265px;
	}
	#main .registerTable select {
		border: solid 1px black;
		background-color: white;
		font-size: 0.9em;
	}
	#main .registerTable label {
		margin: 0px 6px 0px 4px;		
	}
	
/* Blue rounded block on the Sign In page to direct members to the MAA site to login */	
#are_you_member{
	float: right;
	background: url('/images/subpageDL/are_you_member_block.gif') no-repeat;
	width: 218px;
	height: 87px;
	padding: 40px 5px 5px 10px;
}

#are_you_member a{ font-weight: bold; }

img.illustration_img {
    width: 135px;
    height: 185px;
}