/* @Project: Slingo.com website */


/* @Author:  Viviana Narvaez */


/* @Contact: viviana at slingo dot com */


/* @Created: Mon Nov 28 13:52:09 EST 2011 */


/* RESET */

* {
    margin: 0;
    padding: 0;
}

* html .clearUtil {
    height: 1%;
}

.clearUtil {
    clear: both;
}

body,
html {
    width: 100%;
    height: 100%;
    color: #000;
}

body {
    background-color: #fdf7ed;
    font-size: 9pt;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div {
    overflow: hidden;
}

* {
    line-height: 1.1;
}

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


/*MAIN */

.clearBoth {
    clear: both;
}

.blockElem {
    display: block;
    width: 100%;
    height: 100%;
}

.fb_dialog {
    z-index: 2000010001 !important;
}


/*body{background:url('/images/common/background_gradient.png') top left repeat-x; background-color:#fff; }*/

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

ul li {
    margin-left: 15px;
}

ol li {
    margin-left: 20px;
}

.clear,
#clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.backgroundWhite {
    background: #fff;
}

.borderThinnest {
    border-width: 1px;
}

.borderThin {
    border-width: 2px;
}

.borderMedium {
    border-width: 4px;
}

.borderYellow {
    border-color: #FFFF00;
}

.borderDarkBlue {
    border-color: #026c8e;
}

.borderSolid {
    border-style: solid;
}

.roundCorner {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.noFloat {
    float: none;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.italic {
    font-style: italic;
}

.textColorYellow {
    color: #FFFB0D;
}

.textColorWhite {
    color: #fff;
}

.centered {
    text-align: center;
}

.inactiveLink {
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: wait;
}

.boxShadow {
    -moz-box-shadow: 0 5px 5px 5px #999;
    -webkit-box-shadow: 0 5px 5px 5px #999;
    box-shadow: 0 5px 5px 5px #999;
}

#content.buttons a {
    margin: 10px 0;
}

a,
a:link,
a:visited,
a:active {
    color: #008fc5/*#245c83*/
    /*#008FC5*/
    ;
    text-decoration: none;
}

a {
    cursor: pointer;
    color: #36f;
    text-decoration: none;
}

a:focus {
    outline: none;
}

a img {
    border: 0
}

a:hover {
    color: #096088;
    text-decoration: underline;
}

a.medium,
a.medium:active {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    font-size: 18px;
    line-height: 20px;
    padding: 9px 38px;
}

a.button:hover,
.button:hover,
.active:hover {
    text-decoration: none;
    -webkit-box-shadow: #FFF 0 0 10px;
    -moz-box-shadow: #FFF 0 0 10px;
    box-shadow: #FFF 0 0 10px;
    text-shadow: 0 0 3px #fff;
    behavior: url('/gen/CSSPIE');
}

a.button,
a:active.button,
.button {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    text-shadow: 0px 1px 1px #fff;
    background: #98d0e9;
}

a:active.button {
    margin: 2px 0 0 2px;
}

a:hover.green,
.green:hover {
    background: #caf978 url('/images/common/btn_green_over.png') center repeat-x;
    color: #457309;
    -webkit-box-shadow: #c5f673 0 0 10px;
    -moz-box-shadow: #c5f673 0 0 10px;
    box-shadow: #c5f673 0 0 10px;
    border-bottom: 1px solid #75ab2f;
    behavior: url('/gen/CSSPIE');
}

a.green,
a:active.green,
.green {
    background: #598d14 url('/images/common/btn_green.png') center repeat-x;
    color: #2c4c00;
    border-bottom: 1px solid #5a8e17;
    position: relative;
}

a:hover.blue {
    background: #a9e2fc url('/images/common/btn_blue_over.png') center repeat-x;
    color: #14658a;
    -webkit-box-shadow: #a9e2fc 0 0 10px;
    -moz-box-shadow: #a9e2fc 0 0 10px;
    box-shadow: #a9e2fc 0 0 10px;
    border-bottom: 1px solid #23a7e4;
    behavior: url('/gen/CSSPIE');
}

a.blue,
a:active.blue {
    background: #8bd9ff url('/images/common/btn_blue.png') center repeat-x;
    color: #1b4e6d;
    border-bottom: 1px solid #0483bf;
    text-shadow: 0 0px 3px #ccc;
}

a:hover.gold {
    background: #fbc76c url('/images/common/btn_gold_over.png') center repeat-x;
    color: #785422;
    -webkit-box-shadow: #fbc76c 0 0 10px;
    -moz-box-shadow: #fbc76c 0 0 10px;
    box-shadow: #fbc76c 0 0 10px;
    border-bottom: 1px solid #efba63;
    behavior: url('/gen/CSSPIE');
}

a.gold,
a:active.gold {
    background: #ffa916 url('/images/common/btn_gold.png') center repeat-x;
    color: #563609;
    border-bottom: 1px solid #ea8d00;
    position: relative;
}

a.purple,
a:active.purple {
    background: #4c4084 url('/images/common/btn_dark_purple.png') center repeat-x;
    color: #fff;
    border-bottom: 1px solid #4f3b83;
    text-shadow: 0 -1px 0px #444;
    behavior: url('/gen/CSSPIE');
    position: relative;
}

a:hover.purple {
    background: #394d8d url('/images/common/btn_dark_purple_over.png') center repeat-x;
    color: #fff;
    -webkit-box-shadow: #4f3b83 0 0 10px;
    -moz-box-shadow: #4f3b83 0 0 10px;
    box-shadow: #4f3b83 0 0 10px;
    border-bottom: 1px solid #394d8d;
    behavior: url('/gen/CSSPIE');
}

a.large,
a:active.large {
    padding: 11px 44px;
    font-size: 24px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 3px 3px 5px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 3px 3px 5px;
    box-shadow: rgba(0, 0, 0, .25) 3px 3px 5px;
    behavior: url('/gen/CSSPIE');
}

a.medium,
a:active.medium,
.medium {
    padding: 9px 38px;
    font-size: 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 2px 2px 4px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 2px 2px 4px;
    box-shadow: rgba(0, 0, 0, .25) 2px 2px 4px;
    behavior: url('/gen/CSSPIE');
}

a.mediumSimple,
a:active.mediumSimple {
    padding: 9px 38px;
    font-size: 18px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 2px 2px 4px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 2px 2px 4px;
    box-shadow: rgba(0, 0, 0, .25) 2px 2px 4px;
}

a.small,
a:active.small,
.small {
    padding: 5px 18px;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    behavior: url('/gen/CSSPIE');
}

a.smallSimple,
a:active.smallSimple,
.smallSimple {
    padding: 5px 18px;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
}

a.smallest,
a:active.smallest,
.smallest {
    padding: 0;
    width: 50px;
    font-size: 12px;
    line-height: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    behavior: url('/gen/CSSPIE');
}

a.tiny,
a:active.tiny,
.tiny {
    padding: 3px;
    font-size: 12px;
    line-height: 14px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    behavior: url('/gen/CSSPIE');
}

a.tinySimple,
a:active.tinySimple,
.tinySimple {
    padding: 3px;
    font-size: 12px;
    line-height: 14px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
    box-shadow: rgba(0, 0, 0, .25) 2px 2px 3px;
}

#pageContainer {
    width: 1015px;
    margin: 0px auto;
    padding-top: 57px;
    /*for the fixed top bar*/
}

#mainContainer {
    min-height: 640px;
    margin: 0 auto;
    width: 100%;
}


/* @@@ double check this */

#mainContainer>* {
    overflow: visible;
}

#mainBody .rounded {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
    z-index: 2;
    zoom: 1;
    overflow: hidden;
}


/* BODY TYPES */

.bodyTypeWide #pageContainer {
    width: 1090px;
}

.bodyTypeWide #mainContainer,
.bodyTypeWide #mainHeading,
#bodyTypeWide #mainBody {
    width: 1090px;
}

.bodyTypeWide #mainFooter {
    width: 1088px;
}

#avatar img {
    margin-top: 2px;
    width: 26px;
    height: 26px;
}

#nav-grid {
    margin: 0 auto;
    width: 992px;
    _width: 1038px;
}

#nav {
    display: block;
    height: 37px;
    line-height: 41px;
    border: 0;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    color: #b8e2f6;
    _position: relative;
    width: 992px;
    _width: 1038px;
    margin: 0 auto;
    top: 0;
    overflow: hidden;
    font: normal normal normal 14px/18px Arial, "Myriad Pro", "myriad-pro-1", "myriad-pro-2", sans-serif;
}

#nav a {
    border: 0;
    margin: 0;
    padding: 0;
    color: #b8e2f6;
}

#avatar {
    display: block;
    float: left;
    width: 36px;
    text-align: center;
}

#user {
    display: block;
    float: left;
    width: 148px;
    text-align: center;
    word-wrap: break-word;
    line-height: 16px;
    height: 32px;
    vertical-align: bottom;
    padding: auto;
    margin: 6px auto;
}

#user a {
    display: block;
    margin: 0;
    padding: 0 10px 0 8px;
}

#user,
#rank,
#cash,
#coin {
    cursor: pointer;
}

#coin,
#cash,
#level {
    float: left;
    height: 28px;
}

#coin p a,
#cash p a,
#rank p a {
    padding: 2px 0 2px;
    height: 13px;
    line-height: 22px;
    _line-height: 18px;
    font-size: 16px;
    margin: 0;
    _margin-left: 2px;
    border: 0;
    float: left;
    text-shadow: #000 1px -1px 1px;
}

#rank p:hover a img {
    -moz-box-shadow: 1px 1px 5px #b5e3f8;
    -webkit-box-shadow: 1px 1px 5px #b5e3f8;
    box-shadow: 1px 1px 5px #b5e3f8;
}

#coin {
    margin: 0 0 0 5px;
    padding: 0;
    width: 115px;
    color: #ebcd47;
    background: transparent url('/images/common/coins.png') left center no-repeat;
    padding-left: 35px;
}

#coin a {
    color: #ebcd47;
    text-decoration: none;
}

#coin span.label a,
#cash span.label a,
#rank span.label a {
    display: block;
    text-decoration: none;
    padding: 2px 0px 0px 0px;
    height: 12px;
    line-height: 8px;
    _line-height: 2px;
    margin: 0;
    font-size: 8px;
    float: left;
    clear: both;
    font-weight: bold;
    text-shadow: none;
}

#cash {
    margin: 0 0 0 2px;
    padding: 0;
    padding-left: 43px;
    width: 80px;
    color: #85c13f;
    background: transparent url('/images/common/cash.png') left center no-repeat;
}

#cash a {
    color: #85c13f;
    text-decoration: none;
}


/*
#rank{float:left;margin:0 0 0 2px;padding:0;width:120px;_width:127px;color:#85c13f;_position:relative;_zoom:1;}
#rank img{float:left;padding:0;margin:0;_position:relative;}
#rank #level{background:#ffb800 url('/images/common/hud_top_rank_bg.png') top center repeat-x;float:left;width:25px;text-align:center;color:#dc001a;margin:1px;padding:0;margin-left:5px;height:28px;line-height:28px;font-weight:bold;font-size:18px;text-shadow:#000 0px 1px 0px;border:2px solid #dc001a;}
#rank span.label a{float:left;display:block;color:#ffc100;clear:none;line-height:8px;margin-left:5px;}
#rank #hudTopRankIcon{display:block;margin:5px 2px 2px 5px;}
#hudTopCurrCoinBal,#hudTopCurrBux{padding-top:0px;font-weight:bold;}
#hudRankBar{position:relative;}
#hudRankBg,#hudRankPBar{display:block;position:absolute;height:16px;}
#hudRankBar,#hudRankBg{width:60px;}
#hudRankBg{background:transparent url('/images/common/hud_rank_bg.png');}
#hudRankPBar{margin-left:3px;background:transparent url('/images/common/hud_rank_pb.png') repeat;}
*/

#messages {
    margin-left: 15px;
    text-align: center;
}

#messages img {
    vertical-align: middle;
    margin: 10px 0px;
}

#messages a {
    line-height: 2.3;
}

#nav #nav-elements {
    display: block;
    position: fixed;
    top: 0;
    float: left;
    z-index: 40;
    width: 932px;
    _width: 1023px;
    margin-left: 0px;
    padding-left: 55px;
    _padding-left: 0px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    border: 3px solid #264b67;
    border-bottom-width: 1px;
    border-top: 0;
    background-color: #264b67;
}

#nav #nav-bg {
    background-color: #4d86a3;
    padding: 0 5px;
    height: 33px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    border: 2px solid #264b67;
    border-top: 0;
}

#nav .nav-button {
    display: block;
    float: left;
    background: #2f708e url('/images/common/hud_top_btn_bg.png') top center repeat-x;
    _background: #2f708e;
    height: 29px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 0px 2px #6ea9c5;
    -webkit-box-shadow: 0px 0px 2px #6ea9c5;
    box-shadow: 0px 0px 2px #6ea9c5;
    margin: 1px 4px 2px 1px;
    border: 1px solid #6ea9c5;
}

#nav .nav-button:hover {
    text-shadow: 0px 0px 3px #fff !important;
    -moz-box-shadow: 1px 1px 5px #b5e3f8;
    -webkit-box-shadow: 1px 1px 5px #b5e3f8;
    box-shadow: 1px 1px 5px #b5e3f8;
}

#nav .nav-button:hover p a {
    text-shadow: #b5e3f8 0px 0px 1px !important;
}

#nav .nav-button:hover p a img {
    -moz-box-shadow: 1px 1px 5px #b5e3f8;
    -webkit-box-shadow: 1px 1px 5px #b5e3f8;
    box-shadow: 1px 1px 5px #b5e3f8;
}

#nav #nav-toggle {
    display: block;
    position: fixed;
    top: 0;
    float: left;
    width: 55px;
    height: 41px;
    overflow: hidden;
    z-index: 41;
    text-align: center;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}

#nav #nav-toggle .image {
    display: block;
    text-align: center;
    width: 39px;
    height: 36px;
    cursor: pointer;
    _filter: chroma(color=#d6e7ef);
}

#nav #nav-toggle .close,
#nav #nav-toggle .open {
    height: 40px;
    float: left;
    width: 57px;
    text-align: center;
    position: absolute;
    left: 0;
    padding-left: 13px;
}

#nav #nav-toggle .open {
    background: transparent url('/images/common/hud_top_show.png') top center no-repeat;
    -moz-border-radius: 0px 0px 8px 0px;
    -webkit-border-radius: 0px 0px 8px 0px;
    border-radius: 0px 0px 8px 0px;
}

#nav #nav-toggle .open:hover {
    background: transparent url('/images/common/hud_top_show_hover.png') top center no-repeat;
}

#nav #nav-toggle .close {
    background: transparent url('/images/common/hud_top_hide.png') top center no-repeat;
}

#nav #nav-toggle .image img#close,
#nav #nav-toggle .image img#open {
    position: relative;
    width: 39px;
    height: 36px;
}


/*
#left-hud{display:block;position:relative;float:left;width:44px;top:122px;margin:0 5px 0 0px;height:300px;border:0;overflow:visible;}
#left-hud img{margin:3px 0;padding:0;float:left;}
#left-hud a{display:block;height:50px;width:47px;float:left;margin:0;padding:0;text-decoration:none;}
#left-hud a:hover{text-decoration:none;}
#left-hud a#hudLeft_home{background:url('/images/common/left_hud_master.png') 0px -105px no-repeat;}
#left-hud a#hudLeft_home:hover{background:url('/images/common/left_hud_master.png') -47px -105px no-repeat;}
#left-hud a#hudLeft_search{background:url('/images/common/left_hud_master.png') 0px -157px no-repeat;}
#left-hud a#hudLeft_search:hover{background:url('/images/common/left_hud_master.png') -47px -157px  no-repeat;}
#left-hud a#hudLeft_search { opacity: .3; }
#left-hud a#hudLeft_sweepstakes{background:url('/images/common/left_hud_master.png') 0px -207px no-repeat;}
#left-hud a#hudLeft_sweepstakes:hover{background:url('/images/common/left_hud_master.png') -47px -207px no-repeat;}
#left-hud a#hudLeft_share{background:url('/images/common/hud_facebook.png') 4px 4px no-repeat;}
#left-hud a#hudLeft_share:hover{background:url('/images/common/hud_facebook_hover.png') no-repeat;}
#left-hud a#hudLeft_friends{background:url('/images/common/left_hud_master.png') 0px -258px no-repeat;}
#left-hud a#hudLeft_friends:hover{background:url('/images/common/left_hud_master.png') -47px -258px no-repeat;}
#left-hud a#hudLeft_message{background:url('/images/common/left_hud_master.png') 0px -307px no-repeat;}
#left-hud a#hudLeft_message:hover{background:url('/images/common/left_hud_master.png') -47px -307px no-repeat;}
#left-hud a#hudLeft_myslingo{background:url('/images/common/left_hud_master.png') 0px -358px no-repeat;}
#left-hud a#hudLeft_myslingo:hover{background:url('/images/common/left_hud_master.png') -47px -358px no-repeat;}
*/

fb-login-button.fb_iframe_widget iframe {
    background: url(/images/common/base2.buttons.fbconnect.png) no-repeat;
}

#left-hud .flyout-close a {
    right: -25px;
}

span.leftHudTooltip {
    font-size: 13px;
}

.pointerTooltip {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0px;
    width: 150px;
    height: 37px;
    margin-left: 35px;
    padding: 8px 0px 0px 30px;
    line-height: 13px;
    font-size: 13px;
    background: transparent url('/images/common/tooltip_bg.png') top center no-repeat;
    color: #000;
}

#left-hud a:hover .pointerTooltip {
    visibility: visible;
}

.pointerTooltip p {
    margin: 0;
    padding: 0;
}

#hudTooltip_home {
    top: 2px;
}

#hudTooltip_search {
    top: 52px;
}

#hudTooltip_sweepstakes {
    top: 102px;
}

#hudTooltip_friends {
    top: 152px;
}

#hudTooltip_message {
    top: 202px;
}

#hudTooltip_myslingo {
    top: 252px;
}

.hudFlyoutContent {
    display: none;
}

.flyout {
    display: none;
    float: left;
    background-color: rgba(0, 0, 0, 0.8);
    background-color: #454545;
    color: #777;
    clear: none;
    position: absolute !important;
    z-index: 2000000051;
    left: 0px;
    /*width:180px;*/
    padding: 5px;
    text-align: left;
    overflow: visible !important;
    border-radius: 6px;
}


/*.flyout,.flyout *{font:normal normal normal 14px/18px Arial, "Myriad Pro", "myriad-pro-1", "myriad-pro-2", sans-serif;}*/

.flyout .pointer {
    display: block;
    position: absolute;
    clear: both;
    top: 10px;
    height: 0px;
    width: 0px;
    background-color: transparent;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 22px solid #454545;
    _border-left-color: red;
    _border-right-color: red;
    _filter: chroma(color=red);
    padding: 0;
    margin: -32px 0 0 12px;
}

.flyout .pointer.pointer_top_right {
    right: 25px;
}


/*.flyout .pointer.pointer_top_center{margin:auto;}*/

.flyout.flyoutHoriz {
    left: 63px;
    padding-left: 13px;
}

.flyout.flyoutHoriz .pointer {
    top: 0px;
    left: -35px;
    clear: none;
    border-left: 0px;
    border-right: 22px solid #000;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    _border-top-color: red;
    _border-bottom-color: red;
    _filter: chroma(color=red);
    margin-top: 10px;
}

.flyout strong {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.flyout ul {
    margin: 0;
    padding: 0 5px;
    clear: both;
    list-style-type: none;
}

.flyout li {
    margin: 0;
    color: #ffffff;
}

.flyout li a {
    color: #9ed0e8;
    text-decoration: none;
    margin: 0;
}

.flyout li a:hover {
    text-decoration: underline;
}

.flyout#flyout-user ul,
.flyout#flyout-myslingo ul {
    border-top: 1px solid #777;
}

.flyout#flyout-user li,
.flyout#flyout-myslingo li {
    margin: 0;
    height: 16px;
    line-height: 16px;
    padding: 3px 0;
}

#flyout-myslingo li a {
    width: 160px;
    height: 20px;
}

.flyout.top li {
    height: auto;
    padding: 5px 0;
    line-height: 16px;
    border-bottom: 1px solid #464747;
}

.flyout.top li.last {
    border-bottom: none;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

.flyout#flyout-coins {
    color: #ebcd47;
    font-weight: bold;
}

.flyout#flyout-cash {
    color: #85c13f;
    font-weight: bold;
}

.flyout#flyout-rank {
    color: #ffffff;
    font-weight: bold;
}

.flyout.top li a.button {
    color: #303232 !important;
    font-size: 12px;
    text-shadow: none;
    width: 50px;
    margin-right: 10px !important;
}

.flyout#flyout-coins li a.button,
.flyout#flyout-cash li a.button {
    width: 48px;
    height: 32px;
    line-height: 16px;
    padding: 1px;
}

.flyout#flyout-rank li a.button,
.flyout#flyout-friends li a.button {
    width: 140px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    padding: 8px;
    margin-left: 5px;
}

.flyout#flyout-friends li {
    padding: 5px 0;
    border-bottom: 1px solid #464747;
}

.flyout li.last {
    border-bottom: 0 !important;
}

.flyout li a.button:hover {
    text-decoration: none;
}

.flyout li a.button.last {
    margin-right: 0px !important;
}

.flyout .flyout-close a {
    display: block;
    position: absolute;
    overflow: visible;
    right: -14px;
    top: -18px;
    width: 38px;
    height: 38px;
    z-index: 2000000032;
    background: transparent url('/images/common/flyout_close.png') top center no-repeat;
}

.flyout#flyout-friends a.button {
    color: #14658a;
    font-size: 13px !important;
    line-height: 16px !important;
    height: 16px !important;
}

.flyout#flyout-friendcount a.button {
    font-size: 12px !important;
    color: #303032;
}

.flyout#flyout-friendcount #friendlist {
    border: 1px solid #363737;
    background: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    margin-bottom: 10px;
    height: 175px;
    width: 200px;
    overflow: auto;
    behavior: url('/css/ie-css3.htc');
}

.flyout#flyout-friendcount #friendlist li {
    padding: 3px 0;
    height: 36px;
    border-bottom: 1px solid #363737;
}

.flyout#flyout-friendcount ul#friendlist li.last {
    border-bottom: 0;
}

.flyout#flyout-friendcount a {
    margin: 0;
    display: inline;
    float: none !important;
}

.flyout#flyout-friendcount a#edit {
    display: block;
    float: left !important;
    width: 45px;
    margin-right: 10px;
    height: 28px;
}

.flyout#flyout-friendcount a#invite {
    display: block;
    float: left !important;
    width: 100px;
    height: 28px;
    line-height: 28px;
}

.flyout#flyout-friends li.last {
    border-bottom: 0;
}

#flyout-user,
#flyout-coins,
#flyout-cash,
#flyout-rank,
#flyout-newsletter {
    position: fixed !important;
    _position: absolute !important;
    z-index: 2000001000;
    top: 50px;
    _top: 10px;
}

#flyout-home {
    top: -355px !important;
}

#flyout-search {
    top: -305px !important;
}

#flyout-sweepstakes {
    top: -255px !important;
}

#flyout-share {
    top: -205px !important;
}

#flyout-friends,
#flyout-friendcount {
    top: -155px !important;
    width: 220px !important;
}

#flyout-message {
    top: -105px !important;
}

#flyout-myslingo {
    top: -55px !important;
}

#mainHeading {
    font-family: Arial, sans-seriff;
    /*-moz-border-radius:6px 6px 6px 0;border-radius:6px 6px 6px 0;-webkit-border-radius:6px 6px 6px 0;*/
    border: 0 none;
    color: #245C83;
    display: block;
    /*padding:0 5px;*/
    margin: 0 auto;
    position: relative;
    width: 950px;
}


/* THE MAIN HEADER */

#headingTop {
    left: 0;
    width: 100%;
    height: 57px;
    background-image: url('/images/common/base2.top.background.png');
    background-repeat: repeat-x;
    position: fixed;
    z-index: 2000000049;
}

#headingTopContainer {
    width: 1010px;
    margin: auto;
}

#headingTopContainer div {
    float: left;
}

#headingSlingoLogo {
    margin-right: 10px;
}

#headingSlingoLogo img {
    margin-top: 2px;
}

#loginUsername .title,
#loginPassword .title {
    float: none;
    margin: 0;
}

#loginUsername .field,
#loginPassword .field {
    margin: 0;
}

#headingFacebook {
    width: 77px;
    margin-top: 15px;
    margin-right: 10px;
}

#headingGoogle {
    width: 32px;
    margin-top: 15px;
    margin-right: 10px;
}

#headingNewsletter {
    margin-top: 3px;
}


/* FACEBOOK CONNECT AND REGISTER NOW */

#headingLogInOptions {
    width: 304px;
    margin-top: 7px;
    margin-right: 12px;
    margin-left: 11px;
}

#headingLogInOptions .loginButton {
    display: block;
    height: 40px;
}

#headingLogInOptions .loginButton:hover {
    background-position: 0 41px;
}

#loginFacebook .imgButton {
    width: 128px;
    background-image: url(/images/common/base2.buttons.fbconnect.png);
    margin-right: 14px;
}

#loginRegister .imgButton {
    width: 156px;
    background-image: url(/images/common/base2.buttons.register.png);
}


/* THE WELCOME TEXT */

#headerWelcome {
    width: 272px;
    height: 47px;
    padding-top: 10px;
    /*line-height:47px !important;*/
    font: 14px Verdana;
    color: #ecf6fb;
    text-align: center;
}

#headerWelcomeText {}


/* THE DASHBOARD */

div#headerDashboard {
    height: 43px;
    float: right;
}

#headerDashboard .dashboardBox {
    position: relative;
    float: left;
    padding: 0;
    display: block;
    text-align: center;
    background-image: url(/images/common/base2.top.icons.v4.png);
    border-color: #98d0e9;
    border-style: solid;
    width: 132px;
    height: 43px;
}


/*
#headerDashboard .dashboardIcon{
        float:none;
        background-image:url(/images/common/base2.top.icons.png);
        margin:auto;
        width:50px;
        height:30px;
}
*/

.dashboardText {
    width: 100%;
    text-align: center;
    font: bold 13px Verdana;
    color: #148bc3;
    margin-top: 27px;
}

#coinsBox {
    width: 132px !important;
    border-width: 0 1px 0 0;
    margin-right: 1px;
    background-position: -4px -3px;
}


/*
#coinsBox:hover{
        background-position:-3px -49px;
}
*/

#cashBox {
    border-width: 0 1px 0 1px;
    margin-right: 1px;
    background-position: -125px -3px;
}


/*
#cashBox:hover{
        background-position:-104px -49px;
}
*/

#rankBox {
    position: relative;
    border-width: 0 1px 0 1px;
    margin-right: 1px;
    background-position: -139px -3px;
    width: 132px !important;
}


/* The rank progress bar */

#hudTopRankIcon {
    display: block;
    position: absolute;
    left: 18px;
    top: 6px;
    margin: 0;
    padding: 0;
}

#hudRankBar {
    border: 1px solid #ff0;
    background-color: #eee;
    height: 16px;
    position: absolute;
    left: 43px;
    top: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: left;
}

#hudRankBar,
#hudRankBg {
    width: 70px;
}

#hudRankBg,
#hudRankPBar {
    position: absolute;
    display: block;
    height: 16px;
}

#hudRankPBar {
    background: transparent url('/images/common/base2.rank.progressbar.gif') repeat;
}

#rankBox #rankBoxText {
    text-transform: uppercase;
}


/*
#rank{float:left;margin:0 0 0 2px;padding:0;width:120px;_width:127px;color:#85c13f;_position:relative;_zoom:1;}
#rank img{float:left;padding:0;margin:0;_position:relative;}
#rank #level{background:#ffb800 url('/images/common/hud_top_rank_bg.png') top center repeat-x;float:left;width:25px;text-align:center;color:#dc001a;margin:1px;padding:0;margin-left:5px;height:28px;line-height:28px;font-weight:bold;font-size:18px;text-shadow:#000 0px 1px 0px;border:2px solid #dc001a;}
#rank span.label a{float:left;display:block;color:#ffc100;clear:none;line-height:8px;margin-left:5px;}
#rank #hudTopRankIcon{display:block;margin:5px 2px 2px 5px;}
#hudTopCurrCoinBal,#hudTopCurrBux{padding-top:0px;font-weight:bold;}
#hudRankBar{position:relative;}
#hudRankBg,#hudRankPBar{display:block;position:absolute;height:16px;}
#hudRankBar,#hudRankBg{width:92px;}
#hudRankBg{background:transparent url('/images/common/hud_rank_bg.png');}
#hudRankPBar{margin-left:3px;background:transparent url('/images/common/hud_rank_pb.png') repeat;}
*/

#rankBox:hover {
    background-position: -139px -49px;
}

#achievementBox {
    border-width: 0 0 0 1px;
    background-position: -274px -3px;
}

#achievementBox:hover {
    background-position: -274px -49px;
}

.achievementNew {
    background-image: url(/images/common/achievement.new.png);
    position: absolute;
    top: -2px;
    left: 15px;
    height: 35px;
    width: 39px;
}


/* THE LOGIN FORM */

#headingLogInForm {
    height: 43px;
    width: 364px;
    background-image: url(/images/common/base2.info.background.jpg);
}

.halfBoxRounded {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: white;
    border-bottom-right-radius: 11px;
    -webkit-border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
    -webkit-border-bottom-left-radius: 11px;
    box-shadow: 2px 2px 3px #38A3D1;
    -webkit-box-shadow: 2px 2px 3px #38A3D1;
}

#headingLogInForm div {
    margin-top: 4px;
    font-size: 10px;
}

#headingLogInForm input {
    height: 18px;
    line-height: 18px;
    padding: 0 3px;
    margin-top: 2px;
    width: 110px;
    border: 1px solid #f6f1de;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

#headingLogInForm input#loginformheader_submitButton {
    border: none;
    margin: 0;
    cursor: pointer
}

#loginUsername,
#loginPassword {
    color: #013c5c;
    margin-left: 6px;
}

#loginUsername {
    margin-left: 10px;
}

#headingLogInForm #loginButton {
    margin-left: 5px;
    padding-top: 12px;
}

#loginButton .imgButton {
    display: block;
    background: url("/images/common/base2.buttons.login.png") 0 0 transparent;
    width: 55px;
    height: 26px;
}

#loginButton .imgButton:hover {
    background-position: 0 26px;
}

#loginForgot {
    margin-left: 5px;
    padding-top: 12px;
    width: 40px;
    height: 25px;
}

#headingLogInForm #loginform_forgotPassword {
    color: #008FC5;
    font-size: 9px;
    font-weight: normal;
    padding: 0px;
    text-decoration: none;
    float: none;
}

#loginform_forgotPassword {
    color: #454446;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding: 20px 10px;
    text-decoration: underline;
}

#headerLogOut {
    display: block;
    margin: auto;
    font-size: 8px;
    margin-top: 4px;
}

#headerLogOut a {
    color: white;
}


/* THE MAIN NAVIGATION */

#mainNavigation {
    width: 1005px;
    margin: 3px auto 0;
    border: 2px solid #fcfefe;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 2px 2px 3px #ddd;
    -webkit-box-shadow: 2px 2px 3px #ddd;
}

ul#mainNavigationBar {
    width: 1003px;
    height: 44px;
    border: 1px solid #b4c7d0;
    border-radius: 4px;
    -webkit-border-radius: 6px;
    background-image: url(/images/common/base2.nav.background.jpg);
    background-repeat: repeat-x;
}

ul#mainNavigationBar.first {
    border: 0;
}

#mainNavigationBar li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    text-align: center;
    font: bold 15px Verdana;
    color: #0972a2;
    text-transform: uppercase;
    line-height: 44px;
    height: 44px;
    border-left: 1px solid #b4c7c0;
}

#mainNavigationBar>li>a {
    line-height: 43px;
    display: block;
    text-decoration: none;
    height: 100%;
    width: 100%;
}

#mainNavigationBar>li:hover>a {
    background-image: url(/images/common/base2.nav.background.hover.jpg);
    color: white;
}

a.navSelected {
    background-image: url(/images/common/base2.nav.background.selected.png);
    color: #0972a2;
}

li.hasSubNav {
    /*
        background-image:url(/images/common/base2.nav.arrow.png);
        background-position:97% center;
        background-repeat:no-repeat;
        */
    width: 149px;
}

li.hasSubNav:hover,
li.hasSubNav a:hover {
    /*
        background-image:url(/images/common/base2.nav.arrow.hover.png),url(/images/common/base2.nav.background.hover.jpg);
        background-position:97% center,0 0;
        background-repeat:no-repeat,repeat-x;
        */
    width: 149px;
}


/* community submenu */

li.hasSubNav:hover>ul {
    display: block;
}

li.hasSubNav:hover>a {
    color: white;
}


/*#subnavCommunity{*/

.subnav {
    display: none;
    border: 0;
    margin: 0;
    position: relative;
    width: 304px;
    padding: 12px 15px;
    height: 66px;
    background-color: #127db1;
    z-index: 2000000999;
    text-transform: uppercase;
    border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
}

#subnavGames.subnav {
    width: 174px;
}


/*subnavCommunity li{*/

.hasSubNav li {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 20px !important;
    height: 20px !important;
    display: block !important;
    width: 135px !important;
    padding-left: 10px !important;
    float: left;
    font: 12px Verdana !important;
}


/*#subnavCommunity li a{*/

.hasSubNav li a {
    background-image: none !important;
    color: white;
}

.subnavMore a {
    width: 50px;
    display: block;
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-size: 10px !important;
}


/* /community submenu */

li#navGames {
    width: 150px;
}

li#navBlastworks {
    width: 236px;
}

li#navCasino {
    width: 101px;
}

li#navMobile {
    width: 115px;
}

li#navCommunity {
    width: 176px;
}

li#navMySlingo {
    width: 179px;
}

li#navQuickLinks {
    width: 168px;
}

li#navHelp {
    width: 88px;
}


/* DIAGONAL LINES */


/*
.ad{
        border:2px solid #367d9b;
        background-color:#367d9b;
}
*/

.adBg728x90 {
    width: 728px;
    height: 90px;
}

.adBg300x250 {
    width: 300px;
    height: 250px;
}

.adBg300x600 {
    width: 300px;
    height: 600px;
}

.adBg {
    background-color: #7EC2E3;
    background-image: url(/images/common/ad.background.png);
    padding: 4px;
    color: #1f689b;
    text-transform: uppercase;
    font-size: 9px;
}

.adText {
    width: 100%;
    text-align: center;
}




/* BLUE BOXES */

.roundedLightBlue {
    background-color: #7EC2E3;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.roundedDarkBlue {
    /*margin:8px 4px 8px 8px;*/
    background-color: #3899d0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.roundedGrey {
    border: 1px solid #bcbcbc;
    background-color: #d2d2d2;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.roundedWhite {
    border: 1px solid #3abbff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: white;
}

.fullWidthOuterBox {
    width: 993px;
    padding: 8px;
}


/* PROMO ROTATOR AND TOWER AD */

#promoNew {
    position: absolute;
    left: -6px;
    top: -15px;
    z-index: 999;
    /*overflow:visible;*/
}

#promoRotatorContainer {
    position: relative;
    padding: 8px;
    overflow: visible !important;
    /*height:632px;*/
    /*648px;*/
}

#promoRotatorContainer>.adBg {
    float: right;
}

#promoRotatorContainerLeft {
    float: left;
    width: 681px;
    height: 632px;
}

#promoRotator {
    display: block;
    position: relative;
    margin: 3px 6px 6px;
    border: 3px solid #dfe4e7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 664px;
    height: 374px;
    /*396px*/
}

#promoRotator:hover {
    border: 3px solid #ffec14;
}

#promoButtons {
    width: /*84px127px107*/
    127px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    display: table;
    background-color: #88c8e4;
    height: 17px;
    margin: 4px auto;
    padding: 4px 8px;
}

.promoButton {
    display: table-cell;
    background-color: #e7f2f6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 2px;
    float: left;
    height: 17px;
    width: 17px;
    cursor: pointer;
}

.promoButtonHighlight {
    background-color: #ffec14;
}

#promoSelector {
    background-image: url(/images/common/base2.promo.background.jpg);
    margin: 0 6px;
    border: 2px solid #dfe4e7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 620px;
    /*666px*/
    height: 196px;
    /*197px*/
    padding: 3px 22px;
}

#promoSelector img {
    float: left;
    border: 4px solid white;
    margin: 2px 6px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 135px;
    height: 85px;
}

#promoSelector img:hover {
    border: 4px solid #ffec14;
}

#promoSelector .promoArrow {
    visibility: hidden;
    /* for now */
    display: block;
    background-image: url(/images/common/base2.promo.arrows.png);
    width: 36px;
    height: 52px;
    margin: 72px 0 73px;
    cursor: pointer;
}

#promoSelector #promoArrowLeft {
    background-position: 0 0;
    float: left;
}

#promoSelector #promoArrowLeft:hover {
    background-position: 0 51px;
}

#promoSelector #promoArrowRight {
    background-position: 36px 0;
    float: right;
}

#promoSelector #promoArrowRight:hover {
    background-position: 36px 51px;
}

.promoRotatorContainer>.ad {
    margin-top: 8px;
    float: right;
}


/*
#promoTowerAd{
        margin-top:8px;
        float:left;
}
*/


/* THE MOBILE TOP BOXES */

#mobileTop {
    /*
        padding:11px 7px 15px 8px;
        */
    padding: 0;
}

#mobileTop>.adBg {
    float: right;
    margin-right: 12px;
    margin-top: 8px;
}

#mobileTop .calloutJoker {
    overflow: hidden;
    height: 113px;
    margin-top: 2px;
    bottom: 0;
    font: 14px/18px Arial, sans-serif;
}

#mobileTopContent {
    clear: both;
    padding: 0 7px 15px 8px;
}

#mobileTopInset {
    clear: both;
    margin: 0;
    height: 330px;
    /*padding:11px 5px 0 10px;*/
    padding: 8px 7px 0 8px;
}

#mobileTopInset>.adBg {
    float: right;
    /*margin:4px 4px 0 0;*/
}

#mobileFeatured {
    padding: 12px;
    height:184px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 10px;
    position: relative;
    background-color:#f8cb23;
}

#mobileFeaturedImage {
    float: left;
    /*
        margin:8px 10px;
        */
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

#mobileFeaturedInfo {
    float: left;
    margin-left: 15px;
    width: 265px;
}

#mobileFeaturedInfo3button {
    float: left;
    margin-left: 15px;
    width: 396px;
}

#mobileFeaturedInfo .mobileButton,
#mobileFeaturedInfo3button .mobileButton {
    float: left;
}

#mobileFeaturedInfo .qrcode {
    float: left;
    margin-top: 6px;
    margin-left: 10px;
}

.mobileFeaturedTitle {
    display: block;
    font: bold 14px Arial;
    color: #017fba;
    font-weight: 600;
    font-size: 22px;
}

.mobileFeaturedDesc {
    float: left;
    display: block;
    margin: 4px 0;
    height: 120px;
    font-weight: 600;
    font-size: 14px;
}

a.mobileButton {
    background-image: url(/images/common/appBadges.png);
    display: block;
    padding-right: 10px;
}

a.mobileAppStoreButton {
    background-position: -154px -6px;
    height: 40px;
    width: 133px;
}

a.mobileAppStoreButton:hover {
    background-position: -155px -51px;
}

a.mobileGooglePlayButton {
    background-position: -153px -96px   ;
    height: 40px;
    width: 133px;
}

a.mobileFacebookButtonTop {
    background-position: -156px -276px;
    height: 40px;
    width: 135px;
}

a.mobileFacebookButtonTop:hover {
    background-position: -156px -320px;
    height: 40px;
    width: 135px;
}

a.mobileFacebookButton {
    background-image: url(/images/common/mobile.sprites.png);
    background-position: -106px -324px;
    height: 40px;
    width: 135px;
}

a.mobileGooglePlayButton:hover {
    background-position: -153px -140px;
}

a.mobileAmazonKindleButton {
    background-position: -3px -185px;
    height: 40px;
    width: 120px;
}

a.mobileAmazonKindleButton:hover {
    background-position: -152px -230px;
}

.mobileAppScreensAmazonKindle {
    background-color: #393939 !important;
}

#mobileRightAd {
    float: right;
}

#mobileFeaturedIcon {
    float: left;
    width: 210px;
    height: 132px;
    background-repeat: no-repeat;
    background-size: cover;
}

.mobileFeaturedBanner {
    position: absolute;
    top: 7px;
    left: 6px;
    background-image: url(/images/common/mobile.sprites.png);
    background-position: 1 1;
    width: 106px;
    height: 74px;
}

.mobileAppScreens,
.mobileAppScreens320 {
    border: 1px solid #c3c3c3;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #d9d9d9;
    padding: 5px 10px;
    height: 139px;
}

#mobileFeatured>.mobileAppScreens {
    width: 408px;
    float: right;
}

#mobileFeatured>.mobileAppScreens320 {
    width: 320px;
    float: right;
}

.mobileScreen {
    float: left;
    margin: 0 5px;
    width: 92px;
    height: 138px;
}

.mobileScreenWide {
    float: left;
    margin: 0 5px;
    width: 194px;
    height: 138px;
}

.mobileFeaturedBanner {
    background-position: 0 0;
    width: 106px;
    height: 74px;
}

.mobileAppScreensFull {
    border: 1px solid #c3c3c3; 
    border-radius: 6px; 
    -webkit-border-radius: 6px; 
    height: 180px;
}

.mobileScreenWideFull {
    float: left; width: 348px; height: 180px;
}

#mobileLinks {
    float: left;
    width: 580px;
    margin-top: -40px;
}

#mobileLinks>a {
    float: left;
}


/* blastworksgames - new langding page */

.staticMessage {
    margin: auto;
    height:250px;
    text-align: center;
    display: table;
}

.staticMessage>p {
    display: table-cell;
    font-size: 30px; 
    color: white; 
    text-shadow: 2px 2px #1b6088;
    vertical-align: middle;
    font-weight: 600;
    padding-top: 77px;
}

#promoRotatorContainerBlastworks {
    float: left;
}

#promoRotatorContainerBlastworks:hover {
    border: none;
}

.promoBlastworks {
    display: block;
    position: relative;
    margin: 3px 6px 6px;
    /*border: 3px solid #dfe4e7;*/
    border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 658px !important;
    float: left;
    height: 280px !important;
}

.promoButtonsBlastworks {
    width: 84px !important;
}

/* MOBILE APP STUFF */

.mobileAppRow {
    clear: both;
}

.mobileAppRow {
    margin-top: 12px;
}

.mobileAppRow:first-child {
    margin-top: 0;
}

.mobileApp {
    border: 1px solid #47c4fe;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: white;
    width: 451px;
    height: 208px;
    padding: 12px 14px 12px 11px;
}


/* IE-specific */

.mobileApp:first-child {
    float: left;
    margin-left: 8px;
    margin-right: 8px;
}

.mobileApp:last-of-type {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.mobileApp:first-of-type,
.mobileApp:only-of-type {
    float: left;
    margin-left: 8px;
    margin-right: 0;
}


/*
@@@ Special IE Exception to go here
*/

.mobileAppImage {
    float: left;
    position: relative;
    width: 210px;
    height: 132px;
}

.mobileAppInfo {
    float: left;
    width: 210px;
}

.mobileAppTitle {
    float: left;
    font: bold 14px Arial;
    height: 25px;
    line-height: 25px;
    color: #017fba;
    width: 100%;
}

.mobileAppDesc {
    clear: left;
    width: 100%;
    float: left;
    font-size: smaller;
    padding-bottom: 5px;
}

.mobileApp>.mobileAppScreens {
    width: 204px;
    float: right;
}

.mobileApp>.mobileAppLinks {
    margin: 12px 0 0;
    width: 228px;
    float: right;
}

.mobileAppButton>a.mobileButton {
    margin: auto;
}

.mobileAppQR {
    text-align: center;
    float: right;
    width: 90px;
}

.mobileAppButton {
    margin: auto;
    width: 134px;
}

.mobileAppScreensAmazonKindle {
    width: 230px !important;
    padding: 3px 2px !important;
}

.mobileScreenAmazonKindle {
    height: 133px;
    width: 104px;
    margin-top: 3px;
}


/* THE LOGOUT PAGE */

#logoutImg {
    margin: 12px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

#logoutInner {
    width: 993px;
}


/* THE HOME PAGE GAME TILES */

a.gameListBox {
    float: left;
    background-color: white;
    margin: 0 5px;
    border: 4px solid #bde8fb;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    color: black;
    /*width:138px;*/
    text-align: center;
    /*
        -webkit-transition-property: border-color;
        -webkit-transition-duration: 0.5s;
        */
}

a.gameListBoxContainer200x210 {
    width: 200px;
    height: 230px;
    padding: 7px;
}

a.gameListBoxContainer200x210:first-child {
    display: block;
    margin-left: 33px;
}

a.gameListBox span {
    display: block;
    color: #000;
    text-align: center;
    width: 100%;
}

.gameListBox200x210 {
    width: 200px;
    height: 210px;
    padding: 7px;
}

.gameListBox135x85 {
    padding: 20px;
    width: 138px;
    height: 200px;
}

.gameListBox:hover {
    border-color: #ffec14;
    text-decoration: none;
    /*
        -webkit-transition-property: border-color;
        -webkit-transition-duration: 0.5s;
        */
}


/*
.gameListBox > div.gameListBoxImage{
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: height 0.5s;
        height:132px !important;
}
.gameListBox:hover > div.gameListBoxImage{
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: height 0.5s;
        height:90px !important;
}
*/

.gameListBoxImage {
    /*
        width:210px;
        height:132px;
        */
}


/*.gameListBoxDescription{
        display:block;
}
*/

.gameListBoxContainer200x210 .gameListBoxImage {
    width: 200px;
    height: 125px;
}

.gameListBoxContainer200x210 .gameListBoxTitle {
    /*line-height:18px;
        height:18px;*/
    text-align: center;
}

.gameListBoxTitle {
    margin-top: 3px;
    font-weight: bold;
    font-size: 13px;
    display: block;
}

.gameListBoxSubTitle {
    font-size: 11px;
}

.gameListBoxContent,

/*.gamesCategoryBodyBottomColClass*/

.gameListBoxDescription {
    height: 56px;
    margin-top: 2px;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
    color: #4e4e4e;
    text-align: center;
}

.gameListPlayNow {
    margin: 15px 5px 5px;
    height: 40px;
    text-align: center;
}


/* IGAMING */

#igamingContainer {
    padding: 8px;
}

#igamingSubContainer {
    width: 991px;
}

#igamingContentContainer {
    width: 905px;
    height: 505px;
    padding: 17px 32px;
    margin: 10px;
}

#igamingInfo {
    float: left;
    width: 214px;
    text-align: center;
    padding-bottom: 10px;
}

#igamingInfo .nbutton {
    margin: auto;
}

.igamingTitle {
    color: #007fbc;
    font-weight: bold;
    display: block;
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    margin: auto;
}

.igamingContent {
    color: #565656;
    line-height: 25px;
    font-size: 12px;
}

#igamingScreens {
    float: right;
    width: 644px;
    /*666*/
    height: 485px;
    padding: 3px 11px;
}

#igamingScreens img {
    padding: 0;
    margin: 4px 3px;
    float: left;
}

#igamingNote {
    text-align: center;
    font-size: 10px;
    height: 12px;
    float: right;
    width: 668px;
}


/* BUTTONS */


/* do not use candyBtn or stdBtn, it is deprecated */


/* @@@ add ", a.candyBtn, a.stdBtn" */

a.nbutton {
    /*font-family: 'Archivo Black', 'Arial Black', sans-serif;*/
    font-family: Verdana, sans-serif;
    color: white;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    display: block;
    text-align: center;
    background-image: url(/images/common/button.png);
    text-shadow: 1px 1px 2px #018810;
    text-transform: uppercase;
    height: 25px;
    border: 2px solid white;
    padding: 2px;
    line-height: 25px;
    margin: 0 4px 4px 0;
    box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2x 2px 3px #666;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}


/* @@@ add , a.candyBtn:hover, a.stdBtn:hover */

a.nbutton:hover {
    background-image: url(/images/common/button.hover.png);
}


/* stdBtn and candyBtn span compatibility */


/* @@@ enable these when we figure things out
a.candyBtn > span.candyBtnLeft,a.candyBtn > span.stdBtnRight,a.stdBtn > span.stdBtnLeft, a.stdBtn > span.stdBtnRight{
	display:none;
}
a.candyBtn > span.candyBtnMiddle, a.stdBtn > span.stdBtnMiddle{
	line-height:25px;
}
*/


/* end compatibility */

a.nbuttonPurple {
    background-image: url(/images/common/buttonpurple.png);
}

a.nbuttonPurple:hover {
    background-image: url(/images/common/buttonpurple.hover.png);
}


/* @@@ add ", a.stdBtn" */

a.nbuttonOrange {
    background-image: url(/images/common/buttonorange.png);
    text-shadow: 1px 1px 2px #FF9500;
}


/* @@@ add ", a.stdBtn:hover" */

a.nbuttonOrange:hover {
    background-image: url(/images/common/buttonorange.hover.png);
    text-shadow: 1px 1px 2px #FF9500;
}

a.nbuttonMedium {
    width: 118px;
    height: 25px;
    padding: 3px 4px 12px 4px;
    line-height: 25px;
}

a.nbuttonMedium:hover {
    background-position: 0 40px;
}

a.nbuttonSmall {
    width: 82px;
    height: 12px;
    padding: 5px 4px 5px 4px;
    line-height: 12px;
    font-size: 11px;
    border: 0;
    box-shadow: 2px 2px 3px #aaa;
    -webkit-box-shadow: 2px 2px 3px #aaa;
}

a.nbuttonSmall:hover {
    background-position: 0 40px;
}

a.nbuttonCentered {
    float: none;
    margin: auto;
}

a.nbutton.half {
    width: 50%;
}


/* FLYOUT */

.blueFlyout {
    border: 3px solid #6dbde0;
    border-radius: 6px;
    background-color: white;
    color: #787878;
}


/* RANK FLYOUT */

#hudFlyoutRank {
    width: 230px;
    height: 115px;
}

#hudFlyoutRank .nbutton {
    margin-top: 10px;
}

#hudFlyoutRank .curRank,
.curRank span {
    margin-top: 5px;
    font: normal 14px Arial !important;
    text-align: center;
}

#hudFlyoutRank .pointsToGo,
.pointsToGo span {
    margin-top: 5px;
    font: bold 22px Arial !important;
    text-align: center;
}

#hudFlyoutRank .nextRank,
.nextRank span {
    margin-top: 5px;
    font: normal 14px Arial !important;
    text-align: center;
}


/* NEWSLETTER FLYOUT */

#hudFlyoutNewsletter {
    width: 230px;
    height: 125px;
}

#hudFlyoutNewsletter .subscribeNotice {
    margin: 10px 0 0 0;
    font: bold 22px Arial !important;
    text-align: center;
}

#hudFlyoutNewsletter .enterEmail {
    margin-top: 3px;
    font: normal 14px Arial !important;
    text-align: center;
}

#hudFlyoutNewsletter .inputArea {
    margin-top: 10px;
}

#hudFlyoutNewsletter .inputArea>input {
    margin-left: 8px;
    float: left;
    width: 105px;
    height: 16px;
    border: 1px solid #d6d6d6;
    padding: 2px;
    border-radius: 8px;
    background-color: #e6f4f4;
    font: normal 11px Arial !important;
}

#hudFlyoutNewsletter .inputArea>.nbutton {
    float: left;
    margin-left: 8px;
}

#hudFlyoutNewsletter #newsletterProcessing {
    clear: both;
    display: none;
    text-align: center;
    margin-top: 30px;
}

#hudFlyoutNewsletter .error {
    color: red;
}

#hudFlyoutNewsletter .thankyou {
    color: #008fc5;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: Verdana;
    margin-top: 20px;
}

#hudFlyoutNewsletter .rankBonus,
#hudFlyoutNewsletter .rankRegister {
    margin-top: 10px;
    text-align: center;
}

#hudFlyoutNewsletter .rankPoints {
    text-decoration: italic;
    font-weight: bold;
}

#newsletterComplete .thankyouButton {
    margin-top: 12px;
    padding-bottom: 5px;
}

#newsletterComplete .spamNotice {
    font-size: smaller;
    text-align: center;
    padding: 5px 20px 0;
}


/* @@@
#headingTop{overflow:visible;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;background:url("/images/common/background-header.png") no-repeat scroll left bottom #98D0E9;border:0 none;height:85px;margin:18px 0 0;padding:0;width:950px;}
*/


/*
#logoLink{border:0 none;display:block;float:left;margin-top:-10px;text-align:center;width:180px;}
 #logoLink a{display:block;width:159px;height:76px;}
 #topLinks{width:520px;height:85px;}
 #topLinks a{display:block;float:left;width:80px;}
 #topLinks a#games{background:url("/images/common/top_nav_master.jpg") no-repeat scroll 0 0 transparent;display:block;height:71px;width:101px;margin:0; padding:0;}
 #topLinks a#community{background:url("/images/common/top_nav_master.jpg") no-repeat scroll -101px 0  transparent;display:block;height:71px;width:133px;}
 #topLinks a#help{background:url("/images/common/top_nav_master.jpg") no-repeat scroll -234px 0  transparent;display:block;height:71px;width:78px;}
 #rightLinks{width:185px; float:right; padding-right:20px;}
 #rightLinks a{padding:7px 8px;margin:8px 0;width:60px;height:20px;font-size:17px; font-weight:bold;}
a#logoutLink{font-size:14px;margin:0;padding:0;}
*/


/*
a#fbConnectHeader{height:29px;margin:0;padding:0;background:url('/images/common/facebook_connect_header.png') no-repeat;width:187px;}
a#fbConnectHeader:hover{background:url('/images/common/facebook_connect_header.png') 0 -33px no-repeat;font-size:0;}
*/

#topLinks a#join {
    width: 85px;
    float: right;
    margin-bottom: 6px;
}

a#signin {
    margin-bottom: 6px;
}

a#games:hover {
    background: url("/images/common/top_nav_master.jpg") no-repeat scroll 0 -71px transparent;
}

a#community:hover {
    background: url("/images/common/top_nav_master.jpg") no-repeat scroll -101px -71px transparent;
}

a#help:hover {
    background: url("/images/common/top_nav_master.jpg") no-repeat scroll -234px -71px transparent;
}

.dailyMessageText {
    display: block;
    line-height: 20px;
    font-weight: bold;
}

#dailyMessage a {
    color: #245c83;
}

#image {
    position: relative;
    bottom: 15px;
}

#text {
    width: 145px;
    margin-top: 7px;
    text-align: center;
    color: #0b567e;
}

#headingBottom {
    font: 14px/18px Arial, sans-serif;
    background-color: #7EC2E3;
    border-radius: 6px 6px 0 0;
    /*padding: 10px; */
    margin-top: 13px;
    width: 98.8%;
    padding-right: 1.2%;
}


/* @@@
#mainHeading #headingTop #rightLinks p{font-size:14px;line-height:18px;margin:0 10px;padding:0 7px 5px;}
#mainHeading #headingTop #rightLinks p{margin:15px 0 0 0;}
*/

#mainFooter {
    font-family: Arial, sans-seriff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*
        behavior:url('/css/ie-css3.htc');
        */
    background-color: #F7F7F7;
    border: 1px solid #E0E7EB;
    font-size: 12px;
    margin: 5px auto 0;
    padding-bottom: 10px;
    width: 1007px;
}

#mainFooter ul {
    margin: 0;
    padding: 0;
}

#mainFooter ul li,
#mainFooter ul li a {
    list-style-type: none;
    line-height: 20px;
    margin: 0;
}

#mainFooter h5 {
    color: #A8A8AB;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
}

#mainFooter .quick-nav {
    display: block;
    float: left;
    margin: 10px 0 10px 30px;
    width: 220px;
}

#mainFooter .share {
    display: block;
    float: left;
    margin: 10px 0 10px 20px;
    width: 170px;
}


/*
#mainTopCurve,#mainBottomCurve{background-position:top left;background-repeat:no-repeat;height:127px;background-image:url('/images/common/header_bg.gif');}
#mainTopCurve,#mainBottomCurve{height:10px;}
#mainTopCurve{background-image:url('/images/common/header_curve_top.gif');}
#mainBottomCurve{background-image:url('/images/common/bottom_main_border.gif');}
#mainBody{/*width:932px;padding:0 5px; */


/*width:1000px;margin-top:2px;}*/

#mainBody {
    margin: 13px 3px;
}


/*#mainBody div{float:left;}*/

#mbLeftCol {
    width: 178px;
    margin-right: 8px;
}

#mbRightCol {
    background-color: #DFE5E6;
    border: 1px solid #7EC2E3;
    border-top: 0px;
    border-radius: 0 0 6px 6px;
    padding: 12px 12px 0 12px;
    width: 983px;
}

#bodyLeftCol div.bucket.standard:first-child {
    margin-top: 0px;
}

.layoutType1 #bodyLeftCol,
.layoutType4 #bodyLeftCol {
    width: 665px;
    margin-right: 10px;
    float: left;
}

.layoutType1 #bodyRightCol,
.layoutType4 #bodyRightCol {
    width: 308px;
    float: right;
    float: left;
}

.layoutType3 #bodyLeftCol,
.layoutType5 #bodyLeftCol {
    width: 805px;
    margin-right: 10px;
    float: left;
}

.layoutType3 #bodyRightCol,
.layoutType5 #bodyRightCol {
    width: 168px;
    float: left;
}

#headingFlashMovie {
    float: left;
    width: 632px;
    height: 126px;
}

#headingHomeLink {
    display: block;
    float: left;
    width: 220px;
    height: 125px;
}

#headingHomeLink:hover {
    text-decoration: none;
}

#coinIconSmall {
    width: 16px;
    height: 16px;
}

.goBtn {
    width: 26px;
    height: 23px;
    border: 0;
    background-color: transparent;
    background-image: url('/images/common/button_go.gif');
}

.goBtn:hover {
    background-image: url('/images/common/button_go_over.gif');
}

img.accentCherubHead {
    width: 180px;
    height: 214px;
}

img.accentCherubOops {
    width: 301px;
    height: 171px;
}

img.accentCherubFull {
    width: 189px;
    height: 317px;
}

img.accentDevilCoinShake {
    width: 390px;
    height: 349px;
}

img.accentDevilHead {
    width: 229px;
    height: 220px;
}

img.accentDevilFull {
    width: 237px;
    height: 231px;
}

img.accentJokerFull {
    width: 194px;
    height: 269px;
}

img.accentJokerHead {
    width: 215px;
    height: 173px;
}

.luckyRabbit {
    width: 34px;
    height: 40px;
    display: block;
    float: left;
    clear: both;
    margin-left: 48%;
    margin-bottom: 5px;
}

.luckyRabbitLRG {
    width: 83px;
    height: 104px;
    display: block;
    float: left;
    clear: both;
    margin-left: 40%;
    margin-bottom: 20px;
}

.rabbitTxt {
    width: 80%;
    margin-left: 10%;
    float: left;
    padding-bottom: 5px;
}

.rabbitTxt h4 {
    text-align: center;
    margin-bottom: 10px;
}

.smallCoinIcon {
    width: 11px;
    height: 11px;
}


/* candy button replacements */


/* @@@ BEGIN COMMENT OUT @@@ */

a.candyBtn {
    height: 24px;
}

a.candyBtn span.candyBtnMiddle {
    display: block;
    float: left;
    height: 24px;
    padding: 0 5px;
    background-image: url('/images/common/button_green_mid.gif');
    background-repeat: repeat-x;
    background-position: top left;
    color: #000;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 23px;
}

a.candyBtn img.candyBtnLeft,
a.candyBtn span.candyBtnLeft {
    display: block;
    float: left;
    width: 5px;
    height: 23px;
    background-image: url('/images/common/button_green_lc.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

a.candyBtn img.candyBtnRight,
a.candyBtn span.candyBtnRight {
    display: block;
    float: left;
    width: 5px;
    height: 23px;
    background-image: url('/images/common/button_green_rc.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

a.candyBtn:hover {
    text-decoration: none;
}

a.candyBtn:hover span.candyBtnMiddle {
    background-image: url('/images/common/button_green_mid_over.gif');
}

a.candyBtn:hover img.candyBtnLeft,
a.candyBtn:hover span.candyBtnLeft {
    background-image: url('/images/common/button_green_lc_over.gif');
}

a.candyBtn:hover img.candyBtnRight,
a.candyBtn:hover span.candyBtnRight {
    background-image: url('/images/common/button_green_rc_over.gif');
}

a.stdBtn {
    display: block;
    float: left;
    height: 21px !important;
}

a.stdBtn span,
a.stdBtn img {
    display: block;
    float: left;
    clear: none;
}

.stdBtnMiddle {
    background-image: url('/images/common/button_general_mid.gif');
    height: 21px;
    padding: 0 5px;
    background-repeat: repeat-x;
    background-position: top left;
    font-size: 8pt;
    color: #000;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 21px;
}

.stdBtnLeft,
.stdBtnLeft,
.stdBtnRight,
.stdBtnRight {
    width: 3px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: top left;
}

.stdBtnLeft,
.stdBtnLeft {
    background-image: url('/images/common/button_general_lc.gif');
}

.stdBtnRight,
.stdBtnRight {
    width: 4px;
    background-image: url('/images/common/button_general_rc.gif');
}

a.stdBtn:hover {
    text-decoration: none;
}

a.stdBtn:hover .stdBtnMiddle {
    background-image: url('/images/common/button_general_mid_over.gif');
}

a.stdBtn:hover .stdBtnLeft,
a.stdBtn:hover .stdBtnLeft {
    background-image: url('/images/common/button_general_lc_over.gif');
}

a.stdBtn:hover .stdBtnRight,
a.stdBtn:hover .stdBtnRight {
    background-image: url('/images/common/button_general_rc_over.gif');
}


/* @@@ END COMMENT OUT @@@ */

.btnSpacer {
    float: left;
}

a.ctaBtn {
    display: block;
    float: left;
    height: 34px !important;
    width: auto !important;
}

a.ctaBtn span.ctaBtnMiddle {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 0px 3px;
    background-repeat: repeat-x;
    color: #2d2e2e;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

a.ctaBtn span.ctaBtnLeft,
a.ctaBtn span.ctaBtnRight {
    display: block;
    float: left;
    width: 5px;
    height: 34px;
    background-repeat: no-repeat;
}

a.ctaBtnGreen span.ctaBtnMiddle {
    background-image: url('/images/common/cta_btn_green_middle.gif');
}

a.ctaBtnGreen span.ctaBtnLeft {
    background-image: url('/images/common/cta_btn_green_left.gif');
}

a.ctaBtnGreen span.ctaBtnRight {
    background-image: url('/images/common/cta_btn_green_right.gif');
}

a.ctaBtn:hover {
    text-decoration: none !important;
}

a.ctaBtn:hover span.ctaBtnMiddle {
    background-image: url('/images/common/cta_btn_green_middle_hover.gif');
}

a.ctaBtn:hover span.ctaBtnLeft {
    background-image: url('/images/common/cta_btn_green_left_hover.gif');
}

a.ctaBtn:hover span.ctaBtnRight {
    background-image: url('/images/common/cta_btn_green_right_hover.gif');
}

.greenText {
    color: #093;
}

.redBold {
    color: #870000;
    font-weight: bold;
}

.tinyText {
    font-size: 8pt;
}

div#jsEnabled {
    text-align: center;
    width: 100%;
    font-weight: bold;
    background-color: #FC0000;
}

.medSpacer {
    height: 5px;
    clear: both;
}

.toolTip,
.ui-tooltip {
    z-index: 2000006000;
    width: 100px;
    height: auto;
    padding: 2px;
    background-color: #ff9;
    border: 1px solid #030;
    color: #030;
    font-size: 7pt;
}

a.arrowLink,
span.arrowLink {
    background-image: url('/images/common/arrow_blue_right.gif');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 12px;
    font-size: 8pt;
    line-height: 1.2;
}

span.arrowLink {
    color: #36f;
}

div.colGroupContainer {
    clear: left;
    width: 100%;
}

div.colGroupContainer div.colGroupLeft {
    width: 49%;
    line-height: 1.2;
    float: left;
}

div.colGroupContainer div.colGroupRight {
    width: 49%;
}

div.colGroupContainer div.colGroupRightAlign {
    width: 49%;
    text-align: right;
}

div.formRow {
    width: 100%;
    height: 56px;
}

div.formRow div.formLabel {
    width: 30%;
    text-align: right;
    padding: 2px 2px;
    font-weight: bold;
    float: left;
}

div.formRow div.formValue {
    width: 65%;
    margin: 1px 2px;
    padding: 1px 2px;
}

div.formRow.messageRow {
    height: 120px;
}

.yellowHeader {
    background-image: url('/images/common/subhdr_bg_yellow.gif');
    background-color: #ff6;
    border-left: 1px solid #f5da27;
    border-right: 1px solid #f5da27;
    padding: 3px 0 3px 3px;
    color: #000;
    font-weight: bold;
}

a.yellowHeader:hover {
    color: #000;
    text-decoration: none;
    background-image: url('/images/common/subhdr_bg_yellow_on.gif');
}

div.commonTable {
    width: 100%;
    margin: 3px 1%;
}

div.commonTable div.commonTableRow {
    width: 100%;
    margin-bottom: 2px;
}

div.commonTable div.commonTableHeader,
div.commonTable div.commonTableCell {
    float: left;
    padding: 2px 8px;
    font-size: 8pt;
    text-align: center;
    margin-right: 2px;
}

div.commonTable div.commonTableHeader {
    background-color: #ccc;
    font-weight: bold;
    border-bottom: 1px solid #999;
}

div.commonTable div.commonTableCell {
    background-color: #eee;
}

div.gamesBucket div.bucketContent div.bucketContent_body div.commonTable div.commonTableHeader {
    background-color: #adf;
    border: 0px;
}

div.gamesBucket div.bucketContent div.bucketContent_body div.commonTable div.commonTableCell {
    background-color: #def;
}

div.loaderContainer {
    text-align: center;
    padding: 5px;
    margin: 5px;
}

div.loaderContainer div.loaderMsg {
    display: block;
    clear: both;
    font-weight: bold;
    font-size: 8pt;
    margin-bottom: 5px;
}

div.loaderContainer img.loaderImage {
    display: block;
    clear: both;
}

#headingWebContent {
    float: left;
    height: 127px;
    margin-left: 60px;
}

#headingMailboxPost {
    width: 80px;
}

a.mailbox,
a.mailboxFull,
a#mySlingoSign,
a#needHelpSign,
a#newsletterSign {
    display: block;
    width: 80px;
}

a.mailbox {
    background-image: url('/images/common/mailbox_over.gif');
    height: 51px;
}

a.mailbox:link,
a.mailbox:active,
a.mailbox:visited {
    background-image: url('/images/common/mailbox_closed.gif');
    height: 51px;
}

a.mailbox:hover,
a.mailbox:focus {
    background-image: url('/images/common/mailbox_over.gif');
    height: 51px;
}

a.mailboxFull {
    background-image: url('/images/common/mailbox_full_over.gif');
    height: 51px;
}

a.mailboxFull {
    background-image: url('/images/common/mailbox_full_over.gif');
    height: 51px;
}

a.mailboxFull:link,
a.mailboxFull:active,
a.mailboxFull:visited {
    background-image: url('/images/common/mailbox_full.gif');
    height: 51px;
}

a.mailboxFull:hover,
a.mailboxFull:focus {
    background-image: url('/images/common/mailbox_full_over.gif');
    height: 51px;
}

a#mySlingoSign {
    background-image: url('/images/common/button_myslingo_over.gif');
}

a#mySlingoSign:link,
a#mySlingoSign:active,
a#mySlingoSign:visited {
    background-image: url('/images/common/button_myslingo.gif');
    height: 25px;
}

a#mySlingoSign:hover,
a#mySlingoSign:focus {
    background-image: url('/images/common/button_myslingo_over.gif');
}

a#needHelpSign:link,
a#needHelpSign:active,
a#needHelpSign:visited {
    background-image: url('/images/common/button_faq.gif');
    height: 23px;
}

a#needHelpSign:hover,
a#needHelpSign:focus {
    background-image: url('/images/common/button_faq_over.gif');
}

a#newsletterSign:link,
a#newsletterSign:active,
a#newsletterSign:visited {
    background-image: url('/images/common/button_newsletter.gif');
    height: 28px;
}

a#newsletterSign:hover,
a#newsletterSign:focus {
    background-image: url('/images/common/button_newsletter_over.gif');
}

#bigSignUtility {
    width: 166px;
    height: 127px;
}

a.bsuLeftTab {
    display: block;
    float: left;
    width: 82px;
    height: 28px;
    background-image: url('/images/common/sign_acnt_tab_off.gif');
    background-position: bottom center;
    background-repeat: no-repeat;
}

a.bsuLeftTabOn {
    display: block;
    float: left;
    width: 82px;
    height: 28px;
    background-image: url('/images/common/sign_acnt_tab_on.gif');
    background-position: bottom center;
    background-repeat: no-repeat;
}

a.bsuLeftTab:hover,
a.bsuLeftTabOn:hover {
    background-image: url('/images/common/sign_acnt_tab_over.gif');
}

a.bsuRightTab {
    display: block;
    float: left;
    width: 82px;
    height: 28px;
    background-image: url('/images/common/sign_right_tab_off.gif');
}

a.bsuRightTabOn {
    display: block;
    float: left;
    width: 82px;
    height: 28px;
    background-image: url('/images/common/sign_right_tab_on.gif');
}

a.bsuRightTab:hover,
a.bsuRightTabOn:hover {
    background-image: url('/images/common/sign_right_tab_over.gif');
}

#bsuSignArea {
    width: 166px;
    height: 99px;
    background-image: url('/images/common/sign_BG.gif');
}

div.signAreaFormContainer {
    width: 160px;
    height: 97px;
    margin-left: 8px;
}

div#loginFormContainer,
div#userInfoContainer,
div#searchFormContainer {
    margin-top: 1px;
}

div#loginFormContainer h5,
div#searchFormContainer h5 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 1px;
    margin-left: 30px;
    font-size: 8pt;
}

div#loginFormContainer span.loginFormLabel {
    display: block;
    float: left;
    color: #fff;
    font-size: 7pt;
    width: 48px;
    text-align: right;
    margin-right: 3px;
}

div#loginFormContainer input.loginFormField {
    display: block;
    float: left;
    width: 90px;
    font-size: 8pt;
}

div#loginFormContainer div.inputRow {
    margin-bottom: 3px;
    width: 160px;
}

div#loginFormContainer a.goBtn {
    float: right;
    margin-right: 15px;
}

div#joinLinks {
    float: left;
}

div#joinLinks a,
div.uicItem_small a,
div.uicItem a {
    color: #0f0;
    font-size: 7pt;
}

div#loginFB {
    cursor: pointer;
    clear: both;
    float: none;
}

div#loginFB img {
    width: 160px;
}

#overlayLoading {
    text-align: center;
    margin-top: 50px;
}

#linkFBOverlay,
div#messageLinkAccountFBOverlay {
    clear: both;
}

#linkFBOverlay h2,
div#messageLinkAccountFBOverlay h2 {
    text-align: center;
    margin: 65px auto 0;
    width: 700px;
    font-size: 22px;
}

#linkFBOverlay div#link {
    width: 100%;
    margin: 20px auto;
    text-align: center;
}

#linkFBOverlay div#link a {
    height: 25px;
    width: 180px;
    line-height: 25px;
}

#fbLinkLoading {
    display: none;
    text-align: center;
    margin: 30px 0;
}

div#userInfoContainer {
    display: block;
}

div#userInfoContainer #welcomeUserMsg {
    color: #fff;
}

div#userInfoContainer a#logout {
    margin-left: 50px;
}

div#userInfoContainer {
    margin-left: 10px;
}

div#userInfoContainer div.uicItem,
div#userInfoContainer div.uicItem_small {
    width: 166px;
    color: #fff;
}

div.uicItem_small {
    font-size: 6pt;
}

span.uicItemBold {
    font-weight: bold;
}

#coinBalHeader {
    margin-top: 3px;
    font-size: 8pt;
}

#coinBalHeader span#coinBalHeading {
    width: 100%;
    display: block;
    margin-bottom: 2px;
}

span#coinBal {
    font-size: 8pt;
    vertical-align: top;
}

a#logoutBtn {
    display: block;
    width: 98px;
    height: 17px;
    background-image: url('/images/common/button_logout.gif');
    margin-top: 2px;
    margin-left: 12%;
}

div#searchFormContainer {
    display: none;
}

div#searchFormContainer {
    margin-left: 10px;
    color: #fff;
}

div#searchFormContainer span {
    font-size: 7pt;
}

div#searchFormContainer input#mainSearchBox {
    font-size: 8pt;
    width: 110px;
    margin-bottom: 1px;
}

#mainSearchType {
    position: relative;
    top: 2px;
    left: -5px;
}

div#searchFormContainer input#mainSearchFormSubmit {
    margin-left: 3px;
}

div.sfcRadioGroup span {
    font-weight: bold;
}

div.sfcRadioGroup {
    visibility: hidden;
}

.navBucket {
    margin-bottom: 5px;
}

.navBucket a {
    color: #1F1A04;
}

.navBucket a:hover {
    text-decoration: none;
}

.navBucket,
.navBucketHeader {
    width: 178px;
}

.navBucketHeader {
    height: 22px
}

.navBucketIcon,
.navBucketLink,
.navBucketLinkExpander,
.navBucketHeadingLink,
.navBucketHeaderExpander,
.secondaryNavLink {
    display: block;
    float: left;
}

.navBucketIcon {
    width: 22px;
    height: 22px;
}

.navBucketHeaderBar {
    height: 20px;
    width: 156px;
    margin-top: 2px;
}

.navBucketHeadingLink,
.navBucketLinkExpander,
.navBucketHeaderExpander {
    font-weight: bold;
    font-size: 9pt;
    height: 20px;
    line-height: 20px;
}

.navBucketHeaderEndCap,
.navBucketHeaderEndCapRound {
    height: 20px;
    width: 2px;
}

.navBucketHeadingLink,
.navBucketHeaderExpander {
    background-repeat: repeat-x;
}

.navBucketHeadingLink {
    text-indent: 3px;
    width: 134px;
    background-position: top right;
}

.navBucketHeaderExpander,
.navBucketLinkExpander {
    width: 20px;
    text-align: center;
    background-position: top left;
}

.navBucketContent {
    width: 176px;
    border: 1px solid;
    border-top: 0;
    border-bottom: 0;
}

.navBucketLinkExpander,
.navBucketLink,
.secondaryNavLink {
    height: 16px;
    font-size: 8pt;
    line-height: 16px;
    text-decoration: none;
    color: #000;
}

.navBucketLink {
    width: 156px;
    text-indent: 5px;
}

.navLinkSubExpansion .secondaryNavLink {
    text-indent: 10px;
    background-color: #fff;
}

.navBucketLinkCont,
.secondaryNavLink {
    width: 176px;
    border-bottom: 1px solid;
}

.navLinkSubExpansion .secondaryNavLink {
    display: none;
}

#nb_Games .navBucketIcon {
    background-image: url('/images/common/iconsml_games.gif');
}

#nb_Games .navBucketIcon:hover {
    background-image: url('/images/common/iconsml_games_over.gif');
}

#nb_Games .navBucketHeadingLink,
#nb_Games .navBucketHeaderExpander {
    background-image: url('/images/common/subhdr_bg_blue.gif');
}

#nb_Games .navBucketHeadingLink:hover,
#nb_Games .navBucketHeaderExpander:hover {
    background-image: url('/images/common/subhdr_bg_blue_over.gif');
}

#nb_Games .navBucketContent,
#nb_Games .navBucketContent a.navBucketLink,
#nb_Games .navBucketContent a.navBucketLinkExpander,
#nb_Games .navBucketHeaderExpander {
    background-color: #adf;
}

#nb_Games .navBucketContent,
#nb_Games .navBucketLinkCont,
#nb_Games .navBucketLink,
#nb_Games .secondaryNavLink,
#nb_Games .navBucketHeaderExpander {
    border-color: #69c;
}

#nb_Games .secondaryNavLink {
    color: #36f;
    font-size: 8pt;
}

#nb_Games .navBucketHeaderEndCap {
    background-image: url('/images/common/subhdr_blue_crn_right.gif');
}

#nb_Games .navBucketHeaderEndCapRound {
    background-image: url('/images/common/subhdr_blue_crn_right2.gif');
}

#nb_Fun .navBucketIcon {
    background-image: url('/images/common/iconsml_fun.gif');
}

#nb_Fun .navBucketIcon:hover {
    background-image: url('/images/common/iconsml_fun_over.gif');
}

#nb_Fun .navBucketHeadingLink,
#nb_Fun .navBucketHeaderExpander {
    background-image: url('/images/common/subhdr_bg_pink.gif');
}

#nb_Fun .navBucketHeadingLink:hover,
#nb_Fun .navBucketHeaderExpander:hover {
    background-image: url('/images/common/subhdr_bg_pink_over.gif');
}

#nb_Fun .navBucketContent,
#nb_Fun .navBucketContent a.navBucketLink,
#nb_Fun .navBucketContent a.navBucketLinkExpander,
#nb_Fun .navBucketHeaderExpander {
    background-color: #fcc;
}

#nb_Fun .navBucketContent,
#nb_Fun .navBucketLinkCont,
#nb_Fun .navBucketLink,
#nb_Fun .navBucketHeaderExpander {
    border-color: #f99;
}

#nb_Fun .secondaryNavLink {
    color: #f66;
    font-size: 8pt;
}

#nb_Fun .navBucketHeaderEndCap {
    background-image: url('/images/common/subhdr_pink_crn_right.gif');
}

#nb_Fun .navBucketHeaderEndCapRound {
    background-image: url('/images/common/subhdr_pink_crn_right2.gif');
}

#nb_Win .navBucketIcon {
    background-image: url('/images/common/iconsml_win.gif');
}

#nb_Win .navBucketIcon:hover {
    background-image: url('/images/common/iconsml_win_over.gif');
}

#nb_Win .navBucketHeadingLink,
#nb_Win .navBucketHeaderExpander {
    background-image: url('/images/common/subhdr_bg_green.gif');
}

#nb_Win .navBucketHeadingLink:hover,
#nb_Win .navBucketHeaderExpander:hover {
    background-image: url('/images/common/subhdr_bg_green_over.gif');
}

#nb_Win .navBucketContent,
#nb_Win .navBucketContent a.navBucketLink,
#nb_Win .navBucketContent a.navBucketLinkExpander,
#nb_Win .navBucketHeaderExpander {
    background-color: #cf6;
}

#nb_Win .navBucketContent,
#nb_Win .navBucketLinkCont,
#nb_Win .navBucketLink,
#nb_Win .navBucketHeaderExpander {
    border-color: #9c3;
}

#nb_Win .navBucketHeaderEndCap {
    background-image: url('/images/common/subhdr_green_crn_right.gif');
}

#nb_Win .navBucketHeaderEndCapRound {
    background-image: url('/images/common/subhdr_green_crn_right2.gif');
}

#nb_Comm .navBucketIcon {
    background-image: url('/images/common/iconsml_community.gif');
}

#nb_Comm .navBucketIcon:hover {
    background-image: url('/images/common/iconsml_community_over.gif');
}

#nb_Comm .navBucketHeadingLink,
#nb_Comm .navBucketHeaderExpander {
    background-image: url('/images/common/subhdr_bg_purple.gif');
}

#nb_Comm .navBucketHeadingLink:hover,
#nb_Comm .navBucketHeaderExpander:hover {
    background-image: url('/images/common/subhdr_bg_purple_over.gif');
}

#nb_Comm .navBucketContent,
#nb_Comm .navBucketContent a.navBucketLink,
#nb_Comm .navBucketContent a.navBucketLinkExpander,
#nb_Comm .navBucketHeaderExpander {
    background-color: #ecf;
}

#nb_Comm .navBucketContent,
#nb_Comm .navBucketLinkCont,
#nb_Comm .navBucketLink,
#nb_Comm .navBucketHeaderExpander {
    border-color: #c9c;
}

#nb_Comm .secondaryNavLink {
    color: #96c;
    font-size: 8pt;
}

#nb_Comm .navBucketHeaderEndCap {
    background-image: url('/images/common/subhdr_purple_crn_right.gif');
}

#nb_Comm .navBucketHeaderEndCapRound {
    background-image: url('/images/common/subhdr_purple_crn_right2.gif');
}

.adBucket,
.fullBucket,
.halfBucket,
.thirdBucket,
.mainBucket,
.twoThirdsBucket {
    color: #001F16;
}

.bottomTingeBucket {
    margin-bottom: 0;
}

.spaceRight {
    margin-right: 8px;
}

.adBucket,
.adBucket * {
    overflow: visible;
}

.adBucket div {
    float: left;
}

span#stage .adbucket,
span#stage .adbucket * {
    overflow: hidden;
}

.bucketHeader_center h4 {
    font-weight: bold;
    font-size: 9pt;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
}

.bucketHeader_center h1 {
    font-weight: bold;
    font-size: 9pt;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
}

.mainBucket .bucketHeader_center h4 {
    font-weight: bold;
    font-size: 12pt;
    height: 24px;
    line-height: 24px;
    text-indent: 10px;
}

.mainBucket .bucketHeader_center h1 {
    font-weight: bold;
    font-size: 12pt;
    height: 24px;
    line-height: 24px;
    text-indent: 10px;
}

.bucketContent_body {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 5px 5px 1px 5px;
}

.bucketContent_body,
.bucketContent_center {
    background-color: #fff;
}

.bucketContent_leftCorner,
.bucketContent_rightCorner,
.bucketContent_center {
    height: 8px;
}

.bucketContent_leftCorner,
.bucketContent_rightCorner {
    width: 7px;
}

.bucketContent_leftCorner {
    background-image: url('/images/common/smlbucket_crn_left.gif');
    background-position: top left;
}

.bucketContent_rightCorner {
    background-image: url('/images/common/smlbucket_crn_right.gif');
    background-position: top right;
}

.bucketContent_center {
    border-bottom: 1px solid #ccc;
    height: 7px;
}

.bucketContent_body .subNav {
    width: 100%;
    font-size: 8pt;
    margin-bottom: 3px;
}

.subNav a {
    font-weight: bold;
    padding-right: 4px;
}

.subNav a+a {
    padding-left: 8px;
    border-left: 1px solid;
}

.bucketContent_body h1,
.bucketContent_body h2,
.bucketContent_body h3,
.bucketContent_body h4,
.bucketContent_body h5,
.bucketContent_body h6 {
    margin-bottom: 3px;
}

.bucketContent_body h1 {
    font-size: 11pt;
}

.bucketContent_body h2,
.bucketContent_body h3,
.bucketContent_body h4,
.bucketContent_body h5,
.bucketContent_body h6 {
    font-size: 10pt;
}

.bucketContent_body p {
    font-size: 9pt;
    text-align: justify;
}

.bucketContent_body .subSectionSolid,
.bucketContent_body .subSectionDots {
    padding: 5px;
    margin: 8px;
}

.bucketContent_body .subSectionSolid {
    padding: 5px;
    border: 1px solid;
}

.bucketContent_body .subSectionDots {
    padding: 5px;
    border: 1px dotted;
}

.thirdBucket {
    width: 32%;
}

.halfBucket {
    width: 49%;
}

.fullBucket {
    width: auto;
}

.tingeBody {
    padding: 0 5px;
}

.tingeTop,
.tingeBottom,
.tinge_leftCorner,
.tinge_rightCorner {
    height: 5px;
}

.tinge_leftCorner,
.tinge_rightCorner {
    width: 5px;
    background-repeat: no-repeat;
}

.tinge_leftCorner {
    background-position: top left;
}

.tinge_rightCorner {
    background-position: top right;
}

.tinge_center {
    height: 4px;
}

.tingeTop .tinge_center {
    border-top: 1px solid;
}

.tingeBottom .tinge_center {
    border-bottom: 1px solid;
}

.tingeBody {
    border-left: 1px solid;
    border-right: 1px solid;
}

.tingeBucketCol {
    width: 206px;
    float: left;
}

.tingeBucketCol+.tingeBucketCol {
    margin-left: 2px;
}

.bucketHeader,
.bucketHeader .bucketHeader_leftCorner,
.bucketHeader .bucketHeader_rightCorner,
.bucketHeader .bucketHeader_center {
    height: 20px;
}

.mainBucket .bucketHeader,
.mainBucket .bucketHeader_icon {
    height: 28px;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.mainBucket .bucketHeader .bucketHeader_rightCorner,
.mainBucket .bucketHeader .bucketHeader_center {
    height: 24px;
    margin-top: 4px;
}

.bucketHeader .bucketHeader_leftCorner,
.bucketHeader .bucketHeader_rightCorner {
    width: 2px;
}

.bucketHeader .bucketHeader_center {
    background-position: top left;
    background-repeat: repeat-x;
}

.layoutType1 #bodyLeftCol .fullBucket,
.layoutType4 #bodyLeftCol .fullBucket,
.layoutType1 #bodyLeftCol .fullBucket .bucketHeader,
.layoutType4 #bodyLeftCol .fullBucket .bucketHeader,
.layoutType1 #bodyLeftCol .fullBucket .bucketContent,
.layoutType4 #bodyLeftCol .fullBucket .bucketContent {
    width: 430px;
}

.layoutType1 #bodyLeftCol .fullBucket .bucketHeader .bucketHeader_center,
.layoutType4 #bodyLeftCol .fullBucket .bucketHeader .bucketHeader_center {
    width: 426px;
}

.layoutType1 #bodyLeftCol .fullBucket .bucketContent .bucketContent_body,
.layoutType4 #bodyLeftCol .fullBucket .bucketContent .bucketContent_body {
    width: 418px;
}

.layoutType1 #bodyLeftCol .fullBucket .bucketContent .bucketContent_center,
.layoutType4 #bodyLeftCol .fullBucket .bucketContent .bucketContent_center {
    width: 415px;
}

.layoutType1 #bodyLeftCol .tingeArea .fullBucket,
.layoutType4 #bodyLeftCol .tingeArea .fullBucket,
.layoutType1 #bodyLeftCol .tingeArea .fullBucket .bucketHeader,
.layoutType4 #bodyLeftCol .tingeArea .fullBucket .bucketHeader,
.layoutType1 #bodyLeftCol .tingeArea .fullBucket .bucketContent,
.layoutType4 #bodyLeftCol .tingeArea .fullBucket .bucketContent {
    width: 415px;
}

.layoutType1 #bodyLeftCol .tingeArea .fullBucket .bucketHeader .bucketHeader_center,
.layoutType4 #bodyLeftCol .tingeArea .fullBucket .bucketHeader .bucketHeader_center {
    width: 411px;
}

.layoutType1 #bodyLeftCol .tingeArea .fullBucket .bucketContent .bucketContent_body,
.layoutType4 #bodyLeftCol .tingeArea .fullBucket .bucketContent .bucketContent_body {
    width: 403px;
}

.layoutType1 #bodyLeftCol .tingeArea .fullBucket .bucketContent .bucketContent_center,
.layoutType4 #bodyLeftCol .tingeArea .fullBucket .bucketContent .bucketContent_center {
    width: 400px;
}

.layoutType1 #bodyLeftCol .halfBucket,
.layoutType4 #bodyLeftCol .halfBucket,
.layoutType1 #bodyLeftCol .halfBucket .bucketHeader,
.layoutType4 #bodyLeftCol .halfBucket .bucketHeader,
.layoutType1 #bodyLeftCol .halfBucket .bucketContent,
.layoutType4 #bodyLeftCol .halfBucket .bucketContent {
    width: 206px;
}

.layoutType1 #bodyLeftCol .halfBucket .bucketHeader .bucketHeader_center,
.layoutType4 #bodyLeftCol .halfBucket .bucketHeader .bucketHeader_center {
    width: 202px;
}

.layoutType1 #bodyLeftCol .halfBucket .bucketContent .bucketContent_body,
.layoutType4 #bodyLeftCol .halfBucket .bucketContent .bucketContent_body {
    width: 194px;
    min-height: 75px;
}

.layoutType1 #bodyLeftCol .halfBucket .bucketContent .bucketContent_center,
.layoutType4 #bodyLeftCol .halfBucket .bucketContent .bucketContent_center {
    width: 191px;
}

.layoutType1 #bodyLeftCol .tingeArea .halfBucket,
.layoutType4 #bodyLeftCol .tingeArea .halfBucket,
.layoutType1 #bodyLeftCol .tingeArea .halfBucket .bucketHeader,
.layoutType4 #bodyLeftCol .tingeArea .halfBucket .bucketHeader,
.layoutType1 #bodyLeftCol .tingeArea .halfBucket .bucketContent,
.layoutType4 #bodyLeftCol .tingeArea .halfBucket .bucketContent {
    width: 204px;
}

.layoutType1 #bodyLeftCol .tingeArea .halfBucket .bucketHeader .bucketHeader_center,
.layoutType4 #bodyLeftCol .tingeArea .halfBucket .bucketHeader .bucketHeader_center {
    width: 200px;
}

.layoutType1 #bodyLeftCol .tingeArea .halfBucket .bucketContent .bucketContent_body,
.layoutType4 #bodyLeftCol .tingeArea .halfBucket .bucketContent .bucketContent_body {
    width: 192px;
}

.layoutType1 #bodyLeftCol .tingeArea .halfBucket .bucketContent .bucketContent_center,
.layoutType4 #bodyLeftCol .tingeArea .halfBucket .bucketContent .bucketContent_center {
    width: 189px;
}

.layoutType1 #bodyLeftCol .thirdBucket,
.layoutType4 #bodyLeftCol .thirdBucket,
.layoutType1 #bodyLeftCol .thirdBucket .bucketHeader,
.layoutType4 #bodyLeftCol .thirdBucket .bucketHeader,
.layoutType1 #bodyLeftCol .thirdBucket .bucketContent,
.layoutType4 #bodyLeftCol .thirdBucket .bucketContent {
    width: 134px;
}

.layoutType1 #bodyLeftCol .thirdBucket .bucketHeader .bucketHeader_center,
.layoutType4 #bodyLeftCol .thirdBucket .bucketHeader .bucketHeader_center {
    width: 130px;
}

.layoutType1 #bodyLeftCol .thirdBucket .bucketContent .bucketContent_body,
.layoutType4 #bodyLeftCol .thirdBucket .bucketContent .bucketContent_body {
    width: 122px;
}

.layoutType1 #bodyLeftCol .thirdBucket .bucketContent .bucketContent_center,
.layoutType4 #bodyLeftCol .thirdBucket .bucketContent .bucketContent_center {
    width: 119px;
}

.layoutType1 #bodyLeftCol .twoThirdsBucket,
.layoutType4 #bodyLeftCol .twoThirdsBucket,
.layoutType1 #bodyLeftCol .twoThirdsBucket .bucketHeader,
.layoutType4 #bodyLeftCol .twoThirdsBucket .bucketHeader,
.layoutType1 #bodyLeftCol .twoThirdsBucket .bucketContent,
.layoutType4 #bodyLeftCol .twoThirdsBucket .bucketContent {
    width: 273px;
}

.layoutType1 #bodyLeftCol .twoThirdsBucket .bucketHeader .bucketHeader_center,
.layoutType4 #bodyLeftCol .twoThirdsBucket .bucketHeader .bucketHeader_center {
    width: 269px;
}

.layoutType1 #bodyLeftCol .twoThirdsBucket .bucketContent .bucketContent_body,
.layoutType4 #bodyLeftCol .twoThirdsBucket .bucketContent .bucketContent_body {
    width: 261px;
}

.layoutType1 #bodyLeftCol .twoThirdsBucket .bucketContent .bucketContent_center,
.layoutType4 #bodyLeftCol .twoThirdsBucket .bucketContent .bucketContent_center {
    width: 258px;
}

.layoutType1 #bodyLeftCol .mainBucket,
.layoutType4 #bodyLeftCol .mainBucket,
.layoutType1 #bodyLeftCol .mainBucket .bucketHeader,
.layoutType4 #bodyLeftCol .mainBucket .bucketHeader,
.layoutType1 #bodyLeftCol .mainBucket .bucketContent,
.layoutType4 #bodyLeftCol .mainBucket .bucketContent,
.layoutType1 #bodyLeftCol .mainBucket .bucketContent .bucketContent_bottom,
.layoutType4 #bodyLeftCol .mainBucket .bucketContent .bucketContent_bottom {
    width: 430px;
}

.layoutType1 #bodyLeftCol .mainBucket .bucketHeader_icon,
.layoutType4 #bodyLeftCol .mainBucket .bucketHeader_icon {
    width: 28px;
    height: 28px;
}

.layoutType1 #bodyLeftCol .mainBucket .bucketHeader .bucketHeader_center,
.layoutType4 #bodyLeftCol .mainBucket .bucketHeader .bucketHeader_center {
    width: 400px;
}

.layoutType1 #bodyLeftCol .mainBucket .bucketContent .bucketContent_body,
.layoutType4 #bodyLeftCol .mainBucket .bucketContent .bucketContent_body {
    width: 418px;
}

.layoutType1 #bodyLeftCol .mainBucket .bucketContent .bucketContent_bottom,
.layoutType4 #bodyLeftCol .mainBucket .bucketContent .bucketContent_bottom {
    height: 8px;
}

.layoutType1 #bodyLeftCol .mainBucket .bucketContent .bucketContent_center,
.layoutType4 #bodyLeftCol .mainBucket .bucketContent .bucketContent_center {
    width: 415px;
}

.layoutType1 #bodyLeftCol .tingeArea,
.layoutType4 #bodyLeftCol .tingeArea,
.layoutType1 #bodyLeftCol .tingeTop,
.layoutType4 #bodyLeftCol .tingeTop,
.layoutType1 #bodyLeftCol .tingeBottom,
.layoutType4 #bodyLeftCol .tingeBottom {
    width: 430px;
}

.layoutType1 #bodyLeftCol .tingeTop,
.layoutType4 #bodyLeftCol .tingeTop,
.layoutType1 #bodyLeftCol .tingeBottom,
.layoutType4 #bodyLeftCol .tingeBottom {
    width: 427px;
}

.layoutType1 #bodyLeftCol .tingeBody,
.layoutType4 #bodyLeftCol .tingeBody {
    width: 415px;
}

.layoutType1 #bodyLeftCol .tinge_center,
.layoutType4 #bodyLeftCol .tinge_center {
    width: 417px;
}

.layoutType1 #bodyLeftCol .tingeArea .spaceRight,
.layoutType4 #bodyLeftCol .tingeArea .spaceRight {
    margin-right: 7px;
}

.layoutType1 #bodyRightCol .fullBucket,
.layoutType4 #bodyRightCol .fullBucket,
.layoutType1 #bodyRightCol .fullBucket .bucketHeader,
.layoutType4 #bodyRightCol .fullBucket .bucketHeader,
.layoutType1 #bodyRightCol .fullBucket .bucketContent,
.layoutType4 #bodyRightCol .fullBucket .bucketContent {
    width: 308px;
}

.layoutType1 #bodyRightCol .fullBucket .bucketHeader .bucketHeader_center,
.layoutType4 #bodyRightCol .fullBucket .bucketHeader .bucketHeader_center {
    width: 304px;
}

.layoutType1 #bodyRightCol .fullBucket .bucketContent .bucketContent_body,
.layoutType4 #bodyRightCol .fullBucket .bucketContent .bucketContent_body {
    width: 296px;
}

.layoutType1 #bodyRightCol .fullBucket .bucketContent .bucketContent_center,
.layoutType4 #bodyRightCol .fullBucket .bucketContent .bucketContent_center {
    width: 293px;
}

.layoutType1 #bodyRightCol .halfBucket,
.layoutType4 #bodyRightCol .halfBucket,
.layoutType1 #bodyRightCol .halfBucket .bucketHeader,
.layoutType4 #bodyRightCol .halfBucket .bucketHeader,
.layoutType1 #bodyRightCol .halfBucket .bucketContent,
.layoutType4 #bodyRightCol .halfBucket .bucketContent {
    width: 150px;
}

.layoutType1 #bodyRightCol .halfBucket .bucketHeader .bucketHeader_center,
.layoutType4 #bodyRightCol .halfBucket .bucketHeader .bucketHeader_center {
    width: 146px;
}

.layoutType1 #bodyRightCol .halfBucket .bucketContent .bucketContent_body,
.layoutType4 #bodyRightCol .halfBucket .bucketContent .bucketContent_body {
    width: 138px;
}

.layoutType1 #bodyRightCol .halfBucket .bucketContent .bucketContent_center,
.layoutType4 #bodyRightCol .halfBucket .bucketContent .bucketContent_center {
    width: 135px;
}

.layoutType3 #bodyLeftCol .fullBucket,
.layoutType5 #bodyLeftCol .fullBucket,
.layoutType3 #bodyLeftCol .fullBucket .bucketHeader,
.layoutType5 #bodyLeftCol .fullBucket .bucketHeader,
.layoutType3 #bodyLeftCol .fullBucket .bucketContent,
.layoutType5 #bodyLeftCol .fullBucket .bucketContent {
    width: 555px;
}

.layoutType3 #bodyLeftCol .fullBucket .bucketHeader .bucketHeader_center,
.layoutType5 #bodyLeftCol .fullBucket .bucketHeader .bucketHeader_center {
    width: 555px;
}

.layoutType3 #bodyLeftCol .fullBucket .bucketContent .bucketContent_body,
.layoutType5 #bodyLeftCol .fullBucket .bucketContent .bucketContent_body {
    width: 548px;
}

.layoutType3 #bodyLeftCol .fullBucket .bucketContent .bucketContent_center,
.layoutType5 #bodyLeftCol .fullBucket .bucketContent .bucketContent_center {
    width: 545px;
}

.layoutType3 #bodyLeftCol .tingeArea .fullBucket,
.layoutType5 #bodyLeftCol .tingeArea .fullBucket,
.layoutType3 #bodyLeftCol .tingeArea .fullBucket .bucketHeader,
.layoutType5 #bodyLeftCol .tingeArea .fullBucket .bucketHeader,
.layoutType3 #bodyLeftCol .tingeArea .fullBucket .bucketContent,
.layoutType5 #bodyLeftCol .tingeArea .fullBucket .bucketContent {
    width: 555px;
}

.layoutType3 #bodyLeftCol .tingeArea .fullBucket .bucketHeader .bucketHeader_center,
.layoutType5 #bodyLeftCol .tingeArea .fullBucket .bucketHeader .bucketHeader_center {
    width: 551px;
}

.layoutType3 #bodyLeftCol .tingeArea .fullBucket .bucketContent .bucketContent_body,
.layoutType5 #bodyLeftCol .tingeArea .fullBucket .bucketContent .bucketContent_body {
    width: 543px;
}

.layoutType3 #bodyLeftCol .tingeArea .fullBucket .bucketContent .bucketContent_center,
.layoutType5 #bodyLeftCol .tingeArea .fullBucket .bucketContent .bucketContent_center {
    width: 540px;
}

.layoutType3 #bodyLeftCol .halfBucket,
.layoutType5 #bodyLeftCol .halfBucket,
.layoutType3 #bodyLeftCol .halfBucket .bucketHeader,
.layoutType5 #bodyLeftCol .halfBucket .bucketHeader,
.layoutType3 #bodyLeftCol .halfBucket .bucketContent,
.layoutType5 #bodyLeftCol .halfBucket .bucketContent {
    width: 275px;
}

.layoutType3 #bodyLeftCol .halfBucket .bucketHeader .bucketHeader_center,
.layoutType5 #bodyLeftCol .halfBucket .bucketHeader .bucketHeader_center {
    width: 271px;
}

.layoutType3 #bodyLeftCol .halfBucket .bucketContent .bucketContent_body,
.layoutType5 #bodyLeftCol .halfBucket .bucketContent .bucketContent_body {
    width: 263px;
}

.layoutType3 #bodyLeftCol .halfBucket .bucketContent .bucketContent_center,
.layoutType5 #bodyLeftCol .halfBucket .bucketContent .bucketContent_center {
    width: 260px;
}

.layoutType3 #bodyLeftCol .tingeArea .halfBucket,
.layoutType5 #bodyLeftCol .tingeArea .halfBucket,
.layoutType3 #bodyLeftCol .tingeArea .halfBucket .bucketHeader,
.layoutType5 #bodyLeftCol .tingeArea .halfBucket .bucketHeader,
.layoutType3 #bodyLeftCol .tingeArea .halfBucket .bucketContent,
.layoutType5 #bodyLeftCol .tingeArea .halfBucket .bucketContent {
    width: 273px;
}

.layoutType3 #bodyLeftCol .tingeArea .halfBucket .bucketHeader .bucketHeader_center,
.layoutType5 #bodyLeftCol .tingeArea .halfBucket .bucketHeader .bucketHeader_center {
    width: 269px;
}

.layoutType3 #bodyLeftCol .tingeArea .halfBucket .bucketContent .bucketContent_body,
.layoutType5 #bodyLeftCol .tingeArea .halfBucket .bucketContent .bucketContent_body {
    width: 261px;
}

.layoutType3 #bodyLeftCol .tingeArea .halfBucket .bucketContent .bucketContent_center,
.layoutType5 #bodyLeftCol .tingeArea .halfBucket .bucketContent .bucketContent_center {
    width: 258px;
}

.layoutType3 #bodyLeftCol .thirdBucket,
.layoutType5 #bodyLeftCol .thirdBucket,
.layoutType3 #bodyLeftCol .thirdBucket .bucketHeader,
.layoutType5 #bodyLeftCol .thirdBucket .bucketHeader,
.layoutType3 #bodyLeftCol .thirdBucket .bucketContent,
.layoutType5 #bodyLeftCol .thirdBucket .bucketContent {
    width: 138px;
}

.layoutType3 #bodyLeftCol .thirdBucket .bucketHeader .bucketHeader_center,
.layoutType5 #bodyLeftCol .thirdBucket .bucketHeader .bucketHeader_center {
    width: 134px;
}

.layoutType3 #bodyLeftCol .thirdBucket .bucketContent .bucketContent_body,
.layoutType5 #bodyLeftCol .thirdBucket .bucketContent .bucketContent_body {
    width: 126px;
}

.layoutType3 #bodyLeftCol .thirdBucket .bucketContent .bucketContent_center,
.layoutType5 #bodyLeftCol .thirdBucket .bucketContent .bucketContent_center {
    width: 123px;
}

.layoutType3 #bodyLeftCol .twoThirdsBucket,
.layoutType5 #bodyLeftCol .twoThirdsBucket,
.layoutType3 #bodyLeftCol .twoThirdsBucket .bucketHeader,
.layoutType5 #bodyLeftCol .twoThirdsBucket .bucketHeader,
.layoutType3 #bodyLeftCol .twoThirdsBucket .bucketContent,
.layoutType5 #bodyLeftCol .twoThirdsBucket .bucketContent {
    width: 284px;
}

.layoutType3 #bodyLeftCol .twoThirdsBucket .bucketHeader .bucketHeader_center,
.layoutType5 #bodyLeftCol .twoThirdsBucket .bucketHeader .bucketHeader_center {
    width: 280px;
}

.layoutType3 #bodyLeftCol .twoThirdsBucket .bucketContent .bucketContent_body,
.layoutType5 #bodyLeftCol .twoThirdsBucket .bucketContent .bucketContent_body {
    width: 272px;
}

.layoutType3 #bodyLeftCol .twoThirdsBucket .bucketContent .bucketContent_center,
.layoutType5 #bodyLeftCol .twoThirdsBucket .bucketContent .bucketContent_center {
    width: 269px;
}

.layoutType3 #bodyLeftCol .mainBucket,
.layoutType5 #bodyLeftCol .mainBucket,
.layoutType3 #bodyLeftCol .mainBucket .bucketHeader,
.layoutType5 #bodyLeftCol .mainBucket .bucketHeader,
.layoutType3 #bodyLeftCol .mainBucket .bucketContent,
.layoutType5 #bodyLeftCol .mainBucket .bucketContent,
.layoutType3 #bodyLeftCol .mainBucket .bucketContent .bucketContent_bottom,
.layoutType5 #bodyLeftCol .mainBucket .bucketContent .bucketContent_bottom {
    width: 566px;
}

.layoutType3 #bodyLeftCol .mainBucket .bucketHeader_icon,
.layoutType5 #bodyLeftCol .mainBucket .bucketHeader_icon {
    width: 28px;
    height: 28px;
}

.layoutType3 #bodyLeftCol .mainBucket .bucketHeader .bucketHeader_center,
.layoutType5 #bodyLeftCol .mainBucket .bucketHeader .bucketHeader_center {
    width: 536px;
}

.layoutType3 #bodyLeftCol .mainBucket .bucketContent .bucketContent_body,
.layoutType5 #bodyLeftCol .mainBucket .bucketContent .bucketContent_body {
    width: 554px;
}

.layoutType3 #bodyLeftCol .mainBucket .bucketContent .bucketContent_bottom,
.layoutType5 #bodyLeftCol .mainBucket .bucketContent .bucketContent_bottom {
    height: 8px;
}

.layoutType3 #bodyLeftCol .mainBucket .bucketContent .bucketContent_center,
.layoutType5 #bodyLeftCol .mainBucket .bucketContent .bucketContent_center {
    width: 552px;
}

.layoutType3 #bodyLeftCol .tingeArea,
.layoutType5 #bodyLeftCol .tingeArea,
.layoutType3 #bodyLeftCol .tingeTop,
.layoutType5 #bodyLeftCol .tingeTop,
.layoutType3 #bodyLeftCol .tingeBottom,
.layoutType5 #bodyLeftCol .tingeBottom {
    width: 569px;
}

.layoutType3 #bodyLeftCol .tingeTop,
.layoutType5 #bodyLeftCol .tingeTop,
.layoutType3 #bodyLeftCol .tingeBottom,
.layoutType5 #bodyLeftCol .tingeBottom {
    width: 566px;
}

.layoutType3 #bodyLeftCol .tingeBody,
.layoutType5 #bodyLeftCol .tingeBody {
    width: 554px;
}

.layoutType3 #bodyLeftCol .tinge_center,
.layoutType5 #bodyLeftCol .tinge_center {
    width: 556px;
}

.layoutType3 #bodyLeftCol .tingeArea .spaceRight,
.layoutType5 #bodyLeftCol .tingeArea .spaceRight {
    margin-right: 7px;
}

.layoutType9 .halfBucket {
    width: 469px;
}

.layoutType11 #bodyLeftCol {
    float: left;
}

.layoutType11 #bodyRightCol {
    float: right;
}

.layoutType11 .mainBucket {
    width: 100%;
}


/** Main Bucket **/

.v2mainBucket {
    margin: 2px 5px 5px 5px;
    width: 99%;
}

.v2mainBucket .bucketHeader {
    background-color: rgb(10, 137, 196);
    height: auto;
    color: white;
    border-radius: 5px;
    text-align: center;
}

.v2mainBucket .bucketContent_body {
    border-width: 0px;
    background-color: transparent;
}

.v2mainBucket .bucketHeader_rightCorner,
.v2mainBucket .bucketContent_bottom .bucketContent_leftCorner,
.v2mainBucket .bucketContent_bottom .bucketContent_center,
.v2mainBucket .bucketContent_bottom .bucketContent_rightCorner {
    display: none;
}

#mainBody .v2mainBucket .bucketHeader_center {
    float: none;
    text-align: center;
    width: auto;
    height: auto;
}

.v2mainBucket .bucketHeader_center h1 {
    font-size: 15pt;
    padding: 5px;
    line-height: 1;
}

.v2mainBucket .bucketHeader_center {
    text-align: center;
}


/** Highlight Bucket Styles **/

#mainBody .v2highlightBucket * {
    float: none
}

.v2highlightBucket {
    border: 1px solid rgb(255, 208, 5);
    border-radius: 5px;
    margin: 2px 2px 8px;
    float: left;
}

#mainBody .v2highlightBucket .bucketContent_body {
    background-color: transparent;
}

.v2highlightBucket .bucketHeader {
    background: url("/images/common/highlight_header_bg.gif") repeat-x scroll center top transparent;
    height: auto;
    width: 100%;
}

#mainBody .v2highlightBucket .bucketHeader_icon {
    float: left
}

.v2highlightBucket .bucketHeader_center {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 3px;
}

.v2highlightBucket .bucketHeader_center h4 {
    padding: 3px;
}

.v2highlightBucket .bucketHeader_leftCorner,
.v2highlightBucket .bucketHeader_rightCorner {
    display: none;
}

.v2highlightBucket .bucketContent {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    background: url("/images/common/highlight_container_bg.gif") repeat-x scroll center top transparent;
}

#mainBody .v2highlightBucket .bucketContent_body {
    border-width: 0px;
    width: auto;
    float: none;
    padding: 0px;
}

.v2highlightBucket .bucketContent_bottom,
.v2highlightBucket .bucketContent_bottom .bucketContent_leftCorner,
.v2highlightBucket .bucketContent_bottom .bucketContent_center,
.v2highlightBucket .bucketContent_bottom .bucketContent_rightCorner {
    display: none;
}

.v2highlightBucket hr.separator {
    clear: both;
    margin: 10px 0;
}


/** Spotlight Bucket Styles **/

#mainBody .v2spotlightBucket * {
    float: none
}

.v2spotlightBucket {
    border-radius: 5px;
    margin: 2px 2px;
}

.v2spotlightBucket .bucketHeader {
    color: #ffffff;
    background-color: #1E93C9;
    height: auto;
    width: 100%;
}

#mainBody .mainBucket>.v2spotlightBucket {
    float: none;
}

#mainBody .v2spotlightBucket .bucketHeader_icon {
    float: left
}

.v2spotlightBucket .bucketHeader_center {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 3px;
}

.v2spotlightBucket .bucketHeader_center h4 {
    padding: 3px;
}

.v2spotlightBucket .bucketHeader_leftCorner,
.v2spotlightBucket .bucketHeader_rightCorner {
    display: none;
}

.v2spotlightBucket .bucketContent {
    background-color: #1E93C9;
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

.v2spotlightBucket .bucketContent_body {
    border-width: 0px;
    margin: 3px;
    border-radius: 3px;
}

.v2spotlightBucket .bucketContent_bottom .bucketContent_leftCorner,
.v2spotlightBucket .bucketContent_bottom .bucketContent_center,
.v2spotlightBucket .bucketContent_bottom .bucketContent_rightCorner {
    display: none;
}


/** Function Bucket Styles **/

.bucket.standard.greyHeaderBucket {
    border-radius: 5px;
    margin-bottom: 12px;
    border: none;
}

.bucket.standard.greyHeaderBucket .titleBar {
    background: url("/images/common/function_header_bg.jpg") repeat scroll center bottom transparent;
    height: auto;
    font-size: 9pt;
}

.bucket.standard.greyHeaderBucket .bucketHeader_icon {
    float: left
}

.bucket.standard.greyHeaderBucket .bucketHeader_center {
    text-align: center;
    margin: 0 auto;
    height: auto;
    padding: 3px;
}

.bucket.standard.greyHeaderBucket .bucketHeader_center h4 {
    color: #ffffff;
    padding: 3px;
}

.bucket.standard.greyHeaderBucket .bucketHeader_leftCorner,
.bucket.standard.greyHeaderBucket .bucketHeader_rightCorner {
    display: none;
}

.bucket.standard.greyHeaderBucket .bucketContent {
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

.bucket.standard.greyHeaderBucket .bucketContent_body {
    border-width: 0px;
    width: auto;
    float: none;
    padding: 0px;
    background-color: #dddddd;
}

.bucket.standard.greyHeaderBucket .bucketContent_bottom,
.bucket.standard.greyHeaderBucket .bucketContent_bottom .bucketContent_leftCorner,
.bucket.standard.greyHeaderBucket .bucketContent_bottom .bucketContent_center,
.bucket.standard.greyHeaderBucket .bucketContent_bottom .bucketContent_rightCorner {
    display: none;
}

.gamesBucket .bucketHeader .bucketHeader_leftCorner {
    background-image: url('/images/common/subhdr_blue_crn_left.gif');
}

.gamesBucket .bucketHeader .bucketHeader_rightCorner {
    background-image: url('/images/common/subhdr_blue_crn_right.gif');
}

.gamesBucket .bucketHeader .bucketHeader_center {
    background-image: url('/images/common/subhdr_bg_blue.gif');
}

.gamesTinge .tingeTop .tinge_leftCorner {
    background-image: url('/images/common/tinge_blue_tl.gif');
}

.gamesTinge .tingeTop .tinge_rightCorner {
    background-image: url('/images/common/tinge_blue_tr.gif');
}

.gamesTinge .tingeBottom .tinge_leftCorner {
    background-image: url('/images/common/tinge_blue_bl.gif');
}

.gamesTinge .tingeBottom .tinge_rightCorner {
    background-image: url('/images/common/tinge_blue_br.gif');
}

.gamesTinge .tinge_center,
.gamesTinge .tingeBody {
    border-color: #9cf;
}

.gamesTinge .tinge_center,
.gamesTinge .tingeBody,
.gamesTinge .bucketHeader .bucketHeader_leftCorner,
.gamesTinge .bucketHeader .bucketHeader_rightCorner,
.gamesTinge .bucketHeader .bucketHeader_center,
.gamesTinge .bucketContent_leftCorner,
.gamesTinge .bucketContent_rightCorner {
    background-color: #def;
}

.mainBucket .gamesBucket .bucketHeader .bucketHeader_icon {
    background-image: url('/images/common/iconbig_games.gif');
}

.mainBucket .gamesBucket .bucketHeader .bucketHeader_icon:hover {
    background-image: url('/images/common/iconbig_games_over.gif');
}

.mainBucket .gamesBucket .bucketHeader .bucketHeader_rightCorner {
    background-image: url('/images/common/mainhdr_blue_corner_right.gif');
}

.mainBucket .gamesBucket .bucketHeader .bucketHeader_center {
    background-image: url('/images/common/mainhdr_bg_blue.gif');
}

.funBucket .bucketHeader .bucketHeader_leftCorner {
    background-image: url('/images/common/subhdr_pink_crn_left.gif');
}

.funBucket .bucketHeader .bucketHeader_rightCorner {
    background-image: url('/images/common/subhdr_pink_crn_right.gif');
}

.funBucket .bucketHeader .bucketHeader_center {
    background-image: url('/images/common/subhdr_bg_pink.gif');
}

.mainBucket .funBucket .bucketHeader .bucketHeader_icon {
    background-image: url('/images/common/iconbig_fun.gif');
}

.mainBucket .funBucket .bucketHeader .bucketHeader_icon:hover {
    background-image: url('/images/common/iconbig_fun_over.gif');
}

.mainBucket .funBucket .bucketHeader .bucketHeader_leftCorner {
    background-image: url('/images/common/mainhdr_pink_crn_left.gif');
}

.mainBucket .funBucket .bucketHeader .bucketHeader_rightCorner {
    background-image: url('/images/common/mainhdr_pink_corner_right.gif');
}

.mainBucket .funBucket .bucketHeader .bucketHeader_center {
    background-image: url('/images/common/mainhdr_bg_pink.gif');
}

.funTinge .tingeTop .tinge_leftCorner {
    background-image: url('/images/common/tinge_red_tl.gif');
}

.funTinge .tingeTop .tinge_rightCorner {
    background-image: url('/images/common/tinge_red_tr.gif');
}

.funTinge .tingeBottom .tinge_leftCorner {
    background-image: url('/images/common/tinge_red_bl.gif');
}

.funTinge .tingeBottom .tinge_rightCorner {
    background-image: url('/images/common/tinge_red_br.gif');
}

.funTinge .tinge_center,
.funTinge .tingeBody {
    border-color: #faa;
}

.funTinge .tinge_center,
.funTinge .tingeBody,
.funTinge .bucketHeader .bucketHeader_leftCorner,
.funTinge .bucketHeader .bucketHeader_rightCorner,
.funTinge .bucketHeader .bucketHeader_center,
.funTinge .bucketContent_leftCorner,
.funTinge .bucketContent_rightCorner {
    background-color: #fdd;
}

.winBucket .bucketHeader .bucketHeader_leftCorner {
    background-image: url('/images/common/subhdr_green_crn_left.gif');
}

.winBucket .bucketHeader .bucketHeader_rightCorner {
    background-image: url('/images/common/subhdr_green_crn_right.gif');
}

.winBucket .bucketHeader .bucketHeader_center {
    background-image: url('/images/common/subhdr_bg_green.gif');
}

.mainBucket .winBucket .bucketHeader .bucketHeader_icon {
    background-image: url('/images/common/iconbig_win.gif');
}

.mainBucket .winBucket .bucketHeader .bucketHeader_icon:hover {
    background-image: url('/images/common/iconbig_win_over.gif');
}

.mainBucket .winBucket .bucketHeader .bucketHeader_leftCorner {
    background-image: url('/images/common/mainhdr_green_crn_left.gif');
}

.mainBucket .winBucket .bucketHeader .bucketHeader_rightCorner {
    background-image: url('/images/common/mainhdr_green_corner_right.gif');
}

.mainBucket .winBucket .bucketHeader .bucketHeader_center {
    background-image: url('/images/common/mainhdr_bg_green.gif');
}

.winTinge .tingeTop .tinge_leftCorner {
    background-image: url('/images/common/tinge_green_tl.gif');
}

.winTinge .tingeTop .tinge_rightCorner {
    background-image: url('/images/common/tinge_green_tr.gif');
}

.winTinge .tingeBottom .tinge_leftCorner {
    background-image: url('/images/common/tinge_green_bl.gif');
}

.winTinge .tingeBottom .tinge_rightCorner {
    background-image: url('/images/common/tinge_green_br.gif');
}

.winTinge .tinge_center,
.winTinge .tingeBody {
    border-color: #6c0;
}

.winTinge .tinge_center,
.winTinge .tingeBody,
.winTinge .bucketHeader .bucketHeader_leftCorner,
.winTinge .bucketHeader .bucketHeader_rightCorner,
.winTinge .bucketHeader .bucketHeader_center,
.winTinge .bucketContent_leftCorner,
.winTinge .bucketContent_rightCorner {
    background-color: #dfd;
}

.communityBucket .bucketHeader .bucketHeader_leftCorner {
    background-image: url('/images/common/subhdr_purple_crn_left.gif');
}

.communityBucket .bucketHeader .bucketHeader_rightCorner {
    background-image: url('/images/common/subhdr_purple_crn_right.gif');
}

.communityBucket .bucketHeader .bucketHeader_center {
    background-image: url('/images/common/subhdr_bg_purple.gif');
}

.mainBucket .communityBucket .bucketHeader .bucketHeader_icon {
    background-image: url('/images/common/iconbig_community.gif');
}

.mainBucket .communityBucket .bucketHeader .bucketHeader_icon:hover {
    background-image: url('/images/common/iconbig_community_over.gif');
}

.mainBucket .communityBucket .bucketHeader .bucketHeader_leftCorner {
    background-image: url('/images/common/mainhdr_purple_crn_left.gif');
}

.mainBucket .communityBucket .bucketHeader .bucketHeader_rightCorner {
    background-image: url('/images/common/mainhdr_purple_corner_right.gif');
}

.mainBucket .communityBucket .bucketHeader .bucketHeader_center {
    background-image: url('/images/common/mainhdr_bg_purple.gif');
}

.communityTinge .tingeTop .tinge_leftCorner {
    background-image: url('/images/common/tinge_purple_tl.gif');
}

.communityTinge .tingeTop .tinge_rightCorner {
    background-image: url('/images/common/tinge_purple_tr.gif');
}

.communityTinge .tingeBottom .tinge_leftCorner {
    background-image: url('/images/common/tinge_purple_bl.gif');
}

.communityTinge .tingeBottom .tinge_rightCorner {
    background-image: url('/images/common/tinge_purple_br.gif');
}

.communityTinge .tinge_center,
.communityTinge .tingeBody {
    border-color: #c9f;
}

.communityTinge .tinge_center,
.communityTinge .tingeBody,
.communityTinge .bucketHeader .bucketHeader_leftCorner,
.communityTinge .bucketHeader .bucketHeader_rightCorner,
.communityTinge .bucketHeader .bucketHeader_center,
.communityTinge .bucketContent_leftCorner,
.communityTinge .bucketContent_rightCorner {
    background-color: #ecf;
}

.generalBucket .bucketHeader .bucketHeader_leftCorner {
    background-image: url('/images/common/subhdr_yellow_crn_left.gif');
}

.generalBucket .bucketHeader .bucketHeader_rightCorner {
    background-image: url('/images/common/subhdr_yellow_crn_right.gif');
}

.generalBucket .bucketHeader .bucketHeader_center {
    background-image: url('/images/common/subhdr_bg_yellow.gif');
}

.mainBucket .generalBucket .bucketHeader .bucketHeader_leftCorner {
    background-image: url('/images/common/mainhdr_yellow_crn_left.gif');
}

.mainBucket .generalBucket .bucketHeader .bucketHeader_rightCorner {
    background-image: url('/images/common/mainhdr_yellow_corner_right.gif');
}

.mainBucket .generalBucket .bucketHeader .bucketHeader_center {
    background-image: url('/images/common/mainhdr_bg_yellow.gif');
}

.generalTinge .tingeTop .tinge_leftCorner {
    background-image: url('/images/common/tinge_yellow_tl.gif');
}

.generalTinge .tingeTop .tinge_rightCorner {
    background-image: url('/images/common/tinge_yellow_tr.gif');
}

.generalTinge .tingeBottom .tinge_leftCorner {
    background-image: url('/images/common/tinge_yellow_bl.gif');
}

.generalTinge .tingeBottom .tinge_rightCorner {
    background-image: url('/images/common/tinge_yellow_br.gif');
}

.generalTinge .tinge_center,
.generalTinge .tingeBody {
    border-color: #fc3;
}

.generalTinge .tinge_center,
.generalTinge .tingeBody,
.generalTinge .bucketHeader .bucketHeader_leftCorner,
.generalTinge .bucketHeader .bucketHeader_rightCorner,
.generalTinge .bucketHeader .bucketHeader_center,
.generalTinge .bucketContent_leftCorner,
.generalTinge .bucketContent_rightCorner {
    background-color: #ff6;
}

.adContent {
    width: 300px;
    margin: 0;
}

.ad300x250 {
    width: 300px;
    height: 250px;
    background-color: #7EC2E3;
    margin-bottom: 8px;
}

.ad300x250 div.adContent {
    height: 250px;
}

.ad300x250 div.topHeader,
.ad300x600 div.topHeader,
.ad728x90 div.topHeader,
.ad160x600 div.topHeader {
    width: 310px;
    padding: 2px 0px;
    background-color: #97cfe6;
    text-align: center;
}

.ad300x250 div.topLeft,
.ad300x600 div.topLeft,
.ad728x90 div.topLeft,
.ad160x600 div.topLeft {
    background: url("/images/common/ad_bottom.jpg") repeat;
    width: 5px;
    height: 5px;
}

.ad300x250 div.topCenter,
.ad300x600 div.topCenter,
.ad728x90 div.topCenter,
.ad160x600 div.topCenter {
    background: url("/images/common/ad_bottom.jpg") repeat;
    width: 300px;
    height: 5px;
}

.ad300x250 div.topRight,
.ad300x600 div.topRight,
.ad728x90 div.topRight,
.ad160x600 div.topRight {
    background: url("/images/common/ad_bottom.jpg") repeat;
    width: 5px;
    height: 5px;
}

.ad300x250 div.bodyLeft,
.ad300x600 div.bodyLeft,
.ad728x90 div.bodyLeft,
.ad160x600 div.bodyLeft {
    background: url("/images/common/ad_bottom.jpg") repeat-y;
    height: 246px;
    width: 5px;
}

.ad300x250 div.bodyRight,
.ad300x600 div.bodyRight,
.ad728x90 div.bodyRight,
.ad160x600 div.bodyRight {
    background: url("/images/common/ad_right.jpg") repeat-y;
    height: 246px;
    width: 5px;
}

.ad300x250 div.bottomLeft,
.ad300x600 div.bottomLeft,
.ad728x90 div.bottomLeft,
.ad160x600 div.bottomLeft {
    background: url("/images/common/ad_right.jpg") repeat-y;
    width: 5px;
    height: 5px;
}

.ad300x250 div.bottomCenter,
.ad300x600 div.bottomCenter,
.ad728x90 div.bottomCenter,
.ad160x600 div.bottomCenter {
    background: url("/images/common/ad_bottom.jpg") repeat-x;
    width: 300px;
    height: 5px;
}

.ad300x250 div.bottomRight,
.ad300x600 div.bottomRight,
.ad728x90 div.bottomRight,
.ad160x600 div.bottomRight {
    background: url("/images/common/ad_left.jpg") repeat-x;
    width: 5px;
    height: 5px;
}

.ad300x600 {
    width: 310px;
    height: 618px;
    background-color: #085F91;
    margin: 5px 0 8px 0;
}

.ad300x600 div.adContent {
    height: 596px;
}

.ad300x600 div.bodyLeft,
.ad300x600 div.bodyRight {
    height: 596px;
}

.ad728x90 {
    width: 728px;
    height: 90px;
    background-color: #7EC2E3;
    margin-top: 8px;
}

.ad728x90 div.adContent {
    width: 728px;
    height: 90px;
}

.ad728x90 div.topHeader {
    width: 738px;
}

.ad728x90 div.topCenter,
.ad728x90 div.bottomCenter {
    width: 728px;
}

.ad728x90 div.bodyLeft,
.ad728x90 div.bodyRight {
    height: 90px;
}

.ad160x600 {
    width: 160px;
    height: 600px;
    background-color: #7EC2E3;
    margin-bottom: 8px;
}

.ad160x600 div.adContent {
    width: 158px;
    height: 600px;
}

.ad160x600 div.topHeader {
    width: 100%;
    margin: 0 auto;
}

.ad160x600 div.topCenter,
.ad160x600 div.bottomCenter {
    width: 158px;
}

.ad160x600 div.bodyLeft,
.ad160x600 div.bodyRight {
    height: 600px;
}

.loadingDiv {
    /* add class hide to this div */
    text-align: center;
    width: 100%;
}

#fbLoading {
    padding-left: 130px;
    margin: 50px 20px 0 0;
}

div#inPageLoginContainer {
    margin: 0;
    padding: 0;
    overflow: visible;
}

div#inPageLoginContainer img#oopsLoginImg {
    display: block;
    margin: 0 auto 20px auto;
    text-align: center;
}

form#inPageloginForm {
    margin-left: 10px;
}

#mainBody div.newFormRow {
    /*margin-bottom:10px;*/
    clear: both;
    float: none;
}

#mainBody .newFormRow .toolTipContainer,
.newFormRow .toolTipContainer {
    clear: both;
    float: none;
}

div.newFormRow div {
    overflow: visible;
}

div#oopsPageNotMember {
    width: 400px;
    margin-left: 10px;
}

form#inPageloginForm div.newFormRow,
div#oopsPageNotMember div.newFormRow {
    clear: both;
    width: 400px;
}

div#oopsPageNotMember div.newFormRow form {
    text-align: center;
}

form#inPageloginForm div.sectionHead,
div#oopsPageNotMember div.sectionHead {
    width: 400px;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: underline;
}

div#oopsPageNotMember div.subHead {
    width: 400px;
    text-align: center;
    font-weight: 700;
}

form#inPageloginForm div.newFormRow div.ipfr_inputLabel {
    width: 70px;
    font-weight: bold;
}

form#inPageloginForm div.newFormRow input.loginField {
    width: 140px;
    margin-right: 20px;
}

#joinform_overlay input.loginUsername,
#joinfbform input.loginUsername,
#loginfbform input.loginUsername {
    background-color: #EDF6FB;
    border: 2px solid #DDE6EB;
    border-radius: 6px 6px 6px 6px;
    height: 29px;
    width: 260px;
}

.fbFormLabel {
    font-weight: bold;
    margin: 0 auto;
    padding: 6px 0 3px;
    text-align: left;
    width: 264px;
}

#mainBody #leftContainerLogin,
#mainBody #rightContainerLogin,
#mainBody #bottomContainerLogin {
    float: none;
}

#bottomContainerJoin {
    width: auto;
}

div#adminBar,
div#hostPagerBar {
    width: 100%;
    height: 20px;
    background-color: #090;
    border-top: 3px groove #ccc;
    position: fixed;
    bottom: 0;
    z-index: 2000000000;
}

div#adminBar {
    border-bottom: 3px groove #ccc;
}

div#adminBar span {
    display: block;
    float: left;
    height: 20px;
    padding: 0 5px;
    color: #000;
    font-weight: bold;
    background-color: #ccc;
    border-right: 3px ridge #ccc;
    line-height: 1.5;
}

div#adminBar a {
    display: block;
    float: left;
    height: 20px;
    margin: 1px 0;
    padding: 0 5px;
    color: #fff;
    border-right: 1px solid #fff;
    line-height: 1.5;
}

div#adminBar a:hover {
    color: #000;
    background-color: #0f0;
    text-decoration: none;
}

div#hostPagerBar {
    text-align: center;
    font-variant: small-caps;
    font-size: 12pt;
    bottom: 0px;
}

div#hostPagerBar a {
    color: #fff;
}

div#hostPagerBar a:hover {
    text-decoration: none;
    font-weight: bold;
}

div.loginErrorMsg {
    color: #f00;
    text-align: center;
    margin-bottom: 19px;
}

.errorColor {
    background: #FFDFE0;
}

div.loginLinks {
    width: 90%;
    margin: 10px 5%;
    text-align: center;
}

div.loginLinks a {
    display: block;
    margin-bottom: 10px;
}

div.vertFormContainer {
    width: 100%;
}

div.vertFormContainer div.vertFormRow,
div.vertFormContainer input.formInput {
    display: block;
    clear: both;
}

div.vertFormRow {
    margin-bottom: 5px;
}

div.vertFormContainer span.formLabel {
    display: block;
    clear: both;
    font-size: 9pt;
}

div#pwresetContainer {
    text-align: center;
    width: 301px;
    margin: 0 auto;
}

div#pwresetContainer div.vertFormRow p {
    line-height: 1.2;
    padding-bottom: 2px;
}

div#pwresetContainer dl {
    text-align: left;
}

div#pwresetContainer dt {
    margin: 0;
    padding: 0 0 40px 0px;
    text-decoration: underline;
}

div#pwresetContainer dd {
    margin: -36px 0 15px 0px;
}

dd p {
    margin-top: 4px;
}

div#pwresetContainer form#passwordResetForm {
    width: 301px;
    margin: 0 25px;
}

div#pwresetContainer form#passwordResetForm div.vertFormRow {
    width: 301px;
    text-align: left;
    padding-bottom: 5px;
}

div#pwresetContainer form#passwordResetForm input.formInput {
    font-size: 9pt;
    width: 90%;
}

div#pwresetContainer form#passwordResetForm h4 {
    width: 90%;
    text-align: center;
}

div#pwresetContainer a#pwresetSubmitBtn {
    display: block;
    margin-left: 30px;
}

#passwordResetForm .formRow {
    height: auto;
}


/*div.promoRtr{width:100%;height:133px;margin-bottom:5px;}
div.promoRtr div.promoRtrItem{width:100%;height:133px;}
div.promoRtr div.promoRtrItem a.promoRtrItemImgLink{width:202px;height:132px;margin-right:8px;padding:0;}
div.promoRtr div.promoRtrItem a.promoRtrItemImgLink img{border:1px solid #000;width:200px;height:130px;}
div.promoRtr div.promoRtrItem a.promoRtrItemImgLink:hover img{border-color:#36f;}
div.promoRtr div.promoRtrItem div.promoRtrItemRightSide{display:inline;width:195px;height:132px;margin-left:7px;}
div.promoRtr div.promoRtrItem div.promoRtrItemRightSide div.promoRtrItemText{width:100%;height:114px;margin-bottom:3px;background-color:#fff;}
div.promoRtr div.promoRtrItem div.promoRtrItemRightSide a.promoRtrItemHeadingLink{width:100%;height:15px;font-weight:bold;font-size:9pt;color:#000;margin-bottom:3px;}
div.promoRtr div.promoRtrItem div.promoRtrItemRightSide a.promoRtrItemHeadingLink:hover{color:#36f;text-decoration:none;}
div.promoRtr div.promoRtrItem div.promoRtrItemRightSide a.promoRtrItemCopy{display:block;float:left;width:100%;font-size:8pt;color:#000;}
div.promoRtr div.promoRtrItem div.promoRtrItemRightSide a.promoRtrItemCopy:hover{color:#36f;text-decoration:none;}
div.promoRtr div.promoRtrItem div.promoRtrItemRightSide div.promoRtrItemText div.playButton{margin-top:5px;}
div.promoRtr div.promoRtrControls{width:100%;height:16px;font-size:7pt;}
div.promoRtr div.promoRtrControls span.promoRtrControlsText{display:block;font-size:8pt;float:left;padding:0 5px;height:16px;line-height:13px;}
span.promoRtrControlsShowing{background-color:#ddd;}
div.promoRtr div.promoRtrControls a.promoRtrPrevBtn,
div.promoRtr div.promoRtrControls a.promoRtrPauseBtn,
div.promoRtr div.promoRtrControls a.promoRtrPlayBtn,
div.promoRtr div.promoRtrControls a.promoRtrNextBtn{display:block;float:left;width:16px;height:16px;}
div.promoRtr div.promoRtrControls a.promoRtrPrevBtn{background-image:url('/images/common/button_reverse.gif');}
div.promoRtr div.promoRtrControls a.promoRtrPrevBtn:hover{background-image:url('/images/common/button_reverse_over.gif');}
div.promoRtr div.promoRtrControls a.promoRtrPauseBtn{background-image:url('/images/common/button_pause.gif');}
div.promoRtr div.promoRtrControls a.promoRtrPauseBtn:hover{background-image:url('/images/common/button_pause_over.gif');}
div.promoRtr div.promoRtrControls a.promoRtrPlayBtn{background-image:url('/images/common/button_play.gif');}
div.promoRtr div.promoRtrControls a.promoRtrPlayBtn:hover{background-image:url('/images/common/button_play_over.gif');}
div.promoRtr div.promoRtrControls a.promoRtrNextBtn{background-image:url('/images/common/button_forward.gif');margin-right:20px;}
div.promoRtr div.promoRtrControls a.promoRtrNextBtn:hover{background-image:url('/images/common/button_forward_over.gif');}
*/

div.tileList {
    width: 100%;
}

div.tileList div.tileListHead {
    width: 99%;
    height: 16px;
    margin-left: 2px;
    margin-bottom: 2px;
    background-color: #c0e1ff;
}

div.tileList div.tileListHead img.tileListHeadCurve {
    width: 2px;
    height: 16px;
    display: block;
    float: left;
    background-color: #fff;
}

h3.tileListHeading {
    float: left;
    background-color: #c0e1ff;
    text-indent: 4px;
    height: 16px;
    width: 99%;
    line-height: 14px;
    font-size: 8pt;
}

div.tileListItemGroup {
    margin-left: 2px;
    width: 100%;
}

a.tileListItem {
    display: block;
    float: left;
    width: 135px;
    height: 135px;
    text-align: center;
    padding: 5px;
    margin: 0 0 10px 8px;
    color: #000;
    background: url('/images/common/games_tile_bg.gif') repeat-x;
}

a.tileListItem:hover {
    text-decoration: none;
    background-image: none;
    background-color: #c0e1ff;
}

div.tileList a.tileListItem img,
div.tileList a.tileListItem span {
    display: block;
    clear: both;
}

div.tileList a.tileListItem span {
    text-align: center;
    font-size: 12px;
    margin-top: 15px;
}

img.imageWrap {
    float: left;
}

.teaserElement {
    display: block;
    color: #000;
    font-size: 8pt;
}

.teaserElement:hover {
    color: #36f;
    text-decoration: none;
}

.teaserElement img {
    float: left;
    margin-right: 4px;
}

.teaserArrowLink {
    display: block;
    float: right;
    margin-top: 2px;
}

.teaserArrowLink+.teaserElement {
    margin-top: 20px;
}

span.teaserTitle {
    font-weight: bold;
}

span.teaserCopy {
    display: block;
}

div.generalItemHeading,
div.generalItemCopy {
    line-height: 14px;
}

div.generalItemMiniHeading,
div.generalItemMiniCopy {
    line-height: 13px;
}

div.generalItemHeading {
    width: 100%;
    font-weight: bold;
}

div.generalItemCopy {
    width: 100%;
    font-size: 9pt;
}

div.generalItemCopy+div.generalItemCopy,
div.generalItemMiniCopy+div.generalItemMiniCopy {
    padding-top: 6px;
}

div.generalItemCopyScroll {
    font-size: 8pt;
    width: 100%;
    height: 130px;
    overflow: auto;
}

div.generalItemButtonFull,
div.generalItemButtonHalf,
div.generalItemButtonRight {
    padding-top: 3px;
    width: 100%;
}

div.generalItemButtonFull a.candyBtn span.candyBtnMiddle {
    width: 395px;
}

div.generalItemButtonHalf a.candyBtn span.candyBtnMiddle {
    width: 170px;
}

div.generalItemButtonRight a.candyBtn span.candyBtnMiddle {
    width: 275px;
}

div.generalItemMiniHeading {
    width: 100%;
    font-weight: bold;
    font-size: 8pt;
}

div.generalItemMiniCopy {
    width: 100%;
    font-size: 8pt;
}

div.featureIconGroup {
    clear: left;
    width: 98%;
    margin: 0px 5px;
}

a.featureIcon {
    display: block;
    float: left;
}

div.featureIcon,
a.featureIcon {
    width: 124px;
    padding: 5px;
}

div.featureIcon a:hover,
a.featureIcon:hover {
    color: #36f;
    text-decoration: none;
}

div.featureIconImage {
    width: 100%;
}

div.featureIconHeading {
    width: 100%;
    font-weight: bold;
    font-size: 8pt;
    text-align: center;
    padding: 2px 0px;
}

span.featureIconCaption {
    display: block;
}

.featureIconCaption,
div.featureIconText {
    clear: left;
    width: 100%;
    font-size: 8pt;
    color: #000;
    padding-top: 2px;
}

.featureIconCaption {
    text-align: center;
}

.featureIconCaption a:hover {
    color: #36f;
}

.featureIconCaption ul {
    text-align: left;
}

.featureIconCaption ul li {
    list-style-position: inside;
}

.featureIconCaption ul li+li {
    padding-top: 3px;
}

div.whyJoinList,
div.whyJoinItemGroupLight,
div.whyJoinItemGroupDark {
    clear: left;
    width: 100%;
}

div.whyJoinItemGroupLight,
div.whyJoinItemGroupDark {
    padding-top: 1px;
    padding-bottom: 1px;
}

div.whyJoinItemGroupLight {}

div.whyJoinItemGroupDark {
    background-color: #eee;
}

div.whyJoinItemLeft {
    width: 22px;
    padding: 3px;
}

div.whyJoinItemRight {
    width: 265px;
}

div.testimonial {
    width: 100%;
    background-image: url('/images/common/icon_testimonial.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

div.testimonialText,
div.testimonialWinner {
    clear: left;
    font-size: 8pt;
    margin-left: 35px;
    padding-bottom: 1px;
}

div.testimonialWinner {
    padding-top: 5px;
    font-weight: bold;
}

div.testimonial+div.testimonial {
    border-top: 1px solid #eee;
}

div.testimonialSeparator {
    width: 97%;
    height: 1px;
    background-color: #eee;
    margin: 5px 0px;
}

div.winTeaserLight,
div.winTeaserDark {
    clear: left;
    width: 97%;
    margin: 2px 0px;
    padding: 5px;
}

div.winTeaserDark {
    background-color: #eee;
}

div.winTeaserImage {
    width: 145px;
    padding-right: 5px;
}

div.winTeaserRight {
    width: 61%;
}

div.winTeaserHeading,
div.winTeaserCopy {
    clear: left;
    color: #000;
}

div.winTeaserHeading:hover,
div.winTeaserCopy:hover {
    color: #36f;
}

div.winTeaserHeading {
    font-weight: bold;
}

div.winTeaserCopy {
    font-size: 8pt;
}

div#sweepsTeaser1000 {
    background-image: url("/images/common/win_1000.jpg");
}

div#sweepsTeaser200 {
    background-image: url('/images/common/win_200.jpg');
}

div#sweepsTeaser50 {
    background-image: url('/images/common/win_50.jpg');
}

div#sweepsTeaserCDRom {
    background-image: url('/images/common/win_cdrom.jpg');
}

div#sweepsTeaserMerch {
    background-image: url('/images/common/win_merchandise.jpg');
}

div.pBarCont {
    height: 16px;
    min-width: 125px;
    border: 1px solid #6f0;
    overflow: hidden;
}

div.pBarFill {
    height: 16px;
    background-image: url('/images/common/prog_bar.gif');
    background-repeat: repeat-x;
    text-align: left;
    float: left;
}

div.iBarCont {
    height: 50px;
    min-width: 125px;
    border: 1px solid #003EBA;
    overflow: hidden;
}

div.iBarFill {
    height: 50px;
    background-image: url('/images/common/i_bar_fill.gif');
    background-repeat: repeat-x;
}

div.altBase {
    min-height: 500px;
}

div.altBase div#mbLeftCol {
    display: none;
}

div.altBase div#mbRightCol {
    min-height: 300px;
    width: 100%;
}

div.altBase div#altMainNav {
    width: 920px;
    height: 64px;
    margin-bottom: 0;
    float: left;
    clear: both !important;
}

div.altBase div#altMainNav a.altNavBtnLrg {
    width: 85px;
    height: 64px;
    display: block;
    float: left;
    margin-right: 3px;
    text-decoration: none;
}

div.altBase div#altMainNav a.altNavBtnLrg:hover {
    text-decoration: none;
}

div.altBase div#altMainNav a#altRoomListBtn {
    background-image: url('/images/common/gp_rooms_off.gif');
}

div.altBase div#altMainNav a#altRoomListBtn:hover {
    background-image: url('/images/common/gp_rooms_on.gif');
}

div.altBase div#altMainNav a#altGamesBtn {
    background-image: url('/images/common/gp_games_off.gif');
}

div.altBase div#altMainNav a#altGamesBtn:hover {
    background-image: url('/images/common/gp_games_on.gif');
}

div.altBase div#altMainNav a#altCommunityBtn {
    background-image: url('/images/common/gp_community_off.gif');
}

div.altBase div#altMainNav a#altCommunityBtn:hover {
    background-image: url('/images/common/gp_community_on.gif');
}

div.altBase div#altMainNav a#altWinBtn {
    background-image: url('/images/common/gp_win_off.gif');
}

div.altBase div#altMainNav a#altWinBtn:hover {
    background-image: url('/images/common/gp_win_on.gif');
}

div.altBase div#altMainNav a#altFunBtn {
    background-image: url('/images/common/gp_fun_off.gif');
}

div.altBase div#altMainNav a#altFunBtn:hover {
    background-image: url('/images/common/gp_fun_on.gif');
}

div.userTileLarge,
div.userTileSmall {
    background-color: #ccf;
    float: left;
    padding-bottom: 0;
    border: 1px solid #99f;
}

div.userTileLarge {
    padding: 2px;
}

div.userTileSmall {
    padding: 1px;
    margin: 1px;
    width: 50px;
}

div.userTileLarge+div.userTileLarge {
    margin-left: 4px;
}

div.userTileLarge a.userProfilePictureLink,
div.userTileSmall a.userProfilePictureLink {
    background-color: #000;
    overflow: hidden;
    display: block;
    border: 1px solid #ccf;
}

div.userTileSmall div.userTileIcons,
div.userTileLarge div.userTileIcons {
    margin-top: 2px;
    margin-bottom: 0;
}

div.userTileLarge a.userProfilePictureLink {
    width: 131px;
    height: 122px;
}

div.userTileSmall a.userProfilePictureLink {
    width: 48px;
    height: 45px;
}

div.userTileLarge div.userTileIcons a img {
    width: 20px;
    height: 20px;
}

div.userTileLarge div.userTileIcons img.onlineIconImg {
    height: 19px;
}

div.userTileLarge div.userTileIcons a+a {
    margin-left: 88px;
}

div.userTileLarge+div.userTileLarge {
    margin-left: 4px;
}

div.userTileSmall div.userTileIcons a img {
    width: 15px;
    height: 15px;
}

div.userTileSmall div.userTileIcons img.onlineIconImg {
    height: 14px;
}

div.userTileSmall div.userTileIcons a+a {
    margin-left: 15px;
}

div.userTileSmall a.userProfilePictureLink:hover,
div.userTileLarge a.userProfilePictureLink:hover {
    border: 1px solid #99f;
}

div.potmCurrent {
    width: 100%;
}

div#potmPictureContainer {
    width: 145px;
    height: 100%;
    float: left;
}

div#potmCopyContainer {
    width: 63%;
    float: left;
}

span.potmCurrentCopy {
    width: 63%;
}

a.potmPictureLink {
    display: block;
    width: 144px;
}

a.potmPictureLink img,
span.potmPhoto {
    display: block;
    float: left;
}

span.potmPhoto {
    display: block;
    width: 128px;
    height: 95px;
    overflow: hidden;
    background-color: #000;
}

img.potmFrLeft {
    clear: left;
}

span.potmCopy {
    padding-left: 25px;
}

div.potmHeading {
    clear: left;
    width: 99%;
    margin-top: 10px;
    padding: 3px;
    font-weight: bold;
    background-color: #7EC2E3;
}

div.potmPlayers {
    clear: left;
    width: 100%;
    padding: 3px;
}

div.potmPlayerCol {
    float: left;
    width: 33%;
}

div.potmPlayer {
    clear: left;
    width: 100%;
}

div.potmMonth {
    width: 20%;
}

div.potmName {
    width: 80%;
}

div.potmMonth,
div.potmName {
    height: 17px;
}

div.spotlightLeft {
    width: 145px;
}

div.spotlightRight {
    width: 250px;
    padding-bottom: 2px;
}

#friendLocatorCont {
    width: 100%;
}

#friendLocatorCont div#userTile {
    float: left;
    width: 140px;
    margin-right: 2px;
}

#friendLocatorCont div#userInfo {
    width: 275px;
    line-height: 1.5;
}

#friendLocatorCont div.actionLink {
    margin-top: 6px;
}

.errorInfoContainer {
    width: 80%;
    text-align: center;
    padding-bottom: 20px;
}

.errorInfoContainer div,
.errorInfoContainer img,
.errorInfoContainer a {
    margin-bottom: 10px;
}

.errorInfoContainer img+div {
    color: #870000;
    font-weight: bold;
    overflow: visible;
}

.errorInfoContainer img+div+div {
    font-size: 8pt;
}

.errorInfoContainer a {
    padding: 2px 10px;
    border: 1px solid #063;
    background-color: #093;
    color: #ffc;
    font-weight: bold;
    text-transform: uppercase;
}

.errorInfoContainer a:hover {
    background-color: #063;
    text-decoration: none;
}

.browserInfoArea {
    width: 100%;
}

.browserInfo {
    display: block;
    float: left;
    clear: both;
    width: 500px;
    margin-bottom: 4px;
}

#ieOutput {
    width: 410px;
    height: 110px;
    background-color: #fff;
    position: fixed;
    bottom: 1px;
    right: 1px;
    padding: 5px;
    overflow: auto;
}

#shareBar {
    display: block;
    float: left;
    clear: both;
    width: 905px;
    height: 20px;
    padding-bottom: 8px;
    margin-top: 5px;
    color: #fff;
    font-weight: bold;
    background-color: #637AAE;
    text-align: center;
}

#shareBar div {
    height: 18px;
    padding: 5px;
    margin-right: 5px;
}

#shareBar .fbutt {
    float: left;
    margin-bottom: 5px;
}

#shareBar div.fbutt,
#shareBar div.fbutt a {
    margin-bottom: 5px;
    width: 210px;
    height: 18px;
    padding: 5px;
    background-color: #19fe00;
}

.fbutt {
    overflow: visible !important;
}

#shareBar div.ftext {
    width: 640px;
}

a.stbar.chicklet img {
    border: 0;
    height: 16px;
    width: 16px;
    margin-right: 3px;
    vertical-align: middle;
}

a.stbar.chicklet {
    height: 16px;
    line-height: 16px;
}

.overlayItem {
    display: none;
    position: absolute;
    z-index: 2000000052;
    margin: 0px auto;
    width: 800px;
    overflow: visible !important;
    min-height: 250px;
}

#overlayBg {
    filter: alpha(opacity=75);
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #000000;
    opacity: .75;
    z-index: 2000000050;
}

#overlay-shade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2000000050;
    background-color: #000;
}

.overlay {
    position: absolute;
    top: -300px;
    left: 0;
    width: auto;
    min-height: 200px;
    z-index: 2000000051;
    background-color: #fff;
    border: 2px solid #CFCFCF;
    color: #fff;
    box-shadow: 0 0 16px #000;
}

.ie7 .overlay {
    height: 200px;
}


/*.overlay .wrapper {
    padding: 15px 30px 30px;
}*/

.overlay .toolbar {
    /*padding: 8px;*/
    line-height: 1;
    text-align: right;
    overflow: hidden;
}

.overlay .toolbar a.close {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-right: 2%;
    font-size: 3em;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.5em;
    color: #3d9fbc;
}

.overlay .toolbar a.close span {
    color: #818181;
}

.overlay .toolbar a.close:hover {
    text-decoration: underline;
}


/*.overlay .toolbar a.close:hover,
 .overlay .toolbar a.close:hover span {
    background-color: #b90900;
    color: #fff;
}*/


/*.adventure_bg{background:url('/images/common/five_card_overlay_bg.jpg') no-repeat center; width:100%; height:100%;}*/

iframe#overlayIframe {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2000000051;
}

div#dailyGameMsg {
    width: 400px;
}

div.suggestBoxCorner {
    width: 8px;
    height: 8px;
}

div.suggestBoxMiddle {
    width: 384px;
    height: 5px;
    background-color: #ffc;
}

div#suggestBoxTL {
    background: url('/images/common/top_left_green.gif') no-repeat top left;
}

div#suggestBoxTR {
    background: url('/images/common/top_right_green.gif') no-repeat top left;
}

div#suggestBoxBL {
    clear: left;
    background: url('/images/common/bottom_left_green.gif') no-repeat top left;
}

div#suggestBoxBR {
    background: url('/images/common/bottom_right_green.gif') no-repeat top left;
}

div#suggestBoxTM {
    border-top: 3px solid #060;
}

div#suggestBoxBM {
    border-bottom: 3px solid #060;
}

div#suggestBox {
    width: 374px;
    background-color: #ffc;
    border-left: 3px solid #060;
    border-right: 3px solid #060;
    padding: 10px;
}

div.suggestContentCorner {
    width: 6px;
    height: 6px;
}

div.suggestContentMiddle {
    width: 362px;
    height: 6px;
    background-color: #fff;
}

div#suggestContentTL {
    background: url('/images/common/top_left_grey.gif') no-repeat top left;
}

div#suggestContentTR {
    background: url('/images/common/top_right_grey.gif') no-repeat top left;
}

div#suggestContentBL {
    background: url('/images/common/bottom_left_grey.gif') no-repeat top left;
}

div#suggestContentBR {
    background: url('/images/common/bottom_right_grey.gif') no-repeat top left;
}

div#suggestContentTM {
    border-top: 1px solid #eee;
}

div#suggestContentBM {
    border-bottom: 1px solid #eee;
}

.suggestContent {
    background-color: #EEF6F6;
    border: 2px solid #338CC7;
    border-radius: 6px 6px 6px 6px;
    clear: both;
    display: none;
    font-family: Arial;
    height: 175px;
    margin: 9px 10px;
    padding: 10px;
    text-align: left;
}

div#suggestText {
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    color: #656565;
    padding: 13px 0;
    float: none;
}

#unavailableText {
    padding-left: 5px;
    text-align: left;
    font-size: 13px;
    color: #ea1f28;
    position: relative;
    bottom: 5px;
    font-family: Arial;
}

.suggestOptions {}


/*SUGGESTIONS NAV*/

ol.suggestOptions {
    list-style-type: decimal;
    text-align: left;
    padding-top: 5px;
    color: #096088;
}

ol.suggestOptions li {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-left: 25px;
    color: #338cc7;
    cursor: pointer;
}

ol.suggestOptions li:hover {
    color: #096088;
    text-decoration: underline;
}

div.genericOverlay {
    width: 443px;
}

div.genericBoxTL,
div.genericBoxTR,
div.genericBoxBL,
div.genericBoxBR {
    float: left;
    width: 8px;
    height: 8px;
}

div.genericBoxTM,
div.genericBoxBM {
    float: left;
    width: 427px;
    height: 5px;
    background-color: #ffc;
}

div.genericBoxTL {
    background: url('/images/common/top_left_green.gif') no-repeat top left;
}

div.genericBoxTR {
    background: url('/images/common/top_right_green.gif') no-repeat top left;
}

div.genericBoxBL {
    clear: left;
    background: url('/images/common/bottom_left_green.gif') no-repeat top left;
}

div.genericBoxBR {
    background: url('/images/common/bottom_right_green.gif') no-repeat top left;
}

div.genericBoxTM {
    border-top: 3px solid #060;
}

div.genericBoxBM {
    border-bottom: 3px solid #060;
}

div.genericBox {
    min-width: 417px;
    background-color: #ffc;
    border-left: 3px solid #060;
    border-right: 3px solid #060;
    padding: 10px;
}

div.genericContentTL,
div.genericContentTR,
div.genericContentBL,
div.genericContentBR {
    float: left;
    width: 6px;
    height: 6px;
}

div.genericContentTM,
div.genericContentBM {
    float: left;
    width: 405px;
    height: 6px;
    background-color: #fff;
}

div.genericContentTL {
    background: url('/images/common/top_left_grey.gif') no-repeat top left;
}

div.genericContentTR {
    background: url('/images/common/top_right_grey.gif') no-repeat top left;
}

div.genericContentBL {
    clear: left;
    background: url('/images/common/bottom_left_grey.gif') no-repeat top left;
}

div.genericContentBR {
    background: url('/images/common/bottom_right_grey.gif') no-repeat top left;
}

div.genericContentTM {
    border-top: 1px solid #eee;
}

div.genericContentBM {
    border-bottom: 1px solid #eee;
}

div.genericContent {
    float: left;
    min-width: 400px;
    padding: 0px 5px 15px 10px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #fff;
}

div.genericContent h3 {
    display: block;
    width: 100%;
    margin-top: 10px;
}

div.genericClose {
    position: absolute;
    top: 24px;
    right: 18px;
    width: 15px;
    height: 15px;
    background: url('/images/common/red_x.gif') no-repeat center center;
    cursor: pointer;
}

#mainTopCurve {
    background-image: url('/images/common/header_curve_top_blue.gif');
}

#mainBottomCurve {
    background-image: url('/images/common/bottom_main_border_blue.gif');
}

div#adminBar,
div#hostPagerBar {
    background-color: #085F91;
}

div#adminBar a:hover,
div#hostPagerBar a:hover {
    background-color: #98D0E9;
}

#hudLeftFlyout_search {
    width: 700px;
    height: 565px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

#searchResultsDefault {
    display: none;
}

#hudLeftFlyout_search_content {
    padding: 10px;
    height: 100%;
}

#hudSearchTitleRow {
    background: url("/images/common/search_header_bg.jpg") repeat scroll center top transparent;
    color: #ffffff;
    text-align: center;
    height: 32px;
    padding: 12px 0 0 15px;
    font-weight: bold;
    font-size: 17pt;
    border-radius: 8px 8px 0px 0px;
    margin-top: 10px;
}

#hudSearchInputRow {
    padding: 10px;
    width: 470px;
    margin: 0 auto;
}

#hudSearchInputRow input {
    width: 270px;
    height: 28px;
    float: left;
    margin: 2px 5px;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
    background: #ffffff url('/images/common/comm_search_icon.png') 5px no-repeat;
    padding-left: 35px;
}

#hudSearchInputRow .moreMembersText {
    text-align: right;
    width: 100px;
    float: left;
    font: 10pt arial;
    color: #ffffff;
    font-style: italic;
}

#hudSearchButton {
    width: 40px;
    height: 36px;
    background: url('/images/common/search_icon.png') no-repeat;
    float: left;
}

#hudSearchButton:hover {
    background: url('/images/common/search_icon.png') no-repeat;
    background-position: 0px -36px;
}

#hudSearchResultsRow .userSearchBlock div {
    float: left;
    text-align: left;
}

#hudSearchResultsRow .userSearchBlock {
    width: 214px;
    height: 110px;
    float: left;
}

#hudSearchResultsRow .userName a {
    margin-top: 5px;
    font-weight: bold;
    color: #8ac7d2;
    font-size: 11pt;
}

#hudSearchContentRow {
    background-color: #888888;
    border-radius: 5px;
    padding: 3px;
}

#hudSearchResultsRow {
    background-color: #333333;
    border-radius: 5px;
    padding: 37px 0px 43px 28px;
    height: 328px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}

#hudSearchResultsRow.hudSearchNoResults {
    background: #333333 url('/images/common/search_noresults.jpg') center no-repeat;
}

.userSearchBlock .profileLink {
    width: 100px;
}

.userSearchBlock .profileLink a {}

.userSearchBlock .profileDesc {
    font-size: 8pt;
    height: 42px;
    width: 140px;
    overflow: hidden;
    color: #ffffff;
    line-height: 1.0;
}

.pageContainer {
    color: #ffffff;
}

.pageContainer a {
    text-decoration: none;
    color: #ffffff;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
}

.pageContainer a.pageFirst,
.pageContainer a.pageNext,
.pageContainer a.pageLast,
.pageContainer a.pagePrev {
    width: 30px;
    height: 18px;
}

.pageContainer .pages {
    margin: 0 auto;
    width: 513px;
}

.pageContainer .pages .pageSelected {
    font-weight: bold;
}

.pageContainer div {
    float: left;
    padding-left: 4px;
    padding-right: 4px;
}

.comUserTile {
    border: 1px solid #dddddd;
    border-radius: 5px;
    background-color: rgb(233, 248, 255);
    margin: 4.4px;
    overflow: visible;
    width: 50px;
    padding: 3px;
    position: relative;
    float: left;
}

.comUserTilePic {
    overflow: hidden;
    margin: 0 auto;
    height: 50px;
    width: 50px;
}

#mainBody .comUserTileContainer * {
    float: none;
}

#mainBody .comUserTileContainer {
    background: black;
    border-radius: 5px;
    padding: 1px;
    float: none;
    height: 150px;
}

#mainBody .comUserTileInfo {
    padding: 5px;
    border-radius: 3px;
    background: #4C4C4C;
    height: 105px;
}

.comUserTileInfo .username {
    float: left;
    color: #c1e6f8;
    font-weight: bold;
    width: 137px;
    text-align: left;
}

.comUserTileIcons {
    padding-top: 1px;
}

.comUserTileIcons .onlineIcon {
    text-align: left;
    width: 25px;
    float: left;
}

#hudSearchResultsRow .comUserTileIcons .rankIcon,
.comUserTileIcons .rankIcon {
    text-align: right;
    width: 25px;
}

.comUserTileIcons .rankIconImg {
    width: 15px;
    height: 15px;
}

#mainBody .comUserTileInfo .username,
#mainBody .comUserTileInfo .profileName,
#mainBody .comUserTileInfo .profilePic,
#mainBody .comUserTileInfo .profileDesc,
#mainBody .comUserTileInfo .profileLink {
    float: left;
}

#mainBody .comUserTileInfo .profileLink a {
    text-decoration: underline;
    color: #c1e6f8;
}

#mainBody .comUserTileInfo .profileDesc {
    padding-top: 2px;
    color: #ffffff;
    white-space: normal;
    width: 190px;
    text-align: left;
    font-size: 8pt
}

#mainBody .comUserTileInfo .mutualFriendImgs {
    clear: left;
    float: left;
}

#mainBody .comUserTileInfo .mutualFriendImgs img {
    vertical-align: top;
}

#mainBody .comUserTileInfo .mutualFriendCnt {
    color: #c1e6f8;
    float: left;
    width: 115px;
    white-space: normal;
    margin-left: 5px;
}

.comUserTileHover div {
    overflow: visible;
    z-index: 10;
}

.comUserTileHover {
    display: none;
    position: absolute;
    padding: 3px;
    width: 276px;
    overflow: visible;
    z-index: 2;
}

.comUserTileHover .hoverOverlay {
    height: 25px;
    margin: 0px auto;
    border: 1px solid green;
    width: 50px;
}

#mainBody .comUserTileHover .pointer {
    position: relative;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000000;
    margin-left: 130px;
}

.comUserTileHover .mutualFriendImgs {
    height: 40px;
    overflow: hidden;
    clear: left;
    float: left;
}

.comUserTileHover img.mutualFriend {
    width: 40px;
    height: auto;
    padding: 1px;
}

.comUserTileHover .profilePic {
    height: 50px;
    padding-right: 5px;
    overflow: hidden;
}

#mainBody .comUserTileHover .profileInfo {
    height: 65px;
}

#mainBody .comUserTileRequest {
    clear: left;
    text-align: right;
    padding: 7px;
}

#mainBody .comUserTileRequest .friendRequest {
    width: 100px;
}

#flyoutMainHeader {
    width: 840px;
    height: 60px;
}

.flyoutHeaderTwoThirds {
    width: 488px;
    height: 44px;
    background-image: url('/images/common/flyout_header_two_thirds.gif');
    background-repeat: no-repeat;
}

.flyoutBodyTwoThirds {
    float: left;
    width: 487px;
    height: 412px;
    padding-top: 2px;
    background-color: #404040;
}

.flyoutHeaderOneThird {
    vertical-align: top;
    width: 321px;
    height: 44px;
    background-image: url('/images/common/flyout_header_one_third.gif');
    background-repeat: no-repeat;
}

.flyoutBodyOneThird {
    float: left;
    width: 297px;
    height: 413px;
    padding: 0px 12px;
    background-color: #404040;
}

.flyoutColTwoThirds {
    float: left;
    padding-left: 13px;
    width: 489px;
    height: 478px;
}

.flyoutColOneThird {
    float: left;
    width: 321px;
    height: 478px;
    padding-left: 2px;
}

.flyoutFooter {
    display: block;
    float: left;
    height: 17px;
    margin: 0px;
}

.flyoutFooterOneThird {
    width: 321px;
    background: url('/images/common/flyout_footer_one_third.gif') no-repeat;
}

.flyoutFooterTwoThirds {
    width: 487px;
    background: url('/images/common/flyout_footer_two_thirds.gif') no-repeat;
}

#flyoutLogo {
    float: left;
    padding: 13px 0px 13px 13px;
}

.flyoutTag {
    padding: 12px 0px 0px 15px;
}

span.flyoutHeader {
    font-weight: bold;
    font-size: 16px;
    height: auto;
    color: #fff;
    letter-spacing: 1px;
}

.flyoutBodyText {
    margin-top: 5px;
    font-size: 14px;
    height: auto;
    color: #fff;
}

div.flyoutCommentText {
    font-size: 13px;
    height: auto;
    color: #fff;
}

#flyoutPageLinks {
    display: block;
    margin: 4px auto;
    text-align: center;
    width: 85%;
    height: 20px;
    line-height: 21px;
    clear: both;
}

#flyoutPageLinks,
#flyoutPageLinks * {
    font-size: 12px;
    font-weight: normal;
}

#flyoutPageLinks span {
    display: block;
    float: left;
    padding: 2px;
    color: #fff;
}

#flyoutPageLinks a {
    display: block;
    float: left;
    padding: 2px 7px;
    border-right: 1px solid #bdf;
    text-decoration: none;
    color: #fff;
    width: 22px;
    font-weight: normal;
}

#flyoutPageLinks a:hover {
    color: #b0e74c;
}

#flyoutPageLinks a.last {
    border-right: none;
}

#flyoutPageLinks a.active_tnt_link {
    color: #b0e74c;
    font-weight: bold;
    cursor: default;
}

#flyoutPageLinks .disabled_tnt_pagination {
    padding: 2px 7px;
    text-decoration: none;
    border-left: 1px solid #bdf;
    color: #fff;
}

#hudLeftFlyout_bookmarks {
    border: none;
    border-radius: 12px;
    width: 858px;
    min-height: 567px;
    padding: 0px;
    /*font-family:Arial, Helvetica, sans-serif;*/
    background: #454545;
}

#bkMarkContent *,
#bkSuggestionsContent * {
    font-size: 11px;
    line-height: 13px;
}

#hudLeftFlyout_bookmarks #bkMarkContent {
    height: 100%;
}

#hudLeftFlyout_bookmarks.flyout .pointer {
    display: none;
}

#hudLeftFlyout_bookmarks #flyoutMainHeader {
    height: 53px;
    color: #fff;
}

#addBookmarkBtn {
    margin: 12px 10px 0 23px;
    width: 175px;
    display: inline-block;
}

#addBookmarkBtn span {
    font-size: 14pt;
    font-weight: bold;
}

#hudLeftFlyout_bookmarks #flyoutColContainer {
    border-radius: 0 0 6px 6px;
    margin: 7px;
    padding: 15px;
    background: #C8D0D2;
}

#hudLeftFlyout_bookmarks .flyoutCol {
    border-radius: 6px 6px 0 0;
    width: 479px;
    height: auto;
    padding-left: 0;
}

#hudLeftFlyout_bookmarks .flyoutHeader {
    text-align: center;
    background: #6EBCE0;
    padding: 11px 0;
    font-weight: bold;
    width: 100%;
}

#hudLeftFlyout_bookmarks .flyoutHeader div {
    height: 22px;
    line-height: 22px;
    color: #1A83B3;
    font-size: 22px;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
}

#hudLeftFlyout_bookmarks .flyoutHeader h1.ieBkMk {
    color: #fff;
}

#hudLeftFlyout_bookmarks .flyoutColOneThird {
    border-radius: 6px 6px 0 0;
    float: left;
    width: 319px;
    min-height: 470px;
    margin-left: 12px;
}

#hudLeftFlyout_bookmarks .flyoutBody {
    background: #fff;
    color: #777;
    min-height: 425px;
}

#hudLeftFlyout_bookmarks .flyoutFooter {
    display: none;
}

#hudLeftFlyout_bookmarks ul#listNavigation li,
#bookmarkSuggestions div {
    height: auto;
    border-radius: 6px;
    color: #5F5F5E;
}

#hudLeftFlyout_bookmarks ul#listNavigation li {
    width: 90%;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #e3e3e3;
}

#hudLeftFlyout_bookmarks ul#listNavigation li.lastBookMark {
    border: none;
}

#hudLeftFlyout_bookmarks ul#listNavigation li img {
    margin: 5px 0 0 15px;
}

#hudLeftFlyout_bookmarks li span.bookmarkImg {
    display: block;
    float: left;
    width: 35px;
    height: 33px;
    background: url("/images/common/quicklinks_icons.png") no-repeat 0 0;
}

#hudLeftFlyout_bookmarks li:hover span.bookmarkImg {
    background: url("/images/common/quicklinks_icons.png") no-repeat 0 -34px;
}

#hudLeftFlyout_bookmarks li span.community {
    background: url("/images/common/quicklinks_icons.png") no-repeat -33px 0;
}

#hudLeftFlyout_bookmarks li:hover span.community {
    background: url("/images/common/quicklinks_icons.png") no-repeat -33px -33px;
}

#hudLeftFlyout_bookmarks li span.games {
    background: url("/images/common/quicklinks_icons.png") no-repeat -66px 0;
}

#hudLeftFlyout_bookmarks li:hover span.games {
    background: url("/images/common/quicklinks_icons.png") no-repeat -66px -33px;
}

#hudLeftFlyout_bookmarks ul#listNavigation li a {
    height: auto;
    width: 80%;
    color: #5F5F5E;
    font-size: 14px;
    line-height: 22px;
}

#bookmarkSuggestions div a img,
#bookmarkSuggestions span.suggestionText {
    display: block;
    float: left;
    width: 175px;
    color: #474747;
}

#hudLeftFlyout_bookmarks ul#listNavigation li span.deleteBkmrkBtn {
    margin: 8px 20px 0 0;
    height: 17px;
    width: 17px;
    background: url("/images/common/list_delete_new.png") no-repeat scroll 0 0 transparent;
}

#hudLeftFlyout_bookmarks ul#listNavigation li:hover,
#bookmarkSuggestions div a:hover {
    color: #fff;
    background: #7F7F7D;
}

#hudLeftFlyout_bookmarks ul#listNavigation li:hover a {
    color: #fff;
}

#hudLeftFlyout_bookmarks ul#listNavigation li:hover span.deleteBkmrkBtn {
    background: url("/images/common/list_delete_new.png") no-repeat scroll 0 -17px transparent;
}

#bookmarksBody {
    text-align: left;
    vertical-align: top;
    width: 100%;
    padding-bottom: 15px;
}

#bookmarksComment {
    float: left;
    text-align: left;
    height: 100px;
    margin-top: 10px;
}

.noBookmarksMsg,
#bookmarkMsg {
    width: 100%;
    height: 18px;
    text-align: center;
    color: #3992C8;
}

#bookmarkSuggestions {
    width: 295px;
    padding: 0;
    vertical-align: top;
    text-align: left;
}

#hudLeftFlyout_bookmarks p {
    padding: 15px 0;
}

#bookmarkSuggestions a {
    display: block;
    width: auto;
    height: 55px;
    text-decoration: none;
    padding: 4px;
    border-bottom: 1px solid #e3e3e3;
}

#bookmarkSuggestions div a img {
    padding-right: 15px;
    width: 86px;
    height: 54px;
}

#bookmarkSuggestions a span.suggestionHeading {
    width: 180px;
    display: block;
    float: left;
    font-weight: bold;
    color: #474747;
    text-transform: uppercase;
    padding-bottom: 3px;
}

#bookmarkSuggestions a:hover span.suggestionHeading,
#bookmarkSuggestions a:hover span.suggestionDesc {
    color: #fff;
}

#hudLeftFlyout_bookmarks #flyoutPageLinks span {
    color: inherit;
}

#hudLeftFlyout_bookmarks #flyoutPageLinks a {
    width: 10px;
    border-right: 1px solid #454545;
    color: #454545;
    display: inline;
    float: none;
}

#hudLeftFlyout_bookmark #flyoutPageLinks a.active_tnt_link {
    font-weight: bold;
}

#hudLeftFlyout_bookmarks #flyoutPageLinks a.nonNumber {
    border: none;
    width: 30px;
}

ul#listNavigation {
    display: block;
    width: auto;
}

ul#listNavigation li {
    display: block;
    clear: both;
    width: 85%;
    height: 25px;
    overflow: hidden;
    list-style: none;
    margin: 0px auto;
    padding: 3px;
    border-bottom: 1px solid #fff;
}

ul#listNavigation li:hover {
    background-color: #5b5758;
}

ul#listNavigation li a {
    display: block;
    float: left;
    width: 85%;
    height: 25px;
    line-height: 22px;
    padding: 4px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
}

ul#listNavigation li img {
    display: block;
    float: left;
}

ul#listNavigation span.deleteBkmrkBtn {
    display: block;
    float: right;
    width: 16px;
    height: 20px;
    background: url('/images/common/list_delete.jpg') no-repeat;
    cursor: pointer;
}

ul#listNavigation span.deleteBkmrkBtn:hover {
    background: url('/images/common/list_delete_hover.jpg') no-repeat;
}


/*#new.overlayItem, #newOverlay.overlayItem{width:800px;overflow:visible !important;min-height:250px;}*/

#overlayImgHeader {
    position: absolute;
    top: 7px;
    right: 0;
}

.overlayOuter {
    width: 100%;
    min-height: 250px;
    position: relative;
    overflow: visible !important;
}

.overlayOuter div.overlayBg,
.overlayOuter div.overlayWrapper {
    float: left;
}

.overlayOuter .overlayInner,
.overlayOuter .createOverlayInner {
    margin: 10px 0px 10px 25px;
    min-height: 200px;
}

.overlayOuter .overlayContent {
    background: url('/images/common/newOverlayBg_Gdnt.gif') repeat-x;
}

.overlayContent {
    color: #656565;
    font: 14px/18px Arial, sans-serif;
    min-height: 250px;
}

#overlayUpperLeft {
    background: url('/images/common/overlay_tp_lft_crnr.gif');
    width: 9px;
    height: 10px;
}

#overlayTopSide {
    background: url('/images/common/newOverlayTop_Side.gif') repeat-x;
    height: 10px;
}

#overlayUpperRight {
    background: url('/images/common/overlay_tp_rght_crnr.gif');
    width: 9px;
    height: 10px;
}

#overlayLeftSide {
    background: url('/images/common/overlay_lft.gif') repeat-y;
    width: 7px;
    height: 100%;
}

#overlayWrapper {
    background: #fff;
}

#overlayRightSide {
    background: url('/images/common/overlay_right.gif') repeat-y;
    width: 7px;
}

#overlayLowerLeft {
    background: url('/images/common/overlay_lwr_lft_crnr.gif') no-repeat;
    width: 9px;
    height: 29px;
}

#overlayBottomSide {
    background: url('/images/common/overlay_btm.gif') repeat-x;
    height: 31px;
}

#overlayLowerRight {
    background: url('/images/common/overlay_lwr_right_crnr.gif') no-repeat;
    width: 9px;
    height: 29px;
}

div.overlayClose {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100px;
    color: #fff;
}

div.overlayCloseTop {
    background: url("/images/common/flyout_close.png") no-repeat scroll right top transparent;
    height: 38px;
    overflow: visible !important;
    position: absolute;
    right: -18px;
    top: -14px;
    width: 38px;
    z-index: 2000000055;
    cursor: pointer;
}

#overlayImgClose {
    position: absolute;
    right: 0;
}

.overlayContent .leftContainer,
.overlayContent .rightContainer {
    float: left;
    width: 370px;
    margin-top: 15px;
}

.overlayContent h3 {
    color: #338CC7;
    display: block;
    font-size: 36px;
    /*line-height:36px;*/
    font-weight: bold;
    padding: 20px 0;
    text-transform: none;
}

#overlayInnerJoin,
h2.fbChooseUsername {
    font-family: Arial;
}

#overlayInnerJoin {
    margin-top: 10px;
}

#overlayInnerJoin h2,
h2.fbChooseUsername {
    color: #ffffff;
    font-family: Verdana;
    font-weight: bold;
    font-size: 29px;
    text-align: center;
    /*padding-left:25px;*/
}

#overlayInnerFacebook {
    margin: 5px;
}

#overlayInnerJoin h2 {
    font-size: 27px;
}

#overlayInnerJoin h3,
h3.fbChooseUsername {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 0;
    text-align: center;
    margin: 0 auto;
}

#overlayInnerJoin h3 {
    padding: 5px 0 15px;
}

#overlayInnerJoin h4,
h4.fbChooseUsername,
h5.fbChooseUsername {
    background-color: #7DC2E3;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
}

#overlayInnerJoin h4 {
    width: 380px;
    text-align: center;
}

#leftContainerJoin h4 {
    width: 305px;
}

h5.fbChooseUsername {
    font-size: 15px;
    padding-bottom: 15px;
}

.fbConnect {
    display: block;
    visibility: hidden;
}

.fbJoinText a.fbConnect {
    display: block;
    width: 230px;
    height: 41px;
    visibility: visible;
    margin: 13px auto;
}

#loginfbform_submitButton {
    width: 178px;
    margin: 15px auto;
}

#loginfbform_forgotPassword {
    color: #454446;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: bold;
    margin: 2px;
    text-decoration: underline;
}

.fbJoinText {
    font-size: 11.5px;
    color: #656565;
    text-align: center;
}

#rightContainerJoin.overlayRightContainer input {
    height: 22px;
}

.overlayContent a#joinLater {
    margin-left: 5px;
}

.overlayContent .overlayRightContainer {
    float: left;
    width: 370px;
    margin-top: 15px;
}

.overlayContent .overlayLeftContainer {
    float: left;
    margin: 0 20px 30px 0;
    padding-right: 15px;
    width: 409px;
}

#fbChooseUsernameContainer {
    background: #ffffff url('/images/common/gen.join.fb.bg_gradient.jpg') repeat-x bottom;
    margin: 6px;
    border-radius: 6px;
}

#fbChooseUsername_leftContainer {
    border: 4px solid #E7E9E8;
    border-radius: 20px;
    margin: 20px 10px 20px 20px;
    float: left;
    width: 300px;
}

#fbChooseUsernameContainer .cashIcon {
    text-align: center;
}

.fbChooseUsername>span {
    font-size: 11pt;
    font-weight: normal;
}

#fbChooseUsername_leftContainer .content,
#fbChooseUsername_rightContainer .content {
    margin: 10px;
}

#joinform_overlay #fbChooseUsernameFormRow input {
    padding: 0;
    margin: 0;
}

#joinfbform #fbInputContainer input {
    background-color: #EDF6FB;
    border: 2px solid #DDE6EB;
    border-radius: 6px 6px 6px 6px;
    height: 29px;
}

#fbChooseUsername_desc {
    clear: both;
    line-height: 14px;
    margin: 0 auto;
    width: 264px;
}

#fbChooseUsername_rightContainer {
    border: 4px solid #E7E9E8;
    border-radius: 20px;
    margin: 20px 20px 20px 10px;
    float: left;
    width: 300px;
}

#fbChooseUsername_leftContainer .suggestContent {
    height: 140px;
}

#joinfbform_submitButton {
    width: 140px;
    margin: 15px auto 31px;
}

#leftContainerJoin {
    width: 290px;
    font-size: 11.5px;
    color: #656565;
    margin: 0;
    padding: 0 22px 0 0;
    border: none;
}

.overlayContent .overlayBottomContainer,
#mainBody .overlayBottomContainer {
    height: 50px;
    clear: both;
    border-top: 1px solid #D5D5D5;
    margin-right: 20px;
    color: #262626;
    font-size: 13px;
    font-family: Arial, sans-seriff;
    padding: 8px 0;
}

#getSlingoBux {
    width: 800px;
    overflow: visible !important;
    min-height: 550px;
}

#buxDailyLoginBonus {
    width: 635px;
    overflow: visible !important;
    min-height: 460px;
}

#claimedCoupon {
    width: 900px;
    overflow: visible !important;
    min-height: 200px;
}

#couponMsgCont {
    padding: 10px;
}

#couponMsgContent {
    padding-top: 20px;
    height: 330px;
}

#dailyLoginBonusMsg {
    display: none;
}

#dailyLoginMsg,
#couponMsgContent {
    position: relative;
    margin: 55px 0px 15px 0px;
    text-align: center;
}

#dailyLoginMsg {
    background: url('/images/common/advantage_w_bux.png') no-repeat 5px 100%;
}

#dailyLoginMsg div,
#couponMsgContent div {
    margin-bottom: 14px;
}

#dailyLoginMsg .header1,
#dailyLoginMsg .header2,
#dailyLoginMsg .header3,
.dailyLoginDaysArea .buxAmt,
#couponMsgContent .header1,
#couponMsgContent .header2,
#couponMsgContent .header3 {
    color: #328dc6;
}

#couponMsgContent .header1,
#couponMsgContent .header2,
#couponMsgContent .header3,
#couponMsgContent .header4 {
    margin-bottom: 30px;
}

#dailyLoginMsg .header1,
#couponMsgContent .header1 {
    font-size: 34pt;
    font-weight: bold;
}

#dailyLoginMsg .header2,
#dailyLoginMsg .header3,
#dailyLoginMsg a.ctaBtn,
#couponMsgContent .header2,
#couponMsgContent .header3,
#couponMsgContent a.ctaBtn {
    font-size: 18pt;
}

#dailyLoginMsg .header3,
#couponMsgContent .header3 {
    font-weight: bold;
}

#dailyLoginMsg .header4,
#couponMsgContent .header4 {
    font-size: 14pt;
    font-style: italic;
}

#dailyLoginMsg a.ctaBtn {
    margin-left: 240px;
}

#couponMsgContent a.ctaBtn {
    margin-left: 368px;
}

#dailyLoginImg {
    position: absolute;
    bottom: -12px;
    right: 0;
    width: 148px;
    height: 95px;
    background: url('/images/common/blast_daily_login_overlay.jpg') no-repeat;
}

.dailyLoginDaysArea {
    clear: left;
    width: 100%;
}

.dailyLoginDaysArea .dailyLoginDay {
    float: left;
    width: 116px;
    height: 145px;
    margin: 10px 4px 0px 4px;
    background: url('/images/common/overlay_bonus_day_bg.gif') no-repeat center top;
    text-align: center;
}

.dailyLoginDaysArea .dayName,
.dailyLoginDaysArea .buxAmt {
    font-size: 13pt;
    font-weight: bold;
}

.dailyLoginDaysArea .dayName {
    margin: 6px 0px;
    color: #fff;
}

.dailyLoginDaysArea .buxAmt {
    margin-top: 10px;
}

#rightContainerJoin {
    width: 423px;
    padding: 0 0 0 22px;
    margin: 0 0 20px;
    border-left: 1px solid #C3C3C3;
}

#rightContainerJoin .tinyRedForm {
    float: left;
    width: 190px;
}

#rightContainerJoinSignUp .registerNotice {
    color: #870000;
    font-size: 7pt;
    text-align: center;
    overflow: visible;
}

.formGenderRow {
    width: 180px;
    float: left;
}

.overlayContent .overlayRightContainer {
    width: 310px;
}

#overlayFBSignInContainer {
    border-left: 1px solid #D5D5D5;
    padding-left: 20px;
}

#overlayFBSignInContainer a {
    display: block;
}

.overlayContent .overlayBottomContainer div#TOS p {
    line-height: 16px;
}

.overlayContent .overlayBottomContainer div#TOS p a {
    display: inline;
}

#overlayFBSignInContainer img {
    margin: 20px 0 10px;
}

.usernameContainer {
    float: left;
}

.checkUsernameButton {
    border: 1px solid #c1c1c1;
    width: 101px;
    height: 32px;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    margin: 0 10px 10px 0;
    padding: 0;
    cursor: pointer;
    background: url("/images/public/check_username_btn_bg.gif") repeat-x transparent;
}

#joinfbform #fbInputContainer #joinfbform_checkUsernameButton {
    width: 115px;
    height: 31px;
}

#fbInputContainer {
    text-align: center;
}

.overlayContent div.formRow,
#mainBody #leftContainerJoin div.formRow {
    height: 52px;
}

.overlayContent div.formRow .formBdayRow,
div.formRow .formGenderRow,
#mainBody #leftContainerJoin div.formRow .formBdayRow,
#mainBody #leftContainerJoin div.formRow .formGenderRow {
    float: left;
    width: 230px;
}

.overlayContent div.formRow .formBdayRow div#bdayCheckSpot,
#mainBody #leftContainerJoin div.formRow .formBdayRow div#bdayCheckSpot {
    width: 20px;
    float: right;
    padding-right: 13px;
}

.overlayContent div.formRow .formGenderRow,
#mainBody #leftContainerJoin div.formRow .formGenderRow {
    width: 160px;
}

form div.formGenderRow input,
div.formRow div#emailCheckSpot,

/*#mainBody #leftContainerJoin div.formRow .formGenderRow input,*/

#mainBody #leftContainerJoin div.formRow div#emailCheckSpot {
    width: 20px;
    float: none;
}

.overlayContent div.formRow div.formLabel,
#mainBody #leftContainerJoin div.formRow div.formLabel {
    width: 100%;
    text-align: left;
}

.newFormRow .toolTipAnchor {
    z-index: 2000006000;
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 5px;
}

.overlayContent div.formRow span.radioInputLabel,
#mainBody #leftContainerJoin div.formRow span.radioInputLabel {
    bottom: 8px;
    position: relative;
}

#loginform_overlay_submitButton {
    margin: 20px 10px 0 0;
}

#loginform_overlay_submit {
    padding: 7px;
}


/*START EDITED BY STEVE SWIRCZYNSKI 1/24/2012*/

.tinyRed {
    font-size: 7pt;
    color: #870000;
    padding-left: 0;
    margin: 0
}

.tinyRedForm,
.formErrorMsg {
    text-align: right;
    font-size: 7pt;
    color: #870000;
    margin: 5px 17px 0;
    padding: 0
}

#loginFormError.formErrorMsg {
    font-size: 11px;
}

.overlayContent .overlayLeftContainer div.formNote,
#mainBody #leftContainerJoin .overlayLeftContainer div.formNote {
    width: 340px;
    text-align: right;
    text-indent: 0;
    font-size: 7pt;
    color: #870000
}

.overlayContent .overlayLeftContainer div#bday.formNote,
#mainBody #leftContainerJoin.overlayLeftContainer div#bday.formNote {
    width: 207px;
    float: none
}

#mainBody #leftContainerJoin.overlayLeftContainer div#bday.formNote {
    width: 250px;
    text-indent: 0
}


/*END EDITED BY STEVE SWIRCZYNSKI 1/24/2012*/

.overlayContent .overlayLeftContainer fieldset.checkboxContainer {
    width: 100%;
    padding-bottom: 10px;
}

.overlayContent .overlayLeftContainer fieldset.checkboxContainer input,
#mainBody #leftContainerJoin.overlayLeftContainer fieldset.checkboxContainer input {
    clear: none;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    width: 30px;
}

.overlayContent .overlayLeftContainer fieldset.checkboxContainer label,
#mainBody #leftContainerJoin.overlayLeftContainer fieldset.checkboxContainer label {
    float: left;
    position: relative;
    margin: 0 65px 5px 0;
    clear: none;
    line-height: 30px;
    font-size: 12px;
}

#mainBody #leftContainerJoin.overlayLeftContainer fieldset.checkboxContainer label {
    margin: 0px;
}

form#joinForm input#dob-mo,
form#joinForm input#dob-day,
form#joinForm input#dob-yr {
    display: block;
    float: left;
    margin-right: 10px;
}

div.formBdayRow div.formInput {
    margin-top: 5px;
}

form#joinForm input#dob-mo {
    width: 60px;
}

form#joinForm input#dob-day {
    width: 40px;
}

form#joinForm input#dob-yr {
    width: 60px;
}

form#joinForm fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

form#joinForm fieldset#dob {
    display: block;
    width: 220px;
    float: left;
}

form#joinForm fieldset#gender {
    display: block;
    width: 160px;
    float: left;
}

form#joinForm div#joinSubmit {
    clear: both;
}

form#joinForm input.genselect {
    width: 20px;
    height: 25px;
    display: block;
    float: left;
}

form#joinForm input#mailer {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    clear: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

#overlay-join span.genlabel {
    display: block;
    float: left;
    line-height: 30px;
    margin-right: 5px;
}

#connectingFB {
    position: relative;
    font-size: 20px;
    bottom: 40px;
    display: inline;
}

#connectingFB.linkAccounts {
    bottom: 0;
    display: block;
    font-size: 20px;
    margin: 90px auto;
    position: relative;
    text-align: center;
    width: 80%;
}

.overlayContent .overlayLeftContainer div#suggestContent {
    display: none;
    padding: 0;
    margin: 0;
}

.overlayContent .overlayLeftContainer div#suggestArea {
    padding: 0;
    margin: 0;
    width: 100%;
}

.overlayContent .overlayLeftContainer div#suggestOptions {
    clear: both;
}

.overlayContent .overlayLeftContainer div#suggestOptions div {
    float: left;
}

.overlayContent .overlayLeftContainer div#suggestOptions input {
    width: 150px;
}

div#overlayInnerWelcome h3 {
    padding-bottom: 0px;
}

div#overlayInnerWelcome h3.listItemOverlay {
    font-size: 16px;
    color: #2c2c2c;
    margin: 30px 0;
}

.overlayContent div#leftContainerWelcome .tileListItemOverlay h3 {
    padding: 0;
}

div#overlayInnerWelcome h4 {
    color: #A8A8AB;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 10px 0;
}

div#leftContainerWelcome.overlayLeftContainer {
    width: 730px;
    float: none;
    border-top: 1px solid #D5D5D5;
}

div#leftContainerWelcome.overlayRightContainer {
    margin: 0;
    padding: 0;
    height: 0;
}

div#leftContainerWelcome .tileListItemOverlay {
    color: #2C2C2C;
    display: block;
    float: left;
    margin-right: 30px;
    width: 210px;
}

div#leftContainerWelcome #tileListItemOverlayButton {
    margin: 0;
    margin-top: -5px;
    padding: 0;
    border: 0;
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    background: #3e721b url('/images/common/background-overlaylink.png') top center repeat-x;
    text-shadow: #000 1px -1px 1px;
    text-decoration: none;
}

div#leftContainerWelcome #tileListItemOverlayLink {
    width: 210px;
    height: 133px;
}

div#bottomContainerWelcome {
    height: 0;
    border: none;
    padding: 0;
    margin: 0;
}

#mainBody #gamePage #pageLeft .promoRotator {
    width: 620px;
}

#mainBody #gamePage #pageRight {
    padding: 0;
    width: 312px;
}

#mainBody #gamePage #pageRight .ad300x250 {
    margin: 0;
}


/*newsletter signup box*/

a.green span#newsletter {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 25px;
    background: transparent url('/images/common/newsletter_icon.gif') 0 0 no-repeat;
    line-height: 19px;
    height: 19px;
    display: block;
    width: 70px;
    white-space: nowrap;
}

#newsletterSignupBox {
    float: none;
    width: 180px;
    height: 83px;
    background-color: #f7fcff;
    border-radius: 10px;
    float: left;
}

#newsletterSignupBox>* {
    width: 100%;
    clear: both;
    text-align: center;
    font-family: Arial, sans-serif;
}

#newsletterSignupBoxCopy {
    padding-top: 9px;
    font-size: 14px;
    color: #0b567e;
    font-weight: bold;
}

#newsletterSignupBoxSubCopy {
    font-size: 8px;
    color: #0b567e;
}

#newsletterSignupBoxButton {
    width: 100%;
    clear: both;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 5px;
    text-align: center;
}


/*newsletter signup banner*/

a.green span#newsletter_banner {
    padding-left: 25px;
    background: transparent url('/images/common/newsletter_icon.gif') 0 0 no-repeat;
    line-height: 20px;
    height: 20px;
    display: block;
    width: 119px;
    white-space: nowrap;
}

div#newsletterSignupBanner {
    clear: both;
    height: 28px;
    width: 330px;
    margin-top: 8px;
}

#newsletterSignupBannerCopy {
    float: left;
    clear: left;
    width: 175px;
    font-size: 13px;
    line-height: 14px;
    height: 14px;
    color: #fff;
    font-weight: bold;
}

#newsletterSignupBannerSubCopy {
    float: left;
    clear: left;
    width: 175px;
    font-size: 8.5px;
    line-height: 14px;
    height: 14px;
    color: #fff;
}

#newsletterSignupBannerButton {
    float: right !important;
    width: 155px;
    padding-bottom: 5px;
}


/*newsletter popup box*/


/*#newsletterSignUp{}*/

.newsletterSignUpContainer {
    padding: 75px 33px 20px 33px;
    font-family: Arial, sans-serif;
    color: #656565;
}

.bucket.standard .newsletterSignUpContainer {
    padding: 12px;
}

#newsletterTitle {
    font-weight: bold;
    font-size: 22px;
}

#newsletterContent {
    margin-top: 17px;
}

#newsletterButtonSignupProcess,
#newsletterButtonSignupProcess:hover {
    height: 22px;
}


/*#newsletterLeft{width:20px;float:left;}
#newsletterRight{float:left;}*/

.newsletterSubscribeLabel {
    line-height: 1.3;
    padding-left: 10px;
}

.newsletterSubscribeLabel2 {
    padding-left: 30px;
}

.newsletterCopy {
    clear: both;
}

.newsletterSection {
    margin-top: 17px;
}

#newsletterEmailBox {
    width: 345px;
    clear: both;
    margin-top: 17px;
}

#newsletterPrimaryEmail {
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 12px;
    padding-bottom: 2px;
}

#newsletterValidEmail {
    float: right;
    font-size: 9px;
    color: #ea1f28;
    height: 12px;
    padding-top: 3px;
    padding-bottom: 2px;
}

#newsletterEntry {
    clear: both;
}

#newsletterEntry input {
    width: 340px;
    height: 31px;
}

#newsletterButtonBox {
    clear: both;
    margin-top: 17px;
    padding-bottom: 5px;
}

#newsletterProcessing {
    display: none;
}

#newsletterProcessingSection {
    line-height: 103px;
    font-weight: bold;
    font-size: 22px;
    color: #656565;
    font-family: Arial;
    text-align: center;
}

#newsletterProcessingSection img {
    vertical-align: middle;
}

.newsletterItalics {
    font-style: italic;
}

.newsletterHighlight {
    font-weight: bold;
}


/*START EDITED BY: Steve Swirczynski 1/23/2012 */

#inPageLoginContainer {
    width: 415px;
    padding-top: 0;
    margin: 0;
    overflow: visible;
}

#inPageLoginContainerHeader {
    width: 415px;
    height: 45px;
    text-align: center;
    background-color: #9ed8f2;
    margin-top: 0;
    padding-top: 10px
}

#inPageLoginTitle {
    background: url('/images/common/login_container_title.jpg') no-repeat;
    width: 137px;
    height: 34px
}

#inPageJoinContainerHeader {
    width: 415px;
    height: 45px;
    text-align: center;
    background-color: #fcf4d3;
    margin-top: 0;
    padding-top: 10px
}

#oopsLoginImg {
    display: block;
    text-align: center;
    margin: 0 auto 20px;
}

div#JoinformGenderRow span {
    height: 30px;
}

#mainBody #genderContainer {
    height: 28px;
    line-height: 28px;
    font-weight: normal;
}

.overlayRightContainer #genderContainer span {
    bottom: 8px;
    position: relative;
}

.birthdayContainer {
    width: 210px;
    padding-left: 7px;
    float: left;
    overflow: visible;
}

#mainBody .birthdayContainer div,
div#complianceContainer,
div#JoinformGenderRow div {
    float: none;
    font-weight: bold;
}

#complianceContainer {
    text-align: left;
    padding-top: 5px;
    clear: both;
    width: 260px;
}

#update {
    font-size: 12px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    padding-left: 7px;
}

#inPageloginForm {
    margin-left: 10px
}

#inPageloginForm .newFormRow {
    clear: both;
    width: 400px;
}

.newFormRowSubmit {
    clear: both;
    margin: 10px auto;
    width: 40%;
}

#loginform_submitButton:hover,
#joinform_submitButton:hover {
    text-shadow: 0 1px 1px #FFF;
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}

#mainBody div.newFormRowJoin {
    margin: 10px auto;
    width: 40%;
}

#bottomContainerJoin {
    height: auto;
}

#joinform_overlay_later {
    margin-left: 15px;
}

div#oopsPageNotMember div.newFormRow form {
    text-align: center
}

.sectionHead {
    width: 400px;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    font-size: 18px;
    color: #338cc7;
    word-spacing: -2px;
    margin: 0;
    padding: 5px 0 0
}

.sectionSubHead {
    width: 400px;
    text-align: left;
    font-weight: 400;
    line-height: 1.3;
    font-size: 11px;
    color: #338cc7;
    margin: 0;
    padding: 2px 0 0 8px
}

.sectionBodyCopy,
div#oopsPageNotMember div.sectionHead {
    width: 380px;
    text-align: center;
    font-weight: 400;
    line-height: 1.3;
    font-size: 12px;
    color: #5a5a5a;
    word-spacing: -1px;
    margin: 0;
    padding: 0 0 0 9px
}

.sectionBodyCopyHeader {
    width: 380px;
    text-align: left;
    font-weight: 700;
    line-height: 1.3;
    font-size: 12px;
    color: #5a5a5a;
    word-spacing: -1px;
    margin: 0;
    padding: 0 0 0 9px
}

.sectionNewsletterBodyCopy {
    color: #5A5A5A;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin: 20px auto;
    text-align: left;
    width: 266px;
    word-spacing: -1px;
}

div#joinPageNewsletter {
    float: none;
    margin: 10px 11px;
}

div#oopsPageNotMember div.subHead {
    width: 400px;
    text-align: center;
    font-weight: 700
}

.newFormRow div.ipfr_inputLabel {
    float: left;
    padding-left: 7px;
    font-weight: 700;
    text-align: left;
    color: #5a5a5a;
    margin: 0 0 3px
}

.newFormRow div.ipfr_inputLabelFormBday {
    width: 350px;
    padding-left: 7px;
    font-weight: 700;
    text-align: left;
    color: #5a5a5a;
    margin: 0 0 3px
}

.newFormRow input.loginField {
    width: 93%;
    float: left;
    padding-left: 5px;
    height: 27px;
    line-height: 27px;
    margin: 0 10px 10px 7px;
    background-color: #E9F4FA;
    border: 1px solid #BAD6EB;
    border-radius: 3px;
}

#rightContainerJoin .newFormRow input.loginField {
    margin: 0 10px 5px 7px;
}

.bodyTypeJoinlogin #joinSignUpContainer {
    margin: 0 8px 8px;
    background: #fff url('/images/common/gen.login.bg.jpg') no-repeat left bottom;
    border-radius: 6px;
    padding: 2% 4% 200px 4%;
}

.bodyTypeJoinlogin #header {
    color: white;
    font-size: 16pt;
    font-weight: bold;
    padding: 25px 10px;
    text-align: center;
}

#mainBody #leftContainerLogin,
#mainBody #rightContainerLogin,
#mainBody #bottomContainerLogin {
    float: none
}

div#leftContainerJoinSignUp,
div#rightContainerJoinSignUp {
    float: left;
    width: 415px;
    height: 475px;
}

div#leftContainerJoinSignUp,
#mainBody .overlayInner div#bottomContainerJoin {
    background: url('/images/common/gen.login.bg_signin_slice.png') repeat-x left bottom;
    width: 415px;
    border-radius: 10px;
    border: #FFF solid 3px;
    box-shadow: 1px 1px 4px #888;
    margin: 0 40px 0 0;
}

div#leftContainerJoin div.formNote {
    float: none;
    width: 100%
}

div#leftContainerJoin #joinSubmit {
    margin-top: 30px
}

div#leftContainerJoin form#joinForm fieldset {
    margin-top: 10px
}

.newsLetterFieldset {
    border: 1px solid #FFF
}

div#rightContainerJoinSignUp {
    background: #fff url('/images/common/login_container_join_bg.jpg') repeat-x bottom;
    width: 415px;
    border-radius: 10px;
    border: #FFF solid 3px;
    box-shadow: 1px 1px 4px #888;
    float: right;
}

.slingoSignin {
    border-radius: 6px 6px 6px 6px;
    margin: 0 auto;
    width: 80%;
}

.slingoSignin .header {
    background-color: #D7EDF9;
    color: #454446;
    font-size: 12pt;
    font-weight: bold;
    padding: 15px 10px;
    text-align: center;
}

.slingoSignin .content {
    padding: 5px;
    background-color: #F8FEFE;
}

div.loginField select {
    background-color: #E9F4FA;
    border: 1px solid #BAD6EB;
    border-radius: 3px 3px 3px 3px;
    float: left;
    padding: 2px;
    margin: 2px;
}

#inPageLoginContainer .label {
    margin: 6px;
    line-height: 1.2;
}

a.loginFormFBButton {
    display: block;
    width: 212px;
    height: 40px;
    background: url("/images/common/gen.login.fb_cta.png") no-repeat scroll 0 -41px transparent;
    margin: 0 auto;
}

a.loginFormFBButton:hover {
    background-position: 0px 0px;
}

h4#loginSubTitle,
#mainBody .overlayLeftContainer #signInSubmit a#signinLater,
#mainBody .overlayRightContainer div#text #signWithFBText,
#mainBody .overlayInner div#leftContainerJoin #suggestContent,
#mainBody .overlayInner div#leftContainerJoin #joinLater {
    display: none
}

#mainBody .overlayInner div#leftContainerJoin {
    margin: 30px 0
}

#mainBody .overlayRightContainer div#text,
#mainBody .overlayBottomContainer {
    width: 100%
}

#thankyouPageContainer,
#thankyouPageContaineroverlay {
    height: 520px;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

#thankyouPageForm {
    width: 100%;
    height: 520px;
    text-align: center;
}

#thankyouPageBanner {
    width: 100%;
    height: 112px;
    margin: 0;
    padding: 30px 0 0 0px;
    text-align: center;
}

#thankyouPageCopy {
    float: left;
    width: 475px;
}

#thankyouPageCopy div#joinPageFormDesc {
    color: #5A5A5A;
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    padding: 85px 0 0;
    text-align: center;
    float: none;
}

#thankyouPageCopy a {
    margin: 20px auto;
}

#thankyouPageRightClmn {
    float: left;
    width: 475px;
    height: 470px;
    margin: 0px;
    padding: 35px 0px 0px 0px;
    text-align: left;
}

.thankYouBannerHeader {
    width: 950px;
    text-align: center;
    font-size: 34pt;
    font-weight: bolder;
    text-align: center;
    color: #008fc5;
    margin: 0;
    padding: 0px 0px 10px 0px
}

.thankYouBannerSubHeader {
    width: 950px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    text-align: center;
    color: #5a5a5a;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

#numCoins {
    font-weight: bold;
    font-style: italic;
    line-height: 19px;
}


/* overlay thank you msg */

#thankyouPageContaineroverlay h1 {
    width: auto;
    padding-top: 30px;
}

#thankyouPageContaineroverlay #thankyouPageCopy {
    width: 360px;
    padding-left: 25px;
}

#thankyouPageContaineroverlay .thankYouBannerSubHeader {
    width: 100%;
}

#thankyouPageContaineroverlay #thankyouPageRightClmn {
    width: 400px;
    padding-bottom: 15px;
}

#thankYouPlayButtonoverlay,
#thankYouBannerHeaderLogin,
#coinsLogin {
    display: none;
}


/* sample game */

.vertJoinLink {
    background: url("/images/public/sample_games/join_now_sample_vert.png") no-repeat 40px 375px;
    display: block;
    height: 429px;
    width: 225px;
}

.vertJoinLink:hover {
    background: url('/images/public/sample_games/join_now_sample_vert.png') no-repeat 40px 322px;
}


/*newsletter thank you msg */

.newsletterThankYouBannerHeader {
    font-family: Verdana;
    width: 950px;
    text-align: center;
    font-size: 26px;
    font-weight: bolder;
    text-align: center;
    color: #008fc5;
    margin: 0;
    padding: 0px 0px 10px 0px;
}

#newsletterCoins {
    margin: auto;
    text-align: center;
    width: 100%;
}

#mainBody div .rafOverlay *,
.rafOverlay * {
    font-family: verdana;
    float: none;
}

.rafOverlay.embeded {
    overflow: visible;
}

#rafOverlay {
    width: 634px;
    height: 520px;
    font-family: verdana;
}

.rafOverlay .friendArea {
    background-image: url('/images/common/raf_stage1_bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    height: 350px;
}

.rafOverlay #rafBtnContainer,
.rafOverlay #friendContainer {
    height: 295px;
    width: 372px;
    overflow: auto;
    padding: 10px;
    margin: 0 auto;
    border: 3pt solid #fafdfd;
    background: #D3D3D5;
    border-radius: 10px;
    background-repeat: repeat-x;
    background-image: url('/images/common/raf_bg_slice_1.jpg');
    background-position: bottom;
}

.rafOverlay .fbUser {
    display: block;
    float: left;
    font-size: 8pt;
    text-align: center;
    width: 62px;
    border-radius: 5px;
    font-size: 9pt;
    margin: 6px 3px;
    background-color: #E9F8FF;
    cursor: pointer;
}

.rafOverlay .fbUser img {
    border-radius: 3px;
    padding: 5px;
}

.rafOverlay .header {
    color: #3399CC;
    font-size: 32px;
    font-weight: bold;
    margin: 13px 0 0 18px;
    text-align: left;
}

.emailContainer {
    text-align: center;
    /*margin-right: 18px;
        margin-bottom: 13px;*/
    padding-top: 5%;
    text-align: center;
    width: 80%;
}

.emailContainerStage3 {
    margin-left: 21px;
    margin-bottom: 13px;
}

.rafOverlay .emailContainer .emailHeader,
.rafOverlay .emailContainer .emailInput,
.rafOverlay .emailContainer .emailSubmit {
    float: right;
}

.rafOverlay .emailContainerStage3 .emailHeader,
.rafOverlay .emailContainerStage3 .emailInput,
.rafOverlay .emailContainerStage3 .emailSubmit {
    float: left;
}

.rafOverlay .subHeader {
    line-height: 1.2;
    margin: 18px;
    font-family: verdana;
    font-size: 16px;
}

.rafOverlay .emailHeader {
    color: #666666;
    font-style: italic;
    font-size: 12px;
    padding: 5px;
}

.rafOverlay .emailInput input {
    background-color: #F8F8F8;
    border: 1px solid #cccccc;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    text-align: center;
    width: 200px;
}

.rafOverlay a.btnInviteFB {
    background-image: url('/images/common/button_invite_orange_1.png');
    display: block;
    width: 62px;
    height: 22px;
}

.rafOverlay a.btnInviteFB:hover {
    background-position: 0 -22px;
}

.rafOverlay a.btnInviteEmail {
    background-image: url('/images/common/button_invite_orange_2.png');
    background-position: 0 -1px;
    display: block;
    width: 65px;
    height: 24px;
}

.rafOverlay a.btnInviteEmail:hover {
    background-position: 0 -24px;
}

.rafOverlay #friendContainer .header {
    font: 12pt verdana;
    font-style: italic;
    color: #666666;
    margin: 0px;
    font-weight: bold;
}

.rafOverlay .noFBArea {
    background: url('/images/common/icon_twiki.png') no-repeat right bottom;
    height: 230px;
}

.rafOverlay .embedArea {
    background: url('/images/common/icon_twiki.png') no-repeat right bottom;
    height: 165px;
}

.rafOverlay .embedArea #rafBtnContainer {
    width: 350px;
    height: 62px;
    padding-top: 30px;
    box-shadow: 2px 2px 2px #ececec;
}

.rafOverlay .noFBArea #friendContainer {
    width: 350px;
    height: 82px;
    padding-top: 30px;
    box-shadow: 2px 2px 2px #ececec;
}

.rafOverlay .noFBArea #friendContainer .header {
    width: 350px;
    text-align: center;
    font-size: 12px;
    padding: 5px;
}

.rafOverlay a.fbLogin {
    display: block;
    width: 308px;
    height: 46px;
    background-image: url('/images/common/button_fbconnect_large.png');
    margin: 0 auto;
}

.rafOverlay a.fbLogin:hover {
    background-position: 0 -45px;
}

.rafOverlay .emailArea {
    height: 280px;
}

.rafOverlay #emailText {
    background: #E2E2E2 url('/images/common/raf_stage3_bg.jpg') repeat-x scroll bottom;
    font: 12px verdana;
    color: #000000;
    padding: 10px;
    box-shadow: inset 2px 2px 2px #aaaaaa;
    width: 358px;
    height: 225px;
    border: 3pt solid #fafdfd;
    border-radius: 10px;
    margin-left: 18px;
}

.rafOverlay #emailText .header {
    font: 12px verdana;
    font-style: italic;
    color: #403f3f;
    margin: 10px 0px;
    ;
    font-weight: bold;
}

.rafStage3 {
    background: url('/images/common/icon_superjoker_coins.png') no-repeat scroll right bottom;
}

.rafOverlay #rafBtnContainer {
    text-align: center;
    height: 62px;
}

.rafOverlay.embeded .subHeader {
    text-align: center;
    font-size: 16pt;
}

.rafLoading {
    font-weight: bold;
    margin-top: 67px;
    text-align: center;
}

.rafLink {
    opacity: 0.5;
}

.rafOverlay .fbUser:hover>.btnInviteFB {
    background-position: 0 -22px;
}


/* CMS_TYPE_STANDARD */

.bucket.standard {
    border-radius: 6px;
    border: 1px solid #7ec2e3;
    margin: 12px 0;
}

.bucket.standard>.titleBar {
    height: 33px;
    line-height: 33px;
    font: 17px verdana;
    font-weight: bold;
    color: #ffffff;
    background-color: #7ec2e3;
}

.bucket.standard>.titleBar>.title {
    height: 33px;
    line-height: 33px;
    padding: 0px 12px;
}

.bucket.standard>.content {
    padding: 15px 12px;
    background-color: #dfe5e6;
}

.bucket.standard>.titleBar>.icon {
    background: center no-repeat scroll;
    display: none;
    width: 3px;
    /* 3px width + 6px padding + 3px .title left padding = 12px = left-padding in .content */
    float: left;
    padding: 0px 3px;
    height: 33px;
}

.bucket.standard>.iconFriend {
    width: 20px;
    background-image: url("/images/common/fb_icon.png");
}

.bucket.half {
    width: 49%;
    float: left;
    margin-right: 3px;
}

.bucket.third {
    width: 33%;
}

.bucket.twoThird {
    width: 66%;
}

.yellowBorder {
    border: 1px solid #F9DF06;
}

#mainBody.layoutType4 .bucket.standard>.content {
    background-color: #ffffff;
}

#mainBody.layoutType5 .bucket.standard>.content {
    background-color: #ffffff;
}

.calloutJoker {
    display: block;
    background: url('/images/common/callout_joker_message.png') no-repeat;
    width: 255px;
    height: 115px;
    float: left;
    position: relative;
    left: 6px;
}

.calloutText {
    font-size: 11px;
    height: 61px;
    overflow: visible;
    padding: 30px 20px 30px 95px;
    text-align: center;
}


/* games pages */

#bodyContainer.gamesPage {
    background-color: transparent;
    border: none;
}


/* buckets for mobile page */

.mobileAppleDevice.bucket {
    border: 1px solid #3c3c3c;
}

.mobileAppleDevice.bucket>.titleBar {
    background-color: #3c3c3c;
}

.mobileAppleDevice.bucket.standard>.titleBar>.icon {
    display: block;
    float: left;
    background-image: url(/images/common/mobile.sprites.png);
    background-position: -133px -263px;
    width: 14px;
    height: 33px;
    margin-left: 15px;
}

.mobileAndroidDevice.bucket {
    border: 1px solid #89b535;
}

.mobileFacebookPlatform.bucket {
    border: 1px solid #3b5998;
}

.mobileAndroidDevice.bucket>.titleBar {
    background-color: #89b535;
}

.mobileFacebookPlatform.bucket>.titleBar {
    background-color: #3b5998;
}

.mobileAndroidDevice.bucket.standard>.titleBar>.icon {
    display: block;
    float: left;
    background-image: url(/images/common/mobile.sprites.png);
    background-position: -155px -263px;
    width: 14px;
    height: 33px;
    margin-left: 15px;
}

.mobileFacebookPlatform.bucket.standard>.titleBar>.icon {
    display: block;
    float: left;
    background-image: url(/images/common/mobile.sprites.png);
    background-position: -178px -263px;
    width: 21px;
    height: 28px;
    margin-left: 15px;
}

.mobileKindleDevice.bucket {
    border: 1px solid #fa840d;
}

.mobileKindleDevice.bucket>.titleBar {
    background-color: #fa840d;
    position: relative;
    overflow: visible;
}

.mobileKindleDevice.bucket.standard>.titleBar>.icon {
    position: absolute;
    left: 10px;
    top: 7px;
    display: block;
    background-image: url(/images/common/mobile.sprites.png);
    background-position: -103px -292px;
    margin-right: 5px;
    width: 146px;
    height: 33px;
    overflow: visible;
}

#flashVersionWarning,
.versionWarning {
    background-color: #E8362E;
    border-color: black;
    border-style: solid;
    border-width: 1px 0;
    color: white;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

#flashVersionWarning a,
.versionWarning a {
    text-decoration: underline;
    color: #dddddd;
}

.pageAnchor {
    position: relative;
    top: -57px;
    display: block;
    visibility: hidden;
}

img.triplePromo {
    padding: 8px 0 0 5px;
}

.copyright {
    color: #a8a8ab;
    text-align: center;
}

input:focus {
    outline: none none;
}

.emptyiframe {
    position: fixed;
    width: 100%;
    z-index: 2000000048;
    background-color: #fdf7ed;
}


/* achievements */

.achievementContainerOuter {
    display: none;
    position: fixed;
    background-color: transparent;
    width: 100%;
    height: 52px;
    top: 54px;
}

.achievementContainerInner {
    width: 1015px;
    margin: 0 auto;
    height: 52px;
}

.achievementBox {
    background: url('/images/common/achievement.bg.png') top left repeat-x;
    float: right;
    width: 260px;
    height: 42px;
    background-color: black;
    border: 5px solid #fd1;
    border-radius: 34px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 42px;
}

.achievementImage {
    float: left;
    width: 30px;
    height: 29px;
    padding: 6px 0 6px 12px;
}

.achievementTitle {
    float: right;
    width: 218px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    color: white;
    line-height: 42px;
}

.achievementText {
    float: right;
    padding: 6px 9px;
    width: 200px;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: white;
    line-height: 15px;
    display: none;
    height: 30px;
}

#smartbanner {
    position: absolute;
    left: 0;
    top: -82px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue', sans-serif;
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

#smartbanner,
html.sb-animation {
    -webkit-transition: all .3s ease;
}

#smartbanner .sb-container {
    margin: 0 auto;
    min-width: 78px;
}

#smartbanner .sb-close {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    font-family: 'ArialRoundedMTBold', Arial;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #070707;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    -webkit-font-smoothing: subpixel-antialiased;
}

#smartbanner .sb-close:active {
    font-size: 13px;
    color: #aaa;
}

#smartbanner .sb-icon {
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
    width: 57px;
    height: 57px;
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#smartbanner.no-icon .sb-icon {
    display: none;
}

#smartbanner .sb-info {
    position: absolute;
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

#smartbanner #smartbanner.no-icon .sb-info {
    left: 34px;
}

#smartbanner .sb-info strong {
    display: block;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 18px;
}

#smartbanner .sb-info>span {
    display: block;
}

#smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase;
}

#smartbanner .sb-button {
    position: absolute;
    right: 20px;
    top: 24px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #6a6a6a;
    background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
}

#smartbanner .sb-button:active,
#smartbanner .sb-button:hover {
    background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
}

#smartbanner .sb-icon.gloss:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
    border-radius: 10px 10px 12px 12px;
}

#smartbanner.android {
    border-color: #212228;
    background: #3d3d3d url('/images/common/mobile/dark_background_stripes.gif');
    border-top: 5px solid #88B131;
    box-shadow: none;
}

#smartbanner.android .sb-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #b1b1b3;
    background: #1c1e21;
    text-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

#smartbanner.android .sb-close:active {
    color: #eee;
}

#smartbanner.android .sb-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000;
}

#smartbanner.android .sb-info strong {
    color: #fff;
}

#smartbanner.android .sb-button {
    min-width: 12%;
    border: 1px solid #DDDCDC;
    padding: 1px;
    color: #d1d1d1;
    background: none;
    border-radius: 0;
    box-shadow: none;
}

#smartbanner.android .sb-button span {
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 0;
    background-color: #42B6C9;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42B6C9), to(#39A9BB));
    background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
}

#smartbanner.android .sb-button:active,
#smartbanner.android .sb-button:hover {
    background: none;
}

#smartbanner.android .sb-button:active span,
#smartbanner.android .sb-button:hover span {
    background: #2AC7E1;
}

#smartbanner.windows .sb-icon {
    border-radius: 0px;
}

#smartbanner {
    width: 1010px;
}

.widget-adventureoverlay .heroWrapper {
    width: 95%;
    height: auto;
    position: relative;
    z-index: 20;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 3% 3% 0;
}

.widget-adventureoverlay .iconWrapper {
    background-color: #ffffff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset;
    height: auto;
    margin: 2% auto 0;
    padding: 2% 0 3%;
    position: relative;
    width: 100%;
    z-index: 2;
}

#saHero {
    display: block;
    height: 1200px;
    width: 900px;
}

#saHero.apple {
    background: url('/images/common/sa_hero_ios_900x1200.jpg') no-repeat;
}

#saHero.android {
    background: url('/images/common/sa_hero_android_900x1200.jpg') no-repeat;
}


/*! jQuery UI - v1.11.2 - 2014-12-10
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 0.4em 2.1em 0.4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    /*background: #ffffff url("/images/common/red_x.gif") no-repeat left top;*/
    padding: 8px;
    position: absolute;
    z-index: 2000006000;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url("/images/common/jquery_images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("/images/common/jquery_images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #fff;
    font-weight: bold
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url("/images/common/jquery_images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url("/images/common/jquery_images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff url("/images/common/jquery_images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url("/images/common/jquery_images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url("/images/common/jquery_images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
    color: #fff
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_222222_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_ffffff_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_ef8c08_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_ef8c08_256x240.png")
}

.ui-state-active .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_ef8c08_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_228ef1_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_ffd27a_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666 url("/images/common/jquery_images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url("/images/common/jquery_images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}


/*! jQuery UI - v1.11.2 - 2014-12-10
* http://jqueryui.com
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url("/images/common/jquery_images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("/images/common/jquery_images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #fff;
    font-weight: bold
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url("/images/common/jquery_images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url("/images/common/jquery_images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff url("/images/common/jquery_images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url("/images/common/jquery_images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url("/images/common/jquery_images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
    color: #fff
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_222222_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_ffffff_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_ef8c08_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_ef8c08_256x240.png")
}

.ui-state-active .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_ef8c08_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_228ef1_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/images/common/jquery_images/ui-icons_ffd27a_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666 url("/images/common/jquery_images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url("/images/common/jquery_images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

.layoutType {
    //margin-top: 80px !important;
}