/* Useful generic classes */

.fright { float: right; }
.fleft { float: left; }

.aright { text-align: right; }
.aleft { text-align: left; }
.acenter { text-align: center; }

.cleft { clear: left; }
.cright { clear: right; }
.cboth { clear: both; }

.ptop { padding-top: 5px; }
.pright { padding-right: 5px; }
.pleft { padding-left: 5px; }
.pbottom { padding-bottom: 5px; }

.mtop { margin-top: 5px; }
.mright { /*margin-right:5px;*/ margin-right: 8px; }
.mleft { margin-left: 5px; }
.mbottom { margin-bottom: 5px; }

.box { overflow: hidden; }

.message { background-color: #77bb5f; padding: 8px; color: white; font-weight: bold; }
.error { color: red; }
.orange { color:#F36523; }
.grey { color: #aaa; }
.editor { background-color: #FFFF99; border: 1px solid #FFFF00; }

/* General html Tags */
body
{
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
  font-size: 68.75%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.4em;
  color: #4D4D4D;
}

h1,h2,h3,h4 { margin: 0px 0px 5px 0px; padding:0px; line-height: 1em; font-weight:bold; color:#009EE0;}

h1 {font-size:32px; letter-spacing:-2px;}
h2 {font-size:32px; letter-spacing:-2px;}
h3 {font-size:22px; letter-spacing:-0.7px;}
h4 {font-size:20px; letter-spacing:-0.5px;}

a { }

a:hover { }

p { margin: 5px 0px 11px 0px; background-color:white; }

img { border: 0px; }

ul
{
  margin: 0px;
  padding: 0px;
  list-style-image: none;
  list-style-type: none;
}

form { margin: 0px; }

li { margin: 0px; padding: 0px; }

input, textarea, select
{
  border: 1px solid #666666;
}

/* Main content areas */
#container
{
  width: 992px;
  margin: 0px auto;
}

#menu { }

#content { }

#container-home
{
  width: 992px;
/*height:1340px;*/
  overflow: hidden;
  margin: 0 auto 0 auto;
  background: #FFFFFF url(../images/wrapper_bg_home.jpg) top right no-repeat;
}

#top-boxes, #middle-boxes, #middle-boxes-2, #bottom-boxes { overflow: hidden; }

#middle-boxes-2, #bottom-boxes { margin-top: 20px; }

#top-box-left { float: left; height: 105px; width: 446px; margin-top: 5px; }
#top-box-right { float: right; height: 105px; margin-top: 25px; text-align: right; width: 350px; }

#middle-box-left { float: left; width: 300px; min-height: 530px; margin: 0px; padding: 0px; }
#middle-box-centre { float: left; width: 305px; height: 145px; margin: 44px 0px 0px 37px; padding: 0px; }
#middle-box-right { float: left; width: 280px; height: 145px; margin: 44px 0px 0px 52px; padding: 0px; }

#box-left { float: left; width: 315px; margin-bottom: 20px; }
#box-centre { float: left; margin-left: 20px; width: 315px; margin-bottom: 20px; }
#box-right { float: left; margin-left: 20px; width: 315px; margin-bottom: 20px; }

#bottom-box-left { float: left; width: 315px; margin-bottom: 20px; }
#bottom-box-centre { float: left; margin-left: 20px; width: 315px; margin-bottom: 20px; }
#bottom-box-right { float: left; margin-left: 20px; width: 315px; margin-bottom: 20px; }

#boarders_home { background: url(/images/boarders_bg.jpg) top center no-repeat /*repeat-y*/; padding-top:165px; }
#boarders_home_bottom { background: url(/images/boarders_bg_bottom.png) top center no-repeat; height:590px; margin-top: -90px; margin-left: -35px; }

#free-box { width: 100%; }

.menu.main { float: left; margin: 0px 0px 0px 0px; padding:0; width:100%; height:130px; background: url(/images/introducing_logo.jpg) top left no-repeat; }

.menu.main ul              { margin:59px 0 0 69px; padding:0; width:500px; }
.menu.main ul li           { display:inline; margin:0; padding:0; font-weight:bold; font-size:15px; }
.menu.main ul li a         { padding:0; margin:0 7px 0 0; color:#8B9292; }
.menu.main ul li a:hover   { color:#4D4D4D; text-decoration:none; }
.menu.main ul li a#visited { color:#8B9292; }
.menu.main ul li a.active  { color:#4D4D4D; }

.menu.footer { margin: 50px auto 0px auto; text-align: center;}

.menu ul              { margin:10px; padding:0; }
.menu ul li           { display:inline; margin:0 20px 0 0; padding:0; font-weight:bold; color:#8B9292; }
.menu ul li a         { padding:0; color:#8B9292; }
.menu ul li a:hover   { color:#4D4D4D; text-decoration:none; }
.menu ul li a#visited { color:#8B9292; }
.menu ul li a.active  { color:#4D4D4D; }

.login                           { text-align: right; }
.login .comrev                   { color:#009EE0; }
.login input#login-form-email    { width:130px; height:13px; margin-top:5px; }
.login input#login-form-password { width:130px; height:13px; margin-top:5px; }
.login input#login-form-submit   { background-color:#FFFFFF; color:#009EE0; border:0; margin:5px 0; font-weight:bold; }

/******************************************************************************************************************************/

a.readmore { padding:7px 0 3px 25px; background: url(/images/link_bg_readmore.gif) top left no-repeat; }
a.readmore:hover { padding:7px 0 3px 25px; background: url(/images/link_bg_readmore_hover.gif) top left no-repeat; color:#4D4D4D; }

a {color:#009EE0; text-decoration:none; font-size: 11px; }
a:hover { color:#009EE0; text-decoration:none; }

.buy-this             { margin:10px 0 0 0; background: url(/images/buy_this_arrow.gif) top left no-repeat; }
.buy-this:hover       { background: url(/images/buy_this_arrow_hover.gif) top left no-repeat; }
.buy-this span          {display:block; padding:3px 0 3px 55px; margin:0px 0px 5px 0px; font-weight:bold;}
.buy-this span a        { color:#F36523; font-size:20px; }
.buy-this span a:hover  { color:#009EE0;}
.imagebox             { width:100%; text-align:center; }

/******************************************************************************************************************************/

/* NEWS PAGE STYLES */

.news_left_column     { float:left; width:320px; padding-bottom:20px;}
.news_right_column {float:right; width:660px; padding-bottom:20px;}

.news_article.mini { width: 300px; }

.news_article img               { border:0; }
.news_article h1                { margin-top:0; padding-top:5px; }

.news_article           { clear:both; padding:0; margin:0; }
.news_article .article_title    { color:#000000; padding-top:4px; margin-top:-7px; }
.news_article .article_date     { color:#8B9292; padding-top:4px; }

.news_article h4 a        { color:#009EE0; padding-top:5px; font-size:20px; padding:0 0 0 36px; background: url(/images/back_to_book.gif) top left no-repeat; }
.news_article h4 a:hover  { color:#F36523; padding-top:5px; font-size:20px; padding:0 0 0 36px; background: url(/images/back_to_book_hover.gif) top left no-repeat; }

/******************************************************************************************************************************/

.book.mini { width: 300px; }

/******************************************************************************************************************************/

/* BOOK - LEFT COLUMN */

#book_left_column     { float:left; width:590px; margin:20px 0 0 0; padding:0; }
#book_left_column img { border:none; }

/* BOOK - RIGHTT COLUMN */

#book_right_column {float:right; width:400px; margin:50px 0 0 0; padding:0;}

/* BOOK PAGE STYLES */

/*#book_left_column h1, #book_right_column h1 { color:#F36523; }*/
#book_left_column h2, #book_right_column h2 { color:#F36523; }
#book_left_column h3, #book_right_column h3 { color:#F36523; }
#book_left_column h4, #book_right_column h4 { color:#4D4D4D; }

/******************************************************************************************************************************/

#reader_comments           { margin:0 auto 0 auto; width:478px; }
.reader_comment            { width:440px; height:220px; padding:0px 17px; margin-top:20px; background: url('/images/reader_comments_bubble.jpg') bottom center no-repeat; }
.reader_comment img        { border:0; margin:0 3px -10px 3px; }
.reader_comment .comment   { height: 125px; overflow: hidden; }
.reader_comment p          { background-color: transparent; }

.reader_response           { width:366px; height:178px; padding:0px 17px; margin-left: 74px; margin-top:10px; background: url('/images/reader_comments_bubble_response.jpg') bottom center no-repeat; }
.reader_response img       { border:0; margin:0 3px -7px 3px; }
.reader_response .comment  { height: 100px; overflow: hidden; }
.reader_response p         { background-color: transparent; }

#comment-form, .new_reader_comment { width: 400px; }
#comment-form input, #comment-form textarea, #comment-form select { border: none; }

#comment-form #comment-email         { border:0; width:189px; padding:6px 6px 0 6px; height:22px; background:url(/images/textbox_book_comment.gif); background-position: fixed; }
#comment-form #comment-password      { border:0; width:189px; padding:6px 6px 0 6px; height:22px; margin-top:5px; background:url(/images/textbox_book_comment.gif); background-position: fixed; }
#comment-form #comment-comment       { border:0; width:388px; padding:6px 6px 0 6px; height:136px; margin-top:5px; background:url(/images/textarea_book_comment.gif); background-position: fixed; }
#comment-form #comment-notifications { border:0; width:25px; height:24px; margin-top:5px; background:url(/images/checkbox_book_comment.gif); }

.original_comment { font-style: italic; border: 1px dotted #4D4D4D; padding: 5px; }

/******************************************************************************************************************************/

#sneak_peek h1          { color:#F36523; padding-top:5px; }
#sneak_peek h4          { color:#4D4D4D; padding-top:5px; }
#sneak_peek h4 a        { color:#F36523; padding-top:5px; font-size:20px; padding:0 0 0 36px; background: url(/images/back_to_book.gif) top left no-repeat; }
#sneak_peek h4 a:hover  { color:#009EE0; padding-top:5px; font-size:20px; padding:0 0 0 36px; background: url(/images/back_to_book_hover.gif) top left no-repeat; }

#sneak_peek { width:974px; margin:0 auto 0 auto; }

/******************************************************************************************************************************/

#register_form .text-input { border:0; width:189px; padding:6px 6px 0 6px; height:22px; background:url(/images/textbox_book_comment.gif); background-position: fixed; }

.also-like a { color: #4D4D4D; font-weight: bold; }

/*.layout-panel.empty { min-height: 100px; background: transparent url('/images/admin/diagonal.gif'); }
.layout-panel { border: 1px solid #CCC; }*/


/******************************************************************************************************************************/

/* SCOREBOARD RESULTS */

#scoreboard         {clear:both; width:600px; margin-top:25px;}

#scoreboard td.pos      {width:10%;}
#scoreboard td.name     {width:35%;}
#scoreboard td.question {width:25%;}
#scoreboard td.time     {width:30%;}

#scoreboard td.center   {text-align:center;}

#scoreboard .header   {background:#039AE3; color:#FFFFFF; padding:7px 0;}
#scoreboard .odd      {background:#F2F2F2;}
#scoreboard .even     {background:#F9F9F9;}


/* PAGINATION STYLES */

.pagination {width:625px; margin-top:8px;}
.pagination span, .pagination a {margin-right:5px;  font-size:1.05em;}