/* main.css*/
html, body{ 
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #333333;
    height:100%;
}
body { min-height: 100%}
img{
    border: 0px;
}
p{
    margin: 6px 0px 10px 0px;
}
h1, h2, h3, h4, form,embed {
    margin:0;
    padding:0;
    color: #10657D;
}
h1{
    font-size: 25px;
    font-weight: bold; 
}
h2, h3{
    font-size: 14px;
}

/* Margin from the top to the container border line */
#wrapper{
    width:764px;
    margin: 0 auto;
    padding-top:0;
    position:relative;
}
#header{
    overflow:hidden;
    padding:0;
}
#topAnchor {
    font-size: 0;
    line-height: 0;
}
#topAnchor span {
    display: none;
}
#topBanner{
    padding: 20px 18px 10px 18px;
}

#logoLink { 
    width: 125px; 
    float:left;
}
#logoLink a {
    display: block;
}
#container{
    clear:both;
    float:left;
    margin:0px;
    position:relative; /* container for absolute positioned notification popup */
    width:760px;
    background:#fff;
    background-image: url(../images/blue_gradient_bg.png);
    background-repeat: repeat-x;
    background-position: 0 120px;
}
#container a{
    text-decoration: none;
    color: #548B34;
    font-weight: bold; 
    outline: none;
}
#container a:hover{
    text-decoration: underline;
    font-weight: bold; 
}
/* main navigation */
#mainNav {
    overflow:hidden;
    height:44px;
}
#mainNav ul{
    float:left;
    height:44px;
    list-style-type:none;
    margin:0;
    padding:0;
}
#mainNav ul li{
    display:inline;
    line-height:44px;
    float:left;
}
#mainNav ul li a{
    float:left;
}





/* Logout button */
#headerLogout {
    margin: 7px 7px 5px 7px;
    float: right;
}
#footer {
    margin-bottom:10px;
}
#footerContent a,#footerContent span, #footerContent img{
    vertical-align:middle;
}
#footerContent{
    padding:5px 0px;
    width: 100%;
}
#footerContent, #footerContent a{
    font-size:9px;
}
#footerContent a{
    text-decoration:none;
}

/*content*/
#friendStatus{
    margin: 20px 5px 5px 20px;
}
#friendStatus img {
    vertical-align:top;
}
.inviteFriend{
    padding-left:5px;
    line-height:35px;
}
.inviteFriend img{
    margin-right:3px;
    vertical-align:middle;
    margin-bottom:2px;
}
.inviteFriend a{
    text-decoration: none;
    color: #fff;
    font-size:10px;
}


 
.inviteHolder {
    z-index: 1000; 
    /*display: none;*/
    display: none;
    visibility:hidden;
    position: fixed;
    margin:0 auto;
    width: 376px;
    height: 530px;
}
.inviteFrame {
    position: absolute;
    width:100%;
    height:100%;
    border: none; 
    margin: 0px;
    margin-left: auto;
    margin-right:auto;
}
/*end main */
#welcome{
    margin: 0; 
    padding: 0;
    position:relative;
    color:#000;
    background-color:#E4F4FF;
}

#gamePlay{
    padding:0;
    width: 760px;
}


#gameContainer{
    position: relative;
    height:auto;
    z-index:1;
    margin:0;
    padding:1px;
    width:758px;
}
/* products page */
#products{
    background:#fff;
    position:relative;
    padding:10px 17px;
    width: 726px;
    height:auto; 
    margin:0;
    min-height:590px;
}
#products #allGamesMoneyTournamentsWrapper{float:left;}

div.product{
    width:350px;
    float:left;
    padding:5px;
    height:auto; 
    min-height:160px;
}

div.product div.productImage{width:130px; float:left;}
div.product div.productInfo{ 
    float:left; 
    margin-left:15px; 
    width:200px;
}
div.productInfo p{margin:5px 0;}
div.productInfo p.originalPrice, div.productInfo p.frosmoPrice{font-size:10px;}
div.productInfo p.originalPrice span{font-weight:bold;}
div.productInfo p.frosmoPrice span{
    color: #10657D;
    font-size:22px;
    font-weight:bold;
}
#productDetailsHolder{
    position : absolute;
    display : inline;
    left : 20px;
    top: 5px;
    width : 720px;
    z-index: 101;
}
#premiumTournamentsHolder{
    background: #fff;
    position: absolute;
    display: inline;
    left: 2px;
    top: 5px;
    z-index: 102;
    display: none;
    padding:5px 5px 15px 5px;
    border:1px solid #205f8e;
}
#productDetails{
    background: white;
    border: 3px solid #85CFE8;
    float:left;
    padding:15px 10px 20px;
    width:700px;
}
#productDetails .productInfo{ 
    float:left;  
    width:330px;
    padding-left:20px;
}
#productDetails .productImage{width:350px; float:left;}
#productDetails h1{font-size:18px;}
#productDetails h2{font-size:15px;margin:40px 0 10px 0;}
#products .close{float:right;margin:0px;width:100%;margin-bottom:5px;}
#products .close span{float:right;}
#productImage{padding-bottom:10px;}
.productClaimLink{    
    padding:2px 0;
    margin:10px 0 0 0 !important;
    color:red;
}


#myAccount{
    width:760px;
}

#avatarHolder{
    position:relative;
    height: 700px;    
    float:left;
    width: 760px;
    background:#fff;
    /*height:auto;*/
}
#avatarHolderwithFcredits{
    position:relative;
    min-height: 400px;    
    float:left;
    width: 760px;
}
#avatarFrame{
    height: 600px;    
    width: 760px;
    margin:0;
    padding:0;
    overflow-y:auto;
    overflow-x:hidden;
    background:#fff;
}
#gameNav{
    background:#88cfe4;
    margin:0;
    padding:0;
    height:33px;
}
#gameNav ul{
    height:30px;
    padding:3px 0 0 0;
    margin:0 0 0 18px;
}
#gameNav ul li{
    display: inline;
    margin-right:3px;
    padding:0;
}

#gameLogo, #statHeader img{
    position: absolute;
    left:20px; 
    z-index:1;
}

.vs {
    font-size: 10px; 
    font-weight: bold;
    color: #548B34;
}

.error{    
    color: #ff0000;
}
#inviteContent .error {
    padding-right:30px;
    display:block;
}
#error{
    color:#ff0000; 
    background:#FAE3E3; 
    border:1px solid #ff0000;
    padding:10px;
}

/* input moved to forms.css */

.chatTextarea{
    width:280px;
    border: 0;
    background-color: transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding: 0;
    margin: 0;
}

div.listTitle{
    background-color: transparent;
    background-image: url(../images/list2_top.png);
    background-repeat: no-repeat;
    overflow: hidden;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    color: #ffffff;    
    font-weight: bold;
    width: 303px;
    height: 32px;
    text-align: center;
    line-height: 30px;
}

#messages {
    width: 400px; 
    height: 330px; 
    overflow: auto; 
    padding: 5px; 
    border: 1px solid; 
    border-color: #ccc; 
    background-color: transparent;
}

#msg {
    overflow: auto;
}


div.bestScore span{
    font-weight:bold;
    font-size: 12px;
}

.listHolder {
    position:relative;
    z-index:2;
}
.listHolder { float: left; margin: 15px 10px;}
.listHolderIcon{
    position:absolute;
    left:250px;
    top:-19px; 
    z-index:10
}
.list, .list a, .list_odd, .list_odd a {
    height: 29px;
    font-weight: bold;
}

.list, .list a
{    background-color: #E8F2E2; }

.list_odd, .list_odd a
{    background-color: transparent; }

.listBox{
    width: 301px;
    margin:0;
    padding:0;
    border-left:1px solid #548B34;
    border-right:1px solid #548B34;
}
.listBox table{
    padding: 0px;
    margin: 0px;
    width:301px;
    background:#fff;
}
.listBox td{
    font-size: 10px;
    padding: 0px 5px;
    margin: 0px;
}
.listBox th{
    font-size: 10px;
    background-color:#79AF5A;
    padding:2px 5px;
    color:#fff;
}
td.listBoxFirst{
    width:75px; 
    text-align:right;
    padding-right:10px;
    padding-left:0;
}
#tournamentHeaderImg{
    float:left; border: 0; margin:0;padding:0;
}
#tournamentPageLeftCol{
    float:left;
    width:479px;
    border:1px solid #538FAC;
    padding:3px;
   /* position:relative;*/
}
#tournamentPageLeftColContent{
    height:100%; /*need hasLayout*/
    background:#fff;
    padding:2px 0;
}
#tournamentPageLeftColContent h1, #tournamentPageLeftColContent h2{
    padding:4px 0;
    color:#1F5E8D;
}
#tournamentPageRightCol{
    float:right;
    width:271px;
}

#time{
    background: transparent url(../images/allGamesMTRightHeadBg.gif) repeat-x scroll 0 -10px;
    font-weight: normal; font-size: 10px; color: #fff; font-family:Verdana,Arial,sans-serif;
}
#skillLevelInfo{
    padding:3px 5px;
    font-size:11px;
}

.skillLevelBg0{background:#F2F2F2;}
.skillLevelBg1{background:#A4E864;}
.skillLevelBg2{background:#77CBD7;}
.skillLevelBg3{background:#FB72CE;}
.skillLevelBg4{background:#C664D3;}
#welcome #tournamentList {
    margin: 10px auto;
}
#tournamentList table{
    border:1px solid #538FAC;
}
#tournamentList tbody tr{
    background:#f2f2f2;
}
#tournamentList td{
    font-size:10px;
    padding:3px 2px;
    border-top:1px solid #D9D9D9;
}
#tournamentList thead{
    background: #7cb9d5 url(../images/tournament_list_head_bg.gif) repeat-x;
    color:#fff;
    font-weight:bold;
    margin:0;
}
#tournamentList thead tr td{
    font-size:14px;
    padding:3px 2px;
    border-top:1px solid #9FCCE1;
    border-bottom:1px solid #44748E;
}
#tournamentList thead tr td.col1{
    border-left:1px solid #9FCCE1;
}
#tournamentList thead tr td.col3{
    border-right:1px solid #9FCCE1;
    text-align:left;
}
#tournamentList .open{    background:#E3FCE3;}
#tournamentList .active{
    border-top:1px solid #538FAC;
    border-bottom:1px solid #538FAC;
    padding:0;
}

#tournamentList .firstCol{
    width:75px;
    text-align:center;
}
#tournamentList .secondCol{
    text-align:center;
    width:21px;
    border-right: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
}
#tournamentList .thirdCol{    width:146px; padding-left:5px; padding-right:5px;}
#tournamentList .fourthCol{    width:5px; padding:0;}

#tournamentList th{
    background:#7cb9d5;
    color:#fff;
    font-weight:normal;
    padding:2px 5px;
}

#activeTable {
    border:none !important;
    padding:0;margin:0;
    position:relative;
    width:100%;
    z-index:3;
    left:5px;   /*opposite than weldContainer*/
}
#activeTable td{
    background:#fff !important;
    border:none !important;
    margin:0;
    padding-top:2px;
    padding-bottom:2px;
}
#activeTable .secondCol {
    border-right: 1px solid #D9D9D9 !important;
    border-left: 1px solid #D9D9D9 !important;
}
#activeTable .fourthCol {width:2px; padding:0 !important;}

#activeTable img{padding:0; margin:0; border:0; vertical-align:top;}
#weldContainer{
    position:relative;
    padding:3px 0;
    width:266px;
    z-index:2;
    left:-5px;
}
#weld{
    position:relative;
    z-index:2;
    background:white;
}


.waitingContent{
    position:relative;
}
.waitingPlayerText{
    background:transparent !important;
    color:#2e88a9;
    font-size:9px;
    font-weight:normal;
    height:30px;
    left:-65px;
    line-height:normal;
    position:absolute;
    text-align:center;
    top:-55px;
    width:60px;
    z-index:5;
}
.waitingPlayerImg{
    background:transparent !important;
    height:75px;    
    left:-75px;
    position:absolute;
    top:-65px;
    width:80px;
    z-index:5;
}

#tournamentLegend{
    margin:8px;
    font-size:11px;
    color:#999;
}
#tournamentLegend span {padding-right: 5px;display:block;}
#tournamentLegend span img{padding-right: 3px;}
#counter{width:476px;}
#counter, #sendTicketWrapper, #challengeFriendWrapper {
    margin:0px auto 5px auto;
    display:block;
}
div#sendTicketWrapper, #challengeFriendWrapper /*, div.notificationWrapper*/ {
    background:transparent url('../images/sendTicketBg.png') left top no-repeat;
	height:60px;
	color:#fff;
	width:475px;
}

div#sendTicketContainer, #challengeFriendContainer  {
    position:relative; /* for absolute positioned gamePlayDialog */
    width:469px; /* ie8 */
	padding-top:5px;
}
div#sendTicketWrapper input, #challengeFriendWrapper input {
	background-color:transparent;
}
div#sendTicketWrapper form, #challengeFriendWrapper form {
	color:#fff;
}
div#flashErrorMessage {
    margin: 5px 10px;
}
div#sendTicketWrapper div#flashErrorMessage a {
    color: #CCEEFF;
}
#participationFee{
    color:#10657D;
    float:left;
    padding:15px 0;
    width:250px;
    font-size:15px;
    text-align:center;
}
#sendTicketPlay{
    float:left;
    height:54px;
}
#sendTicketPlay input{
    border:0;
    margin:6px 0;
}

div#tournamentInfoWrapper{
    background-color:#cccccc;
    margin:5px auto;
    padding:2px;
    width:472px;
}
div#tournamentInfoContainer{
    padding:10px;
    background-color:#fff;
}
div#currentBestTournamentResults {
    margin-top:10px;
    color: #10657D;
	background:transparent url('../images/prizeInfoTableBottom.png') left bottom no-repeat;
	width:253px;
	padding-bottom:6px;
}
div#currentBestTournamentResults h3{
    font-size:14px;
    color:#fff;
	background:transparent url('../images/topPositionsTableTop.png') left bottom no-repeat;
	display:block;
	height:24px;
	padding:17px 0 0 0;
	width:253px;
	text-align:center;	
}
div#currentBestTournamentResults ul{
    margin:0;
    padding:0 10px;
    list-style:none;
    font-weight:bold;
}
div#currentBestTournamentResults ul span{
    color:#000;
    font-weight:normal;
}
#tournamentInfo{
    width:240px;
}
#tournamentInfo p span{
    font-weight:bold;
    display:block;
    margin-top:8px;
}

#tournamentInfo #PrizeInfoContainer {
	background:transparent url('../images/prizeInfoTableBottom.png') left bottom no-repeat;
	width:253px;
	padding-bottom:6px;
}
#tournamentInfo #PrizeInfoContainer  h2 {
	background:transparent url('../images/prizeInfoTableTop.png') left top no-repeat;
	display:block;
	height:24px;
	padding:17px 0 0 0;
	width:253px;
	text-align:center;
	color:#fff;
	margin:0;
}
#tournamentInfo #PrizeInfoContainer td,
#currentBestTournamentResults td {
    padding:6px;
}
#tournamentInfo #PrizeInfoContainer table,
#currentBestTournamentResults table {
	border-left:1px solid #538FAC;
	border-right:1px solid #538FAC;
	width:100%;
}
#tournamentInfo #PrizeInfoContainer .position,
#currentBestTournamentResults table .position {
	background-color:#479BC6;
	color:#fff;
	width:30px;
}
#tournamentInfo #PrizeInfoContainer .amount,
#currentBestTournamentResults table .amount {
	border-top:1px solid #479BC6;
}
#tournamentRank {
    margin-right: 5px;
}
#tournamentRank p {
    text-align: center;
}
#tournamentRank .small { font-size: 9px; font-weight: lighter;}
#tournamentInfoScreen{
    float:right;
    margin:7px 0 10px 2px;
    padding:0;
}
#tournamentInfoScreen img.tournamentImage {
    border:3px solid #85CFE8;
}
#tournamentInfoScreen .membershipLevel {
    clear:both;
    text-align:center;
	margin-top:10px;
}
div.tournamentIngress {
    font-size: 12px;
    margin:20px 0;
}
#freeTournamentCounter{
    background:#3380a8;
    width:476px;
    margin:0 auto 5px;
}
#freeTournamentCounter h3{
    color:white;
    padding: 7px 15px;
    text-align:center;
}

/* Single column*/
.list_column{
    padding:0px;
    width:291px;
    padding-left: 10px;
}

table.rankings td{
    font-size: 11px;
    font-weight: bold;
}


/* Three columns, left; rank. */
td.rankings_left,th.rankings_left{
    border-right: 1px solid #D9D9D9;
    width: 30px;
}
/* Three columns, mid; name. */
td.rankings_mid,th.td.rankings_mid{
    border-right: 1px solid #D9D9D9;
    width: 140px;
}
/* Three columns, right; score. */
td.rankings_right{
    padding: 0 10px 0px 5px;
    text-align:right;
    width: 115px;
}

span.rankings_span{
    line-height: 54px;
    vertical-align: middle;
    font-size: 12px;
}

img.rankings_avatar{    float: left;  }

/* highlights the user's score row in ranking list */
.highlight {
    color: #548B34;
}

.clear{    clear: both; }

.listStyle{
    font-size: 9px;
    text-decoration: none;
    color: #559a2d; 
    padding-top: 4px;
    padding-left: 3px;
    font-weight: bold; 
}

.listBot{
    width: 303px;
    height: 6px;
    background: #fff url(../images/list2_bot.png) no-repeat;
    line-height:6px;
}

div.background{
    background-color: #f7f7f7;
    padding: 10px;    
}

#levelInfo{
    margin:3px 0;
    color: #548B34;
    font-size:11px;
}
div.helpContent{
    width:390px; 
    overflow-x: hidden; 
     float:left;
}

span.winner{
    color: #20c020; 
    font-weight: bold; 
}

span.loser{
    color: #c02020; 
    font-weight: bold; 
}

.bracket td{
    /*padding-bottom:10px;*/
    color:gray; 
    text-align: center;
    /*border:1px white solid;*/
}

.title{
    font-size: 12px;
    color: #fdd202;    
    font-weight: bold; 
}

div.helpContent ul{
    padding-left:30px;
    margin:0;
    list-style-type:decimal;
}
#faq{margin:15px;}
div.helpContent li, div.FAQQuestion {
    color:#10657D;
    font-size:12px;
    padding-bottom:10px;
    padding-top:10px;
    font-weight:bold;
}
div.helpContent h2{
    font-size:12px;
    font-style:italic;
    font-weight:normal;
}
div.FAQAnswer, div.FAQAnswer h2 {
    color: #000 !important;
    font-weight:normal;
}
#supportBoxContainer{
    width:269px;
    float:right;
    position:relative;
    right:40px;
    margin:0;padding:0;
    top:20px;
}
#supportBoxContainer .listTitle{
    background-image: url('../images/list_top_269.png');
    width:269px;
}
#supportBoxContainer .listBot{
    background: transparent url('../images/list_bot_green_269.gif') no-repeat;
    height:251px;
    width:269px;
}
#supportBoxContainer .listBox{
    width:247px;
    padding:10px 10px;
    background:white;
}
#supportBoxContainer .email{
    padding-top:10px;
    font-weight:bolder;
    color:#548B34;
}
/* Tournament report in _my_tournament.php */
.tournament-report{
    position: relative;
    top: 10px;
    padding: 10px;
    margin-bottom: 20px;
    background: #f0f0f0;
    border: solid #d0d0d0 1px;
}
.tournament-report{
    width: 300px;
}


/* Player list in game_search_player.php */
table.matchplayers{
    border: 0; 
    margin-right: 10px;
}

table.matchplayers td{
    text-align: left;
    font-weight: bold;
    padding: 4px 0px;
}
table.matchplayers img{
    vertical-align:middle;
}

.match{
    border: solid 1px #BBBBBB;
    padding: 5px;
}

.match hr{
    width: 90%;
}

.topPlayer {
    /*float: left;*/
    display: inline;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFFFF;
    padding: 8px;
    margin: 0px;
    border: none;
    background: url('../images/topplayers_mid.png') repeat-x;
    vertical-align: middle;
}


div.blueRoundTop{
    background-image: url(../images/blue_round_top.png);
    background-repeat: no-repeat;
    width: 373px;
    height: 9px;
    overflow: hidden;
    z-index: 101
}

div.blueRoundMiddle{
    width:364px;
    border-left: 5px solid #CDE0E9;
    border-right: 5px solid #CDE0E9;
    overflow: hidden;
    z-index: 101
}

div.blueRoundBottom{
    background-image: url(../images/blue_round_bottom.png);
    background-repeat: no-repeat;
    width: 373px;
    height: 9px;
    z-index: 101
}


.textboxLabel {
    color: #3B6382;
    font-size: 10px;
    font-weight:bold;
    line-height:20px;
}

.textbox{
    background-color:#CCE5F1;
    border:2px solid #8DB4C7;
    height:24px;
    width: 150px;
    font-size: 12px;
    padding:8px 4px;
    margin:0 2px;
}

.sendTicketField {
    margin:0px 2px 0px 2px;
    padding: 8px 6px;
    width: 140px;
    height: auto;
    background-color:#CCE5F1;
    border:2px solid #8DB4C7;
    vertical-align: top;
    font-weight:bold;
    font-size:14px;
    color:#1F5E8D;
}
.sendTicketField.nickname,.sendTicketField.ticket,.sendTicketField.contact_info { 
    bottom:7px;
    overflow:hidden;
    white-space:nowrap;
    z-index:2;
    position:absolute;
}
.sendTicketField.ticket {    left:0px;    }
.sendTicketField.contact_info {    left:0px;    }
.sendTicketField.nickname {    left:160px;    }

label.sendTicketField.ticket,label.sendTicketField.contact_info,label.sendTicketField.nickname { z-index:3;}
    
    
input.submit{
    border:0;
}
#training{
    padding:15px 0px 5px 18px;
    float:left;
    min-height:400px;
    width: 740px;
}
#training p{
    line-height:140%;
}
#training h1{
    color:#367c9c;
    font-size:24px;
    margin-bottom:20px;
    padding-top:10px;
}
#training h2{
    color:#367c9c;
    font-size:13px;
    margin-top:-20px;
    margin-bottom:10px;
}
#training h3{
    color:#367c9c;
}
td.indent {padding-left:20px;}
div.practise, div.participate, div.practiseblue{
    cursor: pointer;
    cursor: hand;
    position: relative;
    background-repeat: no-repeat;
    font-size: 14px;
    width: 296px;
    height: 31px;
    text-align:center;
    padding-top:17px;
    color:white !important;
    font-weight:bold;
    text-decoration: none !important;
}


div.with_arrow{
    padding-top:13px;
}

div.practise {
    background-image: url(../images/practise.gif);
    margin-top:10px;
}

div.practiseblue {
    background-image: url(../images/practiseblue.png);
    width: 250px;
    padding-top: 14px;
}

div.participate {
    background-image: url(../images/participate.gif);
    margin-top:10px;
}
.bbghint, .bbshint1,.bbshint2, #yuukaHint p{
    position:absolute;
    color:#367c9c;
    background:transparent;
    text-align:center;
}
.bbghint{
    left:130px; 
    top:60px; 
    width:150px;
}
.bbshint1{
    left:20px;
    top:38px; 
    width:120px;
}
.bbshint2{
    left:205px;
    top:38px; 
    width:120px;
}
#yuukaHint{position:relative;top:40px;}
#yuukaHint p{ 
    left:120px;
    top:20px; 
    width:145px;
}

div.practise img{
    position: relative;
    top: 4px;
}

div.practise:hover{
    text-decoration: none;
}

div.practise6, div.practise7, div.practise8{
    cursor: pointer;
    cursor: hand;
    position: relative;
    color:white;
    font-weight:bold;
    font-size: 12px;
    width: 264px;
    height: 89px;
    text-align:center;
    padding-top: 19px;
    padding-left: 40px;
}

div.practise6 a, div.practise7 a, div.practise8 a{
    color:white;
}

div.practise6 img, div.practise7 img, div.practise8 img{
    position: relative;
    top: 4px;
}

div.practised6 a:hover{
    text-decoration: line-through;
}

div.practise6:hover, div.practise7:hover, div.practise8:hover,
div.practise6 a:hover, div.practise7 a:hover, div.practise8 a:hover{
    text-decoration: none;
}

div.practise6:visited, div.practise7:visited, div.practise8:visited{
    text-decoration: none;
}

div.practise6 {background-image: url(../images/practise_6.png);}
div.practise7 {background-image: url(../images/practise_7.png);}
div.practise8 {background-image: url(../images/practise_8.png);}

div.gradient {    position:relative; }
li.selected a{
    /*color: #e66b05 !important;*/
    font-weight:bold;
}


input.invite {
    width: 250px;
    height: 17px;
    font-size: 12px;
    padding:0;
}
.textbox {
    padding:0;
}
textarea.invite {
    width: 250px;
    height: 90px;
    font-size: 12px;
    
}

.afterText {
    padding: 20px;
    display: block;

}
input.afterText {
    height: 100px;
    width: 250px;
    margin-bottom: 15px;
    text-align: center;
}
#animation{
    position:absolute;
    top:0;left:0;
}
/*money tournament list on all games page*/
#allGamesMTLeft{
    float:left;
    height:204px;
    width:342px;
    background: transparent url(../images/allGamesMTLeftBg.gif) repeat-x;
    position:relative;
}
#allGamesMTLeft object{
    width:170px;
    float:right;
}
#allGamesMTLeftImg{
    float:left;
    padding:11px 0 0 10px;
    width:125px;
    text-align:center;
}
#allGamesMTLeftImg .gameLevel{
    margin-top:5px;
}
#gameCounter{
    width:170px;
/*    float:left;*/
    position:absolute;
    top:0;right:15px;
}
#gameCounterLink{
    position:absolute;
    right:7px;
    top:0;
    width:170px;height:204px;
    background:transparent;
    display:block;
    z-index:10;
}

/* Styles for standard elements /mtuohima */
.standardElementHolder {
    width: 355px;
    height: 151px;
    margin: 5px;
    margin-left: 5px;
    padding: 0px;
    overflow: hidden;
    background: transparent;
}

.standardElementHolder table {
    border:1px solid #d9d9d9;
    border-top: none;
    height:151px;
    /*background:#fff none;*/
    margin:0;
    padding: 0px;
}

div.standardElementHolder {
    border: none;
    float: left;
}
div.productPrizes {
    border: none;
}
div.productCarousel {
    border: 1px solid #d9d9d9;
}
/*div.prizeTournamentList, div.practiceTournamentList, */
div.winnerList, div.popularGames, div.newGames {
    background-color: white;
}
table.standardElement th {
    height: 29px;
    background-repeat: no-repeat;
    background-color: #296b9b;
    color: white;
    font-size: 12px;
    padding: 0px;
}
table.practiceTournamentList th {
    background-image: url('../images/titlebar_clock.png');
}
table.prizeTournamentList th {
    background-image: url('../images/titlebar_coins.png');
}
table.prizeTournamentList td, table.prizeTournamentList th {
    height: 29px;
    line-height: 29px;
}
table.prizeTournamentList {
    height: auto;
    background: #FFFFFF;
}
table.winnerList th {
    background-image: url('../images/titlebar_star.png');
}
table.popularGames th {
    background-image: url('../images/titlebar_heart.png');
}
table.newGames th {
    background-image: url('../images/titlebar_star.png');
}
table.standardElement td {
    border-top: 1px solid #d9d9d9;
    /*height: 29px;
    line-height: 29px;*/
    vertical-align: middle;
    font-size: 10px;
    color: black;
    padding: 0;
}
table.standardElement td a {
    text-decoration: none;
    
}
.standardElement td.tdicon {
    margin-left: 5px;
    padding-right: 5px;
    width:25px;
}
table.practiceTournamentList td.firstCol, table.prizeTournamentList td.firstCol {
    width: 80px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
table.practiceTournamentList td.secondCol, table.prizeTournamentList td.secondCol {
    width: 30px;
    text-align: center;
}
table.practiceTournamentList td.thirdCol, table.prizeTournamentList td.thirdCol {
    padding-left: 5px;
}
.standardElement td.tdicon, table.practiceTournamentList td.firstCol, table.prizeTournamentList td.firstCol, 
table.practiceTournamentList td.secondCol, table.prizeTournamentList td.secondCol {
    border-right: solid 1px #d9d9d9;
}

table.winnerList td {
    height: 27px;
    overflow-y: hidden;
}
table.winnerList td.tdicon {
    background: none transparent;
    text-align: center;
    width: 40px;
    padding: 0;
    margin: 0;
}
table.winnerList td.firstCol {
    width: 90px;
    padding-left: 5px;
    padding-right: 5px;
}
table.winnerList td.secondCol {
    padding: 0 5px;
}
div.productPrizes a {
    font-weight: normal;
    font-size: 10px;
}
.productPrizes .firstCol {
    width: 40px;
    text-align: center;
}
.productPrizes .secondCol {
    padding-left: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #548B34;
    text-align: center;
}
.productPrizes .thirdCol {
    text-align: left;
    padding-left: 10px; 
    line-height: 15px; 
}
.productPrizes .fourthCol {
    width: 80px;
    padding: 5px;
}
.standardElementHolder table.productPrizes, .standardElementHolder table.gameScreens {
    border: 0px none;
}
table.productPrizes td {
    vertical-align: middle;
    line-height: 35px;
    height: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 0px;
}
table.popularGames td, table.newGames td {
    height: 119px;
    width: 90px;
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: center;
    vertical-align: top;
}
table.gameScreens td {
    vertical-align: top;
    text-align: center;
    padding: 1px;
    width: 120px;
    height: 148px;
    border: none 0px;
}
table.gameScreens td, table.newGames td {
    line-height: 28px;
}
table.popularGames td {
    line-height: 18px;
}
div.productCarousel .productInfo {
    height: 100px;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 10px;
}
div.productCarousel .frosmoPrice, div.productCarousel .frosmoPriceText {
    font-weight: bold;
    color: #548B34;
}
div.productCarousel .frosmoPrice {
    font-size: 30px;
    margin: 0px;
    margin-bottom: -5px;
    padding: 0;
    position: relative;
    top: -5px;
}
div.productCarousel .frosmoPriceText {
    font-size: 11px;
    margin: 0;
    padding: 0;
}
div.productCarousel .productLeft {
    float: left; 
    width: 90px; 
    height: 130px; 
    margin-right: 5px;
}
div.productCarousel .productRight {
    float: right; 
    width: 130px; 
    height: 130px;
    font-size: 11px;
    position: relative;
    top: 0px;
    left: 0px;
}
div.productCarousel .productValue {
    margin-bottom: 10px;
}
div.doubleWide {
    width: 730px;
    float: none;
    margin: 5px auto;
}
div.widePremiumNote {
    height: 84px;
    background: url('../images/corner_bg_green.png') #65ae1d;
    background-repeat: no-repeat;
    position: relative;
}
div.widePremiumNote h1 {
    color: white;
    font-weight: bold;
    font-size: 20px;
}
div.widePremiumNote a {
    color: white !important;
}
div.widePremiumNote a:hover {
    text-decoration: none !important;
}
div.widePremiumNote .div1 {
    height: 84px; 
    line-height: 84px; 
    width: 1px;
}
div.widePremiumNote .div2 {
    position: absolute; 
    left: 60px; 
    top: 5px;
    color: white; 
    width: 310px; 
    height: 69px;
    font-size: 10px;
}
div.widePremiumNote .div3 {
    position: absolute; 
    top: 0px; 
    left: 405px; 
    color: white; 
    height: 84px; 
    width: 175px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
div.widePremiumNote .div3 span.sum, div.premiumNote .div2 span.sum {
    font-size: 35px; 
}
div.widePremiumNote .div3 span.product, div.premiumNote .div2 span.product {
    font-size: 20px; 
}
div.widePremiumNote .div3 span.frollars, div.premiumNote .div2 span.frollars {
    font-size: 24px; 
}
div.widePremiumNote .div4, div.premiumNote .div4 {
    position: absolute; 
    right: 15px; 
    top: 0px;
}
.premiumNote {
    position: relative;
    text-align: center;
}
.premiumNoteG {
    background: url('../images/corner_bg_green.png') #65ae1d;
    background-repeat: no-repeat;
}
.premiumNoteB {
    background: url('../images/corner_bg_blue.png') #256b9e;
    background-repeat: no-repeat;
}
.premiumNote .div1 {
    height: 151px; 
    line-height: 151px; 
    width: 1px;
}
.premiumNote .div2 {
    position: absolute; 
    left: 35px; 
    top: 5px;
    color: white; 
    width: 200px; 
    height: 95px;
    font-size: 11px;
}
.premiumNote .div2 p {
    color: white;
}
.premiumNoteG .div3 {
    position: absolute;
    left: 75px;
    bottom: 5px;
}
.premiumNoteB .div3 {
    position: absolute;
    left: 85px;
    bottom: 10px;
}
div.smallGames {
    height: 121px;
    padding-top: 15px;
    border: 0px none;
}
table.smallGames {
    height: 121px;
    border: 0px none;
}
table.smallGames td {
    border: 0px none;
    border-top: 0px none;
    width: 60px;
    height: 55px;
    padding: 1px;
}
.smallGames div.play {
    background-color: #65AE1D;
    color: white;
    font-size: 8px;
    text-align: center;
}
div.smallGames table.smallGames div.play a {
    color: white;
    font-size: 8px;
}
div.smallGames div.play img {
    margin-left: 3px;
}
#allGamesMT table {
    background: #FFFFFF;
}
#allGamesMT .gameIconCol {
    width:45px;
    padding:0;
    border-left:1px solid #d9d9d9;
    border-right:none;
    background: transparent url(../images/games/td_icons.png) no-repeat;
}

#allGamesMTRight{
    height:204px;
    background: transparent url(../images/allGamesMTRightBg.gif) no-repeat right;
    float:right;
    width:380px;
    overflow:hidden;
}

#allGamesMTRight table{
    width:100%;
}
#allGamesMTRight div{    
    float:left;
    background:#fff;
    height:203px;
    width:375px;
    border-bottom: 1px solid #538FAC;
    border-left: 1px solid #538FAC;
}
#allGamesMTRight iframe, #tournamentList iframe, #allGamesMT iframe{
    height: 12px; width: 75px; 
}
#allGamesMT iframe {
    padding-left:5px;
}
#allGamesMTRight thead, #allGamesMT thead{
    color:#fff;
    font-weight:bold;
    height:30px;
}
#allGamesMTRight thead td, #allGamesMT thead td{
    background: transparent url(../images/allGamesMTRightHeadBg.gif) repeat-x;
    border-top: 1px solid #1E5D8C;
    border-bottom: 1px solid #1E5D8C;
    height:28px;
    text-align:left;
}
#allGamesMTRight tbody td, #allGamesMT tbody td{
    border-bottom: 1px solid #D9D9D9;
    font-size:10px;
    height:27px;
}
#allGamesMT tbody td {
    height:31px;
}
#allGamesMTRight td{    padding-left:5px;  padding-right:5px; }

#allGamesMTRight  .rankCol{
    width:65px;
    border-left:1px solid #d9d9d9;
}
div.tdicon {
    overflow: hidden;
}

.tdicon, .gameIcon {
    height: 30px;
}
.gameIcon{display:inline-block;}



.tournaments {
    width: 100%;
    font-size: 0.9em;
}
.tournaments th{
    background: transparent url(../images/allGamesMTRightHeadBg.gif) repeat-x;
    border-top: 1px solid #1E5D8C;
    border-bottom: 1px solid #1E5D8C;
    height:28px;
    color:#fff;
}
.tournaments td{
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    text-align: center;
}
.tournaments .gameIconCol{
    width: 34px;
}
.tournaments .challengeCol{
    /*width: 280px;*/
}
.tournaments .positionCol{
    width: 70px;
}
#tournamentChallengeList{
    margin:0 auto 10px auto;
    width:500px;
}
#challengeListTable{
    clear:both;
    height:190px;
    overflow:auto;
    margin-top:10px;
}
#community #challengeListTable { height: auto; overflow: hidden;}
#community #myTournaments #challengeListTable table { width: 348px; }
#community #challengeListTable table td { font-size: 0.8em; }
#challengeListTable input, #challengeListTable form{margin:0;}
#tournamentChallengeList #challengeListTable table{
    border: 1px solid #538FAC;
    width:480px;
}
#myTournaments #challengeListTable table{
    border: 1px solid #538FAC;
    width:328px;
}
#myTournaments #challengeListTable table th{
    padding:10px 5px;
}
#createChallenge{
    width:100%;
    overflow:hidden;
}
#createChallenge a{
    display:block;
}
#createChallenge a, #createChallenge p {
    float:left;
    width:250px;
}
#createChallenge p {
    padding:0 5px 0 10px;
    width:235px;
}
#myTournaments #createChallenge p {
    padding:0 10px 0 5px;
    width:330px;
}




#practiceTournamentList {
    width: 615px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

#practiceTournamentList TR.open TD.tdicon {
    background-color: #E3FCE3;
}
#practiceTournamentList TD.tournamentListColumn {
    vertical-align: top;
    padding: 0px;
}

#allGamesMTRight .secondCol{width:80px;border-left: 1px solid #D9D9D9;text-align:center;}
#allGamesMTRight .thirdCol, #allGamesMT .thirdCol{width:20px;border-left: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9;text-align:center;}
#allGamesMTRight tr.active a {
    color:#E67200;
}
#allGamesMT tr.active a {
    font-weight:bold;
    color:#E67200;
}
#allGamesWelcome{ 
    float:left;
    width: 700px;
    margin-left: 45px;
    display:inline; /*ie6*/
    margin-bottom:10px;
}

#AllGamesWelcomeCol1 {
    float:left;
    width: 330px;
}

#AllGamesWelcomeCol2 {
    float:left;
    width: 330px;
    margin-left: 25px;
}

/*all games description on all games page*/
#allGames {
    clear:both;
    margin:0 25px;
    color:#014558;
    /*border-top: 1px dotted #208f86;*/
    position:relative;
}
#allGames img {
    vertical-align:middle;
    /*margin:0px 10px 0px 0px;*/
}
#allGames a:hover {
    text-decoration: none;
}
#allGames .icon{
    margin-left:10px;
    /*margin-top:-10px;*/
}
.allGamesPlay{
    margin-top:10px;
}
.allGamesBothContainer{    
    border-top: 1px dotted #208f86;
    clear: both;
}
.allGamesBothContainer a{
    display:block !important;
}

/* Game play section */
#gamePlay{
    position: relative;
    float:left;
    background:#4180A5;
}
#gamePlayHeaderContainer{
    background: #4FA7C1 url(../images/gamePlayHeaderbg.gif) repeat-x;
    width:760px;
}
#progressBar{
    width:270px;
    font-weight:bold;
    bottom:3px;
    vertical-align:bottom;
    line-height:20px;    
    margin:0 auto;
    color:#fff;
}
#timeLeftContainer{
    color:#3b6382;
    font-size:1.3em;
    font-weight:bold;
    padding:10px 15px;
}
#time_left{color:#fff;}
#gamePlayInfoContainer{
    background: #4FA7C1 url(../images/gamePlayHeaderbg.gif) repeat-x;
    float:left;
    width:100%;
}
#gamePlayInfo{
    float:left;
    color:#fff;
    font-weight:bold;
    padding:15px;
}
#gamePlayInfo span{
    padding:0 5px 0 20px;
    color:#3b6382;
}
.resignButton{
    float:right;
    padding:8px 2px;
    width:150px;
    right:0;
    top:0;
}
.resignButton a{
    width:150px;
    height:31px;
}
#gamePlayInstructions{
    float:left;
    width:500px;
    margin:10px 20px;
    line-height:15px;
    color:#fff;
}


#flashGame {
    margin:0 auto;
    display:block;
}

#opponentFound{ 
    vertical-align:middle; 
    text-align:center;
    margin:30px auto;
    font-weight:bold;
}
#opponentFound td{
    padding:5px; 
    font-size:20px;
    color:#548B34;}
#opponentFound th{
    color:#367C9C;
    font-size:25px;
}
.glove{
    position:relative;
    top:-200px;
    z-index:2;}
div.rtResults, .imageText{
    width: 730px;
    margin: 0 15px;
    padding:30px 0;
    float:left;
    display:inline;  /*ie6*/
}

div.rtResultsContainer p{
    font-size: 14px;
    font-weight:bold;
}
div.rtResultsContainer h1{
    margin-bottom:20px;
}
div.rtResults .highlight td{
    font-size:13px;
    padding-top:3px;
    padding-bottom:3px;
}
.rtResultsCol1,.rtResultsCol2{
    float:left;
    width:330px;
}
.rtResultsCol2{
    margin:0 0 0 30px;
}
.rtResultsContent{
    width:476px;
    margin:0 auto;
    position:relative;
}
.listSelected td a
{    color: #e66b05 !important; }

#rankingsContainer { visibility: hidden; display: none; width: 303px; position: absolute; top: 55px; left: 50px; z-index: 100;}
#rankingsBg { position: absolute; top: 3px; left: 0px; z-index: 100; width: 303px; background: #FFFFFF; opacity: 0.9; filter: alpha(opacity='90'); min-height: 50px; height: 100%;}
#rankingsClose { position: absolute; top: 4px; right: 4px; width: 30px; z-index: 102; }
#rankingsClose img {border: solid 1px #ba552c; padding: 1px; }

#rankingsContent { position: relative; top: 0px; left: 0px; z-index: 101; width: 303px; }
#rankingsContent > div > .listBot { margin-bottom: 0px; height: 6px; }


.levelRecords{width:425px;}
.levelRecords td,.levelRecords th,.tournList td,.tournList th{
    font-size: 11px;
    padding: 2px 7px;
    margin: 0px;
}
.levelRecords th,.tournList th{
    background:#66b9d4;
    color:#fff;
}
.tournList th{
    text-transform:capitalize;
}
.lrbg_odd{
    background:#c2eefb;
}
#statSubmenu{
    position:relative;
    top:0px;
    width:auto;
    float:left;
    margin:0 0 20px 0;
}
#statSubmenu ul, #statSubmenu ul li {
    list-style-type:none;
    margin:0;
    padding:0;
}
#statSubmenu ul{
    float:left;
    border-right:1px solid #367c9c;
}
#statSubmenu ul li{
    float:left;
    padding:0 7px;
    border-left:1px solid #367c9c;
}
#statSubmenu ul li a{
    color:#367c9c;
    display:block;
}
#statSubmenu ul li a:hover{
    color:#e66b05;
    display:block;
    text-decoration:none;
}
#statSubmenu ul li a.active{
    color:#e66b05;
    display:block;
    text-decoration:none;
}
#statHeader h1,#statHeader h2{
    padding-left:45px;
    display:block;
}
#pagingNavi {
    text-align: right;
    margin-right: 20px;
    font-size: 10px;
}
.ToolText{    
    position:relative;
    color: #548B34;     }
.ToolText,.ToolTextHover{
    padding:0;    margin:0;
    font-weight: bold;
    cursor:pointer;
}
.ToolTextHover
{color:#e66b05;}
.ToolText span
{display: none;}
.ToolTextHover span{
    display:block;
    position:absolute;
    top:1px; 
    left:500px; 
    padding:1px;
    border:1px solid #367c9c;
    background-color:#fff; 
    z-index:10;
} 
.ToolTextHover img{padding:0;    margin:0;}


.bestTournamentResults{
    margin-top:10px;
}
.bestTournamentResults table{
    width:250px;
    border:1px solid #538FAC;
    margin:0;
    font-size:11px;
}    
.bestTournamentResultsFirstCol{
    width:auto;
    text-align:center;
    border-right:1px solid #538FAC;
    border-top:1px solid #fff;
    background:#9FCCE1;
}
.bestTournamentResults .secondCol{
    border-top:1px solid #9FCCE1;
    padding:3px 10px;
    background:#fff;
}
.bestTournamentResults thead{
    background: #7cb9d5 url(../images/tournament_list_head_bg.gif) repeat-x;
    color:#fff;
    font-weight:bold;
    height:27px;
}
.bestTournamentResults table thead td{
    text-align:center;
    border-right:1px solid #9FCCE1;
    border-left:1px solid #9FCCE1;
}
.bestTournamentResults table tr.active {
    font-weight:bold;
}
/*big hand advice on tournament page*/
#bigHandAdviceContainer{
    width:187px;
    margin:40px 0px 10px 50px;
    position:relative;
    float:right;
}
#bigHandAdviceTop{
    background: url('../images/bigHandAdviceTop.gif') no-repeat;
    width:160px;
    margin-left:27px;
    height:6px;
    font-size:0; /*ie6 fix, When rendering an empty div, ie will use the current font size as its height.*/
}
#bigHandAdviceBox{
    margin-left:27px;
    border-left:1px solid #538FAC;
    border-right:1px solid #538FAC;
    width:135px;
    padding:6px 8px 6px 15px;
    min-height:60px !important;
}
* html #bigHandAdviceBox{ height: 60px;}

#bigHandAdviceBottom{
    height:258px;
    background: url('../images/bigHandAdviceFrosmo.gif') no-repeat right;
}
#bigHand{
    position:absolute;
    bottom:145px;
    left:-55px;
}

/*big hand advice on left_content.tpl*/
#bigHandAdviceContainerLeft {
    margin:10px 4px;
}
#bigHandAdviceContainerLeft #bigHandAdviceBottom{
    height:277px;
    background: url('../images/bigHandAdviceFrosmoLeft.gif') no-repeat;
    margin-left:27px;
}

#bigHandSkillLevel{
    position:absolute;
    bottom:155px;
    right:140px;    
    z-index:5;
}

.checkButton{
    position:relative;
    top:6px;
    border:0px;margin:0;padding:0;
}
.imageBorder{border:3px solid #88cfe5;}

/*my account*/
.playable{padding:3px 0;margin:0;}

#deposit, #myStats {margin:30px;}
#transactionHistory, #withdraw {padding:15px 12px;}
#myAccountTitle{
    height: 55px;
    color:#fff;
    font-size:30px;
    margin:15px 12px 0;
}
#myAccountTitle .left{
    float:left;
    background:url(../images/greenTitleLeftBg.png) no-repeat;
    width:5px;
    height: 55px;
}
#myAccountTitle .middle{
    width:725px;
    float:left;
    height: 55px;
    background: url(../images/greenTitleMiddleBg.png) repeat-x;
}
#myAccountTitle .right{
    float:left;
    background:url(../images/greenTitleRightBg.png) no-repeat;
    width:5px;
    height: 55px;
}
#myAccountTitle span{
    float:left;
    padding:8px 20px;
}
#myAccountTitle div.link{
    float:left;
    margin:0;
    height:55px;
    text-align:center;
}
#myAccountTitle div.selected{
    background:url(../images/myAccountTitleSelectedBg.gif) repeat-x;
}
#myAccountTitle a, #myAccountTitle a:hover{
    font-weight:normal;
    color:#fff;
    font-size:18px;
    text-decoration:none;
    display:block;
    padding:16px 20px;
}
#buyFrollarsButtons{
    overflow:hidden;
}
.buyFrollarsButton {
    height:76px;
    margin:0 20px 0 0;
    float:left;
}
.buyFrollarsButton div {
    position: relative;
}
.buyFrollarsButton .coins {
    position: absolute;
    left: 0px;
    top: 10px;
}

.buyFrollarsSmallButton {
    margin: 5px;
    text-align: center;
}
.buyFrollarsSmallButton img {
    border: 0px none;
    vertical-align: middle;
}

.vertical {
    width:340px;    
}
.horizontal{
    margin: 20px 20px 0 60px;
}
#frosmoInfo #buyFrollarsButtons{
    margin-left:20px;
}
#frosmoIncreaseRank{
    overflow:hidden;
}
#infoForFrollarPurchase{
    float:left;
    font-size:0.9em;
    padding:5px 0px 20px 20px;
    width:306px;
}

#myStats h1{margin-bottom:20px;}
#transactionHistorySummary{
    float: left;
    padding:0 20px;
    display:inline;
}
#transactionHistory table.summary {margin-bottom:20px;}
#transactionHistory table.summary caption{
    font-weight:bold;
    text-align:left;
    padding:0 5px;
}
#transactionHistory span#now {
    display:block;
    margin-bottom:20px;
}
#transactionHistory table.summary td{padding:3px 5px;text-align:right;}
#transactionHistory table.summary th{padding:3px 5px;text-align:left;font-weight:normal;}
.negativeMoneyValue{}
.positiveMoneyValue{font-weight:bold}
#transactionHistory .blueBoxRoundMiddle, #withdraw .blueBoxRoundMiddle {
    padding: 0px;
}
#transactionHistory .blueBoxRoundTop .middle, #withdraw .blueBoxRoundTop .middle{
    line-height: 28px;
    vertical-align: middle;
}
table.transactionList{width:732px;border:0;margin:0;padding:0;}
table.transactionList tr.darkBg{background:#D2F0FF;}
table.transactionList td{padding:5px; text-align:center;}
table.transactionList th{
    background:#79B1CD;
    color:#fff;
    padding:5px;
    font-weight:normal;
}
#withdrawSummary{
    margin-left:20px;
}
#withdraw table.summary {margin-bottom:20px; float:left; width:300px;}
#withdrawSummary h2 {
/*#withdraw table.summary caption{*/
    color: #10657D;
    font-weight:bold;
    text-align:left;
    padding:0px 5px 10px;
    font-size:14px;
}
#withdrawSummary span#now{font-size:11px;font-weight:normal;color:#000;}
#withdraw table.summary td{padding:3px 5px;text-align:right;}
#withdraw table.summary th{padding:3px 5px 3px 40px;text-align:left;font-weight:normal;}
#withdraw tr.veryDarkBg {font-weight:bold;}
#withdraw tr.veryDarkBg th{padding-left:5px;font-weight:bold;}
#withdraw tr.darkBg th{padding-left:20px;}
#withdrawForm{
    float:left;
    width:300px;
    margin:0px 10px 0px 50px;
}
#withdrawForm p{
    margin-top:0;
}
#withdrawForm .errorMsg{color:red;}
#withdrawForm #amount{
    position:relative;
    top:-10px;
    margin:0 5px 0 0;
    width:50px;
}

table.withdrawalPersonalInfo {
    border: none;
    margin: 0;
}

table.withdrawalPersonalInfo tr td select,
table.withdrawalPersonalInfo tr td input,
table.withdrawalPersonalInfo tr td textarea {
    background-color:#EEEEEE;
    border:1px solid #CCCCCC;
    color:#333333;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:bold;
    width: 165px;
    margin: 0 5px;
}
table.withdrawalPersonalInfo tr td input.button {
    width: auto;
    padding-top: 8px;
    background-color: #fff;
}
#paymentOptionLink{padding-top:10px;}
#paymentOptionLink a{font-size:10px;}

#formCountry{margin:10px 0 30px;width:700px}
#formCountry input{border:0; margin:0 5px;}
#formCountry,#formCountry input,#formCountry select{float:left;}

#depositForm {margin:20px 0;clear:both;}
#depositForm p{margin:20px 0;}
#depositForm table {margin:10px 0;}
#depositForm table caption{text-align:left;margin-bottom:10px;}
#depositForm tr{background:#E0EFF4;}
#depositForm td{text-align:right;padding:3px 5px;}
#depositForm th{
    background:#629942;
    color:#fff;
    padding:5px;
    font-weight:normal;
}

#myStatsDesc {padding:0 5px 10px 5px;}
#myStatsDesc img{margin-bottom: -5px;padding:0 2px;}
#myStatsDesc span{
    font-weight:bold;
    padding-right:5px;
    display:block;
}

div.popupOverlay, #blockOverlay {
    margin: 0pt; padding: 0pt; 
    z-index: 1000; 
    width: 100%; height: 100%; 
    top: 0px; left: 0px; 
    position: fixed;
    background-color: rgb(0, 0, 0); opacity: 0.5;
    filter: alpha(opacity='50');
}

#myAccountNotLoggedIn{
    margin:0;
    width:700px;
    float:left;
    padding:30px;
    background:#fff;

    display:inline; /*ie6*/
}

#myAccountNotLoggedIn .loginButton {
    background:transparent none repeat scroll 0 0;
    border:0 none;
    margin:5px 0 0 5px;
    padding:0;
}

.frosmoPointerImage{
    float:left;
    margin-top:40px;
}
#myAccountLoginForm{
    float:right;
    width:360px;
    padding:10px;
    margin:0;
}
#myAccountLoginForm h1{
    margin-bottom:30px;
}

ul.loginItemList {
    list-style-type: none;
}

div.ssoLoginNotify ul.loginItemList li a {
    color: #fff !important;
}

div.ssoLoginNotify {
    display: block;
    background: #00A6C1;
    padding: 0.8em;
}
div.ssoLoginNotify * {
    color: #fff;        
}

label.loginField{
    margin-left:5px;
    font-weight:bold;
}
#myAccount h1{font-size:18px;}
.usernameHolder, .passwordHolder {
    float:left;
    margin: 0 5px;
}



.loginButton{
    padding: 5px;
    float:left;
}

#headerLoginText{
    float:right;
    margin:-55px 0 0 10px;
    width:194px;
}
#topRankingsHolder{
    position : absolute;
    display : inline;
    left : 50px;
    bottom: 30px;
    width : 374px;
    z-index: 101;
}
#popupDivClose{
    position: absolute;
    top: 6px; left: 4px;
    width: 366px;
    z-index: 102;
}
#popupDivClose span{
    float: right;
    margin: 5px 10px;
}
#popupDivContent{
    z-index: 101;
    width: 374px;
}
.blueRoundTop div,.blueRoundBottom div{
    height:5px;
    width:362px;
    margin-left:6px;
    margin-right:6px;
    z-index:100;
    padding:0;
}
* html .blueRoundTop div,
* html .blueRoundBottom div{
    display:inline;
}
.blueRoundTop div{margin-top:4px;}
.blueRoundBottom div{margin-bottom:4px;}

#popupDivContent .blueRoundMiddle,
.blueRoundTop div,
.blueRoundBottom div{
    background:#fff;
}
.blueRoundMiddle #bestTournamentResults{
    margin:15px;
    z-index:102;
}

/* Tournament wall styles */
#wallWrapper { width: 450px; margin-top: 20px; padding: 1px; background: #85CFE8; }

#myProfile #wallWrapper, #community #wallWrapper { width: 368px; margin-top:15px; }
#wallContainer { 
    background: #FFFFFF; 
    padding: 5px;  
}
#wallComposerContainer {padding: 5px 0; position: relative;}
#wallComposerContainer table { padding: 0px; margin: 0px; }
#wallComposerContainer input {margin:0 !important;}
#wallComposerContainer .wallMessageControls { margin-right: 5px; }
#wallComposer { width: 365px; height: 45px; }
#myProfile #wallComposer, #community #wallComposer { width: 280px; }
#wallComposer input { margin-bottom: 1px; }
#wallMessages { overflow-y: auto; padding-right: 5px;}
.wallMessageContainer {border-top: 1px dotted #85CFE8; padding: 0px 5px; clear: both; overflow-x: hidden;}
.wallMessage p { margin-top: 0; margin-bottom: 5px; }
.wallMessageAuthor { font-size: 10px; margin: 5px 0; }
.wallMessageAuthor .date { float: right; }
.wallMessageAvatar { float:left; padding-right: 5px; font-weight: bold; text-align: left; width: 60px; height: 60px; overflow-x: hidden;}
/* .wallMessageAvatar a, .wallMessageAuthor a:hover {text-decoration: none; font-size: 10px;} */
/* .wallMessageAvatar img { height: 43px; } */
.wallMessage { margin-left: 65px; /* width: 280px; overflow-x: hidden; */ }
/*#myProfile .wallMessage { width: 198px; }*/
.wallMessageControls { clear:left; text-align: right; margin-bottom: 5px; }
.wallMessageControls, .wallMessageControls a { font-size: 10px; font-weight: normal; }

#myProfile .customBluebox {
    padding:0px !important;     
}

#myProfile .customBluebox table {
    width:100%;     
}

#myProfile .customBluebox table .padding10 {
    padding-left:10px;     
}

#myProfile .customBluebox table .buttonTd {
    width:90px;padding-right:10px     
}

#communitySearchForm label { margin: 4px 0 0 0; }
#communitySearchForm input { margin: 4px 0 0 0; }
#communitySearchForm input.button {
    margin: 0; 
    border: 0;
    vertical-align: top; 
}

#searchFriends #findMyIdenticalTwin { margin-top: 6px; margin-bottom: 6px; padding: 0 12px; }
#searchFriends #findMyIdenticalTwin img.button { position: relative; left: -20px; }

.small { font-size: 8px; font-weight: lighter;}
.right { float: right; }
.textRight { text-align: right; }
#loading { z-index: 1000; position: absolute; left: 0px; top: 0px; width: 425px; background: #CCCCCC center top no-repeat; text-align:center; padding:33px 0px 0px 0px; font-size:12px;display:none; } 

/*all games page modifications */

#welcomeBottom {
    margin: 0; 
    padding: 5px 0 0 0;
    /*height:100%;*/
    width: 760px; 
    color:#014558;
    background-color: #E4F4FF;
    /*background:#E4F4FF url(../images/welcome_bg_bot.gif) left bottom repeat-x;*/
    position:relative;    
}

#allGamesMoneyTournamentsWrapper{
    position:relative;
    width:724px;
    height:204px;
    margin:10px auto;
    background: transparent url(../images/allGamesMTBg.gif) no-repeat left;
    padding-left:6px;
}

#allGames {
    margin:0 40px;
    padding:0 0 25px 0;
    color:#014558;
    /*border-top: 1px dotted #208f86;*/
    position:relative;
}

#allGamesPanel {
    clear:both;
    height:20px;
    width:100%;
    background:url(../images/allGamesPanelBg.gif) left top repeat-x;
    color:#fff;
    padding:6px 0 0 0;
    text-align:center;
    font-size:11px;
}
.game { 
    float: left; 
    padding: 0px;
    width: 220px;
    margin: 5px;
    border: 2px solid #ACF336;
    display:inline; /*ie6 double margin fix*/
}
.game div{position:relative;}
.game img{ display:block;}
.game .gamesListingLink{margin:0;}
#promoGames{
    padding: 15px 0; 
    overflow:hidden;
    background: #318DB9;
    margin:0;
    width:760px;
}
#promoGames .game  {
    margin: 10px 14px;
}
.allGamesBothContainer{    
    border-top: none;
    clear: both;
}


/* FAQ display just one item */
.QuestionList {
    display:none;
}
.helpContent #intro {
    display:block;
}
.FAQQuestion {
    cursor:pointer;

}
div.FAQQuestion:hover {
    color:#000;
}
/*Game intro page*/
#gameIntroLeft {
    float:left; 
    width:400px;
}
#gameIntroRight {
    float:left; 
    width:303px; 
    margin-left: 17px; 
    position:relative;
}
#gameIntroHint {
    position: relative;  
    left: 20px;
}
#gameIntroLinks {
    float:left; 
    width:303px; 
    margin-left: 17px; 
    position:relative;    
}

#noMoneyTournament{
    padding:20px 0 10px;}
    

/*all games page standard elements
 * 
 */
.row {
    clear:both;
    margin:10px 9px;
}
/*
div.standardElementHolder {
    float:left;
    border:none;
    margin:5px 0 5px 2px;
}
*/
/*tables for standard elements*/

/*
.standardElementHolder table .firstCol {
    padding-left:5px;
}
.standardElementHolder table .secondCol {
    color:#D61919;
}
*/
/*WINNER LIST STYLES*/
/*
.standardElementHolder table.WinnerList td{
    font-size:11px;
}
.standardElementHolder table.WinnerList thead {
    background:transparent url(../images/allGamesMTRightHeadBg.gif) repeat-x scroll 0 0;
    border:1px solid #1E5D8C;
}
.standardElementHolder table.WinnerList th {
    background:transparent url(../images/allGamesMTRightHeadBg.gif) repeat-x scroll 0 0;
    border:1px solid #1E5D8C;
    text-align:left;
}
.standardElementHolder table.WinnerList th img{
    vertical-align:middle;
    margin: 0 15px;
    height:28px;
}*/
#premiumMember, #premiumMemberLoggedIn {
    position:relative;
    background:transparent url(../images/premiumMember_bg.gif) left top no-repeat;
    height:151px;
    margin-top:0px;
    color:#fff;
}
#premiumMember a {
    color:#fff;
}
#premiumMemberTitle, #premiumMemberLoggedInTitle {
    padding:12px 0 0 100px;
}
#premiumMemberText, #premiumMemberLoggedInText {
    padding:5px 15px 0 110px;
    font-size:10px;
}
#premiumMemberText a, #premiumMemberLoggedInText a {
    position:absolute;
    margin:2px;
    bottom:0;
    right:10px;
}

/*login box*/
#loginLinks {
    margin-top:-8px;
    padding-bottom:8px;
}
#loggedIn {
    position:relative;
    height:55px;
}
#loggedInAvatar {
    
}
#loggedInLink {
     position:relative;
     width:50px;
}        

/*products*/
.productPrizeInfo {
    padding: 0 10px;
}


/*game categories standard element*/
#gameCategoriesGamesContainer {
    width:740px;
    margin:0 15px;
}
.gamesListing {
    float:left;
    width:120px;
    height:90px;
    margin:0 1px 3px 1px;
    position:relative;
}
.gamesListing .game {
    float:left;
    width:120px;
    margin:0;
    padding:0;
    border:0;
}
.gamesListing .gameDesc {
    float:left;
    width:180px;
}
.gamesListingLink {
    position:absolute;
    bottom:0;
    right:0;
    background:#559516 none 98% 4px no-repeat;
    color:#fff;
    padding-right:10px;
}
#container .gamesListingLink a {
    color:#fff;
}
#container .gamesListingLink a:hover {
    color:#fff;
    text-decoration:none;
}
#gameCategories, #home #gameCategories {
    height:100%;
    width: 760px;
    /*margin:0 auto;*/
    margin: 0;
    float:none;    
}
#gameCategoriesLinks, #membershipLevelLinks {
    background:transparent url(../images/games_tab_bg.gif) left top repeat-x;
    height:26px;
    width:760px;
    margin:0 0 0 0;
    padding:0;
}
#gameCategoriesLinks, #lockedLinks {
    background:transparent url(../images/games_tab_bg.gif) left top repeat-x;
    height:26px;
    width:760px;
    margin:0 0 0 0;
    padding:0;    
}
ul#gameCategoriesLinks li, ul#membershipLevelLinks li, ul#lockedLinks li {
    display:block;
    float:left;
    color:#fff;
    margin: 0;
    height:21px;
    border-right:1px solid #225487;
    padding:5px 25px 0 10px;
    cursor:pointer;

}
ul#gameCategoriesLinks li.categoryLink, ul#membershipLevelLinks li.categoryLink, ul#lockedLinks li.categoryLink {
    background:transparent none 95% 9px no-repeat;
    position:relative;    
    font-weight:bold;
}
ul#gameCategoriesLinks li.categoryLink img, ul#membershipLevelLinks li.categoryLink img {
    position:absolute;
    right:7px;
    top:9px;
}
ul#gameCategoriesLinks li:hover, ul#membershipLevelLinks li:hover, ul#lockedLinks li:hover {
    background:transparent url(../images/games_tab_bg_selected.gif) left top repeat-x;
}    
ul#gameCategoriesLinks li.selected, ul#membershipLevelLinks li.selected, ul#lockedLinks li.selected  {
    background:transparent url(../images/games_tab_bg_selected.gif) left top repeat-x;
}

/*tournamentlist whole width*/
#allGamesMT {
    margin: 20px auto;
    width: 730px;
    height: 218px;
    overflow-y: auto;
    overflow-x: hidden;
    border:1px solid #538FAC;
}
#allGamesMT .gameNameCol {
    width:160px;
    text-align:left;
    border-left:none;
    border-right:none;
}
#allGamesMT td.membershipLevelCol {
    padding:0 5px;
    width:20px;
    border-left:1px solid #D9D9D9;  
}
#allGamesMT td.gamerLevelCol {
    padding:0 5px;
    width:21px;
    border-right:1px solid #D9D9D9;    
    border-left:1px solid #D9D9D9;    
}
#allGamesMT td.tournamentNameCol {
    padding-left:10px;
    width:200px;
}
#allGamesMT td.participationFeeCol{
    padding-right:10px;
    border-left:1px solid #D9D9D9;
    width:90px;
    text-align:right;
}
#allGamesMT td.playerCol {
    border-right:1px solid #D9D9D9;    
    border-left:1px solid #D9D9D9;
     width:50px;
    text-align:center;
} 
#allGamesMT td.seventhCol {
    width:130px;
    padding-left:20px;
    text-align:left;
}
#allGamesMT thead{
    color:#fff;
    font-weight:bold;
    height:30px;
}
#allGamesMT table {
    width:100%;
}
.pageHeader {
    display:none;
}
.faqHeader, .productsHeader{
    display:block;
}

/*Games page: games listing by order */
#gameOrderList {
    width:725px;
}
#gameOrderListTitles {
    padding-left:0;
    margin: 5px 5px 0px 2px;
    background: #296B9B;
    padding-top: 2px;
    padding-bottom: 3px;
}
#gameOrderListTitles ul {
    overflow:hidden;
    margin:0;
    padding:0;
}
#gameOrderListTitles ul li {
    display:block;
    float:left;
    list-style:none;
    cursor:pointer;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    padding:1px 7px 2px 7px;
    background: #296B9B; 
}
#gameOrderListTitles ul li:hover {
    background: #498BBB;
}
#gameOrderListTitles ul li a,
#gameOrderListTitles ul li a:hover {
    color:#fff;
    text-decoration:none;
}
#gameOrderListTitles ul li.selected {
    background: #498BBB;
}

#gameOrderListGames {
    padding:0;
    width:100%;
    clear:both;
    margin-top: 10px;
}

#gameOrderListGames div.gameOrderListGame {
    width:356px;
    margin:3px;
    padding:2px 0;
    float:left;
    display:inline;
    height:auto;
}

#gameOrderListGames div.gameOrderListGameInner {
    width:356px;
    background:#fff none;
    padding:0px 0px 2px 0px;
}

#gameOrderListGames .gameOrderListGame .gameImg {
    background-color:#296B9B;
    padding:0;
    height:104px;
    float:left;
    width:134px;
}
#gameOrderListGames .gameOrderListGame .gameImg .gameImgIn img {
    padding:7px;
    margin:0;
}
#gameOrderListGames .gameOrderListGame .gameImg .gamePlayLink {
    display:none;
    width:120px;
    height:90px;
    padding:7px;
    text-align:center;
}
#gameOrderListGames .gameOrderListGame .gameImg .gamePlayLink a img {
    margin-top:32px; 
    margin-bottom:32px; 
}
.gameImg  a{display:block;}
#gameOrderListGames .gameOrderListGame .gameDesc {
    float:left;
    width:220px;
    padding:2px 2px 2px 0;
    background-color:#296B9B;
}
#gameOrderListGames .gameOrderListGame .gameDescInner {
    width:220px;
    padding:0;
    height:100px;
    background-color:#E4F4FF;
}

#gameOrderListGames .gameOrderListGame .gameDescContainer {
    padding:4px 7px 4px 6px;
    width:180px;
    height:92px;
    background-color:#E4F4FF;
    font-size:11px;
    overflow:hidden;
    float:left;
}

#gameOrderListGames .gameOrderListGame .gameDescContainer a,
#gameOrderListGames .gameOrderListGame .gameDescContainer a:hover {
    color:#333; /*ie6 and ie7 do not support inherit for color*/
    text-decoration:none;
    font-weight:normal;
}

#gameOrderListGames .gameOrderListGame .gameDescContainer strong, 
#gameOrderListGames .gameOrderListGame .gameDescContainer b,
#gameOrderListGames .gameOrderListGame .gameDescContainer a b,
#gameOrderListGames .gameOrderListGame .gameDescContainer a strong {
    font-weight:bold;
}
#gameOrderListGames .gameOrderListGame .gameMembershipContainer {
    width:20px;
    background-color:#E4F4FF;
    margin:6px 7px 0 0;
    float:right;
    display:inline;
}
#gameOrderListGames .gameOrderListGame .gameMembershipContainer img {
    margin-bottom: 2px;
    display:block;
}
#gameOrderListGames .gameOrderListGame .gameLink img {
    padding:10px 10px 5px 20px;
}

.trainingGames .game {
    border: 0 none;
    float: left;
    margin: 5px;
    padding: 0;
    width: 120px;   
}
.trainingGames p { margin: 0.5em 5px; font-size: 12px; font-family:Tahoma,Helvetica,Arial,sans-serif; }
.trainingGames .game p.gamesListingLink { margin: 0; }
.trainingGames .game .gamesListingLink a, .trainingGames .game .gamesListingLink  a:hover,
#gameCategories div.gamesListingLink a, #gameCategories div.gamesListingLink a:hover { 
    text-decoration: none; color: #ffffff; font-weight: bold; 
}

/*postloader*/
#postloaderContainer {
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
    background-color:#fff;
    opacity:0.7;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
}
#postloaderContent {
    position:absolute;
    top:0;
    width:50%;
    background:transparent none;
    margin:0 auto 0 auto;
    display:block;
    z-index: 102;
}


/* Frosmo Premium wide title */

.wideTitle, .wideTitle .content .image, .wideTitle .content .text, .wideTitle .left, .wideTitle .right, 
.greenTitle, .greenTitle .content .image, .greenTitle .content .text, .greenTitle .left, .greenTitle .right {
    height: 55px;
}

.wideTitle .content .image {
    width: 75px;
    position: absolute;
    top: -10px;
    left: 10px;
    margin: 0px 0px 0px 0px;
}
.wideTitle .content .text {
    margin: 0px;
    margin-left: 75px;
    font-size: 20px;
    font-weight: normal;
    color: #EEFFEE;
    line-height: 53px;
    display: inline;
    width: 650px;
    overflow: hidden;
}

.wideTitle {
    /*width: 745px;*/
    margin: 10px 0px;
    position: relative;
}
.wideTitle .content {
    background-image: url(../images/greenTitleMiddleBg.png);
    background-repeat: repeat-x;
    width: 722px;
    float: left;
}
.wideTitle .left, .wideTitle .right, .greenTitle .left, .greenTitle .right,
.greenTitle42 .left, .greenTitle42 .right {
    background-color: transparent;
    background-repeat: no-repeat;
    width: 5px;
    padding: 0px;
    margin: 0px;
    border: none 0px;
}
.wideTitle .left, .greenTitle .left {
    background-image: url(../images/greenTitleLeftBg.png);
    float: left;
}
.wideTitle .right, .greenTitle .right {
    background-image: url(../images/greenTitleRightBg.png);
    float: left;
}

.greenTitle .content .image, .greenTitle42 .content .image {
    float: left;
    top: -8px;
    left: 10px;
    margin: 0;
}
.greenTitle .content .text {
    margin: 0;
    font-size: 20px;
    color: #FFF;
    line-height: 50px;
    padding-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    
}

.greenTitle, .greenTitle42 {
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}
.greenTitle .content, .greenTitle42 .content{
    background-image: url(../images/greenTitleMiddleBg.png);
    background-repeat: repeat-x;
    float: left;
    padding-left: 10px;
    overflow: hidden;
}
.greenTitle42 .content{
    background-image: url(../images/bg/greenTitle42Middle.png);
}
.greenTitle42 .content .text {
    font-size: 18px;
    line-height: 40px;
    padding-bottom: 2px;
}
.greenTitle42 .left {
    background-image: url(../images/bg/greenTitle42Left.png);
    float: left;
}
.greenTitle42 .right {
    background-image: url(../images/bg/greenTitle42Right.png);
    float: left;
}
.greenTitle42 .content, .greenTitle42 .left, .greenTitle42 .right {
    height: 42px;
}



/*Green textbox*/
.greenTextbox, .greenTextbox .title, .greenTextbox .content {
    width: 740px;
}
.greenTextbox {
    margin: 10px 0px;
}
.greenTextbox .title div {
    height: 46px;
    line-height: 46px;
}
.greenTextbox .title .left, .greenTextbox .title .right {
    width: 5px;
    float: left;
}
.greenTextbox .title .left {
    background: url(../images/greenTextboxTitleLeftBg.png) no-repeat;
}
.greenTextbox .title .middle {
    background: url(../images/greenTextboxTitleMiddleBg.png) repeat-x;
    width: 730px;
    font-size: 24px;
    font-weight: normal;
    color: #EEFFEE;
    float: left;
}
.greenTextbox .title .middle span {
    margin-left: 75px;
}
.greenTextbox .title .right {
    background: url(../images/greenTextboxTitleRightBg.png) no-repeat;
}
.greenTextbox .content {
    color: #FFFFFF;
    min-height: 50px;
    background: #79AC2C url(../images/greenTextboxContentBg.png) repeat-x left bottom;
    clear: both;
}
.greenTextbox .content .leftText {
    width: 720px;
    padding: 10px;
    float: left;
    text-align: justify;
}

/*Blue textbox*/
.blueTextbox, .blueTextbox .title, .blueTextbox .content {
    width: 760px;
}
.blueTextbox {
    margin: 10px 0px;
    clear: both;
    position:relative;
    z-index:2;
}
.blueTextbox .title div {
    height: 47px;
    line-height: 47px;
    white-space: nowrap;
    overflow: hidden;
}
.blueTextbox .title .left, .blueTextbox .title .right {
    width: 7px;
    float: left;
}
.blueTextbox .title .left {
    background: url(../images/blueTextboxTitleLeftBg.png) no-repeat;
}
.blueTextbox .title .middle {
    background: url(../images/blueTextboxTitleMiddleBg.png) repeat-x;
    width: 746px;
    font-size: 24px;
    font-weight: normal;
    color: #EEEEFF;
    float: left;
    position: relative;
}
.blueTextbox .imageIcon {
    position: absolute;
    left: 10px;
    top: 5px;
    z-index:3;
}
.blueTextbox .title .middle span {
    margin-left: 60px;
}
.blueTextbox .title .middle span.ingress {
    margin-left: 20px;
    font-size: 12px;
    overflow: hidden;
}
.blueTextbox .title .right {
    background: url(../images/blueTextboxTitleRightBg.png) no-repeat;
}
.blueTextbox .content {
    color: #000;
    min-height: 50px;
    background: #FFF url(../images/lightBlueGradientBg.png) repeat-x left top;
    clear: both;
    border: 1px solid #538FAC;
    border-top: none 0px;
    border-bottom: none 0px;
    width: 758px;
}
.blueTextbox .bottom .left, .blueTextbox .bottom .middle, .blueTextbox .bottom .right{
    float: left;
    font-size:0; /*ie6 fix to set small height*/
}
.blueTextbox .bottom .left {
    background:url(../images/blueBoxBottomLeft.gif) no-repeat;
    width: 6px;
    height: 6px;
}
.blueTextbox .bottom .right {
    background:url(../images/blueBoxBottomRight.gif) no-repeat;
    width: 6px;
    height: 6px;
}
.blueTextbox .bottom .middle {
    border-bottom: 1px solid #538FAC;
    width: 748px;
    height: 5px;
}

/*Upgrade Memberships page */
#memberships, #frollarPackages {
    padding-left: 10px;
}
#memberships #membershipsIngress {
    clear:both;
    padding: 10px;
    font-weight: bold;
}
#frollarPackages form{
   cursor:hand;
   cursor:pointer;
}
.membership, .membershipBadge, .membershipBadgeCurrent, .membershipPromotion, .membershipFormHolder, .gameImage {
    float: left;
}
.membership {
    border-top: 1px dotted #333333;
    width: 710px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}
.membershipBadge {
    margin-top: 10px;
    margin-right: 35px;
    margin-left: 20px;
    height: 90px;
    width: 90px;
    display:inline;
}
#moreMemberships .membershipBadge {
    display:inline;
}
.membershipBadgeCurrent {
    width: 122px;
    height: 132px;
    margin: 5px;
    margin-left: 3px;
    margin-right: 20px;
    padding-top: 4px;
    text-align: center;
    background: url(../images/current_membership_bg.png) no-repeat;
}
.membershipBadgeCurrent .currentText {
    margin-top: 3px;
    font-size: 9px;
    font-weight: bolder;
    color: white;
    text-transform: uppercase;
}
.membershipPromotion {
    width: 350px;
    margin-right: 20px;
    margin-bottom: 15px;
}
.membershipPromotion h2 {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}
.membershipPromotion img {
    margin: 5px;
}
.membershipPromotion .highlight {
    margin-bottom: 10px;
}
.membershipFormHolder {
    margin-top: 10px;
}
.membershipForm{
    background: #367C9C;
}

.membershipFormContent {
    background: white url(../images/membership_form_bg.png) repeat-x;
    background-position: left bottom;
    width: 186px;
    margin: 0px 2px 2px 2px;
    text-align: right;
}
.membershipFormContent .bigText, .membershipFormContent .semiBigText {
    color: #7AAD2E;
}
.membershipFormContent .bigText {
    font-size: 52px;
    font-weight: bold;
    display: block;
    float: left;
    margin-left: 15px;
    /*margin-top: -4px;*/
}
.membershipFormContent .semiBigText {
    font-size: 23px;
    font-weight: normal;
}
.membershipFormContent .otherText {
    text-align: left;
    padding-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bolder;
}
.membershipFormContent form .button, .frollarPackage .form input, .autoButton {
    margin: 5px;
    margin-bottom: 0px;
    border: none;
}
.membershipFormContent form .radio {
    border: none;
    background: transparent;
}
.membershipFormContent form .highlight {
    font-weight: bolder;
}
.membershipFormContent form label{
    display:block;
    margin: 0px 5px 0px 0px;
}
.membershipFormHolder .header {
    height: 8px;
    margin: 0px;
    padding: 0px;
    font-size:0; /*ie6 fix*/
}
.membershipFormHolder .header .left, .membershipFormHolder .header .right {
    width: 7px;
    height: 8px;
    background-repeat: no-repeat;
    float: left;
}
.membershipFormHolder .header .left {
    background-image: url(../images/blueBorderTopLeft.png);
}
.membershipFormHolder .header .middle {
    height: 6px;
    width: 176px;
    border-top: 2px solid #367C9C;
    float: left;
    background: #FFF;
    border-right: none;
    border-left: none;
}
.membershipFormHolder .header .right {
    background-image: url(../images/blueBorderTopRight.png)
}

.membershipSeparator,
#showMoreMemberships {
    border-top: 1px dotted #333333; 
    width: 710px; 
    margin: 0 0 0 15px;
}
#showMoreMemberships {
    text-align: right;
    font-size: 8px;
    margin-bottom: 3px;
}
#moreMemberships {
    display: none;
}
.membershipSeparator {
    margin-bottom: 15px;
}
.purchaseFrollarsInfo{
    padding:10px 30px;
    clear:both;
}
/* Frollar package divs */
.frollarPackage, .frollarPackage .amount, .frollarPackage .topText {
    width: 191px;
}
.frollarPackage {
    position: relative;
    background-image: url(../images/frollar_package_bg.png);
    background-repeat: no-repeat;
    height: 145px;
    margin: 25px;
    color: white;
    font-weight: bolder;
    float: left;
    display:inline; /*ie6*/
}
.frollarPackage .topText {
    text-align: center;
    padding-top: 5px;
}
.frollarPackage .amount {
    position: absolute;
    left: 0px;
    top: 22px;
    text-align: center;
    font-size: 40px;
    color: #2B79A7;
}
.frollarPackage .frollars {
    position: absolute;
    left: 43px;
    top: 84px;
    text-transform: uppercase;
}
.frollarPackage .price {
    position: absolute;
    top: 85px;
    right: 5px;
    width: 65px;
    text-align: center;
}
.frollarPackage .coins {
    position: absolute;
    bottom: 5px;
    left: 10px;
}
.frollarPackage .form {
    position: absolute;
    bottom: 0px;
    right: 5px;
}
.frollarPackageSmall {
    background: url(../images/frollar_package_small_bg.png) no-repeat;
    color: white;
    height: 116px;
    width:135px;
    float:left;
    margin: 15px 2px 0 2px;
    position: relative;
    font-size:11px;
}
.frollarPackageSmall .topText {
    text-align: center;
    padding-top: 4px;
}
.frollarPackageSmall .amount {
    text-align: center;
    font-size: 28px;
    font-weight:bolder;
    color: #2B79A7;
}
.frollarPackageSmall .frollars {
    text-transform: uppercase;
    position: absolute;
    left: 32px;
    top: 58px;
}
.frollarPackageSmall .price {
    text-align: center;
    position: absolute;
    top: 58px;
    right: 8px;
}

/* Payment methods page */
#paymentMethods {
    margin: 15px 7px;
}
#paymentMethods .frollarPackage{
    margin:0 30px;
    position:absolute;
    right:0;
    top:-60px;
}
#firstDepositBonus{
    padding:10px 12px 0 12px; 
    font-size:1.2em;
}
#firstDepositBonus h3{
    font-size:1.3em;
    color:#ED7C08;
    padding-bottom:3px;
}
.itemDescription {
    margin: 15px 15px 40px 15px;
    position:relative;
}
.itemDescription h2 {
    color: #7AAD2E;
}
.itemDescription p {
    margin-left: 20px;
}
.itemDescription .highlight {
    font-size: 14px;
    font-weight: bolder;
}
.paymentMethodsHolder {
    padding: 15px;
    margin: 5px auto;
    overflow:hidden;
    text-align: center;
    clear: both;
}
.paymentMethod {
    float: left;
    margin: 15px;
}
.paperListIcon{
    position:absolute;
    z-index:3;
    top:-14px;
    left:10px;
    width:27px;
}

.blueBoxRound{
    margin-top:15px;
    width:370px;
    position:relative;
}
#transactionHistory .blueBoxRound, #withdraw .blueBoxRound {
    width: 734px;
}
#transactionHistory .blueBoxRoundTop .middle, #withdraw .blueBoxRoundTop .middle {
    width:680px;
    padding-left:40px;
}
#transactionHistory .blueBoxRoundBottom .middle, #withdraw .blueBoxRoundBottom .middle {
    width:722px;
}
.blueBoxRoundTop{
    width:100%;
    height:31px;
}
.blueBoxRoundMiddle{
    border-left: 1px solid #538FAC;
    border-right: 1px solid #538FAC;
    background:#fff;
}
.blueBoxRoundBottom{
    width:100%;
    overflow:hidden;
    font-size:1px;
    height:6px;
    margin:0;
    padding:0;
}

.blueBoxRoundTop .left, .blueBoxRoundTop .middle, .blueBoxRoundTop .right {
    float:left;
    height: 31px;
    width:7px;
}

.blueBoxRoundTop .left {
    background:url(../images/blueBoxTopLeft.gif) no-repeat;
}
.blueBoxRoundTop .middle{
    background: url(../images/blueBoxTopMiddle.gif) repeat-x;
    color:#fff;
    font-weight:bold;
    height: 31px;
}
.blueBoxRoundTop .middle div.info{
    float:left;
    padding:7px 0;
    font-size:1.2em;
}
.blueBoxRoundTop .middle div.link{
    float:right;
    /*width:100px;*/
    text-align:right;
    margin:0;
    padding:6px 0 0 0;
}
.blueBoxRoundTop .middle div.link a{
    color:#fff !important;
    display:block;
    padding:1px 5px;
}
.blueBoxRoundTop .right{
    background:url(../images/blueBoxTopRight.gif) no-repeat;
}
.blueBoxRoundBottom .left, .blueBoxRoundBottom .middle, .blueBoxRoundBottom .right {
    float:left;
    height:6px;
    width:6px;
}
.blueBoxRoundBottom .left {
    background:url(../images/blueBoxBottomLeft.gif) no-repeat;
}
.blueBoxRoundBottom .middle{
    background: url(../images/blueBoxBottomMiddle.gif) repeat-x;
}
.blueBoxRoundBottom .right{
    background:url(../images/blueBoxBottomRight.gif) no-repeat;
}


/* My profile page*/
#myProfile, #myRank, #prizeTournaments, #community { overflow:hidden; padding:10px 7px; }

.myProfileEdit .caption {
    width:104px;
}

/*Overriding default form text color*/
.myProfileEditForm {
    color:#333333;
}
.myProfileEditForm input.disabled {
    border: 1px solid transparent;
    background-color: transparent;
}
#myProfileTopInfo{
    float:right;
    width:455px;
   
}
#myProfileTopInfo .greenTitle .content {
    width: 430px;
}
#profileBadges { height: 120px; }
#rankBadgeHolder, #frollarBadgeHolder {
    float: left;
    margin-top: -7px;
    margin-left: 5px;
    position: relative;
}
#rankBadgeHolder #smallMeter {
    position: absolute;
    left: 123px;
    top: 60px;
}
.personalIcon{
    position:absolute;
    z-index:3;
    top:-10px;
    left:0px;
}
.trophyIcon {
    position: absolute;
    z-index: 3;
    top: 4px;
    left: 8px;
}
#personalInfoContainer {
    float:left;
    margin:16px 0px;
    
    display:inline; /*ie6*/
}
#personalInfo, #trophies {
    
}
#ranks .blueBoxRoundMiddle img {
    margin: 3px 6px;
}
#trophies .blueBoxRoundMiddle img {
    margin: 5px;
    text-align: left;
}
/*#personalInfo */.blueBoxRoundMiddle{
    padding:10px;
}
/*#personalInfo */.blueBoxRoundTop .middle {
    width: 326px;
    padding-left: 30px;
}
/*#personalInfo */.blueBoxRoundBottom .middle {
     width:358px;
}
#personalInfo table th{
    text-align:left;
}
#personalInfo table td{
    padding: 3px 3px 3px 1px;
}
#personalInfo label{
    font-weight:bold;
}
#personalInfo input{
    margin:0;
}
#personalInfo img {
    vertical-align:text-bottom;
}
.contactInfoAdvice{
    font-size:11px;
}
/* gamer levels in profile page*/


table.myProfile{
    border:0;
    margin:0;
    padding:0;
}
table.myProfile tr.darkBg{background:#D2F0FF;}
table.myProfile td{
    padding:1px 5px; 
    text-align:center;
}
table.myProfile th{
    background:#79B1CD;
    color:#fff;
    padding:3px 3px;
    font-weight:normal;
    font-size:0.9em;
}
#gamerLevels {margin:0 10px; position:static;}
#gamerLevels .blueBoxRoundMiddle{
    height: 300px;
    overflow:auto;
}
#gamerLevels th a{color: #fff; cursor:pointer;}
#gamerLevels table{width:330px;}
#gamerLevels td{padding:1px 3px;}

/* MyRank page */
#myRankImageAndText {
    width: 275px;
    margin-top: 10px;
    position: relative;
    float: left;
}
#myRankImageAndText p {
    margin-top: 25px;
    font-size: 11px;
    width: 250px;
    font-family: Arial, Helvetica, sans-serif;
}
#myRankImage {
    width: 233px;
    height: 233px;
    /*margin-bottom: 5px;*/
    background: url(../images/rankImageBg.png);
}
#myRankImage img {
    margin: 4px;
}
#myAvatar {
    position: absolute;
    right: -5px;
    top: 90px;
}

div.activityMeterContainer { width: 50px; height: 90px; float: left; }

div.myRankLeftColumn { float: left; width: 315px; margin-left: 6px; }
div.myRankLeftColumn div.buyFrollarsButton { margin-right: 0; }
div.myRankLeftColumn div.vertical { width: auto; }

div.myRankRightColumn { width: 404px; margin-right: 10px; float: right; overflow: hidden; }
div.myRankRightColumn #purchasePremium { float: none; margin-bottom: 0; }
div.myRankRightColumn div.blueBoxRound { margin-top: 15px; margin-bottom: 10px; }

/*The placement of the link is static in relation to the avatar image */

#editAvatarLink { padding-top: 1em; padding-left: 1em; clear: left; }

#myTrophy {
    position: absolute;
    top: 10px;
    left: 90px;
}
.prizeTournament {
    width: 345px;
    padding: 10px;
    margin-bottom: 20px;
    float: left;
    text-align: justify;
    overflow: hidden;
    /* font-size: 9px; */
}

#container .prizeTournament h3 a {
    color: #10657D;
}

.prizeTournament div.rankRange {
    font-weight: bold;
    color: #10657D;
    clear: left;
    text-align: right;
    font-size: 0.9em;
}

.prizeTournament .smallRankImage {
    margin: 0 10px 20px 0;
    float: left;
}
.prizeTournament  .smallRankImage a{display:block;}
.prizeTournament .smallRankImage img {
    margin: 5px;
}
.prizeTournament .sum {
    font-size: 24px;
    font-weight: bold;
    color: #7AAD2E;
    margin-bottom: 6px;
}
/* edit avatar, styles from tabs.css, signup.css */
#editAvatar {
    background:#fff;
    padding:12px;
}
#avatar{
    background:#fff;
    padding:8px;
}

#selections{ width:340px; float:left; }
#frosmocolors, #frosmoeyes, #frosmoextras{
    border:1px solid #ccc; 
    height:325px; 
    width:330px;
    float:left;
}
#frosmopreview{
    height:348px; width:340px;
    border:1px solid #ccc;
    float:left;
    margin:25px 0px 0 20px;
}
#frosmopreview img{
    margin-left:70px;
}
 
.tabs-hide {
    display: none;
}
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
.tabs-nav a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 6px 10px 0;
    width: 64px;
    height: 18px;
    color: #27537A;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(../../login/pics/tab.png) no-repeat;
}
.tabs-nav .tabs-selected a {
    padding-top: 7px;
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 0 -50px;
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    cursor: pointer;
    cursor: hand;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
}
#buttons{
    margin:10px 0;
}
#buttons input{
    margin:0;
}


#dashboard {
    height: 120px;
    background: url(../images/dashboardBg.png) repeat-x top left;
    color: #FFF;
}

#dashboard #loginForm {
    width: 180px;
    margin: 0;
    padding: 8px 4px 8px 8px;
    float: right;
    border-left: 1px dotted #8A8A8A;
    position: relative;
}
#dashboard #loginForm .loginInput {
    position: static;
    float: left;
    /*margin-right: 5px;*/
    font-size: 9px;
    font-weight: bold;
}
#dashboard #loginForm .loginInput input {
    margin:2px 2px 0px 0px;
    padding: 2px 3px;
    width: 78px;
    background-color:#B0E0FF;
    color: #000;
    border:1px solid #8DB4C7;
    vertical-align: top;
    font-weight:bold;
    font-size:10px;
}
#dashboard #loginForm #loginButton {
    clear: both;
    width: 180px;
}
#dashboard #loginForm #loginButton input {
    padding: 0px;
    border: none 0px;
    margin: 5px 2px 5px 0px;
    background: transparent;
}
/*
#dashboard #loginForm #loginButton input#login {
    margin-left:104px;
}*/
#dashboard #loginForm .loginText {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #EEF;
    padding-bottom:6px;
    margin:0;
}

#dashboard #loginForm #loginList {
    list-style-image: url(../images/loginListItem.png);
    padding: 0px;
    margin: 0px;
}
#dashboard #loginForm #loginList ul {
    list-style-image: url(../images/loginListItem.png);
    padding: 0px;
    margin: 0px 0px 0px 15px;
}
#dashboard #loginForm #loginList a {
    color: #FFF;
    font-size: 10px;
}
#dashboard embed, #dashboard object, #dashboardSwf {
    outline: none;
}
#dashboard img#dashboardRightFrosmo {
    float:right;
    margin-top:20px;
    margin-right:17px;
    height: 100px;
}
#ticketToFrollarsForm{
    margin:10px 30px;
    overflow:hidden;
}
#ticketToFrollarsForm h2{
    margin-bottom:10px;
}
#ticketToFrollarsForm input{
    float:left;
}
#smsFrollarPackages{
    overflow:hidden;
}
#smsFrollarPackages div.frollarPackage {
    margin-top: 10px;
}
#smsFrollarPackages div.keyword {
    color: #9D1C5C;
    bottom:0;
    position:absolute;
    right:5px;
}
#smsFrollarPackages div.keyword strong {
    font-size: 16px;
}
#ticketMsg{
    padding-left:10px;
    float:left;
}
#loginPromotion{
    float:left;
    width:564px;
}

#loginPromotion a{
    display:block;
    height:120px;
}

#loginPromotion a img {
    height: 120px;
}
#frollarTournamentList {
    margin: 10px 0px 0px 0px;
    padding-bottom: 10px;
}
#frollarTournamentList #allGamesMT {
    margin: 0px auto;
}
/* frontpage*/
#frosmoInfo{
    clear:both;
    margin:0;
    padding:0;
    overflow:hidden;
    background: #318DB9 url(../images/bg/blueGradient400.gif) repeat-x;
    /*color:#fff;*/
    width:760px;
}
#frosmoInfo h1{
    color:#fff;  
    font-size:23px;
    margin:0 0 0 10px;
}
#frosmoInfo p{
    margin:0px;
    padding:10px;
    color: #FFFFFF;
}
#frosmoInfoLeft{
    float:left;
    width:385px;
    padding:20px 0 0 10px;
    color: #FFFFFF;
}
#frosmoInfoRight{
    float:right;
    width:360px;
    padding:20px 0 0 5px;
    color: #FFFFFF;
}
#frosmoInfoCenter{
    float:left;
    width:370px;
    padding:20px;
    color: #FFFFFF;
}

#frosmoInfoLeft .greenTitle42 .content{width:340px;}
#frosmoInfoLeft a{display:block;}
#frosmoInfoRank div{
    text-align:center;
}
#frosmoIncreaseRank{
    padding-bottom:10px;
}
#frosmoIncreaseRank p{
    display: block;
    margin: 10px;
}
#frosmoIncreaseRank .point{
    margin:0 10px 0 0;
    float:left;
}
#frosmoInfo h2{
    color:#fff;
    font-size:21px;
    text-align:center;
    text-transform:capitalize;
    margin:26px 0 10px 0px;
}
#frosmoInfo h2 span, #frosmoInfoMembership span{
    color:#ACF336;
}
#frosmoInfoMembership{
    height:75px;
    width:335px;
    overflow:hidden
}
#frosmoInfoMembership p{
    float:right;
    width:265px;
    padding:0px;
}
#frosmoInfoMembership div{
    margin:0 15px 0 0;
    float:left;
}
#frosmoInfoPrize{
    height:145px;
    text-align:center;
}
#frosmoInfoPrize img{
    /*position:relative;
    top:-20px;*/
    margin-top: -20px;
}
#frosmoInfo #buyFrollarsButton{
    margin-top:20px;
}
/* page after registration */
#afterJoinMembership{
    width:360px;
    overflow:hidden;
    margin:20px 0;
}
#afterJoinMembership .img{
    height:125px;
    width:89px;
    float:left;
}
#afterJoinMembership .desc{
    float:right;
    width: 250px;
}

#afterJoinMembership a, #afterJoinMembership a:link, #afterJoinMembership a:visited, #afterJoinMembership a:hover, #afterJoinMembership a:active {
    color: white !important;
    font-size: inherit !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-decoration:none
}

#afterJoinMembership h2, #afterJoinGames h2{
    text-align:left;
    margin-top:0;
    font-size:20px;
}
#afterJoinMembership p{
    padding:0;
}

/* registration*/
#registration{
    padding:15px 12px;
    overflow:hidden;
    background:#fff;
}
#registration form{
    float:left;
    width:400px;
}

#registration .registrationInfoMsg {
    font-weight:bold;
    color:#10657D;
    padding:10px 20px;
}


#registration form li{ 
   margin:3px; 
   padding:5px 5px 5px 30px; 
   list-style:none; 
   position:relative;
}
#registration form .error, #authorizeFB form .error{
    color:#000;
    background-color:#F8E5E5;
    border:1px solid #A90000;
    padding:4px 4px 4px 29px;
}
#registration form .success{
    background-color:#DEF8CA;
    border:1px solid #74F019;
    padding:4px 4px 4px 29px;
}
#registration form label{
    display:block;
    font-weight:bold;
    margin:2px;
}
#registration form ul{
    margin:0;
    padding:5px 0 0;
}
#registration li img{
    left:5px;
    position:absolute;
}
#registration #agree_li {
    overflow: hidden;
}
#registration #agree_li input {
    float: left;
}
#registration #agree_li label {
    margin-top: 3px;
    font-weight: normal;
    display: block;
    margin-left: 27px;
}
#afterRegistration{
    padding:20px;
}
.user_responce{
  padding:10px 20px;
  font-weight:bold;
  color: red;
}
#phone_li{display:none;}
#loginError{
    margin:20px;
    font-size:14px;
}
#resendStatus{
    padding:10px 0; 
    font-weight:bold;
}
#resendActivation{
    font-weight:bold;
}
#confirmRegistration{
    font-size:14px;
}

#moreRankInfo {
    position: absolute;
    width:350px;
    background:transparent none;
    margin:0;
    display:block;
    z-index: 102;
}
#moreRankInfo ul {
    border-top: 1px dotted #000;
    list-style-type: none;
    padding: 0.3em 0 0 0;
    margin: 0.3em 0.5em;
}
#moreRankInfo ul li {
    margin-bottom: 0.3em;
    padding-bottom: 0.3em;
    border-bottom: 1px dotted #000;
    line-height: 1.4em;
}
#moreRankInfo span.points {
    font-weight: bold;
    color: rgb(84, 139, 52);
    white-space: nowrap;
}
.standardElement div.rankHighlight {
     float: right; 
     font-size: 24px; 
     font-weight: bold; 
     vertical-align: middle; 
     line-height: 54px; 
     margin-right: 5px;
}

#pathLinkContainer {
    float: left;
    background: #CCCCCC;
    padding: 1px;
    padding-top: 0px;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-top: 0px;
    width: 150px;
}
#pathLink {
    background: #FFFFFF;
    padding: 5px;
    width: 140px;
    white-space: nowrap;
    text-align: center;
}
#pathLink a {
    font-size: 9px;
}
#rankPath {
    background: #ffffff;
    padding: 10px;
    border: #333366 solid 1px;
    position: absolute;
    width: 734px;
    z-index: 103;
}
#rankPath .wideTitle {
    margin: 10px auto;
}

#rankPath .rankContainer {
    position: relative;
    float: left;
    margin: 15px;
}

#rankPath .rankImage {
    z-index: 104;
}

#rankPath .trophyImage {
    /*position: absolute;
    z-index: 105;
    left: 105px; 
    bottom: 5px;*/
    text-align: center;
    padding-top: 5px;
}
#rankPath .clear {
    width: 80%;
    border-top: 1px #CCCCCC dashed;
    margin: 5px auto;
}
#myProfileLeft, #myProfileRight{
    float:left;
    width:370px;
    margin:10px 0 20px 0;
}
#myProfileRight{padding-left:5px;}
.blueBoxesColumn{
    float:left;
    width:370px;
}
#userTeams .blueBoxRoundMiddle,
#friends .blueBoxRoundMiddle{
    overflow:auto;
    max-height: 175px;
}
#friends .info a{color:#fff;}
.friendAvatarLink{
    float:left; 
    padding:0 0 10px 10px;
    font-size:0.8em;
    height:110px;
    text-align:center;
}
.friendAvatarLink a{
    display:block; 
}
.friendSection{
    overflow:hidden;
    padding-bottom:5px;
    
    height:100%;
}
.friendSection h2{padding-bottom:5px; margin-bottom:0;}
.friendRequest{
    overflow:hidden;
    border-bottom:1px solid #D2F0FF;
    padding-top:5px;
}
.friendRequest a{
    font-size:0.8em;
}
.friendRequest .left, .friendRequest .right{
    float:left;
}
.friendRequest .right{width:260px; padding:0px 5px 10px 10px;}

.online{
    background:#EEFAD7;
}
#myTournaments .blueBoxRound{
    height:300px;
    overflow:auto;
}
#challengeForm{
    margin:15px 7px; 
}
#challengeForm h2{
    padding:0 10px;
}
#challengeForm td{padding:1px 10px 1px 0;}
#challengeForm form div{margin-bottom: 5px;}
#challengeForm form{
    margin:15px;
    width:480px; 
    float:left;
}
#challengeForm input{margin:1px;}
#challengeForm label{font-weight:bold;}
#challengeFriendList{
    height:200px; 
    overflow:auto;
    width:240px;
}
#challengedUsers {margin-top:10px;}
#challengedUsers span{
    font-weight:bold;
}
#challengedUsers form{
    display:inline;
}
#challengedUsers input{
    margin:0;
}
#challengedPrizes{
    float:right;
    width:160px;
    margin:15px;
}
#friendListLabel{
    margin:20px 0 0 0;
}
#friendListLabel p{
    font-size:0.9em; 
    width:350px;
}
#challengeFriendList, #friendListLabel p{
    margin-left:5px;
}
#registrationBenefits{
    float:right;
    width:300px;
    background:#296b9b;
    color:#fff;
    margin-top:20px;
}
#registrationBenefits ul{
    padding:10px 10px 10px 30px;
    margin:0;
}
#registrationBenefits li{padding:2px 0;}
#purchasePremium{
    margin:10px;
    /*display:inline;*/
}
#purchasePremium a {
    font-family:Arial;
    height:75px;
    width:285px;
    display:block;
    color:#fff;
    text-decoration:none;
    padding:10px 80px 5px 15px;
    font-size:15px;
}
#purchasePremium a:hover {
   text-decoration:none;
}
#purchasePremium a img{
    padding:0 0 10px 0;
    
}
ul#navigation {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 20px;
    background-color: #000;
    width: 760px;
    border-bottom: 1px solid #5c7583;
}
ul#navigation li.first {
    border-right: 1px solid #5c7583;
}

ul#navigation li a:hover,
ul#navigation li a.active {
    background-color: #547283;
    text-decoration: none;
}
ul#navigation li {
    float: left;
    width: auto;
    background-color: #4a6a7f;
    background-color: #000;
    border-left: 1px solid #5c7583;
    text-align: center;
}


ul#navigation li a {
    display: block;
    height: 17px;
    padding-top: 3px;
    padding-left: 50px;
    padding-right: 50px;
    text-decoration: none;
    text-transform: uppercase;
    color: #ADD8E6;
    font-weight: bold;
}

ul#navigation li.navi_item1 a{ width: 60px; }

ul#navigation li.navi_item2 a{ width: 83px; }
ul#navigation li.navi_item3 a{
    width: 108px;
    padding-left: 15px;
    padding-right: 15px;
}
ul#navigation li.navi_item4 a{
    width: 86px;
    padding-left: 12px;
    padding-right: 12px;
}
ul#navigation li.navi_item5 a{ width: 69px; }


ul#gameNavLinks {
   list-style-type:none;
    margin:auto;
    margin-top: 10px;
    padding:0;
    width:220px;
}
ul#gameNavLinks li {
    float: left;
    margin-right: 10px;
}

ul#gameNavLinks li a:first-letter{
    text-transform: uppercase;
}
ul#gameNavLinks li a {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    background: transparent url('../images/buttons/green_w_arrow.png') 0 0 no-repeat;
    width: 100px;
    height: 20px;
    padding-top: 5px;
}


.floatRight {
    float: right
}

ul#gameNavLinks li a:hover {
    text-decoration: none;
}

#frosmoInfo .standardElementHolder table {
    border: none 0px;
}

/* Some special standard elements */
#frosmoInfo .standardElementHolder {
    background-color: #FFFFFF;
    margin-left:10px;
    margin-right:10px;
    display:inline;
}
#frosmoInfoLeft .standardElementHolder, #frosmoInfoLeft .standardElement {
    width: 355px;
}

#frosmoInfoLeft .newGames td {
    padding: 0px;
}

#frosmoInfoRight .standardElementHolder, #frosmoInfoRight .standardElement {
    width: 332px;
}

#frosmoInfo td.button {
    text-align: right;
    padding-right: 3px;
}

#frosmoInfo td.position {
    width: 80px;
    padding-left: 10px;
}

.playedGames td.avatar, .loggedInUsers td.avatar {
    width: 35px;
    height: 30px;
}

#frosmoInfo table.standardElement {
    height: auto;
}
#frosmoInfoRight h2 {
    margin-top: 3px;
}
#availableOnFacebook{
    margin:0 auto; 
    width:600px; 
    overflow:hidden;
}
#availableOnFacebook p{
    float:left;
    width:400px;
}
#availableOnFacebook a{
    float:left;
    margin:10px;
}
div.titleNavHolder {
    float: left;
    height: 55px;
    width: 745px;
    margin: 10px 0 5px 0px;
}


div.titleNavHolder div.leftBorder,
div.titleNavHolder div.rightBorder {
    float: left;
    width: 5px;
    height: 55px;
    display: block;
}

div.titleNavHolder div.leftBorder{
    float: left;
    background: transparent url('../images/greenTitleLeftBg.png') 0 0 no-repeat; 
}

div.titleNavHolder div.rightBorder{
    float: right;
    background: transparent url('../images/greenTitleRightBg.png') 0 0 no-repeat; 
}

div.titleNavHolder div.titleNavContent {
    float: left;
    background: transparent url('../images/greenTitleMiddleBg.png') 0 0 repeat-x;
    width: 735px;
    height: 55px;
    display: block;
}

div.titleNavHolder h3 {
    float: left;
    height: 38px;
    width: auto;
    padding: 10px;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
}
div.titleNavHolder ul.titleNav {
    float: right;
    width: auto;
    height: 55px;
    margin: 0;
    padding: 0;
    padding-left: 1px;
    background: transparent url('../images/greenTitleDivider.gif') 0 0 no-repeat;
    display: block;
}

div.titleNavHolder ul.titleNav li {
    float: left;
    list-style-type: none;
    display: inline;
    background: transparent url('../images/greenTitleDivider.gif') 100% 0 no-repeat;
}

div.titleNavHolder ul.titleNav li a {
        float: left;
    height: 36px;
    color: #fff !important;
    font-weight: normal!important;
    font-size: 18px;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 0px;
    margin-right: 1px;
    text-decoration: none;
}

div.titleNavHolder ul.titleNav li.selected a {
    background: transparent url('../images/myAccountTitleSelectedBg.gif') 0 0 repeat-x;
}
div.titleNavHolder ul.titleNav li a:hover {
    text-decoration: none!important;
}
.hide{
    display:none;
}
.block{
    display:block;
}

#tutorial {
    margin: 1em;
}

#tutorial ol,
#tutorial ul {
    margin: 0 1em;
    padding: 0 1em;
}

#tutorial ul {
    list-style-type: none;
}

#tutorial ol li,
#tutorial ul li {
    padding: 0.2em 0;
    font-weight: bold;
}
#tutorial ol li p,
#tutorial ul li p {
    font-weight: normal;
    padding: 0;
    margin: 0;
}

#tutorial h3 {
    padding: 1em 0 1em 0;
}

#tutorial #tutorialStep1 {
    display: block;
}
#tutorial div.tutorialColumn {
    display: none;
}

div.tutorialColumn img {
    margin: 1em;
    text-align: left;
    vertical-align: bottom;
}

/* SuperRewards iframe */
iframe.superRewards, iframe.superRewardsPayment {
    width: 760px;
}
iframe.superRewards {
    height: 1000px;
}
iframe.superRewardsPayment {
    height: 720px;
}
iframe.superRewardsPayment.margins {
    width: 715px;
    padding: 10px;
    border: 1px solid #005871;
}
.paginator{
    clear:both;
}
#friendListContainer, #communitySearchContainer{
    margin:12px;
}
#friendListContainer #breadcrumb,
#communitySearchContainer #breadcrumb {
    float: left;
    margin: 0 12px 6px 12px;
}
#communitySearchContainer #communitySearchForm {
    float: right;
    margin: 0 12px 6px 12px;
}
#friendListContainer #friendList,
#communitySearchContainer #friendList,
#communitySearchContainer #topCities {
    clear: both;
}
#communitySearchContainer #topCities {
    padding: 10px 12px;
    overflow: hidden;
}
#communitySearchContainer #topCities ul {
    list-style-type: none;
    padding: 0;
}
#communitySearchContainer #topCities ul li {
    font-size: 1.4em;
    display: inline;
    margin-right: 15px;
    text-transform: capitalize;
}
#friendList {
    overflow:hidden;
    padding:10px 0;
}
#friendList div {
    float:left;
    width:130px;
    padding:5px 8px;
    text-align:center;
}
#friendList div.first { clear: left; }
#friendList div a { display:block; }
#friendList div span.country,
#friendList div span.city { display: block; overflow: hidden; text-transform: capitalize; }
div.wideTitle div.content span.city { text-transform: capitalize; }
.paginator { text-align:center; padding:5px; }

#errorPage {
    height: 400px;
    width: 100%;
}
#errorPage p {
    margin: 80px auto auto auto;
    width: 300px;
    height: auto;
    background: #fff url('../images/pointsMissing.png') 20px 30px no-repeat;
    border: 1px solid black;
    padding: 30px 10px 50px 50px;
    font-weight: bold;
}
#errorPage p a.btn {
    background: transparent url('../images/premium_button_bg.png') 0 0 no-repeat;
    display: block;
    width: 98px;
    height: 27px;
    color: #fff;
    font-size: 10px;
    margin: 10px;
    padding: 7px 0 0 10px;
    text-decoration: none;
    float: right;
    clear: both;
}


div.almaksu form input {
    border: 0px;
    background-color: #ffffff;
}

div.almaksu {
    float:left; overflow:hidden; 
}

.closePopup {float: right;}
.closePopup img{border: 1px solid rgb(141, 180, 199); padding: 1px;}


/* USER CLAIM STATUS */

#userStatus { clear: left; overflow: hidden; margin: 10px 0; font-size: 11px; font-family: Tahoma, Helvetica, Arial, sans-serif; 
    width:740px; /*for ie6*/
}
#userStatus h1 {
    font-size: 18px;
    line-height: 30px;
    height: 30px;
}
#userStatus #eraDescription span.username { font-weight: bold;  }
#userStatus #userActions { 
    height: 26px; padding: 2px 4px; float: right; text-align:right;
    overflow: hidden; 
}
#userStatus #userActions a {
    /* width:110px; */
    color: #fff !important;
    font-weight: bold !important;
    background-color:#5994B2;
    /* background: #79b4d1; */
    /* border: 1px solid #c8dae7; */
    padding: 3px 6px;    
    display:block;
    float:right;    
    white-space:nowrap;
    margin-left:5px;
    overflow:hidden;
}
#userStatus #userActions a:hover {
    background: #3a778f;
    text-decoration: none;
}
#eraStatus { float: left; width: 330px; }
#userClaim { float: right; clear: right; width: 390px; padding: 0; text-align:left; } 
#userClaim .publicClaim {
    margin-top: 25px;
}
#userClaim a.help {
    font-weight:normal;
    text-align: right;
    color: #000;
    display:block;
}
#userClaim a.help:hover {
    font-weight:normal;
    text-decoration: none;
}
#userStatus #eraHistory { margin-top: 2px; }
/* #myProfile #userStatus, #myRank #userStatus { margin-right: 10px; } */
#editClaim { 
    display: none;
    float:left;
    left: 0;
    margin: -5px 5px 0 5px;
    overflow:hidden;
    padding:10px;
    position:absolute;
    width:700px;
    background: #fff; 
    border: 1px solid #10657D;
    z-index:1000;
}
#editClaim ul { list-style-type: none; padding: 0; margin: 5px 0; }
#editClaim ul li { display: block; margin:4px 0; padding:4px 6px; border: 1px solid #10657D; background: #e7e7e7; }
/* #userClaim, #editClaim { font-size: 11px; font-family: Tahoma, Helvetica, Arial, sans-serif; } */
#editClaim form { display: block; }
#editClaim h3 { margin: 0; }
#editClaim select { margin: 10px 0; width: 700px; }
#editClaim input { display: inline; margin: 0; }
#editClaim select, #editClaim option { font-size: 11px; }
#editClaim img.loading { float: right; }

.rememberMe {
   font-size:10px;
   margin:0 0 10px -2px;
   vertical-align:middle;
   padding:0;
   /* clear:both;
    font-size:10px;
    position:absolute;
    left:7px;
    top:50px;*/
}
.rememberMe input{
    margin:3px 0 1px 0;
    padding:0;
    vertical-align:middle;
}
#dashboard #loginForm #loginButton input{
    vertical-align:middle;
}
.friendGameList {
    border-bottom: 1px dotted #000;
    margin:5px 0;
    padding:5px 0;
}
.friendGameList a {
    text-decoration:none;
}
.friendGameList .friendGamesGameName {
    font-weight:bold;
    font-size:14px;
    color:#000;
}
.friendGameList .playNowButton {
    margin:10px 0 0 0;    
}
#friendRanksContainer .friendRank {
    font-size:14px;
    font-weight:bold;
    text-align:center;
}
#friendTournamentParticipations a {
    text-decoration:none;
}
#friendTournamentParticipations div.friendAvatarLink {
    clear:left;
    overflow:hidden;
}
#friendRanks .rankText {
    font-weight:normal;
    font-size:10px;
}

#homepageVideoContainer {
    text-align: center; 
    width: 384px;
    margin: 10px 0px; 
    padding-top:40px;
    float: left;
}

#homepageVideo {
    text-align: center; 
    width: 384px; 
    height: 216px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 10px;
}

#inviteFriendsToTeam, #homepageSearchFriends {
    float: right; 
    /*border: 1px solid black; */
    margin: 10px 0px;
    width: 330px;
}
#inviteFriendsToTeam p {
    margin:10px 0 0 0;
    color: #000;
    padding:0;
}



#homepageSearchFriends .blueBoxRound {
    margin: 0px;
}

#inviteFriendsToTeam {
    height: 270px; 
}

.inviteFriendsToTeam .blueBoxRoundTop .middle, #homepageSearchFriends .blueBoxRoundTop .middle {
    width: 286px;
}

#homepageSearchFriends .blueBoxRoundMiddle {
    width: 308px;
    overflow-x: hidden;
}

.inviteFriendsToTeam .blueBoxRoundMiddle {
    width: 318px;
    height: 215px;
    padding-left: 0px;
    overflow-y: auto;
    overflow-x: hidden;
}

.inviteFriendsToTeam .blueBoxRoundBottom .middle, #homepageSearchFriends .blueBoxRoundBottom .middle {
    width: 318px;
}

table.inviteFriendsToTeam {
    overflow-x: hidden;
    overflow-y: auto;
    width: 311px;
}
table.inviteFriendsToTeam .td1 {
    width: 115px;
    text-align:left;
}
table.inviteFriendsToTeam .td2 {
    width: 123px;
    overflow-x: hidden;
}
table.inviteFriendsToTeam .td3 {
    text-align: right;
    width: 95px;
}

/* DYNAMIC FRIEND INVITER ON HOME PAGE */

#dynamicInviteFriendsToTeam {
    margin: 10px 15px;
    width: 330px;
    background-color:#2d88b4;
}

#dynamicInviteFriendsToTeam h3 {
    background-color:#1E5D8C;
    /* background-image:url(../images/titlebar_star.png);
    background-repeat:no-repeat;*/
    color:#FFFFFF;
    display:block;
    line-height:23px;
    padding:3px 5px 3px 5px;
    width:320px;
    text-align:center;
}

#dynamicInviteFriendsToTeam h4 {
    margin:10px;
    text-align:center;    
}
#dynamicInviteFriendsToTeamTop {
    background:#126c94;
}
#dynamicInviteFriendsToTeamBottom {
    background:#fff;
    clear:left;
    height:5px;
    /*padding-top:5px;*/
}
#dynamicInviteFriendsToTeamBottom b {
    /*margin-top:0 !important;*/
}
#dynamicInviteFriendsToTeam p {
    margin:10px 0 0 5px;
    color:#000;
    padding:0;
}
#dynamicInviteFriendsToTeam #teamStatus {
    background-color:#296B9B;
    background-image:url(../images/allGamesMTRightHeadBg.gif);
    background-repeat:repeat-x;
    text-align:center;
}
#dynamicInviteFriendsToTeam #teamStatus p {
    margin:0;
    padding:5px 10px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}
#dynamicInviteFriendsToTeam #availableFriends {
    height:198px;
    overflow:auto;
    padding:0;
    background-color:#fff;
}
#dynamicInviteFriendsToTeam #inviteNewFriend {
    background-color:#fff;
    overflow:hidden;
    padding:5px 15px 5px 5px;
    text-align:center;
}
#dynamicInviteFriendsToTeam #availableFriends ul {
    list-style-type: none;
    overflow:auto;
    padding:0;
    margin:0;    
}
#dynamicInviteFriendsToTeam #availableFriends ul li {
    display:block;
    clear:left;
    overflow:hidden;
    height:58px;
    padding:5px 0;
}
#dynamicInviteFriendsToTeam #availableFriends p {
    margin-left: 10px;
    margin-right: 10px;
    line-height:1.5em;
}
#dynamicInviteFriendsToTeam ul li div.avatar,
#dynamicInviteFriendsToTeam ul li div.info,
#dynamicInviteFriendsToTeam ul li div.actions {
    float:left;
    margin-left:5px;
    color:#000;
}

#dynamicInviteFriendsToTeam ul li div.avatar {
    width:80px;
    /*position:relative;*/
}
#dynamicInviteFriendsToTeam ul li div.avatar img.normal {
    width:50px;
}
#dynamicInviteFriendsToTeam ul li div.avatar img.tiny {
    width:30px;
    margin-bottom:16px;
}
#dynamicInviteFriendsToTeam ul li div.info {
    padding-top:10px;
    width: 110px;
}
#dynamicInviteFriendsToTeam ul li div.actions {
    padding-top:10px;
    text-align:center;
    width:95px;
}

/* NEW FROLLAR TOURNAMENT LIST ON HOME PAGE */

#welcomeFrollarTournamentList {
    overflow:hidden;
    margin-top:10px;
    margin-bottom:10px;
    padding:0 15px;
}    
#welcomeFrollarTournamentList h3 {
    background-color:#1E5D8C;
    background-image:url(../images/titlebar_star.png);
    background-repeat:no-repeat;        
    color:#FFFFFF;
    display:block;
    line-height:23px;
    padding:3px 5px 3px 74px;
    width: 651px;
    margin-bottom: 0;
}
#welcomeFrollarTournamentList div.tagline {
    background-color:#296B9B;
    padding: 5px 10px;
    font-weight: bold;
    font-size:11px;
    color:#fff;
    background-image: url(../images/allGamesMTRightHeadBg.gif);
    background-repeat: repeat-x;
}    
#welcomeFrollarTournamentList ul {
    margin:0 0 0 0; padding: 5px 5px 0 5px;
    background-color:#fff;
    display:block;
    overflow:hidden;
    float: left; 
    list-style-type:none;
}   
#welcomeFrollarTournamentList ul li {
    float:left; width: 340px;
    display: block;
    padding: 10px; /*fixes double margin ie6 bug*/
}     
#welcomeFrollarTournamentList ul li.first { clear: left; }
#welcomeFrollarTournamentList ul li div.image {
    float: left; margin: 0 10px 0 0; 
}  
#welcomeFrollarTournamentList ul li div.image img {
    border: 1px solid #79B4D1;
}  
#welcomeFrollarTournamentList ul li a.name {
    color:#E67200; 
    font-weight:bold; 
    margin-bottom: 3px;
    display:block;
}   
#welcomeFrollarTournamentList ul li div.play {
    text-align:center;
    font-size:10px;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    margin-top:10px;
    margin-left:3px;
    float:left;
}    
#welcomeFrollarTournamentList ul li a:hover {
    text-decoration:none;
}    
#welcomeFrollarTournamentList ul li div.prize {  
    margin-bottom: 3px;
    display:block;
}
#welcomeFrollarTournamentList ul li div.cost span {
    font-weight:normal;
}      
#welcomeFrollarTournamentListBottom { 
    background:#fff;
    clear:left;
    height:5px;
}   

/* Tutorial styles moved to tutorial.css */

/*invite popup*/

.inviteBody {
    margin: 0; 
    padding: 0; 
    background-color:transparent;
}
 
#inviteContainer { width: 373px; position: relative; background-color: transparent;}
#inviteBg { position: absolute; top: 4px; left: 4px; z-index: 100; width: 365px; background: #FFFFFF; opacity: 0.9; filter: alpha(opacity='90'); height: 470px; }
#inviteClose { position: absolute; top: 6px; left: 4px; width: 365px; z-index: 102; }
#inviteClose a { color: #FF0000; font-size: 9px; }
#inviteClose .error { padding-left:9px }
#inviteContent { position: absolute; top: 0px; left: 0px; z-index: 101; width: 373px; height: 452px; }
.leftPadded { padding-left: 22px; }
td.formLabel { width:250px;vertical-align:bottom; }
td.centered { text-align: center; }
textarea{ margin-bottom:8px;}

#inviteContent div {
    z-index: 101;
}

#inviteContent .blueRoundMiddle {
    height: 462px;
    width: 363px;
}

.emailListHeader { background-color:#8db4c7}

.emailCheckbox {
    text-align:center;
    width:23px;
}

.emailList {
    display:none
}

.emailListBox {
    margin:auto;
    width:273px;
}
#playingUsers{padding:10px 0;}
#playingUsers span {
    display:block;
	color:#44748E;
}
.topList {
    list-style-image:none;
}
#topPositions {
    border-top:1px solid #ddd;
    padding-top:10px;
    margin-top:10px;
}

#systemError {
    background: #367C9C;
}

#systemError #container {
    margin: 130px 0 0 0;
    padding: 50px;
    border:2px solid #005871;
    background-position: 0 0;
    width:656px;
}

/* game_index .php game play link */
#gamePlayDialog {
    background:#fff;
    border:none;
    color:#10657D;
    display:none;
    position:absolute;
    z-index:120;
    width:730px;
    left:0px;
    top:10px;
}
#closeGamePlayDialog{
    float:right;
    margin:10px 10px 0 0;
}
#closeGamePlayDialog img {
    border: 1px solid rgb(141, 180, 199); 
    padding: 1px;
}
#gamePlayDialogError {
    padding:10px;
    font-size:16px;
    text-align:left;
}
#gamePlayDialog .buyFrollarsButton{
    margin-left:10px;
}
#gamePlayDialog .actions {
    text-align:center;
}
#gamePlayLinkContainer, #challengeFriendInnerContainer{
    text-align:center; 
    font-size:15px; 
    color:#fff;
    line-height:45px;
}
#gamePlayLinkContainer .playNowButton{
    vertical-align:middle;
    margin:0 5px;
    border:0;
}

#challengeFriendInnerContainer .playNowButton{
    vertical-align:middle;
    margin:0 5px;
    border:0;
}

.gamesListing .locked {
    margin: 0; padding: 0; 
    z-index: 1000; 
    width: 100%; height: 100%; 
    top: 0px; left: 0px; 
    position: absolute;
    color:#fff;
    background:transparent url(../images/transparent_dark.png) left top repeat-x;
    filter: alpha(opacity='50');    
}
.gamesListing .locked .lockedText {
    margin:5px;
    text-align:center;
}
.gamesListing .locked a {
    color:#F7F12A;
}
#lockedLinks {
    display:none;
}
div.blueBoxesColumn #gamerLevels,
div.blueBoxesColumn #friends {
    margin: 0;	
}
#home div.blueBoxesColumn {
	margin:5px 4px 10px 4px;
}
div.unlockFeature {
    width: 740px;
    margin: 10px auto 20px auto;
}
#intro div.unlockFeature {
	height: 200px;
}
div.unlockFeature img {
	float: left;
	margin: 10px;
	width: 150px;
	height: 150px;
}
div.unlockFeature div.content {
    margin-left:190px;
    padding-right:50px;
	padding-top: 20px;
	font-family:'Lucida Grande',Tahoma,Helvetica,Arial,sans-serif;
}
div.unlockFeature div.content h2 {
    color: #ed7c08;
    font-size: 22px; 
    font-weight: normal;
}
div.unlockFeature div.content p {
    font-size: 14px !important;
    line-height: 1.6em;
}
#gamePlayDialog .membership {
    width:630px;
	position:relative;
}
#gamePlayDialog .membershipFormHolder {
    position: absolute;
	left:0;
	top:120px;
}
#gamePlayDialog .membershipBadge {
    width:200px;
	margin-left:0;
	text-align:center;
}
#gamePlayDialog #buyFrollarsButtons {
    float: right;
}
#gamePlayDialog .membershipOfferTip {
    color:#548B34;
    font-size:12px;
    font-weight:bold;
    line-height:1.4em;
    padding:5px;
    text-align:center;
}
#gamePlayDialog .membershipOfferTip span {
    color: #10657D;
}

#gamePlayDialog .membershipOfferTip span.membership {
    width: auto;
    padding: 0;
    margin: 0;
    border: 0;
    float: none;
}

#membershipBadgeFloat {
    float: left;
    margin-right: 20px;
    text-align: center;
}
#membershipBadgeFloat .membershipBadge {
    float: none;
    margin: 10px auto;
}
#membershipBadgeFloat .membershipFormHolder {
    float: none;
    position: static;
}
div#accessDenied {
    text-align: center;
	padding: 20px 50px;
	min-height: 300px;
}
#accessDenied h1 {
    margin-bottom: 20px;
}