/* ==================================================================
 *  base.css
 *  Primary stylesheet for www.pcc.edu. Includes default color
 *  scheme and type treatment.
 *  Modified by Chris Hughes and Alex Jordan for use in MTH 84 in D2L
 * ------------------------------------------------------------------
 *  owner: PCC Web Team <webteam@pcc.edu>
 *  author: Curtis Harvey <charvey@pcc.edu>, Gabriel McGovern <gabriel.mcgovern@pcc.edu>
 *  compress using csstidy: <http://csstidy.sourceforge.net/> <http://www.cleancss.com/>
 *  created: 	2004-08-02 
 *  updated: 	2005-06-05 gabriel mcgovern - Added imgcenter
 *   			2006-01-19 gabriel mcgovern - Added image caption classes ( div.caption-imgleft ...)
 *				2006-05-05 gabriel mcgovern - Moved link:focus, now works for IE5.5
 *											- Removed after:psuedo replased with a em. for JavaScript
 *				2006-09-13 gabriel mcgovern - Redefine link colors in thead th (for sortable)
 * ------------------------------------------------------------------
 *  Current Color Scheme
 *    light blue	blue		#369 (bg)		#06c (text)
 *    dark blue		dblue		#090744 (bg)	#003a75 (text/gnav)
 *	  yellow		yellow		#d6b542 
 *    grey			grey		#ccc
 *    off white		off			#f5f5f5
 * ================================================================== */


/* === Defaults === */
	* { margin: 0; padding: 0; }
	body { min-width: 640px; max-width: 1100px; 
	       padding: 20px; 
	       font: 86%/1.4 Arial, Verdana, sans-serif; 
	       background: #fff; color: #000;}

/* Max-Min IE Hack*/
	* html body { width: expression(document.body.clientWidth > 1100 ? "1100px" : "auto" ); }

/* === Links === */
	a:link:focus, a:visited:focus { color: #d6b542; } /* allow users to navigate by keyboard */
	a:link { color: #003a75; }
	a:visited { color: #369; }
	a:link:hover, a:visited:hover { color: #d6b542; }
	a:link:active, a:visited:active { color: #900; }	
	a.current, a.current:hover { color: #900 !important; cursor: default !important; text-decoration: none !important; }
	a em.link-type{ color: #900; font-variant: small-caps; font-weight: normal; font-style: normal; }

/* === Headings === */
	h1, h2, h3, h4, h5, h6 { margin-top: 1.25em; line-height: 1.0; }
	h1 { margin-top: 0; font-size: 2em; font-weight: normal; color: #900; }
	h2 { font-size: 1.8em; font-weight: normal; color: #900; }
	h3 {font-size: 1.4em; font-weight: normal;color: #fff;  background-color: #336699; padding:.5em;
/*           background-image:url(backgroundimage.jpg);background-repeat:repeat-x}*/
           background-image:url(background3.jpg);background-repeat:repeat-y}
          }
	h4 { font-size: 1.2em; font-weight: bold; color: #333; background-color: #f0f0f0;  padding: 1;}
	h5 { font-size: 1.2em; font-weight: normal; color: #090744; }
	h6 { font-size: 1em; font-weight: normal; color: #900; }
	#main > h3:first-child {margin-top: 0.5em;}


/* === Body Text === */
	div.col { width: 48%; float: left; }
	div.col2 { width: 48%; float: right; }
	.section { margin-left: 1.5em; }
	blockquote, p.pullquote { margin: 1em; font-family: Arial, serif; }
	.pullquote { font-size: 1.3em; }
	blockquote cite { display: block; text-align: right; }
	q { quotes: '"' '"' "'" "'"; }
	p { margin: 0.25em 0 1em; }
	.fineprint { font-style: italic; font-size: 0.95em; color: #333; }
	.sig { font-style: italic; line-height: 1.0; }
	.address { font: normal normal 1.1em/1.0 "Times New Roman", Times, serif; margin: 0.5em; }
	code, kbd { color:black; font-family: monospace; background-color: #E0E0E0; }
	newcode {font-weight: bold; }
	emph {font-style: italic; }
	samp { font: italic 1em Arial, Helvetica, sans-serif; color: #003a75; }

/* === Lists === */
	ul, ol, dl { margin: 1em 0; }
	ul ul, ul ol, ul dl,
	ol ul, ol ol, ol dl,
	dl ul, dl ol, dl dl { margin: 0; }
	li, dl { margin-left: 2.5em; margin-right: 2em; }
	dt { font-weight: bold; }
	dd { margin-bottom: 1em; }
	
	/*td ul { list-style: none; margin: 0; } // allow lists in table cells
	td ul ul { margin-left: 2em; }
	td li { margin: 0.5em; }*/ 
	
	ul.long li, ol.long li { margin-bottom: 1em; }
	ul.long li li, ol.long li li { margin: 0; }
	
	ul.degrees {font-weight:bold;}
	
	dl.dictionary dt, dl.concise dt { display: block; float: left; clear: left; margin-right: 0.5em; }
	dl.dictionary dt:after { content: " - "; }
	dl.dictionary dd, dl.concise dd { margin-bottom: 0.25em; }
	
	dl.checklist dt { margin-top: 1em; font-size: 1.25em; color: #090744; }
	dl.checklist dd { margin-left: 0; margin-bottom: 1em; }
	
	.indexlist { font-size: 0.95em; }
	.indexlist h4 { clear: left; padding-bottom: 0.25em; border-bottom: 1px solid #ccc; width:100%;}
	.indexlist ol, .indexlist ul { list-style: none; margin: 0.25em 0; }
	.indexlist li { float: left; margin: 0; width: 49%; }
	.indexlist a:link, .indexlist a:visited { text-decoration: none; }
	.indexlist a:hover, .indexlist a:active { text-decoration: underline; }

/* === Forms === */
	fieldset { margin: 1em 0; padding: 1em; }
	fieldset legend { font-weight: bold; font-size: 1.2em; color: #900; }
	fieldset fieldset { border: 1px dashed #ccc; background: #f5f5f5; }
	fieldset fieldset legend { font-size: 1em; color: #090744; }
	fieldset hr { visibility: hidden; display: block; clear: both; }
	form div { width: 50%; float: left; margin-bottom: 1em; }
	form dl { margin: 0; }
	form dt { font-weight: normal; }
	input[type="text"], input[type="password"], textarea { padding: 3px 6px; border: 1px solid; border-color: #999 #ccc #ccc #999; background: #fcfcfc; }
	input:focus, textarea:focus { background: #ffe; border-color: #d6b542; }
	input[readonly], input[readonly]:focus { background: transparent; border-color: transparent; font-weight: bold; }
	textarea { height: 8em; }
	input.submit { display: block; width: auto; margin: 1em auto; padding: 3px 6px; }
	label { display: block; margin-top: 0.5em; cursor: pointer; }
	label em, label.required em { font-weight: normal; font-style: italic; font-size: 0.9em; }
	p label, th label { display: inline; margin-top: 0; }
	label.required, p.required, span.required,
	th.required, td.required, dt.required { font-weight: bold; }
	label.required:after, p.required:after, span.required:after,
	th.required:after, td.required:after, dt.required:after { content: " *"; color: #900; font-weight: bold; }
	label.required strong { background: #ffc; }
	
	/* standard formatted forms, label wraps input field, label text wrapped in span.label */
	fieldset.alt { background: #f0f0f0; }
	form.standard fieldset { border: none; margin: 0; padding: 0.5em; }
	form.standard legend { display: none; }
	form.standard label { display: block; clear: both; padding: 0.25em 0 0.25em 12em; margin-right: 1em; border-top: 1px dotted #ccc; }
	form.standard label span.label { position: relative; width: 10em; left: -11em; float: left; margin-right: -10em; padding-bottom: 0.5em; line-height: 1.1; }
	form.standard label.required span.label:after { content: "* "; color: #900; font-weight: bold; }
	form.standard label.required:after { content: ""; }
	form.standard label input[type="text"], label input[type="password"], label textarea { width: 90%; }
	form.standard label span.instructions { display: block; font-size: 0.9em; font-weight: normal; font-style: italic; }

/* === Images and Objects === */
	img { border: none; }
	img.imgleft, object.imgleft { display: block; float: left; margin: 0.25em 1em 0.25em 0; border: 1px solid #333; }
	img.imgright, object.imgright { display: block; float: right; margin: 0.25em 0 0.25em 1em; border: 1px solid #333; }		    
	img.imgcenter, object.imgcenter { display: block; margin: auto; border: 1px solid #333; } 
	img.graphic { border: 0; padding: 1px; }
	a:hover img.graphic { border: 1px solid; padding: 0; }
	div.caption-imgleft { display: block; float:left; margin: 0.25em 1em 0.25em 0;}  
	dotted:iv.caption-imgright { display: block; float:right; margin: 0.25em 0 0.25em 1em;}  
	div.caption-imgcenter { display: block; margin: auto; text-align:center;}  
	div.caption-imgright p, div.caption-imgleft p, div.caption-imgcenter p { clear:both; text-align: center; font-size: 0.9em; font-weight: normal; font-style: italic;}
	div.caption-imgright img, div.caption-imgleft img, div.caption-imgcenter img { float:none;margin:0px;border: 1px solid #333;}
	
/* === Tables === */
	table { border: 0; width: 100%; margin: 1em 0; clear: both; }
	th, td { text-align: left; border: #eee 1px solid; }
	th { vertical-align: middle; font-size: 1.1em; line-height: 1.6; padding: 0 0.75em; }
	thead th { background: #369; color: #fff; font-weight: bold; vertical-align: middle; }
	thead th a em.pdf, thead th a em.doc, thead th a em.intranet { color: #fff; font-variant: small-caps; font-weight: normal; font-style: normal; }
	tbody th { background: #f0f0f0; color: #000; font-weight: normal; vertical-align: top; }
	td { padding: 0.1em 0.75em; vertical-align: top; font-size: 0.95em; font-weight: normal; }
	td td { font-size: 1em; } /* account for nested tables until we have a chance to remove them */
	table.form td { padding: 0; border: 0; }
	thead th a:link, thead th a:visited{color:#fff; text-decoration:none;} /* redefine links in theads (needed for sortable*/
	thead th a:link:hover, thead th a:visited:hover, .sortable thead th.over a{color:#d6b542;}
	.sortable thead th.over{cursor:pointer;}

/* === Misc. Worker Classes === */
	hr, .hide { display: none; } /* stuff to hide */
	.clear { clear:both; } 		 /* added 12/13/05 */
	.clickable { cursor: pointer; text-decoration: underline; }

	.devnote { background: #fdd; color: #000; }
	p.devnote, div.devnote { padding: 0.5em; border: 1px solid #900; }
	.devnote:before { content: "Developer Note: "; font-weight: bold; color: #900; }
	span.devnote:before { content: ""; }


/* hyper ref headings */

a.heading {color:black; text-decoration:none}

a.heading:hover {color:black; background-color: rgb(204,204,255);} /*#CCCCFF;}*/

a.heading:visited {color:black; text-decoration:none}

a.heading:link:focus, a.heading:visited:focus {color:black; text-decoration:none}


div.changeable{ 	border: #eee solid; 

		border-width: thin; 

		/*background: #FFFFCC;*/
		padding: 0.5em;}


font.special {color:blue;font-weight:bold}

pre.latexcode{ 	border: solid; 
	border-width: thin; 
	background: #FFFFCC;
	font-family:courier;
	}

pre.batchcode{ 	border: solid; 
	border-width: thin; 
	background: #00FFFF;
	font-family:courier;
	}

font.code{font-family:courier; background-color: #D8D8D8 }

div.box { 	border: solid; 

		border-width: thin; 

		background: rgb(204,204,255);

		padding: 0.5em;}


td.box { 	border: #000 1px solid; 
		width: 100%;
		background: rgb(204,204,255);
		padding: 0.5em;}

td.picbox { 	border: #000 1px solid; 
		width: 100%;
		padding: 0.5em;}