body {
margin: 0px;
padding: 0px;
color: #333333;
font: 13px / 1.4em Arial, sans-serif;
background: url(/background.png?1) repeat-x;
background-color: #EFEFEF;
}

* {
margin: 0;
padding: 0;
}


.gj optgroup {
font-weight:bold;
font-style:italic;
color: #000000;
}
.gj option {
padding-left: 14px;
}

#container {
width: 100%;
margin: 0px;
padding: 0px;
}

#body_container {
float: center;
width: 944px;
margin: 0px auto;
padding: 0px;
}


a.img:link{TEXT-DECORATION: none;}
a.img:visited{TEXT-DECORATION: none;}
a.img:hover{TEXT-DECORATION: none;}

a {
color: #03c;
text-decoration:none;
}


a.btn {
font-size: 12px;
cursor: pointer;
line-height: 22px;
padding-top: 2px;
padding-bottom: 2px;
text-shadow: none;
padding-left: 10px;
padding-right: 10px;
color: #FFFFFF;
text-align: center;
text-decoration: none;
border-top: 1px solid #81B5C1;
border-left: 1px solid #81B5C1;
border-right: 1px solid #1C487F;
border-bottom: 1px solid #1C487F;
background-color: #1F69A5; 
}
a.btn:hover {
text-decoration: underline;
}


a.btn-cancel {
font-size: 12px;
cursor: pointer;
line-height: 22px;
padding-top: 2px;
padding-bottom: 2px;
text-shadow: none;
padding-left: 10px;
padding-right: 10px;
color: #000000;
text-align: center;
text-decoration: none;
border-top: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
background-color: #D1D1D1; 
}
a.btn-cancel:hover {
text-decoration: underline;
}

.ar_btn {
background: url(/images/btn-right.png) top right no-repeat;
height: 20px;
float: left;
font-size: 12px;
position: relative;
text-decoration: none;
}
.ar_btn span, .ar_btn a, .ar_btn a:visited {
position: relative;
display: block; * display: inline-block;
line-height: 12px;
background: url(/images/btn-left.png) top left no-repeat;
font-weight: bold;
margin-right: 2px;
padding: 3px 4px 0px 6px;
height: 17px;
text-decoration: none;
}

.ar_btn a:hover {
text-decoration: none;
position: relative;
background-position: 0 -20px;
}

.ar_btn-red {
background: url(/images/btn-right_red.png) top right no-repeat;
height: 20px;
float: left;
//position: relative;
font-size: 12px;
text-decoration: none;
}
.ar_btn-red span, .ar_btn-red a, .ar_btn-red a:visited {
display: block; * display: inline-block;
line-height: 12px;
background: url(/images/btn-left_red.png) top left no-repeat;
font-weight: bold;
margin-right: 2px;
padding: 3px 4px 0px 6px;
height: 17px;
text-decoration: none;
}

.ar_btn-red a:hover {
text-decoration: none;
position: relative;
background-position: 0 -20px;
}

.screenMessage_top {
background: url(/images/screenMessage_bg.png) no-repeat;
background-position: 0px 0px;
height: 60px;
width: 600px;
}

.screenMessage_body {
background: url(/images/screenMessage_bg.png) repeat-y;
background-position: -600px 0px;
color: #000000;
width: 600px;
}

.screenMessage_bottom {
width: 600px;
background: url(/images/screenMessage_bg.png) no-repeat;
background-position: 0px -60px;
line-height: 30px;
}


/******************************************
*******          HEADER                             *********
******************************************/


.menucade{color: #000000; FONT-WEIGHT: bold;border-bottom: 2px solid #000000; background-color: #242323;line-height: 30px;font-size: 16px;
}

a.menulink:link {
display: block;
color: #FFFFFF;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
line-height: 35px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase;
text-decoration: none;
}

a.menulink:visited {
display: block;
color: #FFFFFF;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
line-height: 35px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase;
text-decoration: none;
}

a.menulink:hover {
background-color: #515151;
display: block;
color: #FFFFFF;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
line-height: 35px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase;
text-decoration: none;
}

a.menulink_on:link {
background-color: #515151;
display: block;
color: #FFFFFF;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
line-height: 35px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase;
text-decoration: none;
}

a.menulink_on:visited {
background-color: #515151;
display: block;
color: #FFFFFF;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
line-height: 35px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase;
text-decoration: none;
}

a.menulink_on:hover {
background-color: #515151;
display: block;
color: #FFFFFF;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
line-height: 35px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase;
text-decoration: none;
}


a.gameButton, a.gameButton:link, a.gameButton:visited {
display: block;
color: #EFEFEF;
font-size: 12px;
line-height: 19px;
text-align: center;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 2px;
margin-top: 3px;
padding: 3px 14px 3px 14px;
text-decoration: underline;
}

a.gameButton:hover {
background-color: #676767;
text-decoration: underline;
}


a.gameButton_on, a.gameButton_on:link, a.gameButton_on:visited {
background-color: #676767;
padding: 3px 14px 3px 14px;
display: block;
color: #EFEFEF;
font-weight: bold;
font-size: 12px;
line-height: 19px;
text-align: center;
margin-left: 8px;
margin-right: 8px;
margin-bottom: 2px;
margin-top: 3px;
text-decoration: none;
}

a.gameButton_on:hover {
background-color: #676767;
}


/******************************************
*******          MAIN                                 *********
******************************************/

#main {
width: 646px;
float: left;
overflow: hidden;
color: #000000;
}

#ar_logo {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -800px 0px;
padding-right: 14px;
width: 200px;
height: 125px;
cursor: pointer;
}

#top_banner {
background: url(/top_banner_bg.png?) repeat-x;
margin: 0px;
background-color: #0C6CA0;
width: 100%;
border-bottom: 2px solid #F1F1F1;;
}

.sub_menu {
text-align: left;
width: 100%;
margin: 0px;
background-color: #515151;
}

.sub_menu_content {
width: 952px;
float: center;
margin: 0px auto;
}

.headingTab {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -170px;
height: 50px;
width: 1000px;
float: center;
margin: 0px auto;
padding: 0px;
}

.topUserTab {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0px -590px;
width: 400px;
height: 45px;
color: #FFFFFF;
}

.topUserTab a {
color: #FFFFFF;
}

.top_ad {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -220px;
margin: 0px auto;
padding: 5px;
width: 728px;
height: 90px;
}

.header_menu {
background-color: #303030;
float: center;
width: 100%
height: 35px;
}

.headingTab br {
line-height:5px
}

.headingTable {
}

/*
.container_body_top {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -439px;
width: 952px;
height: 25px;
padding: 0px;
float: center;
margin: 0px auto;
}
*/
.topLinks {
font-size: 16px;
color: #FFFFFF;
}

a.topLinks {
font-size: 16px;
color: #FFFFFF;
}

a.topLinks:link{
font-size: 16px;
color: #FFFFFF;
}

a.topLinks:visited{
font-size: 16px;
color: #FFFFFF;
}

a.topLinks:hover{
font-size: 16px;
color: #FFFFFF;
}

.ef_field-focus {
background-color: #FFFFCC;
font-size: 14px;
border: #000000 1px solid;
}
.ef_field-blur {
background-color: #FFFFFF;
font-size: 14px;
border: #268CAE 1px solid;
}
.ef_field-normal {
background-color: #FFFFFF;
font-size: 14px;
border: #268CAE 1px solid;
}

.header_tab_nologin_avatar {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -952px -319px;
width: 35px;
height: 35px;
}

.msg_error {
background: #F8938A url('/images/icon-error.png') 2px 2px no-repeat;
border: 1px solid #FF4F56;
font-weight: bold;
font-size: 16px;
line-height: 32px;
padding: 3px 3px 3px 38px;
text-align: left;
}

.msg_success {
background: #CDEB8B url('/images/icon-success.png') 2px 2px no-repeat;
border: 1px solid #A8DC34;
font-weight: bold;
font-size: 16px;
line-height: 32px;
padding: 3px 3px 3px 38px;
text-align: left;
}


h1 {
height: 30px;
line-height: 26px;
color: #000000;
text-indent: 4px;
clear: both;
font-size: 14px;
font-weight: bold;
overflow: hidden;
}


h2 {
height: 30px;
line-height: 26px;
color: #000000;
text-indent: 4px;
clear: both;
font-size: 14px;
font-weight: bold;
overflow: hidden;
}

h2 a{
height: 30px;
line-height: 26px;
color: #FFFFFF;
text-indent: 4px;
clear: both;
font-size: 14px;
font-weight: bold;
overflow: hidden;
}


h3 {
background: url('/i/backgroundMap.gif') repeat-x;
background-position: 0 -30px;
color: #000000;
height: 25px;
line-height: 25px;
text-indent: 3px;
font-size: 12px;
font-weight: bold;
}


h4 {
background: url('/i/backgroundMap.gif') repeat-x;
background-position: 0 -55px;
color:         #FFFFFF;
height: 25px;
line-height: 25px;
text-indent: 3px;
font-size: 12px;
font-weight: bold;
}


h5 {
background: url('/i/backgroundMap.gif') repeat-x;
background-position: 0 -80px;
color:         #000000;
height: 25px;
line-height: 25px;
text-indent: 3px;
font-size: 12px;
font-weight: bold;
}

h6 {
background: url('/i/backgroundMap.gif') repeat-x;
background-position: 0 -105px;
color:         #FFFFFF;
height: 25px;
line-height: 25px;
text-indent: 3px;
font-size: 12px;
font-weight: bold;
}


p {
padding: 5px 6px 13px 6px;
}


.gameoptions{color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px;}
a.gameoptions:link{color: #000000; TEXT-DECORATION: none; FONT-SIZE: 11px; display: block;}
a.gameoptions:visited{color: #000000; TEXT-DECORATION: none; FONT-SIZE: 11px; display: block;}
a.gameoptions:hover{color: #00000; TEXT-DECORATION: none; FONT-SIZE: 11px; display: block;}




.newmessages{
color: #FF0000;
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
}
a.newmessages:link{color: #FF0000; TEXT-DECORATION: bold; FONT-SIZE: 13px;}
a.newmessages:visited{color: #FF0000; TEXT-DECORATION: bold; FONT-SIZE: 13px;}
a.newmessages:hover{color: #FF0000; TEXT-DECORATION: bold; FONT-SIZE: 13px;}

img.newmessages:link{color: #000000; TEXT-DECORATION: bold; FONT-SIZE: 11px;}
img.newmessages:visited{color: #000000; TEXT-DECORATION: bold; FONT-SIZE: 11px;}
img.newmessages:hover{color: #000000; TEXT-DECORATION: bold; FONT-SIZE: 11px;}



img {
border: 0
}

gameaddonsl {
background: url('i/h2.gif') no-repeat;
height: 38px;
line-height: 26px;
color: #00FF00;
text-indent: 16px;
text-transform: uppercase;
clear: both;
width: 425;
}



.gameimageborder {
background: url(/images/gameimageborder.jpg);
padding: 2px 2px 2px 2px;
width: 90px;
height: 90px;
}
.gameimageborder:hover {
background: url(/images/gameimageborder_over.gif);
padding: 2px 2px 2px 2px;
width: 90px;
height: 90px;
}

select {
font-size: 13px;
}

textarea {
font-size: 13px;
font: 13px / 1.4em Arial, sans-serif;
}


input {
font-size: 13px;
font: 13px / 1.4em Arial, sans-serif;
}


.button
{
   color:black;
   FONT-SIZE: 14px;
   background-color:#FFFFCC;
   border:1px solid;
   border-top-color:#696000;
   border-left-color:#000000;
   border-right-color:#363000;
   border-bottom-color:#000000;
background: url('i/button.jpg') repeat;
}




.inputlogin
{
   color:black;
text-transform: normal;
text-align: center;
font-weight: bold;
font-family: comic sans ms;
   FONT-SIZE: 14px;
   background-color:#6495ED;
   border:1px solid;
   border-top-color:#696000;
   border-left-color:#000000;
   border-right-color:#363000;
   border-bottom-color:#000000;
background: url('i/button.jpg') repeat-x;
}


a.more_games img {
display:block;
border: none;
}

.sort-by{color: #000000; FONT-WEIGHT: bold; FONT-SIZE: 11px;background-color: #FFFFFF;}
a.sort-by:link{color: #000000; TEXT-DECORATION: none; FONT-SIZE: 11px;padding: 4px;}
a.sort-by:visited{color: #000000; TEXT-DECORATION: none; FONT-SIZE: 11px;padding: 4px;}
a.sort-by:hover{color: #00000; TEXT-DECORATION: bold; FONT-SIZE: 11px;padding: 4px;background: #F2F2F2;}

.sort-by_use {color: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px;background-color: #BEBEBE;padding: 4px;}

/******************************************
*******          SIDEBAR                            *********
******************************************/

#sidebar {
width: 298px;
overflow: hidden;
float: right;
color: #000000;
}



/** Expand container if game is too big **/

.ec_tl {
background: url(/images/expand_container/tl.png?1) no-repeat;
height: 20px;
width: 20px;
}

.ec_tr {
background: url(/images/expand_container/tr.png?1) no-repeat;
height: 20px;
width: 20px;
}

.ec_bl {
background: url(/images/expand_container/bl.png?1) no-repeat;
height: 20px;
width: 20px;
}

.ec_br {
background: url(/images/expand_container/br.png?1) no-repeat;
height: 20px;
width: 20px;
}

.ec_otl {
background: url(/images/expand_container/otl.png?1) no-repeat;
height: 20px;
width: 20px;
}

.ec_otr {
background: url(/images/expand_container/otr.png?1) no-repeat;
height: 20px;
width: 20px;
}

.ec_obl {
background: url(/images/expand_container/obl.png?1) no-repeat;
height: 20px;
width: 20px;
}

.ec_obr {
background: url(/images/expand_container/obr.png?1) no-repeat;
height: 20px;
width: 20px;
}





/******************************************
*******          FOOTER                              *********
******************************************/

#footer {
clear: both;
width: 950px;
float: center;
}

.footer_links {
width: 950px;
padding-top: 5px;
margin: 0px auto;
float: center;
border-top: 1px solid #AAAAAA;
color: #555555;
font-size: 11px;
}

.footer_links a {
color: #555555;
text-decoration: underline;
}

.footer_linkPartners-top {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -420px;
margin-top: 20px;
line-height: 10px;
width: 950px;
}

.footer_linkPartners-btm {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -430px;
line-height: 10px;
width: 950px;
}

.btmcrlinks{
line-height: 30px;
color: #000000;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
height: 30px;
width: 950px;
}
a.btmcrlinks:link{color: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 14px;}
a.btmcrlinks:visited{color: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 14px;}
a.btmcrlinks:hover{color: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 14px;}

.btm{
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
height: 15px;
}
a.btm:link{color: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 11px;}
a.btm:visited{color: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 11px;}
a.btm:hover{color: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 22px;}


/*** Rounded Tables and Game Preview Containers ***/


.rounded-box_header {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -75px;
width: 625px;
height: 52px;
line-height: 45px;
color: #FFFFFF;
font-weight: bold;
font-size: 18px;
font-weight: bold;
}

.rounded-box_body {
background-color: #303030;
color: #FFFFFF;
width: 625px;
}

.rounded-box_footer {
background-color: #303030;
width: 625px;
height: 23px;
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -127px;
}

.rounded-box_header a {
color: #FFFFFF;
text-decoration: none;
}

.rounded-box_body a {
color: #FFFFFF;
}

/* new games pod on homepage */
.new-games-pod-wrapper {
float: center;
margin: 0px auto;
width: 625px;
text-align: left;
}
.new-games-pod-top {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -544px;
height: 5px;
}
.new-games-pod-btm {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -549px;
height: 5px;
}
#new-games-pod-container {
background-color: #333333;
}
.new-games-pod-item {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -738px -220px;
float: center;
width: 181px;
height: 64px;
padding: 4px;
margin: 4px 9.5px 4px 9.5px;
overflow: hidden;
}
.new-games-pod-name {
font-size: 12px;
font-weight: bold;
height: 14px;
line-height: 12px;
overflow: hidden;
}
.new-games-pod-desc {
font-size: 11px
}
.new-games-pod-game-image {
border: 1px solid #515151;
height: 56px;
width: 56px;
}
.new-games-pod-newtoday {
color: #FF5938;
font-weight: bold;
}
.new-games-pod-logo {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -736px -464px;
width: 200px;
height: 130px;
}
.new-games-pod-last-updated {
font-size: 11px;
color: #FFFFFF;
padding-bottom: 10px;
}
/* black main pod */
.main-pod-black-container {
margin: 0px 10.5px 16px 10.5px;
width: 625px;
text-align: left;
}
.main-pod-black-top {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -504px;
width: 611px;
height: 32px;
line-height: 32px;
font-size: 13px;
padding-left: 14px;
color: #FFFFFF;
font-weight: bold;
}
.main-pod-black-body {
padding: 6px 4px; 2px; 4px;
width: 611px;
border-left: 3px solid #333333;
border-right: 3px solid #333333;
background-color: #FFFFFF;
}
.main-pod-black-bodysep {
font-size: 12px;
line-height: 15px;
padding: 6px 4px; 2px; 4px;
width: 611px;
border-left: 3px solid #333333;
border-right: 3px solid #333333;
border-bottom: 1px dotted #333333;
}
.main-pod-black-btm {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -536px;
width: 625px;
height: 8px;
}
.main-pod-black-topsort {
width: 625px;
text-align: left;
color: #FFFFFF;
font-weight: bold;
background-color: #333333;
}
/* blue side pod */
.side-pod-blue-container {
margin: 0px 5px 16px 5px;
width: 285px;
text-align: left;
}
.side-pod-blue-top {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -450px -464px;
width: 271px;
height: 32px;
line-height: 32px;
font-size: 13px;
padding-left: 14px;
color: #000000;
font-weight: bold;
}
.side-pod-blue-body {
padding: 6px 4px; 2px; 4px;
width: 271px;
border-left: 3px solid #9EC8EF;
border-right: 3px solid #9EC8EF;
background-color: #FFFFFF;
}
.side-pod-blue-bodysep {
background-color: #FFFFFF;
font-size: 12px;
line-height: 15px;
padding: 6px 4px; 2px; 4px;
width: 271px;
border-left: 3px solid #9EC8EF;
border-right: 3px solid #9EC8EF;
border-bottom: 1px dotted #9EC8EF;
}
.side-pod-blue-btm {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -450px -496px;
width: 285px;
height: 8px;
}
.side-tab-pod-blue-container {
margin: 10px 5px 10px 5px;
width: 285px;
text-align: left;
}
.side-tab-pod-blue-active {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -625px -28px;
width: 120px;
height: 28px;
color: #000000;
font-weight: bold;
line-height: 28px;
text-align: center;
font-size: 13px;
padding: 0px 1px 0px 1px;
cursor: pointer;
}
.side-tab-pod-blue-inactive {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -625px 0px;
width: 120px;
height: 28px;
color: #FFFFFF;
font-weight: bold;
line-height: 28px;
text-align: center;
font-size: 13px;
padding: 0px 1px 0px 1px;
cursor: pointer;
}
.side-tab-wrapper {
padding-left: 14px;
margin-bottom: 0px;
}
.side-tab-pod-blue-top {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -625px -158px;
width: 285px;
height: 12px;
}
.side-tab-pod {
width: 120px;
}
.pod-just-played-image {
float: center;
width: 40px;
height: 40px;
border: 3px solid #FFFFFF;
margin-top: -3px;
}
.pod-just-played-image:hover {
border: 3px solid #FFA94F;
}
.game-area-just-played-image {
float: center;
width: 20px;
height: 20px;
border: 1px solid #333333;
margin-top: -3px;
padding: 3px;
}
.game-area-just-played-image:hover {
border: 1px solid #FFA94F;
}
.info-text_01 {
color: #5E5E5E;
font-weight: bold;
}
.modal_top {
background: url(/i/modalTop.png?000000) no-repeat;
height: 40px;
width: 488px;
padding: 8px 14px 0px 14px;
line-height: 40px;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
}
.modal_body {
background: url(/i/modalBody.png) repeat-y;
color: #000000;
width: 516px;
}
.modal_btm {
width: 516px;
background: url(/i/modalBtm.png) no-repeat;
height: 30px;
}
/* blue game pods */
.game-pod-blue-container {
margin-top: 8px;
width: 450px;
text-align: left;
}
.game-pod-blue-top {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -464px;
width: 436px;
height: 32px;
line-height: 32px;
font-size: 13px;
padding-left: 14px;
color: #000000;
font-weight: bold;
}
.game-pod-blue-body {
padding: 6px 4px; 2px; 4px;
width: 436px;
border-left: 3px solid #9EC8EF;
border-right: 3px solid #9EC8EF;
background-color: #FFFFFF;
}
.game-pod-blue-bodysep {
font-size: 12px;
line-height: 15px;
padding: 6px 4px; 2px; 4px;
width: 436px;
border-left: 3px solid #9EC8EF;
border-right: 3px solid #9EC8EF;
border-bottom: 1px dotted #9EC8EF;
}
.game-pod-blue-btm {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -496px;
width: 450px;
height: 8px;
background-color: #FFFFFF;
}

.game-preview:hover {
background-color: #474747;
cursor: pointer;
}

.rounded-box_body-small a {
color: #FFFFFF;
}

.rounded-box_header-small a {
color: #FFFFFF;
text-decoration: none;
}

.rounded-box_body img {
border: 1px solid #FFFFFF;
}

.rounded-box_body .quickly img{
border: 0px;
}

.rounded-box_body-small img {
border: 1px solid #FFFFFF;
}

.rounded-box_header-small {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -23px;
width: 305px;
height: 52px;
line-height: 45px;
color: #FFFFFF;
font-weight: bold;
float: left;
font-size: 18px;
}

.rounded-box_body-small {
background-color: #303030;
width: 305px;
float: left;
height: 184px;
color: #FFFFFF;
}

.rounded-box_footer-small {
background-color: #303030;
width: 305px;
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 0;
float: left;
height: 23px;
}

.rounded-simple_header {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -160px;
line-height: 10px;
width: 625px;
}
.rounded-simple_body {
background-color: #303030;
width: 625px;
color: #FFFFFF;
}
.rounded-simple_footer {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0px -150px;
line-height: 10px;
width: 625px;
}

/* Arrows to scroll through the game table */
.gt-arrRight_green {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -308px 0px;
height: 24px;
width: 16px;
cursor: pointer;
margin-top: 9px;
margin-left: 10px;
}

.gt-arrLeft_green {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -330px 0px;
height: 24px;
width: 16px;
cursor: pointer;
margin-top: 9px;
margin-right: 10px;
}

.gt-arrRight_dead {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -308px -24px;
height: 24px;
width: 16px;
margin-top: 9px;
margin-left: 10px;
}

.gt-arrLeft_dead {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -330px -24px;
height: 24px;
width: 16px;
margin-top: 9px;
margin-right: 10px;
}









.greyStriper {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: 0 -170px;
}

/******************************************
*******          Community                              *********
******************************************/


a.pi_icons img {
display:block;
border: none;
}

.male_img_border {
border-top: 1px solid #DADADA;
border-left: 1px solid #DADADA;
border-right: 1px solid #A8A8A8;
border-bottom: 1px solid #A8A8A8;
width: 80px;
padding: 3px 3px 3px 3px;
height: 80px;
background-color: #D1EEEE;
}

.female_img_border {
border-top:1px solid #DADADA;
border-left:1px solid #DADADA;
border-right:1px solid #A8A8A8;
border-bottom:1px solid #A8A8A8;
width: 80px;
padding: 3px 3px 3px 3px;
height: 80px;
background-color: #EEAEEE;
}


.Male_img_border {
border-top: 1px solid #DADADA;
border-left: 1px solid #DADADA;
border-right: 1px solid #A8A8A8;
border-bottom: 1px solid #A8A8A8;
width: 80px;
padding: 3px 3px 3px 3px;
height: 80px;
background-color: #D1EEEE;
}

.Female_img_border {
border-top:1px solid #DADADA;
border-left:1px solid #DADADA;
border-right:1px solid #A8A8A8;
border-bottom:1px solid #A8A8A8;
width: 80px;
padding: 3px 3px 3px 3px;
height: 80px;
background-color: #EEAEEE;
}



.datetime
{
   color:black;
   FONT-SIZE: 10px;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddblueblockmenu{
border: 1px solid black;
width: 255px;
font-size: 14px;

}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#ddblueblockmenu li a img{
padding-right: 5px;
}
#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 3px;
text-align: left;
width: 245px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #353535;
border-bottom: 1px solid #90bade;
border-left: 7px solid #282828;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
//background-color: #2586d7;
background-color: #5B5B5B;
//border-left-color: #1c64d1;
border-left-color: #303030;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

//MODAL BOX
                #MB_loading {
                        font-size: 13px;
                }

#MB_overlay {
        position: absolute;
        margin: auto;
        top: 0;        left: 0;
        width: 100%; height: 100%;
        z-index: 9999;
        background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
        position:absolute;
        top: 0;
        border: 0 solid;
        text-align:left;
        z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
        position:relative;
        background-color: #EFEFEF;
        height:100%;
}

#MB_header {
        margin:0;
        height: 28px;
}

#MB_content {
        padding: 6px .75em;
        overflow:auto;
}

#MB_caption {
        font: bold 85% "Lucida Grande", Arial, sans-serif;
        text-shadow: #FFF 0 1px 0;
        padding: .5em 2em 0 .75em;
        margin: 0;
        text-align: left;
}

#MB_close {
        display:block;
        position:absolute;
        right:5px; top:4px;
        padding:2px 3px;
        font-weight:bold;
        text-decoration:none;
        font-size:13px;
}
#MB_close:hover {
        background:transparent;
}

#MB_loading {
        padding: 1.5em;
        text-indent: -10000px;
        background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
        background-color:#EFEFEF;
        color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }


      * { 
        margin:0; 
        padding:0; 
      } 
#userImage { 
margin: 0px auto; 
position: relative; /* to gain position */ 
} 
#userImage ul { 
position: absolute; 
top: 0px; /* relative to the parent that has position */ 
list-style: none; 
right: 0px;
} 
#userImage li { 
display: inline; /* or however you like it */ 
}




.forum_post blockquote {
background-color: #B9E1F7;
border-left: 3px solid #009EF9;
border-top: 1px solid #6AB7DD;
border-bottom: 1px solid #6AB7DD;
margin-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
margin-right: 10px;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown{
width: 100%;
margin-left: 10px;
margin-right: 10px;
padding: 0px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/
/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #1F6096; /*Black color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #3A3A3A; /*Black color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}
        /* CSS NEEDED ONLY IN THE DEMO */
        html{
                width:100%;
                overflow-x:hidden;
        }

        #mainContainer{
                width:620px;
                margin:0 auto;
                text-align:center;
                background-color:#FFF;
        }
        h4{
                margin:0px;
        }
        p{
                margin-top:5px;
        }



        /* This is the box that is parent to the dragable items */
        #dragableElementsParentBox{
                padding:10px;        /* Air */
        }

        .smallArticle,.bigArticle{
                float:left;
                border:1px solid #000;
                background-color:#DDD;
                padding:5px;
                margin-left: 10px;
                margin-right:10px;
                margin-bottom:7px;
        }
        .smallArticle img,.bigArticle img{
                float:left;
                padding:5px;
        }
        .smallArticle .rightImage,.bigArticle .rightImage{
                float:right;
        }
        .smallArticle{
                //width:274px;
                width: 110px;
                height: 150px;
        }
        .bigArticle{
                //width:564px;
                width: 100px;
                height: 100px;
        }
        .clear{
                clear:both;
        }

        /* END DEMO CSS */

        /* REQUIRED CSS */

        #rectangle{
                float:left;
                border:1px dotted #F00;        /* Red border */
                background-color:#FFF;
        }
        #insertionMarker{        /* Don't change the rules for the insertionMarker */
                width:6px;
                position:absolute;
                display:none;
        }
        #insertionMarker img{        /* Don't change the rules for the insertionMarker */
                float:left;
        }
        #dragDropMoveLayer{        /* Dragable layer - Not need if you're using 'rectangle' mode */
                position:absolute;
                display:none;
                border:1px solid #000;
                filter:alpha(opacity=50);        /* 50% opacity , i.e. transparency */
                opacity:0.5;        /* 50% opacity , i.e. transparency */

        }

        /* END REQUIRED CSS */

pMenu_selected {
background-color: #353535;
color: #FFFFFF;
}
.pMenu_td {
cursor: pointer;
text-align: center;
margin: 10px;
padding: 4px;
font-size: 16px;
font-weight: bold;
border: 1px solid #FFFFFF
}
.pMenu_table {
background-color: #EEEEEE;
width: 100%;
}

/************ Game Sharing/Options icons ************/

.go_digg {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -352px 0px;
width: 60px;
height: 60px;
border: 0px;
}
.go_delicious {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -412px 0px;
width: 60px;
height: 60px;
border: 0px;
}
.go_facebook {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -472px 0px;
width: 60px;
height: 60px;
border: 0px;
}
.go_myspace {
background: url(/i/roundedMap.gif?121209c) no-repeat;
background-position: -532px 0px;
width: 60px;
height: 60px;
border: 0px;
}



#growlcontainer{
  position: fixed;
  right: 20px;
  bottom: 30px;
  z-index: 1000;
  font-size: 12px;
  width: 300px;
}
.growlstatus{
  cursor: pointer;
  position: relative;
  background-color: #000000; /*fallback for ie*/
  background-color: rgba(0, 0, 0, 0.8);
  border: 3px #000 solid;
  padding: 15px;
  color: #fff;
  margin-bottom: 5px;

  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.growlstatus a{
color: #fff;
cursor: pointer;
}
.growlstatus .growltitle{
  font-weight: bold;
  margin-bottom: 5px;
  bottom: 0px;
}
.growlstatusclose{
  position: absolute;
  top: 5px;
  right: 5px;
  width:30px;
  height:30px;
  cursor: pointer;
  display: none;
  background: transparent url(/images/growl/growlclose.png) no-repeat;
}
.growlstatus:hover{
  background-color: rgba(42, 42, 42, 0.9);
}
.growlstatus:hover .growlstatusclose{
  display: block;
}
.growlwithicon{
  padding-left: 50px;
  background-position: 5px 10px;
  background-repeat:no-repeat;
}

/****** growl icons *******
--------------------------*/
.growlicon_heart{
  background-image: url(/images/growl/icons/heart.png);
}
.growlicon_star{
  background-image: url(/images/growl/icons/star.png);
}
.growlicon_clouds{
  background-image: url(/images/growl/icons/clouds.png);
}
.growlicon_parachute{
  background-image: url(/images/growl/icons/parachute.png);
}



.chatbar_base {
text-align: left;
z-index: 1001;
height: 30px;
line-height: 30px;
bottom: 0px;
left: 20px;
right: 20px;
position: fixed;
padding-top: 0px;
color: #FFFFFF;
}
.chatbar_base a {
color: #FFFFFF;
}
.chatbar_bg {
left: 0px;
right: 0px;
height: 30px;
z-index: 990;
position: fixed;
bottom: 0px;
background: url(/IM/chatbar_blackBG.png) repeat-x;
}
.chatbar_el_01 {
border-left: 1px solid #808080;
border-right: 2px solid #808080;
float: right;
height: 26px;
margin-top: 4px;
width: 256px;
}
.chatbar_el_02 {
background-color: #484848;
height: 26px;
line-height: 22px;
padding: 0px 10px 0px 10px;
float: right;
cursor: pointer;
border-left: 1px solid #808080;
}
.chatbar_el_02_show {
background-color: #777777;
}
.chatbar_el_02_over {
background-color: #575757;
}
.chatbar_el_03, .chatbar_el_04, .chatbar_el_05 {
display: none;
font-size: 12px;
bottom: 26px;
position: fixed;
right: 20px;
height: 400px;
z-index: 1002;
overflow: hidden;
}
.chatbar_el_03_bodywrap, .chatbar_el_04_bodywrap, .chatbar_el_05_bodywrap {
background-color: #CCCCCC;
border: 4px solid #777777;
}
.chatbar_el_03_body, .chatbar_el_04_body, .chatbar_el_05_body {
height: 360px;
overflow-y: auto;
background-color: #FFFFFF;
padding: 3px;
border: 1px solid #333333;
}
.chatbar_el_03_title, .chatbar_el_04_title, .chatbar_el_05_title {
cursor: pointer;
background-color: #333333;
border: 1px solid #333333;
color: #FFFFFF;
line-height: 22px;
font-weight: bold;
}
.chatbar_status_textarea_blur {
font-size: 11px;
border: 1px solid #888888;
color: #888888;
min-height: 15px;
line-height: 15px;
width: 170px;
}
.chatbar_status_textarea_focus {
font-size: 11px;
min-height: 15px;
line-height: 15px;
width: 170px !important;
color: #000000;
height: 30px !important;
resize: none;
}
.chatbar_icn1 {
height: 27px;
line-height: 27px;
margin-top: 3px;
float: right;
}
.chatbar_icn1_click {
background-color: #777777;
}
.chatbar_icn1_over {
background-color: #515151;
}
.chatbar_icn2 {
height: 30px;
line-height: 30px;
float: right;
}
.chatbar_icn2_click {
}
.chatbar_icn2_over {
}
.chatbar_icn3 {
height: 30px;
line-height: 30px;
float: left;
}
.chatbar_icn3_click {
}
.chatbar_icn3_over {
}
.chatbar_icn4 {
height: 27px;
line-height: 27px;
margin-top: 3px;
float: left;
}
.chatbar_icn4_click {
background-color: #777777;
}
.chatbar_icn4_over {
background-color: #515151;
}
.chatbar_icn5 {
float: left;
}

.chatbar_notifications_icn {
height: 27px;
line-height: 27px;
margin-top: 3px;
background: url(/IM/chatbar_imageMap.png) no-repeat;
background-position: -29.5px 3.5px;
width: 30px;
float: right;
cursor: pointer;
/*border-right: 1px solid #B5B5B5;*/
border-left: 1px solid #808080;
}

.chatbar_notifications_icn_click {
height: 27px;
line-height: 27px;
margin-top: 3px;
border-left: 1px solid #808080;
}

.chatbar_notifications_icn_over {
}

.chatbar_tabpopup {
cursor: default;
background-color: #FFFFFF;
width: 100%;
}

.chatbar_tabpopup_subtitle {
font-size: 11px;
line-height: 13px;
color: #000000;
padding: 3px;
border-bottom: 1px solid #333333;
text-align: left;
}

.chatbar_tabpopup_top {
border: 1px solid #254677;
text-align: left;
font-weight: bold;
background-color: #3768AD;
color: #FFFFFF;
padding: 3px;
}
.chatbar_tabpopup_content {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
text-align: left;
background-color: #FFFFFF;
color: #000000;
padding: 3px;
margin: 0px;
}

.chatbar_tabpopup_bottom {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background: url(/IM/chatbar_imageMap.png) no-repeat;
height: 1px;
line-height: 1px;
background-position:0px -422px;
overflow-x: hidden;
overflow-y: auto;
margin: 0px;
padding: 0px;
width: 242px;
}



.chatbar_friends_icn {
height: 27px;
line-height: 27px;
background: url(/IM/chatbar_imageMap.png) no-repeat;
background-position: 5px -22.5px;
padding-left: 25px;
width: 185px;
float: right;
cursor: pointer;
border-left: 1px solid #808080;
}

.chatbar_friends_icn_click {
height: 27px;
line-height: 27px;
border-left: 1px solid #808080;
}

.chatbar_friends_icn_over {
}

.chatbar_tabpopup2 {
cursor: default;
background-color: #FFFFFF;
width: 100%;
}


.chatbar_tabpopup2_bottom {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background: url(/IM/chatbar_imageMap.png) no-repeat;
height: 1px;
line-height: 1px;
background-position:0px -424px;
overflow-x: hidden;
overflow-y: auto;
margin: 0px;
padding: 0px;
width: 243px;
float: right;
}


.chatbar_inbox_icn {
height: 27px;
line-height: 27px;
margin-top: 3px;
background: url(/IM/chatbar_imageMap.png) no-repeat;
background-position: 6.5px -391px;
width: 110px;
padding-left: 27px;
float: left;
cursor: pointer;
/*border-left: 1px solid #B5B5B5;*/
border-right: 1px solid #808080;
}

.chatbar_inbox_icn_click {
height: 27px;
line-height: 27px;
margin-top: 3px;
border-right: 1px solid #808080;
}

.chatbar_inbox_icn_over {
}

.chatbar_tabpopup4 {
display: none;
cursor: default;
background-color: #FFFFFF;
width: 100%;
}


.chatbar_tabpopup4_bottom {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background: url(/IM/chatbar_imageMap.png) no-repeat;
height: 1px;
line-height: 1px;
background-position:0px -423px;
overflow-x: hidden;
overflow-y: auto;
margin: 0px;
padding: 0px;
width: 246px;
}

.chatbar_favgames_icn {
height: 27px;
line-height: 27px;
background: url(/IM/chatbar_imageMap.png) no-repeat;
background-position: 6.5px -357px;
width: 80px;
padding-left: 27px;
float: left;
cursor: pointer;
border-right: 1px solid #808080;
}

.chatbar_favgames_icn_click {
height: 27px;
line-height: 27px;
border-right: 1px solid #808080;
}

.chatbar_favgames_icn_over {
}

.chatbar_tabpopup3 {
cursor: default;
background-color: #FFFFFF;
width: 100%;
}

.chatbar_tabpopup3_bottom {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background: url(/IM/chatbar_imageMap.png) no-repeat;
height: 1px;
line-height: 1px;
background-position:0px -425px;
overflow-x: hidden;
overflow-y: auto;
margin: 0px;
padding: 0px;
width: 246px;
}

.chatbar_addfavs_link {
line-height: 25px;
max-width: 160px;
overflow: hidden;
margin: 0px;
padding-left: 27px;
float: left;
cursor: pointer;
}

.chatbar_chat_bottom {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #00ff00;
/*background: url(/IM/chatbar_imageMap.png) no-repeat;*/
height: 1px;
line-height: 1px;
background-position:0px -426px;
margin: 0px;
padding: 0px;
width: 222px;
}

.chatbar_chat_head_old {
border-left: 1px solid #254677;
border-right: 1px solid #254677;
border-top: 1px solid #254677;
text-align: left;
background-color: #EEEEEE;
color: #FFFFFF;
padding: 0px;
min-height: 50px;
}

.chatbar_chat_head {
width: 100%;
min-height: 22px;
color: #FFFFFF;
}

.chatbar_chat_head_bottom {
/*
height: 1px;
line-height: 1px;
background-color: #EEEEEE;
border-bottom: 1px solid #B5B5B5;
*/
display: none;
}

.chatbar_chat_title_OLD {
text-align: left;
font-weight: bold;
background-color: #3768AD;
color: #FFFFFF;
padding: 3px;
padding-left: 66px;
background: url(/IM/chatbar_title.png) no-repeat;
height: 19px;
}

.chatbar_chat_title {
text-align: left;
cursor: pointer;
background-color: #333333;
color: #FFFFFF;
line-height: 22px;
height: 22px;
width: 244px;
padding-left: 4px;
font-weight: bold;
}
.chatbar_chat_user_status_block {
text-align: left;
color: #000000;
background-color: #EEEEEE;
}
.chatbar_chat_status {
font-size: 11px;
line-height: 13px;
padding-bottom: 3px;
/*
padding-left: 66px;
min-height: 18px;
background-color: #EEEEEE;
border-left: 1px solid #254677;
border-right: 1px solid #254677;
*/
}

.chatbar_chat_userimage_OLD img {
width: 42px;
height: 42px;
z-index: 1003;
position: absolute;
margin-top: 4px;
margin-left: 4px;
float: left;
text-align: left;
border: 1px solid #000000;
border-right: 0px;
}

.chatbar_chat_userimage img {
width: 42px;
height: 42px;
text-align: left;
border: 1px solid #000000;
border-right: 0px;
}

.chatbar_chat_userOpt {
background: url(/IM/userOpt.png) no-repeat;
background-position: 1.5px 13px;
position: absolute;
margin-top: 4px;
margin-left: 47px;
width: 11px;
height: 42px;
background-color: #DDDDDD;
border: 1px solid #000000;
border-left: 0px;
cursor: pointer;
display: none;
}

.chatbar_chat_userOpt_list {
background-color: #CCE6FF;
position: absolute;
border: 1px solid #000000;
margin-top: 48px;
margin-left: 4px;
display: none;
}

.chatbar_chat_userOpt_list li {
border-bottom: 1px solid #8CBCD1;
font-weight: bold;
padding: 3px;
padding-left: 4px;
list-style: none;
}

.chatbar_chat_userOpt_list a {
font-size: 11px;
}

.chatbar_chat_username a {
color: #FFFFFF;
font-weight: bold;
}
.chatbar_chat_main_content {

}

.chatbar_chat_foot_close {
cursor: pointer;
padding: 4px;
}

.chatbar_chat_box {
z-index: 1002;
width: 240px;
bottom: 26px;
position: fixed;
display: block;
}

.chatbar_chat_bodywrap {
width: 240px;
background-color: #CCCCCC;
border: 4px solid #777777;
}
.chatbar_chat_body {
width: 232px;
background-color: #FFFFFF;
padding: 3px;
border: 1px solid #333333;
}

.chatbar_chat_foot {
/*background: url(/IM/chatbar_imageMap.png) repeat-y;
background-position: 0px -454px;*/
background-color: #494949;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
height: 26px;
display: block;
width: 120px;
float: left;
padding-left: 8px;
padding-right: 8px;
line-height: 24px;
cursor: pointer;
color: #FFFFFF;
}

.chatbar_chat_foot a:hover {
background: none;
text-decoration: underline;
}

.chatbar_chat_foot_opened {
background: none;
background-color: #777777;
}

.chatbar_chat_foot_over {
background: none;
background-color: #575757;
}

.chatbar_chats_left_inactive{
background: url(/IM/chatbar_imageMap.png) no-repeat;
background-position: 4px -64px;
float: right;
border-left: 1px solid #B5B5B5;
border-right: 1px solid #B5B5B5;
height: 26px;
font-size: 12px;
line-height: 25px;
padding-left: 13px;
padding-right: 3px;
margin-top: 4px;
}

.chatbar_chats_left_active{
background: url(/IM/chatbar_imageMap.png) no-repeat;
background-position: 4px -45px;
float: right;
border-left: 1px solid #B5B5B5;
border-right: 1px solid #B5B5B5;
height: 26px;
font-size: 12px;
line-height: 25px;
padding-left: 13px;
padding-right: 3px;
font-weight: bold;
cursor: pointer;
margin-top: 4px;
}

.chatbar_chats_right_inactive{
background: url(/IM/chatbar_imageMap.png) no-repeat;
background-position: 14px -116.5px;
float: right;
border-left: 1px solid #B5B5B5;
border-right: 1px solid #B5B5B5;
height: 26px;
font-size: 12px;
line-height: 25px;
padding-left: 3px;
padding-right: 13px;
margin-top: 4px;
}

.chatbar_chats_right_active{
background: url(/IM/chatbar_imageMap.png) no-repeat;
background-position: 14px -93px;
float: right;
border-left: 1px solid #B5B5B5;
border-right: 1px solid #B5B5B5;
height: 26px;
font-size: 12px;
line-height: 25px;
padding-left: 3px;
padding-right: 13px;
font-weight: bold;
cursor: pointer;
margin-top: 4px;
}

#chatbar_chats {
margin-right: 12px;
max-width: 528px;
float: right;
text-align: left;
overflow: hidden;
height: 26px;
margin-top: 4px;
}

#chatbar_chats_table {
width: 0px;
float: left;
padding: 0px;
height: 26px;
max-height: 26px;
}


.chatbar_alert {
background: url(/IM/chatbar_imageMap.png) no-repeat;
background-position: 0px -334px;
color: #FFFFFF;
height: 17px;
width: 17px;
text-align: center;
font-size: 10px;
line-height: 11px;
font-weight: bold;
position: absolute;
}

.chatbox_error {
font-weight: bold;
border-top: 2px solid #CCCCCC;
background-color: #EEEEEE;
color: #FF0000;
padding: 4px;
margin-top: 4px;
}

.friends_chat_row {
background-color: #FFFFFF;
color: #000000;
font-weight: bold;
padding: 1px;
margin-left: 2px;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
text-align: left;
cursor: pointer;
}
.friends_chat_row_over, .friends_chat_row_over a {
background-color: #2268B4;
color: #FFFFFF;
font-weight: bold;
padding: 1px;
margin-left: 2px;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 2px;
text-align: left;
cursor: pointer;
}


.chatbar_tab_title {
background: url(/IM/chatbar_title.png) no-repeat;
width: 234px;
height: 22px;
color: #FFFFFF;
font-weight: bold;
padding-left: 10px;
padding-top: 6px;
text-align: left;
}
.chatbar_tab_wrapper {
background: url(/IM/chatbar_tab_wrapper.png) repeat-y;
width: 245px;
bottom: 25px;
position: fixed;
z-index: 1001;
display: none;
}
.chatbar_tab_body {
width: 225px;
margin: 0px 5px 0px 5px;
background-color: #FFFFFF;
text-align: left;
color: #000000;
}














#chatbox {
height: 40px;
width: 120px;
line-height: 40px;
padding: 4px;
}






.chatboxblink {
        background-color: #526EA6;
        border-right:1px solid #B5B5B5;
        border-left:1px solid #B5B5B5;
}

.chatboxcontent {
        height: 233px;
        width: 214px;
        overflow-y: auto;
        overflow-x: auto;
        padding: 5px;
        background-color: #FFFFFF;
        line-height: 1.3em;
        font-size: 12px;
}

.chatboxinput {
        padding: 0px;
        background-color: #ffffff;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-top: 1px solid #CCCCCC;
}

.chatboxtextarea {
        background: url(/IM/chatbar_imageMap.png) no-repeat;
        background-position: 4px -145px;
        width: 205px;
        height:17px;
        padding:3px 0pt 3px 23px;
        border-top: 1px solid #EEEEEE;
        border-left: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        margin: 1px;
        overflow:hidden;
        resize: none;
        font-size: 12px;
        line-height: 17px;
}

.chatboxtextareaselected {
        border: 2px solid #f99d39;
        margin:0;
}

.chatboxmessage {
        margin-left:1em;
        padding-bottom: 5px;
}

.chatboxinfo {
        margin-left:-1em;
        color:#666666;
        font-size: 11px;
        color: #A7A7A7;

}

.chatboxmessagefrom {
        margin-left:-1em;
        font-weight: bold;
        color: #0000FF;

}

.chatboxmessagefrom2 {
        margin-left:-1em;
        font-weight: bold;
        color: #000000;

}

.chatboxmessagecontent {
}

.chatboxoptions1 {
        float: right;
        width: 100%;
}

.chatboxoptions1 a:link {
        text-decoration: none;
        color: #ADBED8;
        font-weight:bold;
        font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
        display: block;
}

.chatboxoptions1 a:hover {
        text-decoration: none;
        color: #ADBED8;
        font-weight:bold;
        font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
        display: block;
}

.chatboxoptions2 {
        float: right;
        width: 100%;
}

.chatboxoptions2 a:link {
        text-decoration: none;
        color: #9A9A9A;
        font-weight:bold;
        font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
        display: block;
}

.chatboxoptions2 a:hover {
        text-decoration: none;
        color: #9A9A9A;
        font-weight:bold;
        font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
        display: block;
}

.chatboxtitle {
        float: left;
}

.chatboxtitle a {
        color: #FFFFFF;
}














.chromestyle{
font-weight: bold;
background: transparent;
border: 0px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
border: 0px;
}

.chromestyle ul{
border: 0px;
width: 120px;
background-color: transparent;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
border: 0px;
}

.chromestyle ul li a{
margin: 0;
color: #FFFFFF;
text-decoration: underline;
background-color: transparent;
border: 0px;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color: #FFFFFF;
border: 0px;
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
visibility: hidden;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}



.roundedcornr_box_377191 {
   background: #333333;
}
.roundedcornr_top_377191 div {
   background: url(/images/roundedcornr_377191_tl.png) no-repeat top left;
}
.roundedcornr_top_377191 {
   background: url(/images/roundedcornr_377191_tr.png) no-repeat top right;
}
.roundedcornr_bottom_377191 div {
   background: url(/images/roundedcornr_377191_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_377191 {
   background: url(/images/roundedcornr_377191_br.png) no-repeat bottom right;
}

.roundedcornr_top_377191 div, .roundedcornr_top_377191,
.roundedcornr_bottom_377191 div, .roundedcornr_bottom_377191 {
   width: 100%;
   height: 14px;
   font-size: 1px;
}
.roundedcornr_content_377191 { margin: 0 14px; }




















































































































