body { margin: 0; padding: 0; font: normal 10pt Arial, Verdana;}

/*
Spacer Div
*/
div.spacer{
clear: both !important;
}

/*********************************************************
 * Clearing after floats fix                             *
 * http://www.positioniseverything.net/easyclearing.html *
 *********************************************************/

a { font: bold 9pt arial; color: #0f5a91; text-decoration: none; }
a:hover { font: bold 9pt arial; color: #006699; text-decoration: underline; }

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {	display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Admin CSS */
#adminAlert { padding: 5px; background: red; font: bold 18pt Trebuchet MS; color: #fff;}
/* End Admin CSS */


#mainLogo { height:80px; width: 235px; background-image:url("/images/borrow_logo.gif"); background-repeat:no-repeat; }
h1.logo {display:none;}

#tagline { margin-bottom: 10px; padding-left: 40px; font: bold 10pt Trebuchet MS; color: #999; text-decoration: none; }

#navBarBox { padding: 5px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-image: url("/images/navBack.gif"); background-repeat:repeat-x;}
#navBar { margin: 0; padding: 0; }
#navBar li { display: inline; list-style-type: none;  padding-left: 25px; }
#navBar li a { font: bold 12pt Trebuchet MS; color: #000; text-decoration: none;}
#navBar li.active a { font: bold 12pt Trebuchet MS; color: #0f5a91; text-decoration: none;}

#main { padding: 0px; background-color: #fff;}

/* #f4f2e5 */

#fullBlue { background-image: url("/images/blue-fade-back.png"); background-repeat:repeat; }

#mainLeft {
	width: 510px;
	background-color: #fff;
	padding: 5px;
	float: left;
	margin-right: 5px;
	overflow: hidden;
}

#mainRight {
	width: 300px;
	padding: 5px;
	font: normal 9pt arial;
	float: left;
	background-color: #fff;
	border-left: 1px solid #eee;
	overflow: hidden;
}

#mainRight a {
	font: bold 9pt arial;
	color: #0f5a91;
}

/* extend Main Col to 600px */
#mainExtLeft {
	width: 610px;
	background-color: #fff;
	padding: 5px;
	float: left;
	margin-right: 5px;
	overflow: hidden;
}

#mainExtRight {
	width: 200px;
	padding: 5px;
	background-color: #fff;
	border-left: 1px solid #eee;
	float: left;
	overflow: hidden;
}

#grayBox { padding: 5px; border: 1px solid #999; background: #ddd url(/images/grayBoxTop.gif) repeat-x; }

#memberRating { border: 1px dotted #eee; background: #f5f5f5; }
#memberRating td { padding: 3px; border-bottom: 1px dotted #eee; font: normal 9pt Arial; }
#memberRating td.header { padding: 3px; border-bottom: 1px dotted #eee; font: bold 10pt Arial; background: #eee; }
#memberRating td.title { border-bottom: 1px dotted #eee; font: bold 9pt Arial; text-align: right; }
#memberRating td.good { color: green; }
#memberRating td.bad { color: red; }

#myMessages { width: 580px;}
#myMessages td {margin: 0; padding: 5px; border-bottom: 1px solid #ddd; font: normal 9pt Arial, Trebuchet MS, Arial;}
#myMessages td.read {margin: 0; padding: 5px; border-bottom: 1px solid #ddd; font: normal 9pt Arial, Trebuchet MS, Arial; color: #999;}
#myMessages td.unread {margin: 0; padding: 5px; background-color: #e9fde4;  border-bottom: 1px solid #ddd; font: normal 9pt Arial, Trebuchet MS, Arial;}

#composeMessage { margin: 0; padding: 0; width: 580px; border: 1px solid #999; background: #ddd url(/images/mail_back.gif) repeat-x; }
#composeMessage td {margin: 0; padding: 5px; font: normal 9pt Arial, Trebuchet MS, Arial; vertical-align: top;}

#readMessages { margin: 0; padding: 0; width: 580px; border: 1px solid #999; background: #ddd url(/images/mail_back.gif) repeat-x; }
#readMessages td {margin: 0; padding: 5px; font: normal 9pt Arial, Trebuchet MS, Arial;}
#readMessages td.bold {margin: 0; padding: 5px; font: bold 9pt Arial, Trebuchet MS, Arial;}
#readMessages td.title {margin: 0; padding:5px;  font: bold 9pt Arial, Trebuchet MS, Arial; text-align: right; vertical-align: top;}
#readMessages td.drktitle {margin: 0; padding:5px; font: bold 9pt Arial, Trebuchet MS, Arial; text-align: right; color: #999;}
#readMessages td.drk {margin: 0; padding:5px; font: normal 9pt Arial, Trebuchet MS, Arial; color: #999;}

#myLinks {margin: 0; padding: 5px; background: #e38217; border-bottom: 2px solid #ddd; }
#myLinks li { display: inline; list-style-type: none;  padding-left: 10px; }
#myLinks li a { font: normal 9pt Arial, Trebuchet MS, Arial; color: #fff; text-decoration: none; }
#myLinks li a:hover { color: #eee; text-decoration: underline; }

table#header {}
table#header td { font: normal 9pt Arial;}
table#header td.logo { width: 240px; }
table#header td.savings { width: 300px; text-align: center; font: normal 8pt Arial; color: #0f5a91; }
table#header td.savings a {  text-align: center; font: normal 8pt Arial; color: #ddd; }
table#header span.money { font: bold 18pt Arial; color: #e38217; }

table#searchedMembers {}
table#searchedMembers td { margin: 0; padding: 10px; width: 120px; font: normal 9pt Arial; vertical-align: bottom; text-align: center; border-bottom: 1px dashed #eee; }

table#searchBox {}
table#searchBox td { padding: 4px; font: normal 9pt Arial;}
table#searchBox td.right { padding: 4px; font: bold 9pt Arial; text-align: right;}

table#searchedGroups { width: 500px;}
table#searchedGroups td { padding: 4px; font: normal 9pt Arial; border-bottom: 1px solid #eee;}
table#searchedGroups td.image { width: 130px; padding: 4px; font: normal 9pt Arial; border-bottom: 1px solid #eee;}

table#groups {}
table#groups td { padding: 4px; font: normal 8pt Arial; border-bottom: 1px solid #eee;}

#frontSteps { height: 245px; width: 505px; background-image: url("images/front-steps.gif"); background-repeat:no-repeat; clear:both; }
#frontStepsText { padding-top: 100px; padding-left: 10px; padding-right: 10px; overflow: hidden;  font: normal 10pt arial; line-height: 18px; color: #fff;}
#stepListBox { padding: 6px;}
#stepList { margin: 0; padding: 0; }
#stepList li { list-style-type: none;}

#invites { margin: 0; padding: 0px; }
#invites li { padding-top: 4px; padding-bottom: 4px; font: normal 8pt Arial; list-style-type: none; border-bottom: 1px solid #eee;}
#invites li.current { color: #e38217; }

table#signup-form { margin: 3px; }
table#signup-form td { font: normal 8pt arial; padding: 5px; }
table#signup-form td.left { padding: 5px; font: normal 14pt arial; text-align: right; vertical-align: top; }
table#signup-form td.center { padding: 5px; font: normal 14pt arial; text-align: center; }

table#latestMembers { width: 300px; }
table#latestMembers td { font: normal 9pt arial; padding: 3px; border-bottom: 1px dashed #ccc; }
table#latestMembers td.right { font: bold 9pt arial; padding: 3px;  text-align: right; border-bottom: 1px dashed #ccc; }
table#latestMembers a { font: bold 9pt arial; color: #0f5a91; text-decoration: none; }
table#latestMembers a:hover { font: bold 9pt arial; color: #006699; text-decoration: underline; }

table#latestMovies { width: 300px; }
table#latestMovies td { font: normal 9pt arial; padding: 3px; border-bottom: 1px dashed #ccc; }
table#latestMovies td.right { font: bold 9pt arial; padding: 3px;  text-align: right; border-bottom: 1px dashed #ccc; }
table#latestMovies td.new { font: bold 8pt arial; padding: 3px; color: #990000; text-align: center; border-bottom: 1px dashed #ccc; }
table#latestMovies a { font: bold 9pt arial; color: #0f5a91; text-decoration: none; }
table#latestMovies a:hover { font: bold 9pt arial; color: #006699; text-decoration: underline; }

#boxTop {  margin: 0; width: 505px; background-image: url("/images/box-back-top.gif"); background-repeat:no-repeat; }
#boxBody { margin-left: 10px; padding: 5px; font: normal 9pt arial, verdana;}
#boxBody small { font: normal 7pt arial, verdana; color: #555; }
#boxBottom { width: 505px; height: 15px; background-image: url("/images/box-back-bottom.gif"); background-repeat:no-repeat; clear:both; }

h2.boxTitle { margin: 0px; padding-bottom: 5px; font: bold 18pt arial, verdana; color: #0f5a91;}

h3 { margin: 0; margin-top: 5px; font: bold 13pt arial, verdana; color: #e38217;}

.forms{ font: normal 13pt Verdana, Arial, Helvetica, sans-serif; background-image: url("/images/formback.gif"); padding: 2px; }

.errorMsg { font: bold 9pt Verdana, Arial, Helvetica, sans-serif; color: red; line-height: 14pt;}

.movieYear { color: #0f5a91; } 

.year { font: normal 8pt Arial, Helvetica, sans-serif; color: #767676;}

.blue { color: #0f5a91; }

.green { color: #e38217; }

#welcomeDvd { padding-left: 0; margin-left: 0; width: 480px;}
#welcomeDvd li { list-style: none; margin: 0; margin-bottom: 15px; padding: 3px; border-bottom: 2px dotted #0f5a91; }
#welcomeDvd li a { text-decoration: none; }

table#movieList { width: 600px; }
table#movieList th { font: bold 9pt arial; padding: 3px; border-bottom: 2px solid #333; background: #ccc; }
table#movieList td { font: normal 9pt arial; padding: 3px; border-bottom: 1px dashed #ccc; }
table#movieList td.action { width: 60px; font: normal 9pt arial; padding: 3px;  text-align: right; border-bottom: 1px dashed #ccc; }
table#movieList td.borrow { width: 150px; font: normal 9pt arial; padding: 3px;  text-align: right; border-bottom: 1px dashed #ccc; }
table#movieList td.right { font: bold 9pt arial; padding: 3px;  text-align: right; border-bottom: 1px dashed #ccc; }
table#movieList a { font: bold 9pt arial; color: #0f5a91; text-decoration: none; }
table#movieList a:hover { font: bold 9pt arial; color: #006699; text-decoration: underline; }

table#adminMembers { }
table#adminMembers th { font: bold 9pt arial; padding: 3px; border-bottom: 2px solid #333; background: #ccc; }
table#adminMembers td { font: normal 9pt arial; padding: 3px; border-bottom: 1px dashed #ccc; }

table#movieListSm { width: 500px; }
table#movieListSm th { font: bold 9pt arial; padding: 3px; border-bottom: 2px solid #333; background: #ccc; }
table#movieListSm td { font: normal 9pt arial; padding: 3px; border-bottom: 1px dashed #ccc; }
table#movieListSm td.borrow { width: 150px; font: normal 9pt arial; padding: 3px;  text-align: right; border-bottom: 1px dashed #ccc; }
table#movieListSm td.right { font: bold 9pt arial; padding: 3px;  text-align: right; border-bottom: 1px dashed #ccc; }
table#movieListSm a { font: bold 9pt arial; color: #0f5a91; text-decoration: none; }
table#movieListSm a:hover { font: bold 9pt arial; color: #006699; text-decoration: underline; }

#borrowBoxTop {  margin: 0; padding-top: 2px; padding-left: 15px; width: 600px; background-image: url("images/blue-fade-top.png"); background-repeat:no-repeat; }
#borrowBoxTop h2 {  font-size: 16pt; }
#borrowBoxTop h2 a {  font-size: 16pt; }
#borrowSteps { padding: 5px; width: 550px; }
#borrowSteps span.sm { font: bold 9pt Arial; }
#borrowBoxBottom { width: 600px; height: 20px; background-image: url("images/blue-fade-bottom.png"); background-repeat:no-repeat; clear:both; }

table#borrowOrder { margin: 0px; padding: 0px; }
table#borrowOrder td { font: normal 10pt Arial; }
table#borrowOrder td.current { padding-top: 10px; padding-bottom: 10px; font: bold 10pt Arial; }
table#borrowOrder td.done { font: bold 10pt Arial; color: #999; text-decoration: line-through; }
table#borrowOrder td.done_lg { font: bold 14pt Arial; color: #999; text-decoration: line-through; }

#coverListTop {  margin: 0; width: 600px; background-image: url("images/blue-fade-top.png"); background-repeat:no-repeat; }
#coverListBottom { width: 600px; height: 20px; background-image: url("images/blue-fade-bottom.png"); background-repeat:no-repeat; clear:both; }

.dvd3456356 { border: 4px solid #fff; }
.dvd { border-right: 4px solid #ddd; border-bottom: 4px solid #ddd; border-top: 4px solid #fff; border-left: 4px solid #fff; }
.dvdGray { border-right: 3px solid #ddd; border-bottom: 3px solid #ddd; border-top: 3px solid #eee; border-left: 3px solid #eee; }

#coverListingsFront { margin-left: 8px; margin-top: 0px; width: 500px; padding: 5px; }
#coverListingsFront td { width: 125px; padding: 2px; font: normal 9pt Arial, Verdana; vertical-align: top; text-align: center;}

#coverListings { margin-left: 8px; margin-top: 12px; width: 580px; padding:10px; }
#coverListings td { padding:2px; font: normal 9pt Arial, Verdana; vertical-align: top; text-align: center;}
#coverListings td.movie { padding:2px; font: normal 9pt Arial, Verdana; vertical-align: top; text-align: left;}
#coverListings td.movieThumb { padding:2px; width: 110px; font: normal 8pt Arial, Verdana; vertical-align: top; text-align: center;}
#coverListings td a { font: bold 9pt Arial, Verdana; color: #0f5a91; text-align: center;}
#coverListings span.count{ font: normal 8pt Arial, Verdana; text-align: center;}
/*
#alphaBox { margin-bottom: 10px; padding: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
#alphaOrder { margin: 0; padding: 0;}
#alphaOrder li { font: bold 8pt Trebuchet MS; color: #e38217; display: inline; list-style-type: none; padding-right: 1px; padding-left: 7px; border-right: 1px solid #ccc; text-align: center; }
#alphaOrder li a { font: bold 8pt Trebuchet MS; color: #000; text-decoration: none;}
#alphaOrder li a:hover { font: bold 8pt Trebuchet MS; color: #000; background-color: #eee; text-decoration: none;}
#alphaOrder li.active a { font: bold 8pt Trebuchet MS; color: #0f5a91; text-decoration: none;}
*/

#alphaBox ul { margin: 0px; padding: 3px; border: 1px solid #ccc; background-image: url("/images/abc-back.gif"); }
#alphaOrder li { margin: 0px; padding: 0px; display: inline; list-style-type: none; font: bold 8pt Trebuchet MS; color: #000; text-decoration: none; }
#alphaOrder a { padding: 3px 4px 3px 5px; font: bold 8pt Trebuchet MS; color: #000; text-decoration: none; }
#alphaOrder a:hover {  padding: 3px 4px 3px 5px; color: #fff; background-color: #0f5a91; text-decoration: none;  background-image: url("/images/abc-back-hl.gif"); }
#alphaOn li { padding: 3px 4px 3px 5px; color: #fff; background-color: #0f5a91; text-decoration: none;  background-image: url("/images/abc-back-hl.gif");}

#profileImgContainer { float: right; margin-right: 20px; margin-left: 5px; padding: 10px; border-left: 1px dashed #ccc; font: bold 9pt Trebuchet MS;}
#memberProfile{ float: right; margin-right: 20px; margin-left: 5px; padding: 10px; }
#profileImg { border: 7px solid #fff; }

#addPhoto { margin-left: auto; margin-right: auto; padding: 5px; background: #0f5a91; border: 0px solid #fff; background-image: url("/images/abc-back-hl.gif"); text-align: center;}
#addPhoto a { font: bold 9pt Arial, Verdana; color: #fff;}
#addPhoto a:hover { font: bold 9pt Arial, Verdana; color: #006699;}

#proSMbox td { padding: 3px; border-bottom: 1px dashed #ccc;}
#proSMimg { float: left; }
#proSMbox td.content { width: 175px;  padding: 3px; font: normal 8pt Arial, Trebuchet MS, Helvetica; line-height: 12pt;}
#proSMbox td.content span.uname { font: bold 10pt arial; color: #e38217; }
#proSMbox td.content a { text-decoration: none; }
#proSMbox td.content a:hover { color: #006699; text-decoration: underline; }

table#appFriends  { width 500px; }
table#appFriends td { font: normal 9pt Arial; border-bottom: 1px dashed #fff; }
table#appFriends td a { font: bold 9pt Arial; color: #e38217; }

table#borrowFriends  {padding: 10px; width: 600px; }
table#borrowFriends td { padding: 5px; font: normal 9pt Arial; border-bottom: 1px dashed #ddd; }
table#borrowFriends td.borrow { padding: 5px; width: 75px; border-bottom: 1px dashed #ddd; }
table#borrowFriends td a { font: bold 9pt Arial; color: #e38217; }

#movieGenreList { }
#movieGenreList ul { margin: 0px; padding-left: 19px;  background-image: url("images/genre-category-fade.png"); background-repeat:repeat-y; }
#movieGenreList li { list-style: none; margin: 0; padding: 5px; border-top: 1px solid #eee; }
#movieGenreList li a { font: bold 9pt arial; color: #e38217; text-decoration: none; }
#movieGenreList li a:hover { text-decoration: underline; }
#movieGenreList li.active { background: #0f5a91; font: bold 10pt arial; color: #fff; }
#movieGenreList span { font: normal 8pt arial; color: #e38217; }
#movieGenreList span.active { font: bold 8pt arial; color: #fff; }

table#movieComment { margin: 0; padding: 5px; width: 580px; font: normal 9pt Arial, Trebuchet MS, Helvetica; color: #333; clear:both;  border-bottom: 2px dotted #ddd; }
#movieComment td { margin: 0; padding: 2px; width: 500px;}
#movieComment td.icon { margin: 0; padding: 5px; width: 80px; text-align: center; vertical-align: top; border-right: 1px dashed #eee;}
#movieComment td.header { margin: 0; padding: 0; font: normal 8pt Arial; }
#movieComment td.header a { margin: 0; padding: 0; font: normal 8pt Arial; color: #e38217; } 

h3.genreHeader { margin: 0; margin-top: 5px; margin-left: 19px; padding: 3px; font: bold 14pt arial, verdana;  background: #0f5a91; color: #fff;}

#borrowTop {  margin: 0; padding-left: 0; width: 600px; background-image: url("/images/green-fade-top.png"); background-repeat:no-repeat; }
#borrowContent { padding: 0px; padding-top: 10px; padding-left: 7px; }
#borrowContent td { vertical-align: top; font: normal 9pt Arial; color: #fff; }
#borrowBottom { width: 600px; height: 30px; background-image: url("/images/green-fade-bottom.png"); background-repeat:no-repeat; clear:both; }

#footerBox { padding: 10px; font: normal 8pt Trebuchet MS,Verdana, Arial, Helvetica, sans-serif; color: #333; border-top: 1px solid #41bee7;  background-image: url("/images/footer-fade.png"); background-repeat:repeat-x;}
#footerBox a { font: bold 8pt Arial; color: #e38217;}

/* styles for the star rater */
.star-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 100px;
height: 20px;
position: relative;
background-color: #fff;
background: url(/images/star_rating.gif) top left repeat-x;
}
.star-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating li a{
display:block;
width:20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{ background: url(/images/star_rating.gif) left bottom; z-index: 1; left: 0px; }
.star-rating a.one-star{ left: 0px; }
.star-rating a.one-star:hover{ width:20px; }
.star-rating a.two-stars{ left:20px; }
.star-rating a.two-stars:hover{ width: 40px; }
.star-rating a.three-stars:hover{ width: 60px; }
.star-rating a.three-stars{ left: 40px; }
.star-rating a.four-stars{ left: 60px; }
.star-rating a.four-stars:hover{ width: 80px; }
.star-rating a.five-stars{ left: 80px; }
.star-rating a.five-stars:hover{ width: 100px; }

.current-rating li { background: url(/images/star_rating.gif) left bottom; z-index: 1; left: 0px; }
.current-rating .one-star{ width:20px; }
.current-rating .two-stars{ width: 40px; }
.current-rating .three-stars{ width: 60px; }
.current-rating .four-stars{ width: 80px; }
.current-rating .five-stars{ width: 100px; }

.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}