html, body {
	background: url(../images/bg_html.png) repeat-y top center;
	margin: 0px; 
	padding: 0px;
	text-align: center;
}

h1, h2, h3, ul, form{
	margin: 0px;
}

#wrapper{
	font-family: Georgia;
	margin: 25px auto;
	width: 945px;
	text-align: left;
}

#header{
	position: relative;
	z-index: 999;
	width: 945px;
	height: 94px;
	background: url(../images/bg_header.png) no-repeat top center;
}

div#navigation {
	padding-top: 7px;
	text-align: center;
	position: absolute;
	margin-top: 10px;
	margin-left: 465px;
	height: 25px;
	font-size: 12px;
}

#login_nav{
	padding-top: 7px;
	text-align: center;
	position: relative;
	top: 0px;
	left: 800px;
	width: 150px;
	height: 20px;
	font-size: 12px;
	color: #f28530;
}

div#navigation a{
	margin-left: 15px;
	text-decoration: none;
	color: #666;
} 

div#navigation_additions a, div#login_nav a{
	text-decoration: none;
	color: #f28530;
}

div#navigation a:hover, div#navigation_additions a:hover, div#login_nav a:hover{
	text-decoration: underline;
}
	div#navigation a:active, div#navigation_additions a:active, div#login_nav a:active{
		text-decoration: underline;
	}

div#navigation_additions{
	position: absolute;
	text-align: center;
	margin-top: 50px;
	margin-left: 673px;
	width: 260px;
	height: 25px;
	font-size: 13px;
	color: #f28530;
}

.placement_box{
	width: 500px; 
	margin-left: 90px;
}

.spacer_bar{
	padding-left: 4px;
	color: #e0e4cc;
}

#content{
	min-height: 500px;
	padding-bottom: 50px;
	background: url(../images/bg_content.png) repeat-y top center;
	width: 945px;
	z-index:2;
}

#bookchat {
	position:absolute; 
	left: 50%; 
	margin-left: -21000px; 
	z-index: 100000; 
	padding: 0px; 
	width: 420px; 
	height: 350px; 
	padding:0px; 
	border-style:solid; 
	border-width: 5px; 
	border-color: white;
}
#footer{
	position: relative;
	width: 945px;
	height: 14px;
	background: url(../images/bg_footer.png) no-repeat top center;
}

#top_banner{
	margin: 0px auto;
	position: relative;
	width: 821px;
	height: 276px;
	background: url(../images/welcome_banner.png) no-repeat top center;
	
}

#top_banner img{
	border: 0px;
	position: relative;
	top: 175px;
	left: 250px;
}

.bottom_box{
	position: relative;
	width: 257px;
	height: 257px;
	background: url(../images/welcome_box.png) no-repeat top center;
}

.left_box{
	float: left;
}

.middle_box{
	padding-left: 50px;
	float: left;
}

.right_box{
	float: right;
}

#bottom_banner{
	padding-top: 30px;
	width: 821px;
	margin: 0px auto;
}

.clear{
	clear: both;
}

.page_title{
	font-family: Georgia;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	color: #67d2e5;
}

.title_float{
	float: left;
}

.page_title_subtext{
	font-family: Arial;
	font-size: 14px;
	color: #999;
	margin-bottom: 10px;
}

.loginFail {
	margin-top: 25px;
}

/******************************************************************************
 * Global Text Styling
 *  @global text styling
 ******************************************************************************/

.A10666{
	font-family: Arial;
	font-size: 10px;
	color: #666;
}

.A12999{
	font-family: Arial;
	font-size: 12px;
	color: #999;
}

.A12666{
	font-family: Arial;
	font-size: 12px;
	color: #666;
}

.AI14999{
	font-family: Arial;
	font-size: 14px;
	color: #999;
	font-style: italic;
}

.A14999{
	font-family: Arial;
	font-size: 14px;
	color: #999;
}

.A14939598{
	font-family: Arial;
	font-size: 14px;
	color: #939598;
}

.GB14666{
	font-family: Georgia;
	font-size: 14px;
	color: #666;
	font-weight: bold;
}


.G14F28530{
	font-family: Georgia;
	font-size: 14px;
	color: #F28530;
}

.GBI1867d2e5{
	font-family: Georgia;
	font-size: 18px;
	color: #67d2e5;
	font-weight: bold;
	font-style: italics;
}


.AI14999 a, .A14999 a, .A12999 a{
	text-decoration: none;
	color: #999;
}
.A12666 a, .A10666 a, .GB14666 a{
	text-decoration: none;
	color: #666;
}
.A14939598 a{
	text-decoration: none;
	color: #939598;
}

.G14F28530 a {
	text-decoration: none;
	color: #F28530;
}

.AI14999 a:hover, .A14999 a:hover, .A12999 a:hover, .A12666 a:hover, .A10666 a:hover, .GB14666 a:hover, .A14939598 a:hover, .G14F28530 a:hover {
	text-decoration: underline;
}

	.AI14999 a:active, .A14999 a:active, .A12999 a:active, .A12666 a:active, .A10666 a:active, .GB14666 a:active, .A14939598 a:active, .G14F28530 a:active {
		text-decoration: underline;
	}

.text_margin{
	margin-top: 10px;
}


/******************************************************************************
 * Modal Popups
 *  @modal popup styling
 ******************************************************************************/
	
	.blockMsg {
		font-family: Arial;
	}
	
	
	.recommend_close{
		position: relative;
		float: right;
		background: url(../images/modal_close.png) no-repeat top left;
		height: 34px;
		width: 34px;
		margin-top: -22px;
		margin-right: -12px;
		
	}
	
	.recommend_hr{
		margin-bottom: 15px;
		height: 1px;
		background: url(../images/modal_hr.png) no-repeat top left;
		font-size: 1px;
	}
	
	.modal_action_message{
		color: #FFF;
		padding: 10px 0px 10px 0px;
	}

	.modal_action_message a{
		text-decoration: none;
		color: #579ca9;
	}
	
	.modal_action_message a:hover {
		text-decoration: underline;
	}
	
	.modal_content_wrapper{
		width: 290px;
		margin-left: 20px;
		text-align: left;
		font-family: Geneva;
		font-size: 14px;
	}
	
	.preview_recommend_btn{
		display: block;
		width: 169px;
		height: 35px;
		cursor: pointer;
		font-size: 1px;
		background: url(../images/preview_recommend_btn.png) no-repeat;
		float: left;
		margin-right: 10px;
	}
	
	.preview_addbook_btn{
		display: block;
		width: 169px;
		height: 35px;
		cursor: pointer;
		font-size: 1px;
		background: url(../images/preview_addbook_btn.png) no-repeat;
		float: left;
	}
	
	a.preview_action_btn{
		text-decoration: none !important;
		background-position: 0px 0px;
	}

	a.preview_action_btn:hover, a.preview_action_btn:active {
		background-position: 0px -39px;	
	}
	
/******************************************************************************
 * Account Details
 *  @account details styling
 ******************************************************************************/	
	
a.account_details {
	display: block;
	width: 62px;
	height: 28px;
	cursor: pointer;	
	font-size: 1px;
	background: url(../images/change_btn.gif) no-repeat;	
}

a.account_details:hover, a.account_details:active {
	background: url(../images/change_btn_on.gif) no-repeat;
}

a.account_picture {
	display: block;
	width: 150px;
	height: 28px;
	cursor: pointer;	
	font-size: 1px;
	background: url(../images/change_picture_btn.gif) no-repeat;
}

a.account_picture:hover, a.account_details:active {
	background: url(../images/change_picture_btn_on.gif) no-repeat;
}

a.upgrade_account_btn{
	display: block;
	width: 171px;
	height: 28px;
	cursor: pointer;	
	font-size: 1px;
	background: url(../images/upgrade_account_btn.png) no-repeat;
	text-decoration: none !important;
	background-position: 0px 0px;
}

a.upgrade_account_btn:hover, a.upgrade_account_btn:active {
	background-position: 0px -32px;
}
	

/******************************************************************************
 * Profile
 *  @profile styling
 ******************************************************************************/

a.bookshelf_edit_btn {
	display: block;
	width: 65px;
	height: 15px;
	cursor: pointer;
	float: left;
	background: url(../images/edit_bookshelf_btn.png) no-repeat;
}

a.bookshelf_add_btn {
	display: block;
	width: 74px;
	height: 15px;
	cursor: pointer;
	margin-left: 5px;
	float: left;
	background: url(../images/bookshelf_add_books_btn.png) no-repeat;
}

a.bookshelf_e_btn, a.bookshelf_a_btn {
	text-decoration: none !important;
	background-position: 0px 0px;
}

a.bookshelf_e_btn:hover, a.bookshelf_e_btn:active {
	background-position: 0px -19px;	
}

a.bookshelf_a_btn:hover, a.bookshelf_a_btn:active {
	background-position: 0px -17px;	
}

a.create_bookshelf_button{
	display: block;
	width: 122px;
	height: 30px;
	cursor: pointer;
	margin-top: -5px;
	background: url(../images/create_bookshelf_btn.png) no-repeat;
}

a.create_bookshelf {
	background-position: 0px 0px;		
}

a.create_bookshelf:hover, a create_bookshelf:active {
	background-position: 0px -30px;	
}

a.invite_friends_btn {
	display: block;
	width: 136px;
	height: 35px;
	cursor: pointer;
	background: url(../images/invite_friend_btn.png) no-repeat;
}

a.invite_friends {
	background-position: 0px 0px;
}

a.invite_friends:hover, a.invite_friends:active {
	background-position: 0px -36px;
} 

.welcome_instructions{
	margin-bottom: 10px;
}

.welcome_instructions img {
	margin-top: 5px;
}

.library_search_button{
	background: url(../images/library_search_btn.png) no-repeat;
	border: 0px;
}

/******************************************************************************
 * Form Validation Error Message Handling
 *  @error message styling
 ******************************************************************************/

.errorMessage{
	color: #E80813;
	margin-left: 5px;
}

.termsErroMessage{
	margin-top: 5px;
	color: #E80813;
}

.form_help_text{
	color: #666;
	font-family: Arial;
	font-size: 12px;
}

.upgrade_bar{
	background-color: #666;
	position: relative;
	line-height: 25px; 
	width: 100%; 	
	text-align: center; 
	color: #FFF;
	font-size: 14px !important;
	font-family: Arial,Helvetica,sans-serif;
	z-index: 10000;
}

.upgrade_bar a{
	color: #FFF !important;
	text-decoration: none;
}

.upgrade_bar a:hover, .upgrade_bar a:active{
	text-decoration: underline;
}

.bannerHelp a{
	display: none;
	position: fixed;
	right: 0px;
	width:35px;
	height: 85px;
	background-color: #FF0000;
	background: url(../images/help_btn.png) no-repeat;
}

.bannerHelp a:hover, .bannerHelp a:active, .bannerHelp a:focus{
	width: 40px;
}

/* Float Styles BEGIN */
.floatLeft {
	float: left;
	vertical-align: top;
}
.floatRight {
	float: right;
	vertical-align: top;
}
.float50 {
	width: 50px;
}
.float75 {
	width: 75px;
}
.float100 {
	width: 100px;
}
.float125 {
	width: 125px;
}
.float150 {
	width: 150px;
}
.float175 {
	width: 175px;
}
.float200 {
	width: 200px;
}
.float225 {
	width: 225px;
}
.float250 {
	width: 250px;
}
.float275 {
	width: 275px;
}
.float300 {
	width: 300px;
}
.float325 {
	width: 325px;
}
.float350 {
	width: 350px;
}
.float375 {
	width: 375px;
}
.float400 {
	width: 400px;
}
.float425 {
	width: 425px;
}
.float450 {
	width: 450px;
}
.float475 {
	width: 475px;
}
.float500 {
	width: 500px;
}
.float550 {
	width: 550px;
}
.float600 {
	width: 600px;
}
.floatPad {
	float: left;
	width: 25px;
}
/* Float Styles END */