/* Universitees.com CSS Print Document 
Page created: 7/11/07 KJ Redesigned 10/8/08 KJ
T.I.S. Group
Web Department
Last Modified: 11/11/08 KJ
*/

body {
	margin: 0 auto;
	width: 800px;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

	.upgrade { display: none; }
	
	div#header { display: none; }
	
	div#topnav { display: none; }
		
	div#leftnav { display: none; }
	
	div#main {
		margin: auto auto 10px auto;
		width: 99%;
		max-width: 100%;
	}
		
		div#main.expanded { width: 100%; }
		
		div#main a:link { color: #00267E; font-size: 12px; font-weight: 500; text-decoration: underline; }
		div#main a:visited { color: #00267E; font-size: 12px; font-weight: 500; text-decoration: underline; }
		div#main a:hover { color: #00267E; font-size: 12px; font-weight: 500; text-decoration: none; }
		
		div#main .onethirdcontent { width: 32%; float: left; }
		div#main .twothirdcontent { width: 66%; float: left; }
		div#main .quartercontent { width: 24%; float: left; }
		div#main .threequartercontent { width: 74%; float: left; }
		
		div#main .halfcontent { padding: 0 5px; width: 45%; float: left; }
		div#main .halfcheckcontent { padding: 5px 7px 8px 7px; width: 45%; border: 1px dashed #CCC; float: left; }
		
		div#main div#catalog { 
			margin-left: 20px; 
			max-height: 100%; 
			display: block; 
			clear: both; 
		}
			div#main div#catalog div.onefourthcontent { 
				width: 23%; 
				min-width: 24%; 
				display: block; 
				float: left; 
			}
				div#main div#catalog div.onefourthcontent a img { text-decoration: none; }
	
		div#main div.featureditem { padding-left: 5px; }
		div#main div.featureditem a>img { text-decoration: none; }
		
		div#main div.itemimage { width: 63%; float: left; }
		div#main div.itemdetail { width: 37%; float: left; }
			div#main div.itemdetail blockquote { margin: 10px; }
			
		div#main div.itemoptions { 
			padding: 7px 5px;
			background-color: #FEEEEE; 
			border-top: 1px solid #DEDCDC; 
			border-bottom: 1px solid #DEDCDC; 
		}
		
			div#main div.itemoptions select { width: 148px; font-size: 12px; }
			
		div#main form fieldset { font-size: 11px; line-height: 23px; }
		div#main form fieldset legend { color: #0053AF; }
		div#main form fieldset, form fieldset input, form fieldset select { font-size: 11px; }
		
		div#main fieldset.bluefield { 
			position: relative; 
			/*margin-top: 1em; 
			padding-top: .75em;*/
			margin-top: 5px;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: #F0F5FF; 
			border: 1px solid #CCCCCC;
			font-size: 11px;
			line-height: normal;
		} 
		
			div#main fieldset.bluefield legend { 
				position: absolute; 
				top: -5px;
				/*top: -.5em; */
				left: .5em;
				font-size: 12px;
				color: #0053AF;
				line-height: 1.5em;
			}
			
			div#main fieldset.bluefield input[type="text"], fieldset.bluefield select { font-size: 11px; vertical-align: middle; }
		
		div#main fieldset.redfield { 
			position: relative; 
			margin-top: 5px;
			padding: 7px;
			background-color: #FFEEF0; 
			border: 1px solid #CCCCCC;
			font-size: 11px;
			line-height: normal;
		} 
		
			div#main fieldset.redfield legend { 
				position: absolute; 
				top: -5px;
				left: .5em;
				font-size: 12px;
				color: #0053AF;
				line-height: 1.5em;
			}
			
			div#main fieldset.redfield input[type="text"], fieldset.redfield select { font-size: 11px; vertical-align: middle; }
	
	div#right { display: none; }
	
	div#bottomnav { display: none; }
	
	div#copyright {
		margin-top: 8px;
		width: 800px;
		color: #666666;
		font-size: 10px;
		text-align: center;
		clear: both;
		display: block;
	}
	
		div#copyright a:link { color: #666666; font-size: 10px; text-decoration: underline; }
		div#copyright a:visited { color: #666666; font-size: 10px; text-decoration: underline; }
		div#copyright a:hover { color: #666666; font-size: 10px; text-decoration: none; }
		
/*---------- Extra styles (presentation) ----------*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";		/* the period is placed on the page as the last thing before the div closes */
	display: block;		/* inline elements don't respond to the clear property */ 
    height: 0;			/* ensure the period is not visible */
    clear: both;		/* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
}

.clearfix { display: inline-block; }   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*----------------- Icons (error, etc) -----------------*/
.approved_small { 
	padding-left: 18px;
	min-height: 14px;
	background: url('../img/icon_approved_small.gif') no-repeat top left;
}

.approved_box { 
	padding: 8px 8px 8px 30px;
	/*min-height: 23px;*/
	background: #E9FAD0 url('../img/icon_approved.gif') no-repeat top left;
	border-top: 1px solid #AEE756; 
	border-bottom: 1px solid #AEE756; 
	font-size: 11px;
}

/*-----------------  Form Styles ----------------*/
form.buttonlink { margin: 0; padding: 0; display: inline; }

div.formlayout { clear: both; padding: 3px 0 0 0; }
			
	/*div.formlayout .label { margin: 0 10px 0 5px; width: 20px; float: left; }
	div.formlayout .formw { width: 210px; float: left; }*/
	
	div.formlayout .label { margin: 0 10px 0 5px; width: 20%; text-align: right; float: left; }
	div.formlayout .formw { width: 75%; float: left; }
	
	div.formlayout .label1 { padding-bottom: 10px; width: 34%; float: left; }
	div.formlayout .formw1 { width: 66%; float: left; }
	
	/*div.formlayout .label2 { margin: 0 10px 0 25px; width: 120px; float: left; }
	div.formlayout .formw2 { width: 330px; float: left; }*/
	
	div.formlayout .label2 { margin: 0 10px 0 25px; width: 25%; float: left; }
	div.formlayout .formw2 { width: 65%; float: left; }
	
	/*div.formlayout .label3 { margin: 0 10px 0 25px; width: 200px; text-align: right; float: left; }
	div.formlayout .formw3 { padding-left: 5px; width: 250px; float: left; }*/
	
	div.formlayout .label3 { margin: 0 10px 0 15px; width: 33%; text-align: right; float: left; }
	div.formlayout .formw3 { padding-left: 5px; width: 55%; float: left; }
	
	div.formlayout .label4 { margin: 0 10px 0 15px; width: 33%; float: left; }
	div.formlayout .formw4 { width: 50%; float: left; } 
	
input.button_remove { display: none; }

input.button { display: none; }

input.buttonmedium { display: none; }

input.buttonsmall { display: none; }
	
input.quantity { width: 20px; }

/*--------------- Begin Table Specifics ----------------*/
div#main table.carttable {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 99%;
	border: 0 none;
	font-size: 11px;
}
	
	div#main table.carttable tr.nobottom td { border-bottom: 0 none; }
	
	div#main table.carttable tr.solid td {
		border-top: 1px solid #D9D9D9;
		border-bottom: 0 none;
	}
	
	div#main table.carttable tr.total td {
		background-color: #DDE5E8;
		border-top: 1px solid #D2D6D9;
		border-bottom: 1px solid #D2D6D9; 
	}
	
	div#main table.carttable th {
		padding: 6px;
		background-color: #D8E5EE;
		border-bottom: 1px solid #A7AAAC;
		font-size: 10px;
		font-weight: bold;
		color: #4B5B6B;
	}
	
	div#main table.carttable td { 
		padding: 6px; 
		border-top: 1px solid #FFFFFF; 
		border-bottom: 1px solid #D9D9D9; 
	}
	
div#main table.bookcarttable {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 99%;
	border-top: 1px solid #D9D9D9; 
	font-size: 11px;
}
	
	div#main table.bookcarttable tr.headers {
		background-color: #FFFFFF;
		font-size: 10px;
		font-weight: bold;
		color: #4B5B6B;
	}
	
	div#main table.bookcarttable tr.dotted td {
		border-top: 0 none;
		border-bottom: 1px dotted #333333;
	}
	
	div#main table.bookcarttable tr.solid td {
		border-top: 0 none;
		border-bottom: 1px solid #D9D9D9;
	}
	
	div#main table.bookcarttable th {
		padding: 6px;
		background-color: #F6F6F5;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #D5D4D1;
		font-size: 11px;
		font-weight: bold;
		color: #CE0000;
	}
	
		div#main table.bookcarttable th div.reserveleftcontent { width: 80%; float: left; }
		div#main table.bookcarttable th div.reserverightcontent { width: 20%; float: left; }
		
	div#main table.bookcarttable td { 
		padding: 6px; 
		border-top: 1px solid #FFFFFF; 
		border-bottom: 1px solid #D9D9D9; 
	}

div#main table.shippingtable { 
	margin: 0 10px 10px 10px; 
	padding: 2px; 
	border: 1px solid #333; 
	line-height: 1.7em; 
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 13px;
}
	
	div#main table.shippingtable tr.header { background-color: #039; font-weight: bold; color: #FFFFFF; }
	div#main table.shippingtable tr th.maroon { background-color: #603; color: #FFF; }
	div#main table.shippingtable tr th.gray { background-color: #EEE; border-right: 1px solid #CCC; }
	div#main table.shippingtable tr td,th { padding: 3px 4px; }
	div#main table.shippingtable tr td, table.shippingtable tr th { border-bottom: 1px solid #CCC; text-align: right; }
	div#main table.shippingtable tr td { border-right: 1px solid #CCC; }
	div#main table.shippingtable tr td.yellow { background-color: #FC0; white-space: nowrap; border-bottom: 1px solid #FFFFFF; }

div#main .tableleft { text-align: left; }
div#main .tableright { text-align: right; }
div#main .tablecenter { text-align: center; }
div#main .tablebottom { vertical-align: bottom; }

div#main table.booktable {
	width: 98%;
	border-color: #dc1436;
	border-width: 1px;
	border-style: solid;
	font-size: 12px;
}
	
	div#main table.booktable td  { padding: 5px 3px; font-size: 11px; }
		
	div#main table.booktable th  {
		padding: 7px 3px;
		background-color: #ddd;
		border-bottom-color: #dc1436;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		font-weight: bold;
		color: #333;
	}

/*------------------  Additional Styles ----------------*/
.clear { clear: both; }
.nomargins { margin: 0; }
.center { text-align: center; }

h1 { margin-bottom: 0; font-size: 18px; font-weight: normal; color: #021CA4; }
h2 { padding-top: 10px; font-size: 16px; color: #021CA4; }
h3 { margin-bottom: 0; font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; font-size: 14px; color: #021CA4; }
h3.steps { 
	font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; 
	font-size: 13px; 
	color: #4B5B6B; 
}
h4 { margin: 0 auto; color: #021CA4; font-size: 13px; }

.xxsmall { font-size: 9px; }
.small { font-size: 10px; }
.underline { text-decoration: underline; }
.strike { text-decoration: line-through; }

.bold { font-weight: bold; }
.nobold { font-weight: normal; }
.red { color: #FF0000; }
.bad { color: #FF0000; }
.black { color: #000000; }
.blue { color: #0053AF; }
.green { color: #008000; }
.gray { color: #4E4E4E; }
.teal { color: #005EA1; }
.title { color: #593939; }
.importantinfo { font-weight: bold; color: #005EA1; }
.importantinfo2 { font-weight: bold; color: #4B5B6B; }
.detailred { color: #CC0001; }