@charset "utf-8";
/* CSS Document */

/* core structure elements */
* {border:0; padding:0; margin:0; outline:0;}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:#fff url(../images/bg_body.jpg) repeat-x top;}
img {display:block;}
.wrapper {width:960px; margin:0 auto 25px auto;}
a {color:#376890;}

/* page header elements */
.pagehead {height:81px; padding:5px 5px 0 30px; position:relative;}
.pagehead ul {list-style:none; float:left; position:absolute; top:23px; left:215px;}
.pagehead ul li {float:left; margin:0 1px 0 0;}
.pagehead ul li a {color:#fff; font-size:15px; font-weight:bold; text-decoration:none; padding:10px 15px 0 15px; height:30px; display:block;}
.pagehead ul li a:hover {color:#8ec0e3; padding:10px 15px 0 15px; height:30px; }
#active a {color:#8ec0e3; padding:10px 15px 0 15px; height:30px;}
.account {float:right; top:px; right:px;}
.adata {float:right; margin:5px 10px 0 0;}
.adata h1 {font-size:18px; color:#8ec0e3; text-align:right;}
.adata p {text-align:right; color:#999; font-size:13px;}
.adata p a {color:#fff; font-size:13px; text-decoration:none;}
.adata ul {position:static; float:right; padding:10px 0 0 0;}
.adata ul li p {padding:0 5px 0 0; color:#fff;}
#nopad {padding:0;}
.apic {float:right;}
.pickcount {position:absolute; top:58px; left:42px; z-index:1;}
.pickcount p {color:#8ec0e3; font-size:11px;}


/* sub-page three col structure */
.subpage {clear:both; padding:15px 0 0 0px;}
.subpage h1 {font-size:18px; color:#376890; margin:0 0 10px 0;}
.col1 {float:left; width:200px; margin:0 15px 0 0;}
.col1 ul {list-style:none; border-top:1px solid #c0c1c0; border-left:1px solid #c0c1c0;}
.col1 ul li {border-bottom:1px solid #c0c1c0; border-right:1px solid #c0c1c0;}



#actside_off a {display:block; background:#fff; color:#666; font-size:13px; text-decoration:none; padding:8px; font-weight:normal;}
#actside_off a:hover {display:block; font-weight:normal; background:#f2f8fc; color:#6699cc; padding:8px; font-size:13px; text-decoration:none;} 
#actside_on a {display:block; font-weight:bold; background:#f2f8fc url(../images/bg_subarrow.png) left 1px no-repeat; color:#6699cc; padding:8px 8px 8px 20px; font-size:13px; text-decoration:none;} 
#actside_on a:hover {display:block; font-weight:bold; background:#f2f8fc url(../images/bg_subarrow.png) left 1px no-repeat; color:#6699cc; padding:8px 8px 8px 20px; font-size:13px; text-decoration:none;}


#actside a {font-weight:bold; background:#f2f8fc url(../images/bg_subarrow.png) left 1px no-repeat; color:#6699cc; padding:8px 8px 8px 20px;} 
.col2 {float:left; position:relative; width:500px;}
.col2 h1 {float:left;}
.gametable {display:table; clear:both; width:100%; border-top:1px solid #c0c1c0; border-left:1px solid #c0c1c0; margin:0 auto 25px auto;}
.gametable td {border-right:1px solid #c0c1c0; border-bottom:1px solid #c0c1c0;}
.gametable select {padding:2px; float:right; border:1px solid #fff;}  
.gametable thead td {background:#8c9b93; color:#e8ebe9; font-weight:bold; font-size:10px; padding:10px 10px 10px 10px;}
.gametable tbody td {font-size:13px; color:#666; padding:6px 10px 6px 10px; }
#selgame {background:#f2f8fc;}
.col2 input {float:right; margin:0 0 0 10px; cursor:pointer; padding:5px; color:#666; border:1px solid #c0c1c0;}
.col3 {float:right; width:215px;}
.col3 select {margin:0 0 10px 0; width:100%; padding:2px;}

/* sub-page account elements */
.account {position:absolute; right:5px; top:5px;}
.accountout {position:absolute; right:25px; top:25px;}
.accountout h1 {float:right; font-size:12px; font-weight:normal; color:#6699cc; margin:8px 10px 0 0;}

/* sub-page nav elements */
.nav {padding:0;}
#noshow {display:none;}
.nav ul {list-style:none;}
.nav ul li {float:left; margin:0 1px 0 0;}
.nav ul li a {display:block; height:25px; padding:10px 15px 0 15px; text-decoration:none; color:#a1ada7; font-size:13px; font-weight:bold;}
.nav ul li a:hover {background:#fff; color:#6699cc;}
#actsub a {background:#fff; color:#6699cc;}
.matchbox {height:100%; overflow:auto; margin:0 0 15px 0;}




/* home page elements */
#home {background:url(../images/bg_home_main.jpg) no-repeat top center;}
.home {position:relative;}
.homein {float:right; position:absolute; top:25px; right:25px;}
.homein h1 {float:right; font-size:12px; font-weight:normal; color:#fff; margin:8px 10px 0 0;}
.homein img {float:right;}
.homecopy {width:450px; position:absolute; left:105px; top:185px;}
.homecopy h2 {font-size:18px; color:#9fd4f9; font-weight:normal; padding:0 0 2px 0;}
.homecopy h1 {font-size:33px; color:#fff; padding:0 0 20px 0;}
.homecopy p {font-size:13px; color:#c8e2f4;}
.homecopy p a {color:#c8e2f4; text-decoration:underline; font-size:11px;}
.startbtn {position:absolute; top:210px; left:410px;}
.statistics {padding:0 0 15px 0;}
.statistics ul {border:0;}
.statistics ul li {background:#aac5cc; padding:5px; border-bottom:1px solid #fff; border-right:0;}
.statistics ul li h1 {font-size:12px; color:#23486d; font-weight:normal; margin:0 0 3px 0;}
.statistics ul li p {font-size:15px; color:#fff; font-weight:bold;}
.trophy {display:table; border-top:1px solid #ccc; border-left:1px solid #ccc; background:#f0f0f0; width:100%;}
.trophy td {padding:3px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.trophy td h1 {color:#666; font-size:11px; margin:0; padding:0;}
.trophy td p {color:#999; font-size:13px;}
#troph {background:#fff; width:39px; padding:5px 3px 5px 3px;}
#troph img {text-align:center; margin:0 auto 0 auto;}
.rectrophs {height:100%; overflow:auto;}

/* gurustar elements */

.gurustar {border:0px solid #c2c2c0; margin:0px 0 15px 0; height:100%; overflow:auto;}
.gurustartop {}
.gurustartop h1 {color:#576532;}
.gurustarbot {background:#dfeac2; padding:6px; height:100%; overflow:auto; clear:both;}
.gurustarbot h1 {color:#576532; font-size:15px; padding:20px 0 5px 0; margin:0;}
.gurustarbot p {font-size:12px; color:#576532;}
.gurustarbox {background:#fff; width:80px; float:right; height:100%; overflow:auto;}
.gurustarbox h1 {color:#82b800; padding:10px 0 10px 0; text-align:center; display:block; font-size:40px;}
.gurustarbox h2 {color:#fff; background:#82b800; font-size:10px; text-align:center; padding:3px 0 3px 0;}

/* login pop elements */

.login {width:217px; height:400px; display:none; background: url(../images/bg_signin.png) no-repeat center top; position:absolute; top:25px; right:25px; z-index:10; padding:0px;}
.login h1 {color:#6699cc; font-size:18px; clear:both;}
.login p {}
.login table {display:table; width:174px; padding:12px 0 10px 0; clear:both; margin:0 auto 0 auto;}
.login table tbody td {padding:5px; 0 5px 0;}
.login table tbody td label {color:#666;}
.login table tbody td input {border:1px solid #ccc; padding:3px; width:168px;}
.login table tbody td p {font-size:11px; padding:8px 0 0 0; color:#999;}
#loginbutton {cursor:pointer; padding:5px; color:#fff; border:1px solid #679200; background:#82b801; float:right; overflow:visible; width:auto;} 


/* home picks elements */
.homepicks {clear:both; width:100%;}
.homepicks table {display:table; border-top:1px solid #c0c1c0; border-left:1px solid #f8f8f8; width:100%; background:#fff;}
.homepicks table td { border-bottom:1px solid #dedede; padding:5px; border-right:1px solid #f8f8f8;}
.homepicks table thead tr td {background:#8c9b93; color:#e8ebe9; font-weight:bold; font-size:10px; padding:10px 10px 10px 10px; border-right:1px solid #c0c1c0; border-bottom:1px solid #c0c1c0;}
.homepicks table tbody tr td {color:#666;}



/* home page pick nav elements */
.h_pick_nav {clear:both; padding:0 0 10px 0; height:100%; overflow:auto;}
.h_pick_nav input {float:left;}
#p_navbtn5 {background:#82b801; color:#fff; border-color:#679200;}


/* home page new trophy elements */
.newtrophy {clear:both; background:#cccc9a; margin:0 0 10px 0; padding:5px 5px 5px 5px; height:100%; overflow:auto;}
.newtrophy h1 {font-size:16px; color:#ffffce; padding:0 0 10px 0; margin:5px 0 0 5px;}
.newtrophy ul {list-style:none; clear:both; background:#fff; height:100%; overflow:auto; padding:15px 0 0 15px;}
.newtrophy ul li {padding:0 0 15px 0; width:220px; float:left}
.newtrophy a {float:right; margin:5px 5px 0 0; padding:0; text-decoration:none; color:#ffffce; font-size:11px; font-weight:bold;}
.newtrophy img {float:left; margin:0 10px 0 0;}






/* page content elements */
.content {min-height:600px; height:100%; overflow:auto;  padding:0 0 25px 15px; background:#fff;}
#noback {background:none; height:438px; min-height:inherit;}




/* mini game sidebar */
.mgame_sidebar {height:100%; overflow:auto; margin:0 0 15px 0;}
.mgame_cont {background:#aac5cc; padding:12px; margin:0; min-height:250px;}
.mgame_cont p {padding:0 0 10px 0; color:#376890; text-align:center;}
.mgame_choices {text-align:center;}
.mgame_button {padding:5px 10px 5px 10px; cursor:pointer; border:1px solid #c0c1c0; overflow:visible; display:inline; font-size:12px;}
.mgame_value {width:100%; margin:0 0 10px 0; height:100%; overflow:auto;}
.mgame_data {width:90px; text-align:center; float:left; margin:0 0 0 10px; background:#fff;}
.mgame_data h1 {font-size:14px; margin:0; background:#376890; color:#fff;}
.mgame_data p {padding:5px 0 5px 0; color:#376890; font-size:16px;}
.mgame_respicka {width:190px; margin:0 auto 0 auto; height:100%; overflow:auto;} 
.mgame_respickb {width:100px; margin:0 auto 0 auto; height:100%; overflow:auto;} 

/* about page elements */
.about {width:500px; float:left;}
.about h1 {color:#6699cc; font-size:33px; font-weight:normal;}
.about p {color:#666; font-size:13px; line-height:18px; padding:0 0 20px 0;}

/* new user page elements */
.newuser {}
.newuser h1 {font-size:18px; clear:both;}
.newuser p {}
.newuser table {display:table; padding:10px 0 10px 0;}
.newuser table tbody td {padding:5px;}
.newuser table tbody td input {border:1px solid #ccc; padding:3px;}
#newsubmit {cursor:pointer; padding:5px; color:#666; border:1px solid #c0c1c0; float:right;}


/* gurus elements */

.gurus table {display:table; border-top:1px solid #ccc; border-left:1px solid #ccc; background:#fff;}
.gurus td {padding:5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#666;}
.gurus thead td {background:#8c9b93; color:#e8ebe9; font-weight:bold; font-size:10px; padding:10px 10px 10px 10px;}
.gurutable {float:left; margin:0 45px 25px 0;}
.gtab {width:200px;}


/* trophie page elements */

.trophies {}
.trophies ul {list-style:none;}
.trophies ul li {float:left; margin:0 15px 15px 0; border:2px solid #c0c1c0; padding:1px; width:180px; background:#fff;}
.trophybox {border:1px solid #c0c1c0; padding:10px 10px 5px 10px;}
.trophybox h1 {font-size:11px; text-align:center;}
.trophybox p {color:#333; text-align:center; padding:0 0 5px 0;}

/* help page elements */
.help {}
.help h2 {font-size:12px; color:#376890; margin:0 0 10px 0;}
.help p {margin:0 0 10px 0; color:#333;}
.help ol {margin:0 0 0 50px}
.help ol li {margin:0 0 10px 0;}


/* footer elements */
.footer {height:100%; overflow:auto; padding:10px 30px 25px 30px; border-top:1px solid #e3e4e3; clear:both;}
.footer img {float:left; margin:0 10px 0 0;}
.footer span {float:right;}
.footer p {float:left; color:#999; font-size:11px; padding:8px 0 0 0;}
.footer p a {color:#999; text-decoration:none; padding:0 5px 0 5px;}


/* recaptcha elements */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#F8F8F8 !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #c0c1c0 !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #c0c1c0 !important; //Text input field border color
   background-color:#FF0000 !important; //Text input field background color
 }


/* fb elements */

.fb_like {margin:0 0 15px 0;}
.fb_commetns {margin:0 0 15px 0;}

/* twitter elements */

.twitterfeed {margin:0 0 15px 0;}