/*------------------------------------*\
  MAIN
   
  - 1.0 Standard Overrides
   
  - 2.0 Visual Header
    + 2.1 Social Media Links
        + 2.2 Navigation Bar
        + 2.3 Mini Search Bar
        + 2.4 Sub Menus
        + 2.4.1 Account Menu
     
  - 3.0 Visual Body
    + 3.1 Intro (index.html only)
    + 3.2 Search Box (index.html & price-compare.html only)
    + 3.3
     
  - 4.0 Visual Footer    
   
  - 5.0 SpecialitybookSnippetBasic
    - 5.1 BookInfo
    - 5.2 BookPrices
   
\*------------------------------------*/
  
  
/**********************************************************
*   1.0 Standard Overrides
*/
* { /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
    margin:0;
    padding:0;  
}
html {
    height: 100%;   
}
    
body { 
    font-family: 'Droid Sans','Segoe UI','Trebuchet MS',Helvetica,sans-serif; 
    font-size: small;
    height:100%;            
    background-color: #353535;
    background-image: url('/static/images/grain-overlay-2.png');        
    line-height:1.3;
}
h1{
    margin: 5px 0px;    
    font-size: x-large;
    color: #344251;
    text-shadow: 1px 1px 0px #bad3ed;
    font-weight: bold;
}
h2{
    margin: 5px 0px 5px 0px;   
    font-size:larger; 
    color: #5f6c82;
    font-weight: bold;
}
h3{
    margin: 5px 0px;
    font-size: large;
    color: #7087AD; 
    color: #5f6c82;
    font-weight: bold;
    text-decoration: none;
}
p{
    margin: 1em 0;  
}
hr{
    margin: 5px 0px;
    width:100%;
}
strong{
    font-weight:700; /* bold default */
}
dt{
    font-weight:700; /* bold default */
    color: #344251;
}
dd{
    padding: 0px 0px 15px 25px;
     
}
  
dl.sublist{ }
dl.sublist dt{
    font-weight:normal;
    text-decoration:underline;  
}
dl.sublist dd{
    padding: 0px 15px 15px 15px;
}
  
a:link, a:visited , a:active {
    color: #790000; 
    text-decoration: none; 
} 
a:hover {
    color: #790000; 
    text-decoration:underline;
}
  
  
input[type=submit] {
    color: #344251; 
    font-weight: bold;
    padding:3px 12px;   
}


.contentWrapper {
	max-width:900px; /* we'll need to make this wider =D */
	min-height: 60px;
	margin-left: auto;
	margin-right: auto;
	position: relative;	
}

div.clear {
	clear:both;
}

  
  
/**********************************************************
* 2.0 Visual Header
*/
body>header {    
    width:100%;
    min-height:60px;    
    
	/* blue gradient */
    background: rgb(91,106,140); /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViNmE4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDQyNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url('/static/images/grain-overlay-2.png'), -moz-linear-gradient(top,  rgba(91,106,140,1) 0%, rgba(52,66,81,1) 100%); /* FF3.6+ */
    background: url('/static/images/grain-overlay-2.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,106,140,1)), color-stop(100%,rgba(52,66,81,1))); /* Chrome,Safari4+ */
    background: url('/static/images/grain-overlay-2.png'), -webkit-linear-gradient(top,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* Chrome10+,Safari5.1+ */
    background: url('/static/images/grain-overlay-2.png'), -o-linear-gradient(top,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* Opera 11.10+ */
    background: url('/static/images/grain-overlay-2.png'), -ms-linear-gradient(top,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* IE10+ */
    background: url('/static/images/grain-overlay-2.png'), linear-gradient(to bottom,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* W3C */    
     
    /* drop shadow.. and brower-specific fixes  */
    -moz-box-shadow:0px 0px 10px 1px #777777;
    -webkit-box-shadow:0px 0px 10px 1px #777777;
    box-shadow:0px 0px 10px 1px #777777;
}
header .left {
	float: left;
}
header .right{
	float: right;
}


/* 2.1 - Social Media Links*/
div #socialMediaContainer{ 
	position:absolute;
    float:right;
    top:5px;
    right:0;
}
#socialMediaContainer span{
    width:88px;
    float:left;
}
  
  
/* 2.2 - Navigation Bar */ /* TODO: clean this up! */
header nav{     
    font-size:large;
    font-weight:bold;  
    position:absolute;
    bottom:11px;
}
header nav a:link, header nav a:visited {
	padding: 0px 0px 10px 0px;
    margin-right:10px;     
    vertical-align:bottom;      
    color: white;
    text-decoration:none;
    text-shadow: 2px 2px 30px rgba(50, 52, 54, 1);	
}
a.mainNavActive, a:link.mainNavActive, a:visited.mainNavActive {
    color: rgb(0, 174, 239);     
    text-shadow: 2px 2px 30px rgba(50, 52, 54, 1);
}
header nav a:hover {    
    color:rgb(0, 174, 239);  
    text-shadow: 2px 2px 30px rgba(50, 52, 54, 1);     
    padding: 0px 0px 5px 0px;
    
	
	margin-right: 10px;     
	/*border-bottom: 5px solid white;*/
	
	transition: color 1s;
	-moz-transition: color 1s;
	-webkit-transition: color 1s;
	-o-transition: color 1s;
		 
	
	
}
div#headerTransition {
    width: auto;    
    height:11px;
    background-image: url('/static/images/header-transition.png');
}


  
/* 2.3 - Mini Search Box */
div #headerSearchContainer{        
 	float:right;  
 	position:absolute;
 	right:0;
 	bottom:5px;
}
#headerSearchContainer span{
	float: left;
	margin: 0px;
	width: 6px;
	height: 26px;
	background-image: url(/static/images/menu/search-box-left.png);
}
#headerSearchContainer>input[type=text] {
	float:left;
    margin:0px;
    border-right: none;
    border-left: none;
    border-top: thin solid #000000;
    border-bottom: thin solid #000000;
    height:24px;        
    
}
#headerSearchContainer>input[type=image] {
	float:left;
    margin:0px; 
    height:26px;
    width:27px;
}

  
/* 2.4 Sub Menus */
/* 2.4.1 Account Sub Menu*/
div#subMenu{
     
    padding:7px;
    width:100%;
     
    background: rgb(91,106,140); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmZmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2RmZTVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2JlYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-8 */
  
     
}
div#subMenu>nav>ul{list-style-type: none;}
div#subMenu>nav>ul>li {
	
	display: inline;
	
	
  padding-top: 3px;
  padding-bottom: 3px;
   
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;


  font-weight:normal;
	
	
	
	}

div#subMenu>nav>ul>li.active {
	
  background: rgb(91,106,140); /* rgb(201,204,195); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(201,204,195,1) 0%, rgba(223,229,215,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,204,195,1)), color-stop(100%,rgba(223,229,215,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(201,204,195,1) 0%,rgba(223,229,215,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(201,204,195,1) 0%,rgba(223,229,215,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(201,204,195,1) 0%,rgba(223,229,215,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(201,204,195,1) 0%,rgba(223,229,215,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ccc3', endColorstr='#dfe5d7',GradientType=0 ); /* IE6-9 */
	
  font-weight:normal;
  

}



div#subMenu nav{
   width:900px;
   margin:auto;
}
div#subMenu .active{
	/*font-weight: normal;*/	 
}
div#subMenu .inactive{
    /*font-weight:normal;*/
}
div#subMenu a:link, div#subMenu a:visited{
  color:  rgb(43, 84, 121);  /*#00aeef;*/
  text-decoration:none;
}
div#subMenu>nav>ul>li:hover{
  color: rgb(43, 84, 121);  /*#00aeef;*/
    
    
  background: rgb(201,204,195); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(201,204,195,1) 0%, rgba(223,229,215,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,204,195,1)), color-stop(100%,rgba(223,229,215,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(201,204,195,1) 0%,rgba(223,229,215,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(201,204,195,1) 0%,rgba(223,229,215,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(201,204,195,1) 0%,rgba(223,229,215,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(201,204,195,1) 0%,rgba(223,229,215,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9ccc3', endColorstr='#dfe5d7',GradientType=0 ); /* IE6-9 */

	    
    
    
}
div#subMenu img{
	height:12px;
	width:12px;
	margin:0px 5px;
}

#subMenu a { padding-left:20px; margin:5px; } 

/* 2.4.2 Book Sub Menu */
li#subMenuBookInfo>a {
  background: url(/static/images/menu/book/info.png) no-repeat left center;
}
li#subMenuBookSimilar>a {
	background: url(/static/images/menu/book/similar.png) no-repeat left center;
}
li#subMenuBookPrices>a {
	background: url(/static/images/menu/book/prices.png) no-repeat left center;
}
li#subMenuBookPriceHistory>a {
	background: url(/static/images/menu/book/price-history.png) no-repeat left center;
}  

/* 2.4.3 Authors Sub Menu */
li#subMenuAuthorInfo>a {
	background: url(/static/images/menu/author/info.png) no-repeat left center;
}
li#subMenuAuthorBooks>a {
	background: url(/static/images/menu/author/books.png) no-repeat left center;
}
li#subMenuAuthorSearch>a {
	background: url(/static/images/menu/author/search.png) no-repeat left center;
}
li#subMenuAuthorRecent>a {
	background: url(/static/images/menu/author/recentadds.png) no-repeat left center;
}  

/* 2.4.4 Publisher Sub Menu */
li#subMenuPublisherInfo>a {
	background: url(/static/images/menu/author/info.png) no-repeat left center;
}
li#subMenuPublisherSearch>a{
	background: url(/static/images/menu/author/search.png) no-repeat left center;
}
li#subMenuPublisherRecent>a{
	background: url(/static/images/menu/author/recentadds.png) no-repeat left center;
}

/* 2.4.5 Subject Sub Menu */
li#subMenuSubjectInfo>a {
	background: url(/static/images/menu/subject/info.png) no-repeat left center;
}
li#subMenuSubjectBooks>a{
	background: url(/static/images/menu/subject/books.png) no-repeat left center;
}
li#subMenuSubjectSearch>a{
	background: url(/static/images/menu/subject/search.png) no-repeat left center;
}
li#subMenuSubjectRecent>a{
	background: url(/static/images/menu/subject/recentadds.png) no-repeat left center;
}
 
/* 2.4.6 Account Sub Menu */ 
li#subMenuAccountHome>a{
 	background: url(/static/images/menu/account/home.png) no-repeat left center;
 }
li#subMenuAccountDevArea>a{
 	background: url(/static/images/menu/account/developerarea.png) no-repeat left center;
 }
li#subMenuAccountApiDocs>a{
 	background: url(/static/images/menu/account/apidocs.png) no-repeat left center;
 }
li#subMenuAccountEditProfile>a{
 	background: url(/static/images/menu/account/editprofile.png) no-repeat left center;
 }
li#subMenuAccountKeyUsage>a{
 	background: url(/static/images/menu/account/keysusage.png) no-repeat left center;
 }
li#subMenuAccountManageKeys>a{
 	background: url(/static/images/menu/account/managekeys.png) no-repeat left center;
 }
li#subMenuAccountPurchase>a{
 	background: url(/static/images/menu/account/purchase.png) no-repeat left center;
 }
li#subMenuAccountSignOut>a{
 	background: url(/static/images/menu/account/signout.png) no-repeat left center;
 }
li#subMenuAccountTransactionHistory>a{
 	background: url(/static/images/menu/account/transactions.png) no-repeat left center;
 }
 
 
 .pageNavButtonInactive {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.pageNavButtonInactive:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.pageNavButtonInactive:active {
	position:relative;
	top:1px;
}
a.pageNavButtonInactive {
	text-decoration:none;
	color: #777777;
}
 
 
 
 /*
 background: rgb(91,106,140); 
 /*    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViNmE4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDQyNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /* background: url('/static/images/grain-overlay-2.png'), -moz-linear-gradient(top,  rgba(91,106,140,1) 0%, rgba(52,66,81,1) 100%); /* FF3.6+ */
     /*background: url('/static/images/grain-overlay-2.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,106,140,1)), color-stop(100%,rgba(52,66,81,1))); /* Chrome,Safari4+ */
     /*background: url('/static/images/grain-overlay-2.png'), -webkit-linear-gradient(top,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* Chrome10+,Safari5.1+ */
     /*background: url('/static/images/grain-overlay-2.png'), -o-linear-gradient(top,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* Opera 11.10+ */
     /*background: url('/static/images/grain-overlay-2.png'), -ms-linear-gradient(top,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* IE10+ */
     /*background: url('/static/images/grain-overlay-2.png'), linear-gradient(to bottom,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* W3C */    
     
 
 a.pageNavButton {
 	color:white;
 	text-decoration: none;
 }
 
 .pageNavButton {	
 
 
 	
 
 	box-shadow:inset 0px 1px 0px 0px #a3bdff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a3bdff;
	-moz-box-shadow:inset 0px 1px 0px 0px #a3bdff;
 
 	/*
	box-shadow:inset 0px 1px 0px 0px #4f80fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #4f80fe;
	-moz-box-shadow:inset 0px 1px 0px 0px #4f80fe;
	
	/*
	background-color:#79bbff;	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	
	
	
	5b6a8c
	
	*/
	
	
	background: #5b6a8c; 
 	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViNmE4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDQyNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #5b6a8c 0%, #344251 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b6a8c), color-stop(100%,#344251)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5b6a8c 0%, #344251 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5b6a8c 0%, #344251 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5b6a8c 0%, #344251 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5b6a8c 0%, #344251 100%); /* W3C */ 
	
	
	
	
	
	
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	
	border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;
	border:1px solid #313f99; /*#84bbf3;*/
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.pageNavButton:hover {
	/*
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
	
	#5b6a8c 0%, #344251
	*/
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #344251), color-stop(1, #5b6a8c) );
	background:-moz-linear-gradient( center top, #344251 5%, #5b6a8c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#344251', endColorstr='#5b6a8c');
	background-color:#344251;
	
	
}.pageNavButton:active {
	position:relative;
	top:1px;
}
 
 
 
 .categoryHeader {
 }
 .categoryHeader>ul>li{
 	display:inline;
 }
 
/******************************************************************************
*   3.0 - Visual Body
*/

.pageNav{
	margin: 15px auto;
	display: inline-block;
}
ul.pageNav>li {
	display: inline;
}
ul.pageNav>li.currentPage {
	font-weight: 700;
}

#mainContent {
	width:100%;
	min-height: 700px;	
	background-color:#ffffff;
	padding-bottom:30px;
	margin-bottom:30px;
	
-webkit-box-shadow: 0px 8px 8px rgba(50, 50, 50, 0.88);
-moz-box-shadow:    0px 8px 8px rgba(50, 50, 50, 0.88);
box-shadow:         0px 8px 8px rgba(50, 50, 50, 0.88);
}  

#intro {
    padding:5px 0px 5px 15px;   
}
  
  
/*  Main Search Box */
#mainSearchBox { 
     
    /* Background gradient, then it's slew of browser-specific fixes */
    background: rgb(91,106,140); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViNmE4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDQyNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(91,106,140,1) 0%, rgba(52,66,81,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,106,140,1)), color-stop(100%,rgba(52,66,81,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(91,106,140,1) 0%,rgba(52,66,81,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b6a8c', endColorstr='#344251',GradientType=0 ); /* IE6-8 */
  
     
    background: rgb(237,237,237); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(211,211,211,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-8 */
     
  
    /* drop shadow.. and brower-specific fixes  */
    -moz-box-shadow:0px 0px 10px 1px #777777;
    -webkit-box-shadow:0px 0px 10px 1px #777777;
    box-shadow:0px 0px 10px 1px #777777;
     
    /* rounded corners.. and well.. you know */   
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
  
  
    color: #FFFFFF;
    color: #344251;
  
    min-height:200px; 
    padding: 0px 30px;  
    width:auto;
    text-align:center;
     
}
#mainSearchBox>header>h2>span{    
	background: url(/static/images/search-icon.png) no-repeat left center;
	margin: 0px 0px 15px 0px;
	padding-left: 36px;
    color: #344251;    
    font-size:x-large;
    font-weight: bold;
}


  
.secondarySearchBox>header {
	padding-top:30px;
}
.authorSearch{
	background: url(/static/images/search-icon-authors.png) no-repeat left center;
}
  






  
nav#searchBoxNav{   
    width:100%;
    font-size:small;
    font-weight:bold;
    float:left;     
}
nav#searchBoxNav .active, nav#searchBoxNav .active a:link, nav#searchBoxNav .active a:visited {     
    float:left; 
    padding: 5px 0px 0px 0px;
    margin-right:10px;      
    border-top-style:solid;
    border-top-color:#00aeef;
    border-top-width:5px;
     
    vertical-align:bottom;      
    color:#00aeef;
    text-decoration: none;  
    /*text-shadow: 2px 2px 30px rgba(50, 52, 54, 1);*/
} 
nav#searchBoxNav .inactive, nav#searchBoxNav .inactive a:link, nav#searchBoxNav .inactive a:visited  {
    padding: 10px 0px 0px 0px;
    margin-right:10px;
    float:left; 
     
    vertical-align:bottom;      
    color: #FFFFFF; 
    color: #344251;
  
    text-decoration:none;
    /*text-shadow: 2px 2px 30px rgba(50, 52, 54, 1);*/
}
nav#searchBoxNav a:hover {  
    color:#FFFFFF;  
    color: #344251;
  
    /*text-shadow: 2px 2px 30px rgba(50, 52, 54, 1);*/
     
     
    padding: 5px 0px 0px 0px;
    margin-right:10px;
    float:left; 
     
    border-top-style:solid;
    border-top-color:#FFFFFF;
    border-top-color: #344251;
    border-top-width:5px;
     
}
  
#mainSearchInputWrapper{        
    margin:5px;
    height:30px;        
    width:100%; 
}
#mainSearchInputWrapper>span{
	background:url(/static/images/menu/search-box-left-large.png);
	float:left;
    margin:0px;
    width:6px;
    height:30px;
}
#mainSearchInputWrapper>input[type="text"]{
    float:left;
    margin:0px;
    border-right: none;
    border-left: none;
    border-top: thin solid #000000;
    border-bottom: thin solid #000000;
    height:28px;    
    width:93%;  
    font-size:large;
}
#mainSearchInputWrapper>input[type="submit"]{
    float:left;
    margin:0px; 
    height:30px;
    width:31px; 
    border: 0px;
    background-image: url(/static/images/menu/search-box-right-large.png);
}


/* Index page speciality */
.triColumn>h2{
	min-height:24px;
	padding-left:30px;
}
.seeMoreLink{
	font-weight: bold;
}
#rssFeedList>h2{
	background: url(/static/images/rss-icon.png) no-repeat left center;
}
#databaseStatsList>h2{	
	background: url(/static/images/db-icon.png) no-repeat left center;
}
#databaseStatsList>ul>li>span{
	float:right;
}
#developerToolsList>h2{	
	background: url(/static/images/wrench-icon.png) no-repeat left center;
} 
#recentBookList>h2{
	background: url(/static/images/book-icon.png) no-repeat left center;
}
#recentSubjectList>h2{
	background: url(/static/images/subject-icon.png) no-repeat left center;
}
#recentAuthorList>h2{
	background: url(/static/images/author-icon.png) no-repeat left center;
}
#recentPublisherList>h2{
	background: url(/static/images/publisher-icon.png) no-repeat left center;
} 

#categoriesList{
    margin:0px;
    padding:15px;    
}
#categoriesList>h2{
	min-height:24px;
	padding-left:30px;
	background: url(/static/images/category-icon.png) no-repeat left center;
}
#categoriesList h3{
	font-size: small;
}
#categoriesList>div {
	width:270px;
	min-height:65px;
	float:left;
}  
  

/* Login Box */
div#loginBox{
  
    float:right;    
    border-radius: 10px;
    margin:5px;
    padding:10px;
     
    background: rgb(237,237,237); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(211,211,211,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-8 */
     
    -moz-box-shadow:0px 0px 10px 1px #777777;
    -webkit-box-shadow:0px 0px 10px 1px #777777;
    box-shadow:0px 0px 10px 1px #777777;
  
  
     
}
div#loginBox div{
    width:100%;
    margin-bottom:3px;      
}
div#loginBox p{
    color: #344251; 
    font-weight: bold;
}
div#loginBox .roundedInput {
    border-radius: 5px; 
    border-width:1px;
    border-color: #666666;
    width:200px;
    padding:3px;
}
div#loginBox input#loginButton {
    color: #344251; 
    font-weight: bold;
    padding:3px 12px;   
}
div#loginBox label {
    width:75px;    /*Or however much space you need for the form?s labels*/
    float:left;
}

/* Search/All Specific */
.searchResultContainer ul {
	list-style-type: none;
}
.searchResultContainer li {
	padding: .5em 0px .5em 30px;	
}
.searchResultContainer>ul>li:nth-child(odd){
	background-color: #DAECFF;
	
}

.searchResultContainer>h3{
	min-height:24px;
	padding-left:30px;
}
#bookResults>h3{	
	background: url(/static/images/book-icon.png) no-repeat left center;
}
#subjectResults>h3{
	background: url(/static/images/subject-icon.png) no-repeat left center;
}
#authorResults>h3{
	background: url(/static/images/author-icon.png) no-repeat left center;
}
#categoryResults>h3{
	background: url(/static/images/category-icon.png) no-repeat left center;
}
#publisherResults>h3 {
	background: url(/static/images/publisher-icon.png) no-repeat left center;
}
  
  
/* I hate leaving any of this table-based layout stuff, but it's just taken too much time to replace them all with proper layouts */
table.loginTable {
         
    border-radius: 10px;
    margin:5px;
    padding:10px;
     
    background: rgb(237,237,237); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(211,211,211,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(211,211,211,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-8 */
     
    -moz-box-shadow:0px 0px 10px 1px #777777;
    -webkit-box-shadow:0px 0px 10px 1px #777777;
    box-shadow:0px 0px 10px 1px #777777;
  
     
}
table.loginTable div{
    width:100%;
    margin-bottom:3px;      
}
table.loginTable p{
    color: #344251; 
    font-weight: bold;
}
table.loginTable input[type=text],
table.loginTable input[type=password] {
    border-radius: 5px; 
    border-width:1px;
    border-color: #666666;
    width:200px;
    padding:3px;
}
table.loginTable input[type=submit] {
    color: #344251; 
    font-weight: bold;
    padding:3px 12px;   
}
table.loginTable label {
    width:75px;    /*Or however much space you need for the form?s labels*/
    float:left;
}
  
  
  
/* Create Account Box */
div#createAccountBox{
  
     
    border-radius: 10px;
    margin:5px;
    padding:10px;
     
    background: rgb(237,237,237); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmZkZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(219,253,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(219,253,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(219,253,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(219,253,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(219,253,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(219,253,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dbfdff',GradientType=0 ); /* IE6-8 */
  
  
     
    -moz-box-shadow:0px 0px 10px 1px #777777;
    -webkit-box-shadow:0px 0px 10px 1px #777777;
    box-shadow:0px 0px 10px 1px #777777;
  
    display: inline-block;
  
     
}
div#createAccountBox div{   
    margin-bottom:3px;  
    vertical-align:middle;  
}
div#createAccountBox p{
    color: #344251; 
    font-weight: bold;
}
div#createAccountBox input[type=text],div#createAccountBox input[type=password]{
    border-radius: 5px; 
    border-width:1px;
    border-color: #666666;
    width:300px;
    padding:3px;
    margin:2px;
}
div#createAccountBox input[type=submit]{
    color: #344251; 
    font-weight: bold;
    padding:3px 12px;   
}
div#createAccountBox label {
    width:75px;    /*Or however much space you need for the form?s labels*/
    float:left;
}
  
input.blueStyle{
    color: #344251; 
    font-weight: bold;
    padding:3px 12px;   
}
  
div#rightHandDiv{
float:right;
}
  
  
  
div.triColumn {
    margin:0px;
    padding:15px;
    width:270px;
    float:left;
}

div.quadColumn {
	margin: 0px;
	padding:15px;
	width:195px;
	float:left;
}
  
div#alphabeticalList .quadColumn>a {
	font-weight:700;	
}
div#alphabeticalList .quadColumn>ul {
	list-style-type: none ;
}
div#alphabeticalList .quadColumn>ul>li{
	display:inline;
	padding:0px 3px;
}

  
div#recentSearchContainer{      
    text-align:left;    
    width:100%;
    float:left;
    margin: 5px 0px;
     
     
}
div.recentSearchTriColumn{
    margin:0px;
    padding:5px 15px;
    width:270px;
    float:left;
}
  
  
span.dbStat{
    float:right;
}
  
  
  
  
  
div#footerRightColumn {
    position:absolute;
    left:950px; /* 10 px to the right of main content container */
    top:15px;
}
div#footerLeftColumn {
    position:absolute;
    left:-150px;
    top:15px;
}
div.footerExtraContentContainer{
    width:900px;
    height:100%;
    margin:auto;
}
  
  
  
div#footerTransition {
    width: auto;
    height:19px;
    background-image: url('/static/images/footer-transition.png');
}
footer {
    color: #FFFFFF;   
    min-height: 60px;       
    text-align: center;
}
footer a:link, footer a:visited{
    color: #FFFFFF;
    text-decoration:none;
}
footer a:hover{
    text-decoration:underline;
}
  
  
h2#alphabetical {
	background: url(/static/images/alphabetical.png) no-repeat left center;
	padding-left:30px;
}  
h2#recent {
	background: url(/static/images/recent.png) no-repeat left center;
	padding-left:30px;
}
  
  
/******************************************************************************
*   Speciality
*/
/* 5.1 - bookInfo */
.bookInfo {
 background: #eef url(/static/images/bg/book-info.gif) no-repeat right top;
 border: solid 1px #ddf;
 padding: .4em; margin-bottom: .6em;
}
.bookInfo h1{
    margin: 5px 0px;    
    font-size: medium;
    color: #344251;
    text-shadow: 1px 1px 0px #bad3ed;
    font-weight: bold;
}
  
.bookInfo .personal {
 background: url(/static/images/bg/book-personal-info.gif) no-repeat right top;
 border-top: dotted 1px #cce;
 border-right: dotted 1px #cce;
 padding: .2em .5em 0 0;
 margin-top: .3em;
 font-size: x-small;
}
.bookInfo .members {
 background: url(/static/images/bg/book-members-info.gif) no-repeat right top;
 border-top: dotted 1px #cce;
 padding: .2em 0 0 .5em;
 margin-top: .3em;
 font-size: x-small;
}

/* 5.2 - bookPrices */
div#quickCompare {
	background-color:#ffffff;
    float:right;        
    width:200px;
    font-size:small;          
    min-height: 100px;
    
    /*border-radius: 10px;*/
    
    padding:10px 10px 30px 10px;
    
    /* drop-shadow + browser specific fixes */
    /*-moz-box-shadow:0px 0px 10px 1px #777777;
    -webkit-box-shadow:0px 0px 10px 1px #777777;
    box-shadow:0px 0px 10px 1px #777777;*/
  
  -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.5);
  box-shadow:         2px 2px 5px rgba(50, 50, 50, .5); /*0.75);*/

  background-color: #eee;
  /*padding:3px;*/
  
  border-radius: 5px;
  
  margin: 0px 0px;
    
              
}
div#quickCompare h1{
	margin: 10px 0px;
    font-size: large;
    color: #5f6c82;
    font-weight: bold;
    text-decoration: none;
	clear:both;
}
div#quickCompare h2 {
	margin: 5px 0px;   
    font-size:larger;
    color: #5f6c82;
    font-weight: bold;
	clear:both;
}
div#quickCompare ul li{
	clear:both;
}
div#quickCompare ul{
	padding-bottom:20px;
}
div#quickCompare div.quickCompareStoreName {
	text-align:left;
	float:left;
	max-width:70%;
}
div#quickCompare div.quickComparePrice {
	text-align:right;
	float:right;
	max-width:30%;
}

div#qc_loading {
  background-image: url(/static/images/ajax/quickcompare-bar-ajax-loader.gif);
  background-repeat: no-repeat;
  background-position:center;
  height: 100px;
  background-size: 100% 20px; /* To fill the dimensions of container (button), or */;  
  max-width: 400px;
}

div#current_prices_div{
	
	
}



.bookSnippetBasic {
	background: #edf4f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #edf4f7 1%, #e3f3f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#edf4f7), color-stop(100%,#e3f3f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #edf4f7 1%,#e3f3f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #edf4f7 1%,#e3f3f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #edf4f7 1%,#e3f3f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #edf4f7 1%,#e3f3f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf4f7', endColorstr='#e3f3f9',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         2px 2px 5px rgba(50, 50, 50, .5); /*0.75);*/

	padding:3px;
	
	border-radius: 5px;
	
	margin: 7px 0px;
}

.apiNotify {
		
	background: rgb(254,252,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */

  
  -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.5);
  box-shadow:         2px 2px 5px rgba(50, 50, 50, .5); /*0.75);*/

  padding:10px;
  
  border-radius: 5px;
  
  margin: 7px 0px;
	
}

.bookSnippetBasic h1{
	font-size:large;
}


ul.decoratedList{
	list-style: disc;
	margin-left: 30px;
}

li.lowestPrice{
	list-style-image: url(/static/images/yellow-star-16.png);
}


div#messageArea {
	
	background-color:#F6CECE;
	border: thin solid red;    
    font-size:medium;          
    /*border-radius: 10px;*/
    margin:5px;
    padding:10px;
    
    /* drop-shadow + browser specific fixes 
    -moz-box-shadow:0px 0px 10px 1px #777777;
    -webkit-box-shadow:0px 0px 10px 1px #777777;
    box-shadow:0px 0px 10px 1px #777777;  */
	
}



span.newsDate {		
	font-family:monospace;
	display: inline-block;
	width: 150px;
	vertical-align: top;	
	color: #5f6c82;
}
span.newsEdit {
	float:right;
	margin-right:15px;
}
span.newsSummary {
	display: inline-block;
	width:500px;	
}


form.standardForm{
	
}
form.standardForm li {
	padding:5px;
}
form.standardForm label {
	width: 70px;
	display: inline-block;
	font-weight: 700;
}
form.standardForm input.wideInput{
	width: 812px;
}
.newsForm textarea{
	width:100%;
	height:500px;
}









div#leftColumn{
	position:absolute;
	left:-170px;
	top:0px;	
	width:160px;
	
	
	
	background-color:#ffffff;
    float:right;        
    width:160px;
    font-size:small;          
  
  -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.5);
  box-shadow:         2px 2px 5px rgba(50, 50, 50, .5); /*0.75);*/

  background-color: #eee;
  /*padding:3px;*/
  
  border-radius: 5px;
  
	
	
}
div#rightColumn{
	position:absolute;
  right:-170px;
  top:0px;
  width:160px;
}
div#bodyWrapper{
	position:relative;	
	margin:auto;
	min-width:900;
}





form#adminLoginForm{
	
}
#adminLoginForm>div>label{
	display:inline-block;
	width:65px;
}
#adminLoginForm input[type=submit]{  
	margin-left:70px;
	width:100px;
}
#adminLoginForm>div{
	padding:3px;
}

.coloredTable>tbody>tr:nth-child(odd) {
	background-color: #DAECFF;
}

.coloredList>li:nth-child(odd) {
  background-color: #DAECFF;
}


#chart_div{
	width: 900px; 
	height: 500px;
	/*  ajax loader image for commercial use courtesy of these folks: http://www.mytreedb.com/view_blog/a-33-high_quality_ajax_loader_images.html */
	background-image: url(/static/images/ajax/ajax-loader-gray-128.gif);
	background-repeat: no-repeat;
  background-position:center; 
}
div.chart-div {
	background-image: url(/static/images/ajax/ajax-loader-gray-128.gif);
	background-repeat: no-repeat;
    background-position:center; 
}

#impersonate_notify {    
    width: 100%;
    padding-top:10px;
    height: 30px;
    
    
    
    background: #fefcea; /* Old browsers */
		background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
    
    
}

#book_admin_actions {    
    
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
    
    -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 2px 5px rgba(50, 50, 50, .5); /*0.75);*/
  
    padding:3px;
    
    border-radius: 5px;
    
    margin: 7px 0px;
    
}



/* 5.3 */