@charset "utf-8";
/* 
Screen Style Sheet

Global Styles 
*/

/* @group main */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color:#FFF;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 13px;
}

#container {
	width: 806px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #DDD; /* EDEAE2 is the color of the google map*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page : 95BEE0 */
	border: 3px solid #95BEE0;
	border-top:none;
	text-align: left;
	padding: 0;
} 

.clear{
  clear:both;
}
.hide{
	display: none;
}
/* @end */
#mainContent td, th {
	padding-right: 5px;
	padding-bottom: 5px;
}
h1,h2,h3,h4{
	line-height:100%;
}
h1.discount{
	font-size: 2.5em;
}
h1.discount a{
	color:#153bd9;
	border: #777 3px outset;
	padding: 18px;
	border-radius: 5px;
}
a.colorWhite{
	background-color: #FFF;
	border: #777 3px outset;
}
h1.discount a:hover, h1.discount a.colorRed{
	background-color: #F00;
	border: #777 3px inset;
}

.header{
	font-size:15px;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
}

.top-heading{
	margin: 0;
	padding: 10px;
	font-size: 6em;
}

.header a {
	text-decoration: none;
}

li{
	padding-bottom:10px;
	list-style: none;
}
.underline{
	text-decoration:underline;
}
p {
	padding-bottom:10px;
	margin:5px 0;
}

img{
	border:0;
}

/* Header content  #0066CC */
#header {
	padding: 0;
	height: 150px;
} 

#newHeader {
	padding: 0;
	height: 120px;
} 

.helmetsign{
  padding:0;
  margin:0;
  height:115px;
}

#header_Sub {
	text-align:center;
	color: #FF0000;
	padding:0;
	margin:0;
}
#header_Sub h1{
	margin:30px 0;
}
#headerName {
	float: left;
	padding-top: 10px;
	padding-left:10px;
	line-height:100%;
	margin-bottom:-7px;
}

/* leftcolumn */
#leftcol {
	float: left; /* since this element is floated, a width must be given */
	/*width: 150px;  the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    	clear: both;
	width: 170px;
	margin: 0;
	padding: 55px 10px 10px 20px;
	font-size: .8em;
}
#leftcol li{
	padding:10px 0 10px 0;
	margin-left:15px;
}
#leftcol img{
	padding:10px 0 15px 0;
	margin-top:20px;
}


/* Navbar FF0000 */
.barstripe{
	background-color:#FF0000;
	height:18px;
	text-align: right;
	padding: 5px;
}

.barstripe a{
	color: white;
}


#navbar {
	height:43px;
	border-top: 1px solid #000;
}

.inside{
	width:735px;
	margin:0 auto;
	margin-top:-28px;
	height:50px;
	padding-left:15px;
}

.insideadmin{
	width:730px;
}

/* the padding will tell what position the text is inside each button   */
#navbar .inside a.tab {
	color: #330099;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-weight:bold;
	float: left;
	background-image:url(../images/tab.png);
	background-repeat:no-repeat;
	width:110px;
	text-align:center;
	height:37px;
	margin-right:10px;
	padding-top:8px;
	margin-top:0px;
	
}

#navbar .howitworksnav {
	padding-top:3px;
}

#navbar .photosnav {
    padding-top:3px;
}

#navbar .infonav {
	padding-top:3px;
}

#navbar .makecontract {
	padding-top:3px;
}

/* home navbar */
/* order navbar */
.Home #navbar .homenav.tab,
.howitworks #navbar .howitworksnav.tab,
.faq #navbar .faqnav.tab,
.Contact #navbar .contactnav.tab,
.info #navbar .infonav.tab,
.photos #navbar .photosnav.tab,

.order #navbar .ordernav.tab,
.profile #navbar .profilenav.tab
{
	color: #FFF;
}

/* admin navbar */
.adminhome #navbar .adminhomenav.tab,
.adminorders #navbar .adminordersnav.tab,
.adminstudents #navbar .adminstudentsnav.tab
{
	color: #FFF;
}

#navbar a:hover {
	color: #FFF;
}

#mainContent {
	margin: 0 25px 0 220px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:10px;
	color:#000;
}
#mainContentCenter{
	padding:10px;
	/* margin:0 130px; */
}
#mainContentFull{
	padding:0 20px 0 20px;
	min-height:350px;
}

.Searchdetail #mainContent {
	margin: 0 50px 0 10px;
}

#mainContent a{
	color:#0066FF;
}
a{
	text-decoration: inherit;
}
#mainContent h1 {
	margin: 30px 0 1em 0; 
}
#map {
	border: 1px solid #000;
}

.mapbubble {
	width:230px;
	float:left;
	
}
.mapimage{
	float:left;
	padding-right:5px;
}

/* Footer content */
#footer {
	padding: 3px 5px 3px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FF0000; 
	height:25px;
	
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 3px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	color:white;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.clearnav {
	height: 0px;
	font-size: 1px;
	line-height: 0px;
	background:transparent;
}

#validations img, #validations p{
	border: 0;
	padding-top: 10px;
}

#validations{
	text-align: center;
}

/* Form content */
.req {
	background: #FFFF00;
}

/* hide fieldsets  .Search form>fieldset, .addbooks form>fieldset, .printcontract form>fieldset, .buyContract form>fieldset, .contractemails form>fieldset, .rentalrequest form fieldset */
fieldset {
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;
}

.warning {
	color: #FF0000;
	font-weight: bold;
}
.good {
	color: #000000;
	font-weight: bold;
}
.formdesciption {
	font-size: .8em;
	font-weight: bold;
}
#mainContent legend {
	padding: .5em;
	font-weight: bold;
}
label{
	width: 11em;
	float: left;
	font-weight: bold;
	margin: 3px 0 6px 0;
	clear:both;
}

/* contract page */
.printcontract label{
	width: 11em;
	clear:both;
}

.contract label, .Contact label{
	width: 11em;
}

.info label{
	width: 8em;
}

input, select, checkbox, textarea {
	margin: 0 0 6px 0;
}
.fixformspacing {
	height: 40px;
	margin: 4px 0;
	float:left;
}

.contract .fixformspacing{
	height: 24px;
	margin: 0;
	padding-top:2px;
	float:left;
}

.printcontract .fixformspacing{
	height: 34px;
	margin: 0;
	padding-top:2px;
}

.printcontract .tight{
	padding:0;
}

.Contact #emailsformspacing {
	padding: 0px;
	margin: 3px 0;
	overflow:auto;
	max-height:100px;
	width:390px;
}
.emailblock{
	display:none;
}

.divButton {
	background-color: #44AADD;
	border: medium outset #5B5B5B;
	border-width: 3px;
	text-decoration: none;
	padding: 5px;
	font-weight: bold;
	color: #0000EE;
	cursor:pointer;
	border-radius: 8px;
}

.delete-photo{
	background-color: #44AADD;
	border: 1px solid #5B5B5B;
	text-decoration: none;
	padding: 5px;
	font-weight: bold;
	color: #0000EE;
	cursor:pointer;
	margin-bottom: 5px;
	display: inline-block;
	border-radius: 8px;
}

a:active.divButton { /* use active to switch on click */
 	border: medium inset #5B5B5B;
}





/* Book search css 
body.Search #container{
fixsoitdontmovepadding-bottom:50px;
}
*/
#searchresults{
  display:none;
}
.bookimage {
	float:right;
	margin-top: -22px;
	padding-bottom:60px;
	padding-left:20px;
	clear:right;
}

.Searchdetail .bookimage {
	float:right;
}

.booksearch{
	width:350px;
	float:left;
	
}

.noimage{
	padding-top:40px;
	padding-bottom:40px;
	width:131px;
	float:right;
	height:110px;
	font-size:13px;
	font-weight:bold;
	clear:right;
	text-align:right;
}
#searchleftcol{
	float:left; 
	width:150px;
}


/* contract */

/* center a div horizontally and vertically */
.emailcenter{
	margin: 0 auto;
	width: 375px;
	margin-top:70px;
}

.printcontract .fixformspacing {
	margin: -3px 1px 0px 143px;
	line-height:25px;
	display:table;
}

.contractclasslabel label{
	margin-top:-5px;
}

.contractbooknum{
	margin-top:-20px;
	position:absolute;
	font-weight:bold;
}

.contractdisplay{
	padding-left:0;
}

.contractdisplay td,.contractdisplay th{
	padding-right:15px;
	padding-top:10px;
	margin:0;
	padding-left:0;
}


.contractdisplay th{
	text-align:left;
}
.contractbook{
	font-weight:bold;
}

.contractnumber{
	float:right;
}

.errors{
	border-top:2px solid #E10000;
	border-left:2px solid #E10000;
	border-right:2px solid #FF2814;
	border-bottom:2px solid #FF2814;
}
.error{
	color:red;
	font-weight: bold;
}
.success{
	color: blue;
	font-weight: bold;
}
.highlighting{
	font-weight: bold;
	padding-left: 15px;
}

.starcontract{
	margin-top:4px;
	position:absolute;
	font-weight:bold;
	font-size:1.7em;
}

.contractbuttons{
	display:block;
	padding:0 5px 10px 0;
	float:left;
}

.printcontract #print {
	font-weight: bold;
	/*
	background-color:#00CC00;
	margin-left:16px;
	padding: 13px;
	*/
}

.contractrentalpage p,.register p{
	clear:both;
}

.contractemails #mainContentFull{
  margin-right:0px;
}

.contractemails input{
  float:left;
}

#totalresult{
  float:left;
  padding-left:6px;
  padding-top:2px;
}

#addtoblacklist,#editprofile,#addnote{
  display:none;
  background: green;
  border: 3px outset;
  position:fixed;
  top:0;
  right:0;
  height:161px;
  width:300px;
  padding:20px;
}


.editcontractbuttons{
  padding: 2px;
  border: 2px solid #222222;
  position:relative;
  cursor:pointer;
  margin-left:10px;
  margin-bottom:5px;
  text-align:center;
  width:125px;
  display:inline-block;
	background:#FFFFFF;
	color: #000;
}
.editcontractbuttons:hover{
  background:#666666;
  color:#FFFFFF;
}

#editbuttoncontainer{
  float:left;
  width:142px;
  left:113px;
  position:relative;
}

#blacklistnote{
  width:182px;
  padding-left: 15px;
  display: inline-block;
  float:left;
}

#formcontainer{
  float:left;
  width:430px;
  height: 150px;
}

#goback{
  width:60px;
  margin-right:20px;
}

#hideheader{
  margin-top: 4px;
  margin-right: 6px;
}

.buysellcontractcheckbox{
  width: 58px;
}

.classcontract{
  width: 66px;
}


/* admin */
.rentalrequesttable, .table{
  border: 3px solid #95BEE0;
  margin: 15px auto 0;
  font-size:13px;
  border-collapse:collapse;
  margin-bottom:20px;
  clear:both;
}

.rentalrequesttable.orders{
	margin: 0;
}

.rentalrequesttable th, .table th{
  background-color: #DDD;
  border: 1px solid #000;
  font-weight:bold;
  padding:3px;
}

.rentalrequesttable th a, .table th a{
  text-decoration:none;
  color:black;
}

.rentalrequesttable td a, .table td a{
  text-decoration:none;
}

.rentalrequesttable tr, .table tr{
  background-color: #CCC;
}

.rentalrequesttable td, .table td{
  padding:4px;
  border-bottom:1px solid #444444;
  border-right:1px solid #444444;
}

.rentalrequesttable th.class, .rentalrequesttable th.ed{
	width:63px;
}

.rentalrequesttable th.title{
	width:350px;
}

.table th.price, .rentalrequesttable th.price{
	width:59px;
}
.rentalrequesttable th.rerent{
	width:64px;
}

.rentalrequesttable th.new, .rentalrequesttable th.amzused, .rentalrequesttable th.author{
	width:59px;
}

.rentalrequesttable th.used{
	width:73px;
}

.rentalrequesttable th.inventory{
	width:10px;
}

/* .rentalrequesttable tr:hover { background: #368; } */

.searchindexer #container{
	width:1100px;
}

.searchindexer tr.optional{
	background:#EF9285;
}

.searchindexer tr.specialisbns{
	background:yellow;
}

.searchindexer .rentalrequesttable{
	width:1090px;
	margin-left:-15px;
	border-collapse:collapse;
	float:left;
}

#cancelbookbutton{
  display:none;
}

.showrow{
}
.hiderow{
  display:none;
}

.isbnshow{
  display:table-cell;
}
.isbnhide{
  display:none;
}

.contractrentalpage .rentalrequesttable{
	margin:0 auto;
}

/* the zero books left is for the indexer and the notreturned is for the contract page to make returning books fast  */
tr.zerobooksleft, tr.notreturned {
	background:red;
}
tr.incoming{
  background:green;
}

.image{
  display:block;
  position:fixed;
  right:10px;
  top:10px;
}

#results{
	display:block;
	border:1px solid grey;
	color:black;
	width: 236px;
	background-color:white;
	font-size:10px;
}

#results div{
	display:block;
	height:18px;
	padding:0px;
}

#results div a{
	display:block;
	height:15px;
	padding: 3px 0 0 3px;
	text-decoration:none;
	
}
#results div a:hover{
	color: #FFF;
}

#results a:visited,#results a:link{
	color:black;
}
/*
[if IE]>
#navbar {
	height:1px;
	padding-left:150px;
	background-color:#000000;
	border-top: 1px solid #000;
}
* {
	zoom: 1;
}
<![endif]*/

/* Missilanious */
.floatRight { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.floatLeft { /* this class can be used to float an element left in your page */
	float: left;
}

.floatnone{
  float: none !important;
}

.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}

.center {
	text-align: center;
}
.no_underline{
	text-decoration: inherit;
}
.bolding {
	font-weight: bold;
	padding: 1em;
}
.bold {
	font-weight: bold;
}
.hidden {
	display: none;
}
pre {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}
#ie8Glitch {
	width: 2px;
	height: 2px;
	padding:0;
	position: absolute;
	top: -10px;
	left: -10px;
}

.marginmiddle{
	margin-left:156px;
}

.Search input {
	font-size: 10px;
}

#footer a{
	color:#000;
}

#footer a:visited{
	color:#FFFF33;
}

.q{
    font-size:1.2em;
    color:red;
}

.a{
	padding-left:30px;
}

.rotate{
	-moz-transform:rotate(90deg);
	display:inline-block;
	font-size:120%;
	font-weight:bold;
	margin-left:-177px;
	margin-top:200px;
}
.top{
	font-weight:bold;
	font-size:170%;
	padding: 20px 0 5px 0;
	display:block;
	text-align:center;
	margin: 0;
}
.special{
	font-size: 6.5em;
	font-weight: bold;
	padding-top:90px;
	padding-bottom:40px;
	padding:30px;
}
.special a{
	border-radius: 10px;
	border: 2px dotted;
	margin: 0 auto;
	width: 76%;
	display: block;
	margin-top: 72px;
}
.special a em{
	font-size: 22px;
	display: block;
	padding: 12px;
	padding-top: 23px;
}
.special a:hover{
	background-color: yellow;
}
.special a:active{
	background-color: orange;
}
.special a,.special a:visited,.special a:active{
	text-decoration:none;
	color:#FF0000;
}

#buyModal{
	min-width: 900px;
}
#leaveNotWithSelf{
	font-weight: bold;
}
.priceLabel,.orderLabel{
	width: 15em;
	font-weight: bold;
	display: inline-block;
}
.orderLabel{
	width: 9em;
}
#billing_form label{
	width: 12em;
}

.sameName a{
	color: red;
}

.button {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 30px 50px 30px 50px;
	text-decoration: none;
	margin: 0 auto;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

.button:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}

.tucson.button{
	background: #FF0000;
}
.tucson.button:hover{
	background: #fa4f4f;
}

.button.small{
	padding: 5px;
	width: 3.5em;
	text-align: center;
	font-size: 1em;
	margin: 2px;
}

#loginLink, .largerMessageText{
	font-weight: bold;
	font-size: 1.3em;
}

.form-readonly-text{
	height: 17px;
}



.loginName{
	color:#000;
	float: left;
	width: 185px;
	padding-top: 5px;
}

#loginName div{
	float: left;
	padding-top: 5px;
}

#loginNameHome{
	position: absolute;
	top: 0;
	left: 5px;
	border-radius: 0 0 9px 9px;
	background: #3498db;
	padding: 6px;
}
#loginNameHome div{
	float: left;
}
.loginNameHome{
	color:#FFF;
	float: left;
	width: 165px;
}
.loginNameHome a{
	color: #FFF;
}