/** global.css **/
#game_tb {
	border:#2367a4 solid 1px;
	border-left:none;
	border-bottom:none;
}

#game_tb td {
	cursor:pointer;
	background-color:#ffd900;
	border:#2367a4 solid 1px;
	border-right:none;
	border-top:none
}

body {
     background: #FFF;
     margin: 0;
     padding: 0;
     font: 12px Verdana, Arial, sans-serif;
     color: #0B2D4C;
}

img {
     border: 0;
}

.button_container a, .button_container a:visited {
     color: #0B2D4C;
}

#container {
     width: 875px;
     margin: 0 auto;
     padding-left: 16px;
     padding-right: 16px;
     background: transparent url(../img/container_bg.png) repeat-y;
}

#header {
     height: 64px;
     width: 875px;
     background: #2382C0 url(../img/header_bg.gif) repeat-x;
     overflow: hidden;
}

#header h1 {
     margin: 0;
     padding: 0 0 0 42px;
     background: transparent url(../img/logo.gif) 42px center no-repeat;
     text-indent: -99999px;
     height: 64px;
     width: 375px;
     float: left;
}

#header h2 {
     margin: 0 0 0 64px;
     padding: 0;
     background: transparent url(../img/free_easy_mature_secure.gif) left center no-repeat;
     text-indent: -99999px;
     height: 64px;
     width: 235px;
     float: right;
}

div.content_wrapper {
     background: #193340 url(../img/big_gradient.jpg) repeat-x;
     display: block;
}

ul#footer_links {
     text-align: center;
     margin: 0;
     padding: 8px 0;
}

ul#footer_links li {
     display: inline;
     margin: 0 8px;
}

ul#footer_links a {
     color: #666666;
     font-weight: 700;
     text-decoration: none;
}

ul.light#footer_links a, a, a:visited {
     color: #0099FF;
}

ul#footer_links a:hover {
     color: #BD2126;
     text-decoration: underline;
}

ul.light#footer_links a:hover {
     color: #FFF;
     text-decoration: underline;
}

#footer {
     background: #000 url(../img/footer_bg.gif) repeat-x;
}

#footer p {
     background: transparent url(../img/logo_footer.gif) 20px center no-repeat;
     display: block;
     width: 708px;
     margin: 0 auto;
     padding: 6px 0 6px 200px;
     color: #9C9C9C;
     font-size: 10px;
     text-transform: uppercase;
}

input.button {
     color: #0B2D4C;
     border: none;
     width: 73px;
     height: 25px;
     background: transparent url(../img/buttons/button.png) no-repeat;
     font-weight: 700;
}

input.button2 {
     color: #0B2D4C;
     border: none;
     width: 106px;
     height: 25px;
     background: transparent url(../img/buttons/button2.png) no-repeat;
     font-weight: 700;
}

a.button {
     color: #0B2D4C;
     border: none;
     width: 73px;
     height: 20px;
     background: transparent url(../img/buttons/button.png) no-repeat;
     font-weight: 700;
     display: block;
     text-align: center;
     text-decoration: none;
     padding-top: 5px;
     float: left;
}

a.button2 {
     color: #0B2D4C;
     border: none;
     width: 106px;
     height: 20px;
     background: transparent url(../img/buttons/button2.png) no-repeat;
     font-weight: 700;
     display: block;
     text-align: center;
     text-decoration: none;
     padding-top: 5px;
     float: left;
}

a.button.right {
     float: right;
}

a.button.wide, input.button.wide {
     width: 114px;
     height: 23px;
     background: transparent url(../img/buttons/wide.png) no-repeat;
}

a.button.pad_right {
     margin-right: 4px;
}

div.book_wrapper {
     background: transparent url(../img/big_book.png) no-repeat;
     padding: 28px 52px 12px 400px;
     min-height: 400px;
     color: #FFF;
}

.karen_signature {
     display: block;
     margin-top: 32px;
     width: 72px;
     height: 11px;
     background: transparent url(../img/karen_signature.gif) no-repeat;
     text-indent: -999999px;
}

dl#hiw_steps {
     font-weight: 700;
     font-size: 18px;
     height: 400px;
}

dl#hiw_steps dt {
     color: #ffe21d;
     float: left;
     clear: left;
     margin-right: 18px;
}

dl#hiw_steps dd {
     float: left;
     margin-bottom: 22px;
}

#p_users_add form {
     background: transparent url(../img/big_book.png) no-repeat;
     padding: 28px 0 12px 400px;
     color: #FFF;
}

#p_users_add h2 {
     margin: 0;
}

#p_users_add form div.input {
     clear: left;
     margin-bottom: 8px;
}

#p_users_add form div.input.text {
     width: 159px;
     float: left;
     clear: none;
}

#p_users_add form div.input.text input {
     width: 150px;
}

#p_users_add form textarea {
     width: 310px;
     height: 64px;
}

#p_users_add label {
     display: block;
     text-transform: uppercase;
     font-size: 11px;
}

#p_users_add form div.input.checkbox label {
     display: inline;
}

#p_users_add form div.input.checkbox label a {
     color: inherit;
     text-decoration: underline;
}

#nav_bar {
     list-style: none;
     margin: 0 0 0 38px;
     padding: 8px 0;
}

#nav_bar li {
     display: inline;
     padding-right: 11px;
     background: #FFF url(../img/red_dot.gif) right center no-repeat;
}

#nav_bar li.last {
     padding: 0;
     background: none;
}

#nav_bar li a {
     color: #0B2D4C;
     text-decoration: none;
     font-size: 14px;
}

#nav_bar li a:hover {
     text-decoration: underline;
}

#icon_navbar_wrapper {
	
}


#icon_navbar {
	height: 93px;
     list-style: none;
     margin: 0;
     padding: 0;
     background: transparent url(../img/icon_navbar_wrapper_bg.gif) 0 0 no-repeat;
}

#icon_navbar li {
     display: inline;
     padding: 0;
     margin-left: 40px;
}

.iab {
     background: gray;
}

.iab.verticalBanner {
     width: 120px;
     height: 240px;
}

.iab.skyscraper {
     width: 120px;
     height: 600px;
}

.iab.leaderboard {
     width: 728px;
     height: 90px;
     margin: 0 auto;
}

.book_wrapper .min_h {
     height: 300px;
}

.clear {
     clear: both;
}

.centered {
     text-align: center;
}

.pad.top {
     padding-top: 8px;
}

.pad.right {
     padding-right: 8px;
}

.pad.left {
     padding-left: 8px;
}

.pad.bottom {
     padding-bottom: 8px;
}

#nav_bar_wrapper {
	background: transparent url(../img/nav_bar_wrapper_bg.gif) repeat-x;     
}

#nav_bar_wrapper #flashMessage {
     margin: 0 10px;
     padding: 2px 4px;
     background-color: #eaeada;
}

.generic_form label {
     display: block;
     font-weight: 700;
}

.generic_form div.input {
     margin-bottom: 16px;
}

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

* html>body .clearfix {
    display: inline-block;
    width: 100%;
}

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

#lightbox {
     position: absolute;
     top: 40px;
     left: 0;
     width: 100%;
     z-index: 100;
     text-align: center;
     line-height: 0;
}

#lightbox a img {
     border: none;
}

#outerImageContainer {
     position: relative;
     background-color: #fff;
     width: 250px;
     height: 250px;
     margin: 0 auto;
}

#imageContainer {
     padding: 10px;
}

#loading {
     position: absolute;
     top: 40%;
     left: 0;
     height: 25%;
     width: 100%;
     text-align: center;
     line-height: 0;
}

#hoverNav {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10;
}

#imageContainer>#hoverNav {
     left: 0;
}

#hoverNav a {
     outline: none;
}

#prevLink, #nextLink {
     width: 49%;
     height: 100%;
     background: transparent url(../img/blank.gif) no-repeat;
     display: block;
}

#prevLink {
     left: 0;
     float: left;
}

#nextLink {
     right: 0;
     float: right;
}

#prevLink:hover, #prevLink:visited:hover {
     background: url(../img/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
     background: url(../img/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
     font: 10px Verdana, Helvetica, sans-serif;
     background-color: #fff;
     margin: 0 auto;
     line-height: 1.4em;
}

#imageData {
     padding: 0 10px;
}

#imageData #imageDetails {
     width: 70%;
     float: left;
     text-align: left;
}

#imageData #caption {
     font-weight: 700;
}

#imageData #numberDisplay {
     display: block;
     clear: left;
     padding-bottom: 1.0;
}

#imageData #bottomNavClose {
     width: 66px;
     float: right;
     padding-bottom: 0.7em;
}

#overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 90;
     width: 100%;
     height: 500px;
     background-color: #000;
     opacity: 0.6;
}

.error-message {
    color: red;
    padding: 2px 0;
    font-weight: bold;
}

.form2 {
    background: #FFF;
    padding: 5px 10px;
    border: 1px solid #CCC;
    width: 95%;
    margin: 0 auto;
}

.form2 p {
    margin: 1em 0;
}

.form2 a {
    color: #0B2D4C;
    font-weight: bold;
}

#wp_container { width: 875px; margin: 0 auto; }
.wpcontainer { background: #193340 url(img/big_gradient.jpg) repeat-x; }