/*********** SMALL TABS *********/
.sml-tabs {width:288px; height:25px; margin:0px;  padding:5px 0px 0px 0px;}
.sml-tabs ul {}
.sml-tabs  li { float:left;  margin:0; padding:0; text-indent:0; list-style-type:none;}
.sml-tabs  li a {background: url(../images/sml-pod-tabs.png) no-repeat; display:block; height:23px; width:96px; padding:7px 0px 0px 0px; margin:0px; color:#fff; font-size:0.9em; outline:none; text-decoration:none; text-align:center; font-weight:bold; color:#4f587f;}

.sml-tabs  .tab1 {background-position: 0 0;}
.sml-tabs  .tab2 {background-position: -96px 0; }
.sml-tabs  .tab3 {background-position: -192px 0; }
 
.sml-tabs  a:hover {color:#fff; text-decoration:none;}
.sml-tabs  .tab1:hover 	{background-position:      0 -30px; }
.sml-tabs  .tab2:hover 	{background-position: -96px -30px; }
.sml-tabs  .tab3:hover 	{background-position: -192px -30px; }

.sml-tabs  a.current {cursor:default; color:#fff; text-decoration:none;}
.sml-tabs  .tab1.current {background-position:      0 -60px; }
.sml-tabs  .tab2.current {background-position: -96px -60px; }
.sml-tabs  .tab3.current {background-position: -192px -60px; }

.sml-panes { background: url(../images/sml-pod-tabs.png) left bottom no-repeat; width:288px;}

/*********** LRG TABS *********/
.game-tabsx4, .game-tabsx2, .game-tabsx3, .game-tabsx1 {float:left; height:25px; margin:5px 0px 0px 0px; padding:5px 0px 0px 0px; width:644px;}
.game-tabsx4  li, .game-tabsx2 li, .game-tabsx3 li, .game-tabsx1 li  { float:left;  margin:0; padding:0; text-indent:0; list-style-type:none;}
.game-tabsx4  a.current, .game-tabsx2  a.current, .game-tabsx3  a.current, .game-tabsx1  a.current {cursor:default; color:#fff; text-decoration:none;}
.game-tabsx4  a:hover, .game-tabsx2  a:hover, .game-tabsx3  a:hover, .game-tabsx1  a:hover {color:#fff; text-decoration:none;}
.game-tabsx4 li a, .game-tabsx2 li a, .game-tabsx3 li a {display:block; height:23px; padding:7px 0px 0px 0px; margin:0px; color:#fff; font-size:0.9em; outline:none; text-decoration:none; text-align:center; font-weight:bold; color:#4f587f;}

.game-tabsx4  li a {background: url(../images/lrg-pod-tabsx4.png) no-repeat;  width:161px; }
.game-tabsx4  .tab1 {background-position: 0 0;}
.game-tabsx4  .tab2 {background-position: -161px 0; }
.game-tabsx4  .tab3 {background-position: -322px 0; }
.game-tabsx4  .tab4 {background-position: -483px 0; }

.game-tabsx4  .tab1:hover 	{background-position:      0 -33px; }
.game-tabsx4  .tab2:hover 	{background-position: -161px -33px; }
.game-tabsx4  .tab3:hover 	{background-position: -322px -33px; }
.game-tabsx4  .tab4:hover 	{background-position: -483px -33px; }

.game-tabsx4  .tab1.current {background-position:      0 -66px; }
.game-tabsx4  .tab2.current {background-position: -161px -66px; }
.game-tabsx4  .tab3.current {background-position: -322px -66px; }
.game-tabsx4  .tab4.current {background-position: -483px -66px; }

.game-tabsx3  li a {background: url(../images/lrg-pod-tabsx3.png) no-repeat;  width:216px; }
.game-tabsx3  .tab1 {background-position: 0 0; }
.game-tabsx3  .tab2 {background-position: -216px 0px; width:212px;}
.game-tabsx3  .tab3 {background-position: -428px 0px; }

.game-tabsx3  .tab1:hover 	{background-position:      0 -33px; }
.game-tabsx3  .tab2:hover 	{background-position: -216px -33px; width:212px;}
.game-tabsx3  .tab3:hover 	{background-position: -428px -33px; }

.game-tabsx3  .tab1.current {background-position:      0 -66px; }
.game-tabsx3  .tab2.current {background-position: -216px -66px; width:212px;}
.game-tabsx3  .tab3.current {background-position: -428px -66px; }

.game-tabsx2  li a {background: url(../images/lrg-pod-tabsx2.png) no-repeat;  width:322px; }
.game-tabsx2  .tab1 {background-position: 0 0;}
.game-tabsx2  .tab2 {background-position: -322px 0; }

.game-tabsx2  .tab1:hover 	{background-position:      0 -33px; }
.game-tabsx2  .tab2:hover 	{background-position: -322px -33px; }

.game-tabsx2  .tab1.current {background-position:      0 -66px; }
.game-tabsx2  .tab2.current {background-position: -322px -66px; }

.game-tabsx1  li {background: url(../images/lrg-pod-tabsx1.png) no-repeat; width:644px; }
.game-tabsx1  .tab1 { height:23px; padding:10px 0px 0px 10px; margin:0px; font-size:0.9em; outline:none; text-decoration:none; text-align:left; font-weight:bold; color:#fff;}

.game-panesx4 {float:left; background: url(../images/lrg-pod-tabsx4.png) center bottom no-repeat; width:644px; padding:10px 0px 10px 0px;}
.game-panesx3 {float:left; background: url(../images/lrg-pod-tabsx3.png) center bottom no-repeat; width:644px; padding:10px 0px 10px 0px;}
.game-panesx2 {float:left; background: url(../images/lrg-pod-tabsx2.png) center bottom no-repeat; width:644px; padding:10px 0px 10px 0px;}
.game-panesx1 {float:left; background: url(../images/lrg-pod-tabsx1.png) center bottom no-repeat; width:644px; padding:10px 0px 10px 0px;}

.lrg-tab-pod {float:left; background: url(../images/lrg-pod-tabs-inside.png) center top no-repeat; width:644px; padding:0; margin:0;}
.lrg-tab-pod .content {float:left; position:relative; padding:10px 15px 0px 15px; width:614px;}
.lrg-tab-pod .footer {float:left; height:10px;  background: url(../images/lrg-pod-tabs-inside.png) center bottom no-repeat; width:644px;}

.lrg-tab-pod .navlink {float:left; bottom:0; height:20px; font-weight:bold; margin: 10px 0px 0px 5px; font-size:0.9em;}
.lrg-tab-pod .navlink-fixed {float:left; position:absolute; bottom:0; height:20px; font-weight:bold; font-size:0.9em;}
.lrg-tab-pod .navlink a, .lrg-tab-pod .navlink-fixed a {font-weight: bold; color:#04376b;}

.lrg-tab-pod .selector {float:left; margin:5px; width:600px; color:#264263; font-weight:bold;}
.lrg-tab-pod .selector p {float:left;}
.lrg-tab-pod .selector select {width:200px; margin-right:10px;}

.lrg-tab-pod .selector .refresh {float:right; display:block; width:22px; height:22px; text-indent:-2000em; background: url(../images/sprite-main.png) -958px -217px no-repeat; overflow:hidden;}
.lrg-tab-pod .selector .refresh:hover {background-position:-958px -239px;}

.lrg-tab-pod .challenge-link {float:left; height:20px; padding:2px 0px 0px 0px; color:#f1b316;}

.lrg-tab-pod .table-header {float:left; position:relative; width:600px; margin:5px 5px 0px 5px; padding:0; border:1px solid #979797; border-bottom:0px; color:#2f2f2f; overflow-x:hidden; overflow-y:auto;}
.lrg-tab-pod .table-header table {width:100%; border-spacing:0; font-size:0.9em;}
.lrg-tab-pod .table-header th {background: #5680a5; color:#fff; margin:0; border:0;}

.lrg-tab-pod .table-cont {float:left; position:relative; width:600px; margin:0px 5px 5px 5px; padding:0; border:1px solid #979797; color:#2f2f2f; overflow-x:hidden; overflow-y:scroll;}
.lrg-tab-pod .table-cont table {width:100%; border-spacing:0; font-size:0.7em;}
.lrg-tab-pod .table-cont tbody {width:100%;}
.lrg-tab-pod .table-cont th {background: #5680a5; color:#fff; margin:0; padding:5px 6px 5px 6px; border:0;}
.lrg-tab-pod .table-cont table td {margin:0; padding:5px 6px 5px 6px; border:0; border-bottom:1px solid #bfbfbf; vertical-align:top;}
.lrg-tab-pod .table-cont tr.alt {background-color: #f4f7ff;}
.lrg-tab-pod .table-cont a {font-weight:bold; color:#3e648d;}

.lrg-tab-pod .table-cont .avatar {float:left; margin:2px 3px 2px 0px; border:1px solid #444; width:20px; height:20px;}
.lrg-tab-pod .table-cont .link {float:left; line-height:20px; margin:2px 0px 2px 0px; width:130px;}
.lrg-tab-pod .table-cont .clink {float:left; line-height:20px; margin:2px 0px 2px 0px; width:170px; color:#000;}
.lrg-tab-pod .table-cont .cnum {float:left; line-height:20px; margin:2px 0px 2px 0px; color:#000;}

.lrg-tab-pod .table-cont .winner {background: url(../images/challenge-winner.png) 3px 9px no-repeat; padding-left:23px;}
.lrg-tab-pod .table-cont .winner .avatar {border: 1px solid #f1b316;}
.lrg-tab-pod .table-cont .winner .link {color:#f1b316; width:105px;}

.lrg-tab-pod .table-cont .loser {background: url(../images/challenge-loss.png) 8px 7px no-repeat; padding-left:22px;}
.lrg-tab-pod .table-cont .loser .avatar {opacity:.40; -moz-opacity:.40; filter:alpha(opacity=40); -ms-filter: "alpha(opacity=40)";}
.lrg-tab-pod .table-cont .loser .link {opacity:.40; -moz-opacity:.40; filter:alpha(opacity=40); -ms-filter: "alpha(opacity=40)"; width:105px;}

.lrg-tab-pod .table-cont .draw {background: url(../images/challenge-draw.png) 8px 7px no-repeat; padding-left:22px;}
.lrg-tab-pod .table-cont .draw .avatar {opacity:.60; -moz-opacity:.60; filter:alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}
.lrg-tab-pod .table-cont .draw .link {opacity:.60; -moz-opacity:.60; filter:alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; width:105px;}

.lrg-tab-pod .table-cont .open .avatar {opacity:.60; -moz-opacity:.60; filter:alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}
.lrg-tab-pod .table-cont .open .link {opacity:.60; -moz-opacity:.60; filter:alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}

/*********** TOOLTIP ***********/
.tt {display:none;}
.tt {float:left; position:relative; z-index:3000; width:190px; height:90px; padding:5px; overflow:hidden; background: url(../images/tooltip-sml.png) 0 0 no-repeat; font-size:0.7em; text-align:center;}
.tt h3, #tooltip div { margin: 0; }

/*********** AUTOCOMPLETE ***********/
.ac_results {padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999;}
.ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden;}
.ac_loading {background: white url('indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A; color: white;}

/*************** GENERAL CHALLENGE FORM **********************/
.cmedia {float: left; display: block; text-align:center; padding:5px; width:105px; height:110px; margin: 0 auto; cursor:pointer;}
.cmedia:hover{background: #f5f5f5;}
.cmedia img {display:block; margin:0 auto; border:1px solid #a8a8a8;}
.cmedia p {font-size:0.8em; margin:5px 0px 5px 0px;} 

.cavatar {float: left; display: block; text-align:center; padding:5px; width: 100px; margin: 0 auto; cursor:pointer;}
.cavatar:hover{background: #f5f5f5;}
.cavatar img {display:block; margin:0 auto; border:1px solid #a8a8a8;}
.cavatar p {font-size:0.8em; margin:5px 0px 5px 0px;}

.selected { background: #8bc540; color: white; }
.selected:hover { background: #8bc540;}

/*************** LOAD MASK ******************/
.loadmask {z-index: 100; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #CCC; width: 100%; height: 100%; zoom: 1;}
.loadmask-msg {z-index: 20001; position: absolute; top: 0; left: 0; border:1px solid #6593cf; background: #c3daf9; padding:2px;}
.loadmask-msg div {padding:5px 10px 5px 25px; background: #fbfbfb url('../images/loading.gif') no-repeat 5px 5px; line-height: 16px; border:1px solid #a3bad9; color:#222; font:normal 11px tahoma, arial, helvetica, sans-serif; cursor:wait;}
.masked {overflow: hidden !important;}
.masked-relative { position: relative !important;}

/*************** CREATE CHALLENGE BUTTON ******************/
.create-challenge-lrg {float:left; display:block; width:644px; height:70px; text-indent:-2000em; overflow:hidden; background: url(../images/create-challenge-lrg.png) 0 0 no-repeat;}
.create-challenge-lrg:hover {float:left; display:block; width:644px; height:70px; text-indent:-2000em; overflow:hidden; background: url(../images/create-challenge-lrg.png) 0 -70px no-repeat;}
.fb-challenge {float:left; display:block; height:70px; width:306px; margin-bottom:6px; overflow:hidden; text-indent:-2000em; background: url(../images/challenge-on-facebook.png) 0 0 no-repeat;}

/************** FORMS *************************/
.chlg-frm {float:left; padding:10px 12px 10px 12px; font-weight:bold; color:#fff; font-size:0.9em;}
input:focus {border: 1px solid #bbbbbb;}
input.error, textarea.error {border: 1px solid red;}
input, textarea {border: 1px solid #bbbbbb; margin-bottom:3px;}
input.checkbox {border: none;}
.chlg-frm select {margin-bottom:5px;}