html {
padding: 0px;
margin: 0px;
border: 0px;
}
a {
outline:none;
}
body {
background: #0d0e12 url(../images/wallpaper_batmud01.jpg);
background-repeat: no-repeat;
background-position: top center;
padding: 0;
margin: 0;
border: 0;
font-family: Trebuchet MS, georgia, arial, verdana, tahoma, sans-serif;
}
img {
border: 0;
}
p {
color: #a5a8ac;
line-height: 19px;
}
#Container {
text-align: center;
}
.Content {
width: 980px;
margin: 0 auto;
}
Form {
margin: 0;
padding: 0;
}
#justified p {
text-align: justify;
}
/* clearfix style (ends div floats) */
.Clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.Clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}
/* End hide from IE-mac */
/* Content Elements */
#Hud {
margin: 0 auto;
width: 800px;
height: 21px;
color: #fff;
font-size: 11px;
background: transparent url(../images/hud_bg2.png);
background-position: center center;
background-repeat: no-repeat;
padding-top: 6px;
}
#Hud B {
font-weight: normal;
color: #c1e2e9;
}
#Hud .Who {
padding: 0 9px 0 14px;
background: transparent url(../images/hud_online_icon.png);
background-repeat: no-repeat;
background-position: 0 3px;
}
#Hud .Current {
padding: 0 10px;
}
#Hud .Last {
padding: 0 10px;
}
#Hud .Last B {
padding: 0 0 0 10px;
}
#Hud a, #Hud a:visited {
color: #c1e2e9;
text-decoration: none;
}
#Hud a:hover {
color: #fff;
}
#Logo {
height: 199px;
background: transparent url(../images/batmud_logo.png);
background-repeat: no-repeat;
background-position: center center;
}
#Navigation {
height: 55px;
display: block;
}
#PlayNow {
text-align: left;
float: left;
width: 482px;
height: 202px;
padding-top: 20px;
}
#PlayNow .Characters {
float: left;
width: 226px;
height: 102px;
background: transparent url(../images/login_characters.png);
background-repeat: no-repeat;
}
#PlayNow .QuickLinks {
float: left;
width: 210px;
padding-left: 24px;
}
#PlayNow .QuickLinks H1 {
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
color: #aab0b6;
margin: 0;
padding: 14px 0 0 0;
}
#PlayNow .QuickLinks UL {
margin: 0;
padding: 5px 0 0 0;
list-style: none;
}
#PlayNow .QuickLinks UL LI {
margin: 0;
padding: 0;
font-size: 16px;
font-weight: bold;
color: #fff;
background: transparent url(../images/login_libg.png);
background-repeat: no-repeat;
background-position: 0 7px;
padding-left: 12px;
margin-top: 5px;
}
#PlayNow .QuickLinks UL LI a, #PlayNow .QuickLinks UL LI a:visited {
color: #466f99;
text-decoration: none;
}
#PlayNow .QuickLinks UL LI a:hover {
color: #589551;
text-decoration: none;
}
#PlayNow .Login {
float: left;
width: 439px;
height: 89px;
background: transparent url(../images/login_boxbg.png);
background-repeat: no-repeat;
padding-left: 21px;
}
#PlayNow .Login H1 {
float: left;
width: 248px;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
color: #aab0b6;
margin: 0;
padding: 18px 0 13px 0;
}
#PlayNow .Login H2 {
float: left;
width: 151px;
font-size: 11px;
font-weight: normal;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
color: #aab0b6;
margin: 0;
padding: 18px 40px 13px 0;
text-align: right;
}
#PlayNow .Login H2 a, #PlayNow .Login H2 a:visited {
color: #414a53;
}
#PlayNow .Login H2 a:hover {
color: #898e94;
}
#PlayNow .Login .InputField {
float: left;
width: 164px;
height: 27px;
margin-right: 8px;
font-family: Trebuchet MS, georgia, tahoma, arial, verdana;
font-size: 12px;
}
#PlayNow .Login .InputField.User {
background: transparent url(../images/login_inputuser.png);
background-repeat: no-repeat;
}
#PlayNow .Login .InputField.Password {
background: transparent url(../images/login_inputpass.png);
background-repeat: no-repeat;
}
#PlayNow .Login .InputField INPUT {
width: 137px;
padding: 6px 0 7px 25px;
border: 0;
background: transparent;
font-size: 11px;
color: #a5a8ac;
}
#PlayNow .Login .SubmitButton {
float: left;
margin-left: 5px;
}
#PlayNow .Logged {
float: left;
width: 439px;
height: 89px;
background: transparent url(../images/login_boxbg.png);
background-repeat: no-repeat;
}
#PlayNow .Logged .ProfilePicture {
float: left;
width: 91px;
}
#PlayNow .Logged .ProfilePicture IMG {
border: 2px solid #292f34;
margin-left: 13px;
margin-top: 11px;
}
#PlayNow .Logged .ProfileInfo {
float: left;
width: 348px;
}
#PlayNow .Logged H1 {
float: left;
width: 290px;
font-size: 15px;
font-weight: bold;
color: #fff;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
color: #46994e;
margin: 0;
padding: 14px 0 5px 0;
}
#PlayNow .Logged H2 {
float: left;
width: 30px;
font-size: 11px;
font-weight: normal;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
color: #aab0b6;
margin: 0;
padding: 14px 0 5px 0;
text-align: right;
}
#PlayNow .Logged H2 a, #PlayNow .Logged H2 a:visited {
color: #414a53;
}
#PlayNow .Logged H2 a:hover {
color: #898e94;
}
#PlayNow .Logged P {
clear: both;
font-size: 11px;
margin: 0;
padding: 0;
color: #626c78;
}
#PlayNow .Logged P B {
color: #8d97a3;
font-weight: normal;
}
#PlayNow .Logged P .Messages {
font-weight: bold;
color: #b9c3cf;
}
#PlayNow .Logged P a, #PlayNow .Logged P a:visited {
color: #466f99;
text-decoration: none;
}
#PlayNow .Logged P .Save {
padding-left: 12px;
}
#PlayNow .Logged P a:hover {
color: #589551;
text-decoration: none;
}
#Splash {
float: left;
width: 498px;
height: 202px;
padding-top: 20px;
text-align: left;
}
#Splash H1 {
font-size: 25px;
font-weight: normal;
color: #fff;
margin: 0;
padding: 0;
}
#Splash H3 {
color: #fff;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
margin-left: -8px;
}
#Splash H3 a, #Splash H3 a:visited {
color: #346597;
text-decoration: none;
padding: 4px 8px;
}
#Splash H3 a:hover {
color: #4c77a3;
text-decoration: none;
background: #161d24;
}
#Splash P {
margin: 14px 0;
font-size: 12px;
}
#NewsArchive {
clear: both;
height: 18px;
text-align: right;
color: #fff;
background: transparent url(../images/article_newsarchive_bg.gif);
background-position: top right;
background-repeat: no-repeat;
padding-top: 3px;
padding-right: 11px;
}
#NewsArchive a, #NewsArchive a:visited {
font-size: 11px;
color: #414a53;
text-decoration: none;
}
#NewsArchive a:hover {
color: #68727d;
}
#ArticleContainer {
clear: both;
display: block;
background: #0d0e12 url(../images/articlebox_bg.gif);
background-position: top left;
background-repeat: repeat-x;
}
#Articles {
text-align: left;
width: 980px;
margin: 0 auto;
padding-top: 20px;
}
.Article {
float: left;
width: 230px;
margin-left: 20px;
}
.Article.First {
margin-left: 0;
}
.Article .Date {
display: block;
font-size: 11px;
color: #575a5c;
padding-top: 5px;
}
.ArchiveArticle .Date {
display: block;
font-size: 11px;
color: #575a5c;
}
.Article .Name, .ArchiveArticle .Name {
display: block;
font-size: 13px;
color: #fff;
padding-bottom: 7px;
}
.Article .Desc, .ArchiveArticle .Desc {
font-size: 11px;
color: #a5a8ac;
display: block;
}
.Article .Read, .ArchiveArticle .Read {
display: block;
font-size: 11px;
color: #fff;
text-transform: uppercase;
margin-top: 15px;
margin-left: -8px;
}
.Article .Read a, .Article .Read a:visited, .ArchiveArticle .Read a, .ArchiveArticle .Read a:visited {
color: #346597 !important;
text-decoration: none;
padding: 4px 8px;
}
.Article .Read a:hover, .ArchiveArticle .Read a:hover {
color: #4c77a3;
text-decoration: none;
background: #161d24 !important;
}
.ArchiveArticle {
padding-top: 16px;
border-top: 1px solid #1f252c;
}
.ArchiveArticle .ArchiveArticlePicture {
float: left;
width: 245px;
height: 105px;
padding-bottom: 26px;
padding-top: 8px;
}
.ArchiveArticle .ArchiveArticleContent {
float: left;
width: 420px;
}
#Copyright {
clear: both;
width: 980px;
margin: 0 auto;
padding: 70px 0 50px 0;
color: #25292c;
font-size: 11px;
}
#Copyright #sharethis_0, .stbutton {
text-decoration: none !important;
}
#Copyright .stbuttontext, #Copyright a {
color: #555 !important;
text-decoration: none !important;
}
/* SubContent Elements */
#LeftContent {
width: 204px;
float: left;
padding-top: 24px;
}
#LeftContent UL {
margin: 0;
padding: 0;
list-style: none;
}
#LeftContent UL LI {
margin: 0;
padding: 0;
color: #fff;
font-size: 12px;
}
#LeftContent UL LI a, #LeftContent UL LI a:visited {
height: 22px;
color: #aab0b6;
text-decoration: none;
display: block;
padding-top: 10px;
font-weight: normal;
background: transparent url(../images/subnav_libg.png);
background-repeat: no-repeat;
background-position: 0 6px;
}
#LeftContent UL LI a:hover {
color: #fff;
background: transparent url(../images/subnav_libg2.png);
background-repeat: no-repeat;
background-position: 0 6px;
}
#LeftContent UL LI.active a, #LeftContent UL LI.active a:visited {
color: #fff;
background: transparent url(../images/subnav_libg3.png);
background-repeat: no-repeat;
}
/* LeftContent admin-menu */
#LeftContent .menu.block-menu {
padding-top: 30px;
padding-bottom: 10px;
}
#LeftContent .menu.block-menu H2 {
font-size: 13px;
color: #fff;
padding-bottom: 4px;
}
#LeftContent .menu.block-menu UL LI {
margin: 0;
padding: 0;
}
#LeftContent .menu.block-menu UL LI a, #LeftContent .menu.block-menu UL LI a:visited {
height: auto;
background: #232e39;
padding: 2px 0 2px 0;
margin: 4px 0;
display: block;
}
#LeftContent .menu.block-menu UL LI a:hover {
background: #394755;
}
#LeftContent .menu.block-menu UL LI a.active {
background: #57a5d8;
color: #fff;
}
/* Donate */
#RightContent .donatebox {
background: #243b55;
/* 141518; */
background: -moz-linear-gradient(top, #243b55 0%, #141e30 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #243b55), color-stop(100%,#141e30));
background: -webkit-linear-gradient(top, #243b55 0%,#141e30 100%);
background: -o-linear-gradient(top, #243b55 0%,#141e30 100%);
background: -ms-linear-gradient(top, #243b55 0%,#141e30 100%);
background: linear-gradient(top, #243b55 0%, #141e30 100%);
// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243b55', endColorstr='#141e30',GradientType=0 );
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 2px;
margin-top: 4px;
}
#RightContent .donatebox .separator {
display: block;
border-top: 1px solid #0e0f12;
border-bottom: 1px solid #1b1d22;
margin-top: 8px;
margin-bottom: 8px;
}
/* sharebox */
#LeftContent .sharethisbox {
background: #141518;
background: -moz-linear-gradient(top, #141518 0%, #0f1114 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#141518), color-stop(100%,#0f1114));
background: -webkit-linear-gradient(top, #141518 0%,#0f1114 100%);
background: -o-linear-gradient(top, #141518 0%,#0f1114 100%);
background: -ms-linear-gradient(top, #141518 0%,#0f1114 100%);
background: linear-gradient(top, #141518 0%,#0f1114 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141518', endColorstr='#0f1114',GradientType=0 );
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 2px;
margin-top: 4px;
}
#LeftContent .sharethisbox .sharecontainer {
background: #17191c;
background: -moz-linear-gradient(top, #17191c 0%, #121419 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17191c), color-stop(100%,#121419));
background: -webkit-linear-gradient(top, #17191c 0%,#121419 100%);
background: -o-linear-gradient(top, #17191c 0%,#121419 100%);
background: -ms-linear-gradient(top, #17191c 0%,#121419 100%);
background: linear-gradient(top, #17191c 0%,#121419 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17191c', endColorstr='#121419',GradientType=0 );
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
padding: 9px 0 11px 0;
}
#LeftContent .sharethisbox .separator {
display: block;
border-top: 1px solid #0e0f12;
border-bottom: 1px solid #1b1d22;
margin-top: 8px;
margin-bottom: 8px;
}
#LeftContent .sharethisbox .sharecontainer a {
display: block;
line-height: 24px;
color: #6d7278;
font-size: 11px;
font-weight: normal;
text-align: left;
padding-left: 36px;
background: transparent url(../images/leftcontent_sharebox_icons.png);
background-repeat: no-repeat;
}
#LeftContent .sharethisbox .sharecontainer a:hover {
color: #f2f2f2;
}
#LeftContent .sharethisbox .sharecontainer a.tmcvote,
#LeftContent .sharethisbox .sharecontainer a.tmsvote {
background-position: 15px 7px;
}
#LeftContent .sharethisbox .sharecontainer a.tmcvote:hover,
#LeftContent .sharethisbox .sharecontainer a.tmsvote:hover {
background-position: 15px -43px;
}
#LeftContent .sharethisbox .sharecontainer a.facebook {
background-position: 14px -95px;
}
#LeftContent .sharethisbox .sharecontainer a.facebook:hover {
background-position: 14px -145px;
}
#LeftContent .sharethisbox .sharecontainer a.twitter {
background-position: 14px -194px;
}
#LeftContent .sharethisbox .sharecontainer a.twitter:hover {
background-position: 14px -244px;
}
#ToolBox {
text-align: left;
width: 195px;
height: 140px;
background: transparent url(../images/toolbox_bg.png);
background-repeat: no-repeat;
margin-top: 28px;
padding-left: 9px;
padding-top: 14px;
}
#ToolBox .SearchField {
float: left;
}
#ToolBox .SearchButton {
float: left;
}
#ToolBox .SearchField INPUT {
width: 148px;
font-size: 11px;
color: #9addf7;
border: 0;
background: transparent;
padding: 2px 0 2px 4px;
}
#ToolBox .InputField {
float: left;
width: 69px;
height: 19px;
margin-right: 8px;
background: transparent url(../images/login_inputbgsmall.gif);
background-repeat: no-repeat;
}
#ToolBox .InputField INPUT {
width: 61px;
padding: 2px 0 4px 5px;
border: 0;
background: transparent;
font-size: 11px;
color: #9addf7;
}
#ToolBox .SubmitButton {
float: left;
}
#ToolBox H1 {
width: 194px;
float: left;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
color: #aab0b6;
margin: 0;
padding: 16px 0 9px 0;
display: block;
}
#ToolBox H2 {
float: left;
display: block;
font-size: 10px;
font-weight: normal;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
color: #aab0b6;
margin: 0;
padding: 12px 0 13px 0;
}
#ToolBox H2 a, #ToolBox H2 a:visited {
color: #414a53;
}
#ToolBox H2 a:hover {
color: #898e94;
}
#RightContent {
text-align: left;
width: 732px;
height: 330px;
margin-left: 44px;
float: left;
padding-top: 20px;
font-size: 12px;
color: #a5a8ac;
}
html>body #RightContent {
height: auto;
min-height: 330px;
}
#RightContent H1 {
font-size: 25px;
font-weight: normal;
color: #fff;
margin: 0;
padding: 0;
}
#RightContent H2 {
font-size: 18px;
font-weight: normal;
color: #fff;
margin: 0;
padding: 15px 0 0 0;
}
#RightContent a, #RightContent a:visited {
color: #887046;
font-weight: normal;
text-decoration: none;
}
#RightContent a:hover {
color: #c09650;
text-decoration: none;
}
.tabs {
width: 400px;
position: absolute;
padding: 0;
margin-top: -3.0em;
margin-left: 330px;
}
/* RightContent Settings page */
#Settings {
padding-top: 30px;
}
#Settings .CharPicture {
float: left;
width: 200px;
height: 200px;
border: 4px solid #fff;
}
#Settings .CharPictureSettings {
float: left;
width: 484px;
height: 204px;
background: transparent url(../images/settings_greenbox_picture.png);
background-repeat: no-repeat;
padding: 4px 0 0 22px;
margin-left: 18px;
}
#Settings .CharPictureSettings .Info {
height: 45px;
}
#Settings .CharPictureSettings .Info B {
color: #dadde2;
font-weight: normal;
}
#Settings .CharPictureSettings .Info .Error {
color: #d45d5d;
}
#Settings .CharPictureSettings .Info2 B {
color: #b7b842;
font-weight: normal;
}
#Settings .CharPictureSettings .Info2 a, #Settings .CharPictureSettings .Info2 a:visited {
padding-left: 18px;
color: #265272;
text-decoration: underline;
}
#Settings .CharPictureSettings .Info2 a:hover {
color: #589551;
}
#Settings .CharPictureSettings H1 {
font-size: 17px;
font-weight: normal;
color: #6abb70;
margin: 0;
padding: 13px 0 5px 0;
}
#Settings .CharPictureSettings .Info2 B {
color: #b7b842;
font-weight: normal;
}
#Settings .CharPictureSettings INPUT.uploader {
border: 0;
width: 300px;
height: 27px;
background: transparent url(../images/settings_upload_bg.png);
background-repeat: no-repeat;
color: #a5bea8;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
font-size: 11px;
padding: 6px 0 0 5px;
}
#Settings .CharPictureSettings INPUT.submitbut {
width: 114px;
height: 27px;
border: 0;
background: transparent url(../images/settings_upload_picturebg.png);
background-repeat: no-repeat;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
font-size: 11px;
font-weight: normal;
color: #c7ccd1;
margin-left: 20px;
}
#Settings .CharPictureSettings .Separator {
width: 463px;
height: 2px;
background: transparent url(../images/settings_greenbox_lines.png);
background-repeat: no-repeat;
margin-top: 15px;
font-size: 1px;
}
/* RightContent profile page */
#Profile {
padding-top: 20px;
}
#Profile H5 {
padding: 0;
margin: 0;
font-size: 11px;
font-weight: normal;
}
#Profile .Details {
margin-bottom: 16px;
}
#Profile .Details .PlayerProfile {
float: left;
width: 222px;
}
#Profile .Details .PlayerProfile .Picture {
width: 200px;
height: 200px;
border: 4px solid #fff;
margin-bottom: 8px;
}
#Profile .Details .PlayerProfile .Smallbox {
width: 207px;
height: 22px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-align: center;
padding-top: 3px;
}
#Profile .Details .PlayerProfile .Smallbox.LevelRace {
background: transparent url(../images/profile_levelrace_bg.png);
background-repeat: no-repeat;
margin-bottom: 6px;
}
#Profile .Details .PlayerProfile .Smallbox.Status.Online {
background: transparent url(../images/profile_statusbg.png);
background-repeat: no-repeat;
}
#Profile .Details .PlayerProfile .Smallbox.Status.Offline {
color: #37414d;
background: transparent url(../images/profile_statusbg.png);
background-position: 0 -27px;
background-repeat: no-repeat;
}
#Profile .Details .PlayerInfo {
float: left;
width: 488px;
height: 262px;
background: transparent url(../images/profile_detailsboxbg.png);
background-repeat: no-repeat;
padding: 10px 0 0 22px;
color: #505b5e;
font-size: 12px;
}
#Profile .Details .PlayerInfo .Field {
height: 48px;
}
#Profile .Details .PlayerInfo .Field.Small {
float: left;
width: 120px;
}
#Profile .Details .PlayerInfo .Field.Wide {
clear: both;
width: 468px;
}
#Profile .Details .PlayerInfo .Field.Normal {
float: left;
width: 240px;
}
#Profile .Details .PlayerInfo .Field .Value {
display: block;
height: 20px;
color: #ebf1f3;
padding: 1px 0 0 6px;
margin-top: 1px;
}
#Profile .Details .PlayerInfo .Field .Value b {
font-weight: normal;
color: #88a4ad;
padding-right: 2px;
}
#Profile .Details .PlayerInfo .Field.Small .Value {
background: transparent url(../images/profile_details_valuebg_small.png);
background-repeat: no-repeat;
}
#Profile .Details .PlayerInfo .Field.Wide .Value {
background: transparent url(../images/profile_details_valuebg_wide.png);
background-repeat: no-repeat;
}
#Profile .Details .PlayerInfo .Field.Normal .Value {
background: transparent url(../images/profile_details_valuebg_normal.png);
background-repeat: no-repeat;
}
#Profile .Details .PlayerInfo .Url {
clear: both;
width: 468px;
background: transparent url(../images/profile_details_url_separator.png);
background-repeat: repeat-x;
background-position: 0 7px;
padding-top: 17px;
}
#Profile .Details .PlayerInfo .Url H8 {
display: block;
clear: both;
margin: 0;
padding: 0;
}
#Profile .Details .PlayerInfo .Url a, #Profile .Details .PlayerInfo .Url a:visited {
display: block;
}
#Profile .Box {
margin-bottom: 16px;
}
#Profile .Box H1 {
padding: 0;
margin: 0;
font-size: 17px;
}
#Profile .Box P {
margin: 0;
padding: 4px 0 10px 0;
line-height: 17px;
font-family: courier new, Trebuchet MS, georgia, arial, verdana, tahoma, sans-serif;
font-size: 12px;
}
#Profile .Box .BoxTop, #Profile .Box .BoxBottom {
width: 732px;
height: 10px;
display: block;
}
#Profile .Box.Desc .BoxTop {
background: transparent url(../images/boxtop_green.png);
background-repeat: no-repeat;
}
#Profile .Box.Desc .BoxBottom {
background: transparent url(../images/boxbottom_green.png);
background-repeat: no-repeat;
}
#Profile .Box.Desc .BoxContainer {
background: #1d2a21 url(../images/boxcontainer_bg_green.gif);
}
#Profile .Box.Plan .BoxTop {
background: transparent url(../images/boxtop_gray.png);
background-repeat: no-repeat;
}
#Profile .Box.Plan .BoxBottom {
background: transparent url(../images/boxbottom_gray.png);
background-repeat: no-repeat;
}
#Profile .Box.Plan .BoxContainer {
background: #22292f url(../images/boxcontainer_bg_gray.gif);
}
#Profile .Box.Blog .BoxContainer {
background: #17263d url(../images/boxcontainer_bg_blue.gif);
}
#Profile .Box.Blog .BoxTop {
background: transparent url(../images/boxtop_blue.png);
background-repeat: no-repeat;
}
#Profile .Box.Blog .BoxBottom {
background: transparent url(../images/boxbottom_blue.png);
background-repeat: no-repeat;
}
#Profile .Box .BoxContent {
padding: 3px 20px 0 20px;
min-height: 72px;
}
#Profile .Box.Desc .BoxContent {
background: url(../images/boxcontent_bg_green.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
#Profile .Box.Plan .BoxContent {
background: url(../images/boxcontent_bg_gray.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
#Profile .Box.Blog .BoxContent {
background: url(../images/boxcontent_bg_blue.gif);
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 4px;
}
#Profile .Box.Blog H5 {
color: #3e4e65;
}
#Profile .Box.Blog .ReadMore {
display: block;
font-size: 11px;
color: #fff;
text-transform: uppercase;
margin-top: 15px;
margin-left: -8px;
}
#Profile .Box.Blog .ReadMore a, #Profile .Box.Blog .ReadMore a:visited {
color: #346597 !important;
text-decoration: none;
padding: 4px 8px;
}
#Profile .Box.Blog .ReadMore a:hover {
color: #4c77a3;
text-decoration: none;
background: #122134 !important;
}
#Profile .MessageContainer {
padding-top: 10px;
}
#Profile .MessageContainer H2 {
padding: 0 0 20px 28px;
background: transparent url(../images/profile_messages_icon.png);
background-repeat: no-repeat;
background-position: 0 4px;
}
#Profile .Message {
padding-bottom: 26px;
}
#Profile .Message .MessagePicture {
float: left;
width: 82px;
margin-left: 18px;
padding-top: 4px;
}
#Profile .Message .MessagePicture .Picture {
width: 64px;
height: 64px;
border: 2px solid #2b3137;
}
#Profile .Message .MessageDetails {
float: left;
width: 580px;
}
#Profile .Message .MessageDetails H1 {
font-size: 17px;
color: #4e9948;
margin: 0;
padding: 0 0 3px 0;
}
#Profile .Message .MessageDetails H1 B {
color: #b8b8b9 !important;
padding-left: 6px;
font-weight: normal;
}
#Profile .Message .MessageDetails H1 a, #Profile .Message .MessageDetails H1 a:visited {
color: #4e9948;
}
#Profile .Message .MessageDetails H1 a:hover {
color: #c1b32f;
}
#Profile .Message .MessageDetails P {
margin: 0;
padding: 0 0 12px 0;
line-height: 16px;
}
#Profile .Message .MessageDetails H5 {
color: #34393d;
}
#Profile .PostMessage H2 {
padding: 0 0 20px 28px;
background: transparent url(../images/profile_post_icon.png);
background-repeat: no-repeat;
background-position: 0 4px;
}
#Profile .PostMessage .InputField {
float: left;
width: 597px;
height: 100px;
background: transparent url(../images/profile_postmessage_bg.png);
background-repeat: no-repeat;
}
#Profile .PostMessage .InputField TEXTAREA {
width: 580px;
height: 56px;
border: 0;
overflow: auto;
background: transparent;
color: #a5a8ac;
font-family: Trebuchet MS, georgia, arial, verdana, tahoma, sans-serif;
font-size: 12px;
padding: 3px 6px;
}
#Profile .PostMessage .SubmitButton {
width: 121px;
float: left;
padding-left: 14px;
text-align: right;
}
#Profile .PostMessage .SubmitButton INPUT {
width: 121px;
height: 65px;
border: 0;
font-size: 13px;
margin: 0;
padding: 0;
background: transparent url(../images/profile_messages_submit.png);
background-repeat: no-repeat;
color: #ddf6dc;
cursor: pointer;
}
/* RightContent Play BatMUD splash */
.PlaySplashSpear {
position: absolute;
margin: -251px 0 0 403px;
}
.PlaySplash {
width: 100%;
height: 272px;
background: transparent url(../images/playbm_bg.png);
background-repeat: no-repeat;
}
.PlaySplash P {
width: 454px;
margin: 0;
padding-top: 20px;
}
.PlaySplashBoxes .BoxSeparator {
float: left;
width: 18px;
height: 132px;
background: transparent url(../images/playbm_boxseparator_bg.png);
background-repeat: no-repeat;
}
.PlaySplashBoxes .Box {
float: left;
width: 337px;
height: 208px;
padding-left: 20px;
}
.PlaySplashBoxes .Box H3 {
font-size: 17px;
font-weight: normal;
margin: 0;
padding: 16px 0 10px 0;
}
.PlaySplashBoxes .Box .Free {
position: absolute;
margin: -51px 0 0 125px;
}
.PlaySplashBoxes .Box.GetStarted {
background: transparent url(../images/playbm_boxbg_blue.jpg);
background-repeat: no-repeat;
}
.PlaySplashBoxes .Box.GetStarted P {
color: #6f8faf;
margin: 0;
padding: 0 0 13px 0;
}
.PlaySplashBoxes .Box.GetStarted a, .PlaySplashBoxes .Box.GetStarted a:visited {
background: transparent url(../images/playbm_howto_numberbg.png);
background-repeat: no-repeat;
color: #a8cffc !important;
font-weight: bold !important;
display: block;
padding: 2px 0 13px 10px;
color: #43709e !important;
}
.PlaySplashBoxes .Box.GetStarted a B {
padding-right: 15px;
color: #a8cffc !important
}
.PlaySplashBoxes .Box.GetStarted a .Link {
text-decoration: underline !important;
}
.PlaySplashBoxes .Box.GetStarted a:hover {
color: #69a5e2 !important;
}
.PlaySplashBoxes .Box.GetStarted H3 {
color: #92c9ee;
}
.PlaySplashBoxes .Box.Client {
background: transparent url(../images/playbm_boxbg_purple.jpg);
background-repeat: no-repeat;
}
.PlaySplashBoxes .Box.Client H3 {
color: #d5c2e0;
}
.PlaySplashBoxes .Box.Client a, .PlaySplashBoxes .Box.Client a:visited {
width: 168px;
height: 23px;
display: block;
color: #c7ccd1 !important;
text-align: center;
background: transparent url(../images/playbm_buttonblue_bg.png);
background-repeat: no-repeat;
padding-top: 4px;
margin-top: 10px;
}
.PlaySplashBoxes .Box.Client a:hover {
background: transparent url(../images/playbm_buttongreen_bg.png);
background-repeat: no-repeat;
color: #fff !important;
}
.PlaySplashBoxes .Box.Client .Screenshot {
position: absolute;
float: right;
margin: 40px 0 0 171px;
}
.PlaySplashBoxes .Box.Client P {
color: #9b92a1;
width: 180px;
margin: 0;
padding: 0 0 13px 0;
}
/* Password recovery */
.Recovery {
width: 519px;
height: 89px;
background: transparent url(../images/help_recovery_bg.png);
background-repeat: no-repeat;
margin-top: 15px;
}
.Recovery .Logo {
float: left;
width: 100px;
height: 89px;
}
.Recovery.Unchecked IMG {
margin: 12px 0 0 28px;
}
.Recovery.Checked IMG {
margin: 10px 0 0 20px;
}
.Recovery .Tool {
float: left;
width: 410px;
}
.Recovery .Header {
clear: both;
display: block;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
font-family: tahoma, Trebuchet MS, georgia, arial, verdana;
color: #aab0b6;
margin: 0;
padding: 15px 0 8px 0;
}
.Recovery.Checked .Header {
color: #46994e;
}
.Recovery P {
width: 370px;
margin: 0;
padding: 0;
}
.Recovery .InputField.Email {
float: left;
width: 257px;
background: transparent url(../images/help_recovery_input.png);
background-repeat: no-repeat;
margin-top: 5px;
}
.Recovery .InputField.Email INPUT {
width: 230px;
padding: 6px 0 7px 8px;
border: 0;
background: transparent;
font-size: 11px;
color: #a5a8ac;
}
.Recovery .SubmitButton {
float: left;
margin-top: 5px;
}
.Recovery .SubmitButton INPUT {
width: 140px;
height: 27px;
border: 0;
background: transparent url(../images/help_recovery_submit.png);
background-repeat: no-repeat;
font-family: Trebuchet MS, tahoma, georgia, arial, verdana;
font-size: 12px;
color: #c7ccd1;
cursor: pointer;
}
.Recovery .SubmitButton INPUT:hover {
background-position: 0px -30px;
}
/* Create character wizard */
#Window.Create {
width: 732px;
height: 404px;
background: transparent url(../images/create_box.png);
background-repeat: no-repeat;
}
#Window.Create .Illustration {
width: 722px;
height: 387px;
margin-left: 5px;
padding-top: 11px;
}
#Window.Create.Step1 .Illustration {
background: transparent url(../images/create_bgs1.png);
background-position: bottom right;
background-repeat: no-repeat;
}
#Window.Create.Step2 .Illustration {
background: transparent url(../images/create_bgs2.png);
background-position: bottom right;
background-repeat: no-repeat;
}
#Window.Create.Step3 .Illustration {
background: transparent url(../images/create_bgs3.png);
background-position: bottom left;
background-repeat: no-repeat;
}
#Window.Create.Step4 .Illustration {
background: transparent url(../images/create_bgs4.png);
background-position: bottom right;
background-repeat: no-repeat;
}
#Window.Create.Step5 .Illustration {
background: transparent url(../images/create_bgs5.png);
background-position: bottom right;
background-repeat: no-repeat;
}
#Window.Create.Step6 .Illustration {
background: transparent url(../images/create_bgs6.png);
background-position: bottom right;
background-repeat: no-repeat;
}
#Window .WinNavi {
height: 39px;
margin-top: 11px;
background: transparent url(../images/create_navline.png);
background-position: bottom left;
background-repeat: repeat-x;
margin: 0px 11px;
padding-left: 3px;
}
#Window.Create .WinNavi .Nav {
float: left;
height: 34px;
display: block;
margin-right: 17px;
}
#Window.Create .WinNavi .Nav.S1 {
width: 93px;
background: transparent url(../images/create_navs1.png);
background-repeat: no-repeat;
}
#Window.Create .WinNavi .Nav.S2 {
width: 104px;
background: transparent url(../images/create_navs2.png);
background-repeat: no-repeat;
}
#Window.Create .WinNavi .Nav.S3 {
width: 118px;
background: transparent url(../images/create_navs3.png);
background-repeat: no-repeat;
}
#Window.Create .WinNavi .Nav.S4 {
width: 95px;
background: transparent url(../images/create_navs4.png);
background-repeat: no-repeat;
}
#Window.Create .WinNavi .Nav.S5 {
width: 105px;
background: transparent url(../images/create_navs5.png);
background-repeat: no-repeat;
}
#Window.Create .WinNavi .Nav.S6 {
width: 83px;
background: transparent url(../images/create_navs6.png);
background-repeat: no-repeat;
margin-right: 0;
}
#Window.Create.Step1 .WinNavi .Nav.S1, #Window.Create.Step2 .WinNavi .Nav.S2, #Window.Create.Step3 .WinNavi .Nav.S3, #Window.Create.Step3 .WinNavi .Nav.S3, #Window.Create.Step4 .WinNavi .Nav.S4, #Window.Create.Step5 .WinNavi .Nav.S5, #Window.Create.Step6 .WinNavi .Nav.S6 {
background-position: 0px -34px;
}
#Window.Create .WinNavi .Nav.Done {
background-position: 0px -68px;
cursor: pointer;
}
#Window.Create .WinNavi .Nav.Done:hover {
background-position: 0px -102px;
}
#Window.Create.Step6 .WinNavi .Nav.Done {
cursor: default;
}
#Window.Create.Step6 .WinNavi .Nav.Done:hover {
background-position: 0px -68px;
cursor: default;
}
#Window.Create .WinContent {
padding: 16px 0 0 27px;
}
#Window.Create .WinContent .Heading.Big {
font-size: 19px;
color: #fff;
}
#Window.Create .WinContent .Heading.Small {
font-size: 17px;
color: #fff;
}
#Window.Create .WinContent P {
color: #97a5b6;
margin: 0;
padding: 13px 0 0 0;
}
#Window.Create .WinContent .Proceed {
width: 197px;
height: 41px;
position: absolute;
margin-left: 498px;
margin-top: 277px;
background: transparent url(../images/create_proceedbutton.png);
background-repeat: no-repeat;
cursor: pointer;
}
#Window.Create.Step2 .WinContent .Proceed {
margin-left: 525px;
}
#Window.Create .WinContent .Proceed:hover {
background-position: 0 -41px;
}
#Window.Create.Step1 .WinContent {
width: 400px;
}
#Window.Create.Step4 .WinContent {
width: 464px;
}
#Window.Create.Step1 .WinContent .Account {
width: 275px;
padding-top: 10px;
}
#Window.Create.Step1 .WinContent .Account .InfoText {
width: 95px;
height: 20px;
float: left;
color: #577eaa;
margin-top: 8px;
padding-top: 2px;
}
#Window.Create.Step1 .WinContent .Account .Field {
float: left;
width: 168px;
height: 22px;
background: transparent url(../images/create_inputbg_medium.png);
background-repeat: no-repeat;
margin-top: 8px;
padding-left: 4px;
}
#Window.Create.Step1 .WinContent .Account .Field.Red {
background: transparent url(../images/create_inputbg_medium_red.png);
background-repeat: no-repeat;
}
#Window.Create.Step1 .WinContent .Account .Field INPUT {
width: 158px;
background: none;
border: 0;
font-family: Trebuchet MS, georgia, tahoma, arial, verdana;
font-size: 12px;
color: #d3dbe4;
}
#Window.Create.Step1 .WinContent .Error {
float: left;
background: #151c26 url(../images/create_icon_error.png);
background-position: 7px 5px;
background-repeat: no-repeat;
padding: 6px 12px 6px 32px;
margin: 18px 0 0 -12px;
color: #d2d1cd;
}
#Window.Create.Step1 .WinContent .Error.Hidden {
display: none;
}
#Window.Create.Step2 .WinContent {
padding-left: 0;
}
#Window.Create.Step2 .WinContent .SubContent.Top {
width: 490px;
height: 112px;
padding-left: 27px;
}
#Window.Create.Step2 .WinContent .SubContent.Top .SelectBg, #Window.Create.Step4 .WinContent .SelectAlign {
margin-top: 10px;
}
#Window.Create.Step2 .WinContent .SubContent.Top .SelectBg .BackValue, #Window.Create.Step4 .WinContent .SelectAlign .AlignValue {
float: left;
font-size: 13px;
background: transparent url(../images/create_li_radius.png);
background-repeat: no-repeat;
padding: 2px 0 3px 17px;
color: #5e8cc0;
cursor: pointer;
}
#Window.Create.Step2 .WinContent .SubContent.Top .SelectBg .BackValue {
margin-right: 19px;
}
#Window.Create.Step4 .WinContent .SelectAlign .AlignValue {
margin-right: 35px;
}
#Window.Create.Step2 .WinContent .SubContent.Top .SelectBg .BackValue:hover, #Window.Create.Step4 .WinContent .SelectAlign .AlignValue:hover {
color: #abcbff;
background-position: 0 -26px;
}
#Window.Create.Step2 .WinContent .SubContent.Top .SelectBg .BackValue.Active, #Window.Create.Step4 .WinContent .SelectAlign .AlignValue.Active {
color: #fff;
background-position: 0 -52px;
}
#Window.Create.Step2 .WinContent .SubContent.Top .BackValue.Last {
margin-right: 0;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Description {
float: left;
width: 330px;
height: 220px;
padding-left: 172px;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Description.Nomad {
background: transparent url(../images/create_backgr_nomad.png);
background-repeat: no-repeat;
background-position: -13px 25px;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Description.Magical {
background: transparent url(../images/create_backgr_magical.png);
background-repeat: no-repeat;
background-position: -21px 3px;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Description.Civilized {
background: transparent url(../images/create_backgr_civilized.png);
background-repeat: no-repeat;
background-position: -15px 3px;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Description.GoodRelig {
background: transparent url(../images/create_backgr_goodrelig.png);
background-repeat: no-repeat;
background-position: 16px 30px;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Description.EvilRelig {
background: transparent url(../images/create_backgr_badrelig.png);
background-repeat: no-repeat;
background-position: -15px -10px;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Heading.Small {
padding-top: 28px;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Description P {
color: #bba667;
margin: 0;
padding: 8px 0 0 0;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Guilds {
float: left;
width: 190px;
padding-left: 24px;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Guilds UL {
margin: 9px 0 5px 0;
padding: 0;
list-style: none;
}
#Window.Create.Step2 .WinContent .SubContent.Bottom .Guilds UL LI {
height: 23px;
display: block;
font-size: 12px;
color: #7bc48a;
margin: 0;
padding: 0 0 0 12px;
/* cursor: pointer; */
background: url(../images/create_guild_li.gif);
background-repeat: no-repeat;
background-position: 2px 7px;
}
/* #Window.Create.Step2 .WinContent .SubContent.Bottom .Guilds UL LI:hover {
color: #fff;
*/
#Window.Create.Step2 .WinContent .SubContent.Bottom .Guilds .Note {
color: #3f5064;
}
#Window.Create.Step3 .WinContent .SubContent.Left {
float: left;
width: 340px;
}
#Window.Create.Step3 .WinContent .SubContent.Left .RaceList {
padding: 12px 0 5px 0;
}
#Window.Create.Step3 .WinContent .SubContent.Left .RaceList UL {
float: left;
list-style: none;
padding: 0;
margin: 0 16px 0 0;
}
#Window.Create.Step3 .WinContent .SubContent.Left .RaceList UL LI DIV {
background: transparent url(../images/create_li_radius.png);
background-repeat: no-repeat;
padding: 3px 0 3px 17px;
color: #5e8cc0;
cursor: pointer;
}
#Window.Create.Step3 .WinContent .SubContent.Left .RaceList UL LI DIV:hover {
color: #abcbff;
background-position: 0 -26px;
}
#Window.Create.Step3 .WinContent .SubContent.Left .RaceList UL LI DIV.Active {
color: #fff;
background-position: 0 -52px;
}
#Window.Create.Step3 .WinContent .SubContent.Left .RaceList UL LI DIV.Disabled {
color: #36414d;
background-position: 0 -75px;
cursor: default;
}
#Window.Create.Step3 .WinContent .SubContent.Left .RaceList LABEL, #Window.Create.Step2 .WinContent .SubContent.Top .BackValue LABEL, #Window.Create.Step4 .WinContent .Alignments .Align LABEL {
cursor: pointer;
color: #577eaa;
}
#Window.Create.Step3 .WinContent .SubContent.Left .RaceList LABEL:hover, #Window.Create.Step2 .WinContent .SubContent.Top .BackValue LABEL:hover, #Window.Create.Step4 .WinContent .Alignments .Align LABEL:hover {
color: #96beec;
}
#Window.Create.Step3 .WinContent .SubContent.Left .RaceList UL.Last {
margin: 0;
}
#Window.Create.Step3 .WinContent .SubContent.Left .Note {
clear: both;
}
#Window.Create.Step3 .WinContent .SubContent.Left .Note P {
margin: 0;
padding: 12px 0 0 0;
}
#Window.Create.Step3 .WinContent .SubContent.Right {
float: left;
width: 352px;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox {
width: 319px;
height: 242px;
background: transparent url(../images/create_racebox.png);
background-repeat: no-repeat;
padding: 30px 0 0 31px;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RacePicture {
float: left;
width: 64px;
height: 64px;
border: 2px solid #252c3f;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo {
float: left;
width: 217px;
height: 68px;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .RaceName {
float: left;
width: 122px;
height: 24px;
color: #fff;
font-size: 19px;
padding-left: 10px;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .MoreInfo {
float: left;
width: 84px;
height: 21px;
background: transparent url(../images/create_readmore_button.png);
color: #8ea5b6;
text-align: center;
padding-top: 3px;
cursor: pointer;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .MoreInfo:hover {
background-position: 0px -25px;
color: #fff;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender {
float: left;
height: 28px;
margin: 11px 7px 0 8px;
padding-top: 3px;
padding-left: 22px;
color: #577eaa;
cursor: pointer;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Active {
color: #fff;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Male:hover, #Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Neuter:hover, #Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Female:hover {
color: #96beec;
background-position: 0px -31px;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Active.Male, #Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Active.Neuter, #Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Active.Female {
background-position: 0px -31px;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Active:hover {
color: #fff;
background-position: 0px -31px;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Male {
background: transparent url(../images/create_gender_male.png);
background-repeat: no-repeat;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Neuter {
background: transparent url(../images/create_gender_neuter.png);
background-repeat: no-repeat;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceInfo .Gender.Female {
background: transparent url(../images/create_gender_female.png);
background-repeat: no-repeat;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceStats {
clear: both;
width: 280px;
padding-top: 8px;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceStats .Property {
float: left;
width: 66px;
height: 22px;
text-align: right;
color: #8ea5b6;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceStats .Value {
float: left;
width: 186px;
height: 16px;
background: transparent url(../images/create_racebarbg.png);
background-repeat: no-repeat;
margin: 2px 0 0 10px;
padding: 2px 3px;
}
#Window.Create.Step3 .WinContent .SubContent.Right .RaceBox .RaceStats .Value .Bar {
height: 10px;
background: transparent url(../images/create_racebar.png);
background-repeat: no-repeat;
}
#Window.Create.Step4 .WinContent .Description {
width: 435px;
padding-top: 32px;
margin-left: -10px;
padding-left: 10px;
}
#Window.Create.Step4 .WinContent .Description.Good {
background: transparent url(../images/create_align_good.png);
background-repeat: no-repeat;
background-position: 0 24px;
}
#Window.Create.Step4 .WinContent .Description.Neutral {
background: transparent url(../images/create_align_neutral.png);
background-repeat: no-repeat;
background-position: 0 30px;
}
#Window.Create.Step4 .WinContent .Description.Evil {
background: transparent url(../images/create_align_evil.png);
background-repeat: no-repeat;
background-position: 0 15px;
}
#Window.Create.Step4 .WinContent .Description .Heading.Small {
padding-left: 53px;
}
#Window.Create.Step4 .WinContent .Description P {
color: #bba667;
}
#Window.Create.Step4 .WinContent .SelectAlign .AlignValue.Disabled {
color: #36414d;
background-position: 0 -75px;
cursor: default;
}
#Window.Create.Step5 .WinContent P {
width: 464px;
}
#Window.Create.Step5 .WinContent .Email {
padding: 20px 0 22px 0;
}
#Window.Create.Step5 .WinContent .Email .InfoText {
width: 82px;
height: 20px;
float: left;
color: #577eaa;
margin-bottom: 8px;
padding-top: 2px;
}
#Window.Create.Step5 .WinContent .Email .Field {
float: left;
width: 242px;
height: 22px;
background: transparent url(../images/create_inputbg_wide.png);
background-repeat: no-repeat;
margin-bottom: 8px;
padding-left: 4px;
}
#Window.Create.Step5 .WinContent .Email .Field.Red {
background: transparent url(../images/create_inputbg_wide_red.png);
background-repeat: no-repeat;
}
#Window.Create.Step5 .WinContent .Email .Field INPUT {
width: 228px;
background: none;
border: 0;
font-family: Trebuchet MS, georgia, tahoma, arial, verdana;
font-size: 12px;
color: #d3dbe4;
}
#Window.Create.Step5 .WinContent .Email .Error {
float: left;
background: url(../images/create_icon_error.png);
background-position: 0 2px;
background-repeat: no-repeat;
padding: 3px 12px 3px 23px;
color: #d2d1cd;
}
#Window.Create.Step5 .WinContent .Email .Error.Hidden {
display: none;
}
#Window.Create.Step5 .WinContent .Heading.Small .Dark {
color: #7899a7;
}
#Window.Create.Step5 .WinContent SELECT {
font-family: Trebuchet MS, georgia, tahoma, arial, verdana;
font-size: 12px;
color: #010101;
display: block;
margin: 16px 0 11px 0;
}
#Window.Create.Step5 .WinContent .Note {
color: #516883;
font-style: italic;
}
#Window.Create.Step6 .WinContent .SubContent.Left {
float: left;
width: 330px;
}
#Window.Create.Step6 .WinContent .SubContent.Left .Heading.Small {
margin-top: 25px;
}
#Window.Create.Step6 .WinContent .SubContent.Left a.BigLink {
display: block;
width: 304px;
height: 30px;
text-align: center;
color: #fff;
padding-top: 5px;
}
#Window.Create.Step6 .WinContent .SubContent.Left a.BigLink.Green:hover, #Window.Create.Step6 .WinContent .SubContent.Left a.BigLink.Blue:hover {
background-position: 0px -37px;
}
#Window.Create.Step6 .WinContent .SubContent.Left a.BigLink.Green {
background: transparent url(../images/create_biglink_green.png);
background-repeat: no-repeat;
margin-top: 26px;
}
#Window.Create.Step6 .WinContent .SubContent.Left a.BigLink.Blue {
background: transparent url(../images/create_biglink_blue.png);
background-repeat: no-repeat;
margin-top: 7px;
}
#Window.Create.Step6 .WinContent .SubContent.Right {
float: left;
width: 360px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox {
width: 317px;
height: 172px;
background: transparent url(../images/create_charbox.png);
background-repeat: no-repeat;
padding: 30px 0 0 33px;
margin-left: 8px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharPicture {
float: left;
width: 64px;
height: 64px;
border: 2px solid #252c3f;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharInfo {
float: left;
width: 217px;
height: 68px;
padding-left: 10px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharInfo .CharName {
display: block;
height: 24px;
color: #fff;
font-size: 19px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharInfo .CharMail {
display: block;
color: #a2b13c;
padding: 2px 0;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharInfo .CharRace {
display: block;
font-size: 13px;
color: #738291;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails {
clear: both;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec {
float: left;
height: 27px;
padding-top: 44px;
text-align: center;
color: #5e8cc0;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Gender {
width: 60px;
margin-left: 5px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Gender.Male {
background: transparent url(../images/create_icongen_male.png);
background-repeat: no-repeat;
background-position: center 17px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Gender.Neuter {
background: transparent url(../images/create_icongen_neuter.png);
background-repeat: no-repeat;
background-position: center 20px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Gender.Female {
background: transparent url(../images/create_icongen_female.png);
background-repeat: no-repeat;
background-position: center 15px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Background {
width: 135px;
margin-left: 3px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Background.Nomad {
background: transparent url(../images/create_iconbgr_nomad.png);
background-repeat: no-repeat;
background-position: center 7px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Background.GoodRelig {
background: transparent url(../images/create_iconbgr_goodrelig.png);
background-repeat: no-repeat;
background-position: center 5px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Background.EvilRelig {
background: transparent url(../images/create_iconbgr_badrelig.png);
background-repeat: no-repeat;
background-position: center top;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Background.Civilized {
background: transparent url(../images/create_iconbgr_civilized.png);
background-repeat: no-repeat;
background-position: center 2px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Background.Magical {
background: transparent url(../images/create_iconbgr_magical.png);
background-repeat: no-repeat;
background-position: center top;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Alignment {
width: 70px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Alignment.Good {
background: transparent url(../images/create_iconalig_good.png);
background-repeat: no-repeat;
background-position: center 8px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Alignment.Neutral {
background: transparent url(../images/create_iconalig_neutral.png);
background-repeat: no-repeat;
background-position: center 15px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .CharBox .CharDetails .CharSpec.Alignment.Evil {
background: transparent url(../images/create_iconalig_evil.png);
background-repeat: no-repeat;
background-position: center 1px;
}
#Window.Create.Step6 .WinContent .SubContent.Right .Note {
width: 266px;
height: 72px;
background: transparent url(../images/create_notebox.png);
background-repeat: no-repeat;
color: #6d89a9;
font-size: 11px;
padding: 14px 10px 0 58px;
margin: 13px 0 0 19px;
}
#Window.Create .WinContent .ErrorContainer {
width: 560px;
height: 119px;
background: transparent url(../images/create_bigerror_bg.png);
background-repeat: no-repeat;
margin: 102px 0 0 54px;
}
#Window.Create .WinContent .ErrorContainer .ErrorMessage {
background: transparent url(../images/create_icon_error_big.png);
background-repeat: no-repeat;
background-position: 29px 25px;
padding: 20px 15px 0 112px;
}
#Window.Create .WinContent .ErrorContainer .ErrorMessage P {
margin: 0;
padding: 8px 0 0 0;
}
/* Overlay Popup Window */
.Popup {
position: fixed;
width: 100%;
height: 100%;
z-index: 100;
left: 0;
right: 0;
background: transparent url(../images/popup_bg.png);
}
.Popup a, .Popup a:visited {
width: 100%;
height: 100%;
display: block;
}
#OverlayPopup .PopupWindow {
position: absolute;
top: 50%;
left: 50%;
background: transparent url(../images/TEMP_POPUP.png);
background-repeat: no-repeat;
width: 803px;
height: 430px;
margin-left: -401px;
margin-top: -215px;
}
/* BatClient Page */
#BatClient .Cover {
width: 750px;
height: 265px;
background: transparent url(../images/batclient_illustration.png);
background-repeat: no-repeat;
margin: -25px 0 0 -9px;
}
#BatClient P {
color: #97a5b6;
}
#BatClient .Generic {
margin-top: 3px;
}
#BatClient .Generic .Intro {
float: left;
width: 414px;
}
#BatClient .Generic .Intro P {
margin: 0;
padding: 7px 0 8px 0;
}
#BatClient .Generic .Download {
float: left;
width: 290px;
margin-left: 27px;
}
#BatClient .Generic .Download .Button {
width: 308px;
height: 95px;
background: transparent url(../images/batclient_button_download.png);
background-repeat: no-repeat;
margin-left: -7px;
}
#BatClient .Generic .Download .Button a {
position: absolute;
display: block;
width: 290px;
height: 71px;
margin: 9px 0 0 7px;
}
#BatClient .Generic .Download .Button:hover {
background-position: 0 -95px;
}
#BatClient .Generic .Download .Button .BigFont {
padding: 12px 0 0 96px;
font-size: 19px;
color: #fff;
}
#BatClient .Generic .Download .Button .SmallFont {
padding: 2px 0 0 96px;
color: #b08cd9;
}
#BatClient .Generic .Download .Button .SmallFont .Size {
color: #6b5980;
padding-left: 5px;
}
#BatClient .Generic .Download .Mirrors {
padding: 2px 0;
}
#BatClient .Generic .Download .Mirrors a, #BatClient .Generic .Download .Mirrors a:visited {
width: 145px;
float: left;
color: #4f657f;
text-decoration: underline;
}
#BatClient .Generic .Download .Mirrors a:hover {
color: #91a8c3;
}
#BatClient .Generic .Download .Mirrors A.Second {
text-align: right;
}
#BatClient .Generic .Download .Java {
background: transparent url(../images/batclient_logo_java.png);
background-repeat: no-repeat;
margin-top: 8px;
padding: 11px 0 0 39px;
line-height: 19px;
}
#BatClient .Topic {
margin-top: 25px;
}
#BatClient .Topic .TopicLine {
border-bottom: 3px solid #262b3b;
}
#BatClient .Topic H1 {
font-size: 20px;
margin: 0;
background: #0d0e12;
margin: -17px 0 0 0;
float: left;
padding: 0 10px 0 0;
}
#BatClient .Screenshots {
padding-bottom: 25px;
background: transparent url(../images/batclient_screenshot_magic.png);
background-repeat: no-repeat;
background-position: right 10px;
}
#BatClient .Screenshots .SingleShot {
float: left;
width: 155px;
background: transparent url(../images/batclient_screenshotbg.png);
background-repeat: no-repeat;
background-position: 0 122px;
text-align: center;
margin-right: 25px;
color: #2d3741;
}
#BatClient .Screenshots .SingleShot a, #BatClient .Screenshots .SingleShot a:visited {
border: 2px solid #3d465b;
display: block;
margin-bottom: 27px;
}
#BatClient .Features H3 {
font-size: 16px;
color: #fff;
font-weight: normal;
margin: 0;
padding: 0;
}
#BatClient .Features H3 B {
color: #548bcd;
font-weight: normal;
}
#BatClient .Features P {
margin: 0;
padding: 10px 0 0 0;
}
#BatClient .Features .Feature.Status {
background: transparent url(../images/batclient_feature_status.png);
background-position: top left;
background-repeat: no-repeat;
padding: 15px 0 0 253px;
height: 145px;
margin-left: -30px;
}
#BatClient .Features .Feature.Party {
background: transparent url(../images/batclient_feature_party.png);
background-position: right 5px;
background-repeat: no-repeat;
height: 180px;
padding-right: 318px;
margin-bottom: 30px;
}
#BatClient .Features .Feature.Shortcuts {
background: transparent url(../images/batclient_feature_shortcuts.png);
background-position: left 3px;
background-repeat: no-repeat;
height: 85px;
padding: 0 0 0 223px;
margin-bottom: 25px;
}
#BatClient .Features .Feature.Tabs {
background: transparent url(../images/batclient_feature_tabs.png);
background-position: right 12px;
background-repeat: no-repeat;
height: 120px;
padding-right: 318px;
margin-bottom: 30px;
}
#BatClient .Features .Feature.Realm {
background: transparent url(../images/batclient_feature_realm.png);
background-position: left 2px;
background-repeat: no-repeat;
height: 140px;
padding: 0 0 0 223px;
margin-bottom: 25px;
}
#BatClient .Features .Feature.Trigger {
background: transparent url(../images/batclient_feature_triggerm.png);
background-position: right 2px;
background-repeat: no-repeat;
height: 130px;
padding-right: 318px;
margin-bottom: 30px;
}
#BatClient .Features .Feature.OS {
background: transparent url(../images/batclient_feature_os.png);
background-position: left 4px;
background-repeat: no-repeat;
height: 80px;
padding: 0 0 0 223px;
margin-bottom: 42px;
}
#BatClient .Features .Feature.Buffs {
background: transparent url(../images/batclient_feature_buffs.png);
background-position: right 0;
background-repeat: no-repeat;
height: 190px;
padding-right: 318px;
margin-bottom: 30px;
}
#BatClient .FullFeatures {
padding-bottom: 20px;
}
#BatClient .FullFeatures UL {
width: 366px;
float: left;
margin: 0;
padding: 15px 0 20px 0;
color: #97a5b6;
list-style: none;
}
#BatClient .FullFeatures UL LI {
background: transparent url(../images/batclient_li_ball.gif);
background-position: left 7px;
background-repeat: no-repeat;
padding: 0 0 1px 11px;
}
#BatClient .FullFeatures UL LI B {
color: #e6f0f4;
font-weight: normal;
}
#BatClient .FullFeatures .More {
font-size: 14px;
color: #97a5b6;
}
#BatClient .Requirements {
width: 366px;
float: left;
}
#BatClient .Requirements UL {
color: #97a5b6;
list-style: none;
margin: 0;
padding: 20px 0 0 0;
}
/* Known Races (Frontpage) */
#RaceIntro {
width: 746px;
height: 230px;
background: transparent url(../images/race_front_splash.png);
background-repeat: no-repeat;
margin: -20px 0 10px -9px;
padding: 31px 0 0 12px;
}
#RaceIntro .TextContainer {
background: transparent url(../images/race_front_splashinner.jpg);
background-repeat: no-repeat;
width: 710px;
height: 200px;
padding: 13px 0 0 15px;
}
#RaceIntro .TextContainer .Topic {
width: 377px;
height: 48px;
background: transparent url(../images/race_front_topic.png);
background-repeat: no-repeat;
}
#RaceIntro .TextContainer P {
width: 360px;
color: #b1bdca;
line-height: 19px;
padding: 0 0 0 10px;
margin: 0;
}
#RaceList {
}
#RaceList .Race {
float: left;
width: 120px;
padding: 0 1px;
margin-bottom: 6px;
}
#RaceList .Race a, #RaceList .Race a:visited {
text-align: center;
display: block;
height: 19px;
padding-top: 57px;
font-size: 12px;
color: #a0a8b3;
opacity: .5;
filter: alpha(opacity=50);
}
#RaceList .Race a:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
#RaceList .Race#Barsoomian a {
background: url(http://www.bat.org/ci/barsoomian_male_web_S.jpg);
}
#RaceList .Race#Brownie a {
background: url(http://www.bat.org/ci/brownie_male_web_S.jpg);
}
#RaceList .Race#Catfolk a {
background: url(http://www.bat.org/ci/catfolk_female_web_S.jpg);
}
#RaceList .Race#Centaur a {
background: url(http://www.bat.org/ci/centaur_male_web_S.jpg);
}
#RaceList .Race#Cromagnon a {
background: url(http://www.bat.org/ci/cromagnon_male_web_S.jpg);
}
#RaceList .Race#Cyclops a {
background: url(http://www.bat.org/ci/cyclops_male_web_S.jpg);
}
#RaceList .Race#Demon a {
background: url(http://www.bat.org/ci/demon_male_web_S.jpg);
}
#RaceList .Race#Doppelganger a {
background: url(http://www.bat.org/ci/doppelganger_male_web_S.jpg);
}
#RaceList .Race#Draconian a {
background: url(http://www.bat.org/ci/draconian_male_web_S.jpg);
}
#RaceList .Race#Drow a {
background: url(http://www.bat.org/ci/drow_male_web_S.jpg);
}
#RaceList .Race#Duck a {
background: url(http://www.bat.org/ci/duck_male_web_S.jpg);
}
#RaceList .Race#Duergar a {
background: url(http://www.bat.org/ci/duergar_male_web_S.jpg);
}
#RaceList .Race#Dwarf a {
background: url(http://www.bat.org/ci/dwarf_male_web_S.jpg);
}
#RaceList .Race#Elf a {
background: url(http://www.bat.org/ci/elf_male_web_S.jpg);
}
#RaceList .Race#Ent a {
background: url(http://www.bat.org/ci/ent_male_web_S.jpg);
}
#RaceList .Race#Gargoyle a {
background: url(http://www.bat.org/ci/gargoyle_male_web_S.jpg);
}
#RaceList .Race#Giant a {
background: url(http://www.bat.org/ci/giant_male_web_S.jpg);
}
#RaceList .Race#Gnoll a {
background: url(http://www.bat.org/ci/gnoll_male_web_S.jpg);
}
#RaceList .Race#Gnome a {
background: url(http://www.bat.org/ci/gnome_female_web_S.jpg);
}
#RaceList .Race#Hobbit a {
background: url(http://www.bat.org/ci/hobbit_male_web_S.jpg);
}
#RaceList .Race#Human a {
background: url(http://www.bat.org/ci/human_male_web_S.jpg);
}
#RaceList .Race#Kobold a {
background: url(http://www.bat.org/ci/kobold_male_web_S.jpg);
}
#RaceList .Race#Leech a {
background: url(http://www.bat.org/ci/leech_web_S.jpg);
}
#RaceList .Race#Leprechaun a {
background: url(http://www.bat.org/ci/leprechaun_male_web_S.jpg);
}
#RaceList .Race#Lich a {
background: url(http://www.bat.org/ci/lich_female_web_S.jpg);
}
#RaceList .Race#Lizardman a {
background: url(http://www.bat.org/ci/lizardman_male_web_S.jpg);
}
#RaceList .Race#Merfolk a {
background: url(http://www.bat.org/ci/merfolk_female_web_S.jpg);
}
#RaceList .Race#Minotaur a {
background: url(http://www.bat.org/ci/minotaur_male_web_S.jpg);
}
#RaceList .Race#Moomin a {
background: url(http://www.bat.org/ci/moomin_male_web_S.jpg);
}
#RaceList .Race#Ogre a {
background: url(http://www.bat.org/ci/ogre_male_web_S.jpg);
}
#RaceList .Race#Orc a {
background: url(http://www.bat.org/ci/orc_male_web_S.jpg);
}
#RaceList .Race#Penguin a {
background: url(http://www.bat.org/ci/penguin_female_web_S.jpg);
}
#RaceList .Race#Satyr a {
background: url(http://www.bat.org/ci/satyr_male_web_S.jpg);
}
#RaceList .Race#Shadow a {
background: url(http://www.bat.org/ci/shadow_web_S.jpg);
}
#RaceList .Race#Skeleton a {
background: url(http://www.bat.org/ci/skeleton_male_web_S.jpg);
}
#RaceList .Race#Sprite a {
background: url(http://www.bat.org/ci/sprite_female_web_S.jpg);
}
#RaceList .Race#Thrikhren a {
background: url(http://www.bat.org/ci/thrikhren_male_web_S.jpg);
}
#RaceList .Race#Tinmen a {
background: url(http://www.bat.org/ci/tinmen_male_web_S.jpg);
}
#RaceList .Race#Titan a {
background: url(http://www.bat.org/ci/titan_male_web_S.jpg);
}
#RaceList .Race#Troll a {
background: url(http://www.bat.org/ci/troll_male_web_S.jpg);
}
#RaceList .Race#Valar a {
background: url(http://www.bat.org/ci/valar_male_web_S.jpg);
}
#RaceList .Race#Vampire a {
background: url(http://www.bat.org/ci/vampire_male_web_S.jpg);
}
#RaceList .Race#Wolfman a {
background: url(http://www.bat.org/ci/wolfman_female_web_S.jpg);
}
#RaceList .Race#Zombie a {
background: url(http://www.bat.org/ci/zombie_female_web_S.jpg);
}
/* Known Races (Card) */
.RaceSpacer {
font-size: 1px;
height: 8px;
}
#RaceCard {
background: transparent url(../images/race_card_outerbg.png);
padding: 3px;
}
#RaceCard .InnerContainer {
background: #040607 url(../images/race_card_innerbg.jpg);
background-repeat: repeat-x;
}
#RaceCard .Left {
float: left;
width: 274px;
}
#RaceCard .PictureFrame {
float: left;
width: 258px;
height: 395px;
background: transparent url(../images/race_card_pictureframe.png);
background-repeat: no-repeat;
margin: -17px 0 0 2px;
}
#RaceCard .PictureFrame .PictureContainer {
width: 226px;
height: 317px;
margin: 13px 0 0 16px;
/* background: blue; */
}
#RaceCard .PictureFrame .Picture {
position: absolute;
}
#RaceCard .PictureFrame .Picture.Barsoomian.Female {
width: 226px;
height: 322px;
background: transparent url(../ci/barsoomian_female_web.png);
background-repeat: no-repeat;
margin: -5px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Barsoomian.Male {
width: 226px;
height: 330px;
background: transparent url(../ci/barsoomian_male_web.png);
background-repeat: no-repeat;
margin: -13px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Brownie.Female {
width: 241px;
height: 347px;
background: transparent url(../ci/brownie_female_web.png);
background-repeat: no-repeat;
margin: -20px 0 0 -15px;
}
#RaceCard .PictureFrame .Picture.Brownie.Male {
width: 226px;
height: 327px;
background: transparent url(../ci/brownie_male_web.png);
background-repeat: no-repeat;
margin: -10px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Catfolk.Female {
width: 226px;
height: 348px;
background: transparent url(../ci/catfolk_female_web.png);
background-repeat: no-repeat;
margin: -31px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Catfolk.Male {
width: 226px;
height: 329px;
background: transparent url(../ci/catfolk_male_web.png);
background-repeat: no-repeat;
margin: -12px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Centaur.Female {
width: 226px;
height: 345px;
background: transparent url(../ci/centaur_female_web.png);
background-repeat: no-repeat;
margin: -28px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Centaur.Male {
width: 226px;
height: 345px;
background: transparent url(../ci/centaur_male_web.png);
background-repeat: no-repeat;
margin: -28px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Cromagnon.Female {
width: 243px;
height: 333px;
background: transparent url(../ci/cromagnon_female_web.png);
background-repeat: no-repeat;
margin: -16px 0 0 -17px;
}
#RaceCard .PictureFrame .Picture.Cromagnon.Male {
width: 239px;
height: 334px;
background: transparent url(../ci/cromagnon_male_web.png);
background-repeat: no-repeat;
margin: -17px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Cyclops.Female {
width: 226px;
height: 351px;
background: transparent url(../ci/cyclops_female_web.png);
background-repeat: no-repeat;
margin: -34px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Cyclops.Male {
width: 226px;
height: 337px;
background: transparent url(../ci/cyclops_male_web.png);
background-repeat: no-repeat;
margin: -20px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Demon.Female {
width: 242px;
height: 341px;
background: transparent url(../ci/demon_female_web.png);
background-repeat: no-repeat;
margin: -24px 0 0 -16px;
}
#RaceCard .PictureFrame .Picture.Demon.Male {
width: 261px;
height: 333px;
background: transparent url(../ci/demon_male_web.png);
background-repeat: no-repeat;
margin: -16px 0 0 -18px;
}
#RaceCard .PictureFrame .Picture.Doppelganger.Female {
width: 226px;
height: 317px;
background: transparent url(../ci/doppelganger_male_web.png);
background-repeat: no-repeat;
margin: 0;
}
#RaceCard .PictureFrame .Picture.Doppelganger.Male {
width: 226px;
height: 317px;
background: transparent url(../ci/doppelganger_male_web.png);
background-repeat: no-repeat;
margin: 0;
}
#RaceCard .PictureFrame .Picture.Draconian.Female {
width: 242px;
height: 347px;
background: transparent url(../ci/draconian_male_web.png);
background-repeat: no-repeat;
margin: -30px 0 0 -8px;
}
#RaceCard .PictureFrame .Picture.Draconian.Male {
width: 242px;
height: 347px;
background: transparent url(../ci/draconian_male_web.png);
background-repeat: no-repeat;
margin: -30px 0 0 -8px;
}
#RaceCard .PictureFrame .Picture.Drow.Female {
width: 237px;
height: 355px;
background: transparent url(../ci/drow_female_web.png);
background-repeat: no-repeat;
margin: -21px 0 0 -11px;
}
#RaceCard .PictureFrame .Picture.Drow.Male {
width: 234px;
height: 331px;
background: transparent url(../ci/drow_male_web.png);
background-repeat: no-repeat;
margin: -14px 0 0 -8px;
}
#RaceCard .PictureFrame .Picture.Duck.Female {
width: 226px;
height: 340px;
background: transparent url(../ci/duck_female_web.png);
background-repeat: no-repeat;
margin: -23px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Duck.Male {
width: 238px;
height: 334px;
background: transparent url(../ci/duck_male_web.png);
background-repeat: no-repeat;
margin: -17px 0 0 -12px;
}
#RaceCard .PictureFrame .Picture.Duergar.Female {
width: 255px;
height: 337px;
background: transparent url(../ci/duergar_female_web.png);
background-repeat: no-repeat;
margin: -20px 0 0 -19px;
}
#RaceCard .PictureFrame .Picture.Duergar.Male {
width: 257px;
height: 343px;
background: transparent url(../ci/duergar_male_web.png);
background-repeat: no-repeat;
margin: -26px 0 0 -31px;
}
#RaceCard .PictureFrame .Picture.Dwarf.Female {
width: 226px;
height: 347px;
background: transparent url(../ci/dwarf_female_web.png);
background-repeat: no-repeat;
margin: -30px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Dwarf.Male {
width: 237px;
height: 327px;
background: transparent url(../ci/dwarf_male_web.png);
background-repeat: no-repeat;
margin: -10px 0 0 -11px;
}
#RaceCard .PictureFrame .Picture.Elf.Female {
width: 226px;
height: 339px;
background: transparent url(../ci/elf_female_web.png);
background-repeat: no-repeat;
margin: -22px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Elf.Male {
width: 226px;
height: 340px;
background: transparent url(../ci/elf_male_web.png);
background-repeat: no-repeat;
margin: -23px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Ent.Female {
width: 256px;
height: 317px;
background: transparent url(../ci/ent_female_web.png);
background-repeat: no-repeat;
margin: 0 0 0 -15px;
}
#RaceCard .PictureFrame .Picture.Ent.Male {
width: 264px;
height: 345px;
background: transparent url(../ci/ent_male_web.png);
background-repeat: no-repeat;
margin: -22px 0 0 -24px;
}
#RaceCard .PictureFrame .Picture.Gargoyle.Female {
width: 254px;
height: 331px;
background: transparent url(../ci/gargoyle_female_web.png);
background-repeat: no-repeat;
margin: -14px 0 0 -28px;
}
#RaceCard .PictureFrame .Picture.Gargoyle.Male {
width: 253px;
height: 330px;
background: transparent url(../ci/gargoyle_male_web.png);
background-repeat: no-repeat;
margin: -13px 0 0 -27px;
}
#RaceCard .PictureFrame .Picture.Giant.Female {
width: 274px;
height: 339px;
background: transparent url(../ci/giant_female_web.png);
background-repeat: no-repeat;
margin: -22px 0 0 -29px;
}
#RaceCard .PictureFrame .Picture.Giant.Male {
width: 282px;
height: 342px;
background: transparent url(../ci/giant_male_web.png);
background-repeat: no-repeat;
margin: -25px 0 0 -38px;
}
#RaceCard .PictureFrame .Picture.Gnoll.Female {
width: 226px;
height: 346px;
background: transparent url(../ci/gnoll_female_web.png);
background-repeat: no-repeat;
margin: -29px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Gnoll.Male {
width: 240px;
height: 335px;
background: transparent url(../ci/gnoll_male_web.png);
background-repeat: no-repeat;
margin: -18px 0 0 -14px;
}
#RaceCard .PictureFrame .Picture.Gnome.Female {
width: 226px;
height: 333px;
background: transparent url(../ci/gnome_female_web.png);
background-repeat: no-repeat;
margin: -16px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Gnome.Male {
width: 226px;
height: 330px;
background: transparent url(../ci/gnome_male_web.png);
background-repeat: no-repeat;
margin: -13px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Hobbit.Female {
width: 247px;
height: 341px;
background: transparent url(../ci/hobbit_female_web.png);
background-repeat: no-repeat;
margin: -24px 0 0 -21px;
}
#RaceCard .PictureFrame .Picture.Hobbit.Male {
width: 235px;
height: 317px;
background: transparent url(../ci/hobbit_male_web.png);
background-repeat: no-repeat;
margin: 0;
}
#RaceCard .PictureFrame .Picture.Human.Female {
width: 231px;
height: 347px;
background: transparent url(../ci/human_female_web.png);
background-repeat: no-repeat;
margin: -30px 0 0 -0px;
}
#RaceCard .PictureFrame .Picture.Human.Male {
width: 226px;
height: 332px;
background: transparent url(../ci/human_male_web.png);
background-repeat: no-repeat;
margin: -15px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Kobold.Female {
width: 275px;
height: 326px;
background: transparent url(../ci/kobold_female_web.png);
background-repeat: no-repeat;
margin: -9px 0 0 -25px;
}
#RaceCard .PictureFrame .Picture.Kobold.Male {
width: 238px;
height: 344px;
background: transparent url(../ci/kobold_male_web.png);
background-repeat: no-repeat;
margin: -27px 0 0 -12px;
}
#RaceCard .PictureFrame .Picture.Leech.Female {
width: 274px;
height: 334px;
background: transparent url(../ci/leech_web.png);
background-repeat: no-repeat;
margin: -17px 0 0 -26px;
}
#RaceCard .PictureFrame .Picture.Leech.Male {
width: 274px;
height: 334px;
background: transparent url(../ci/leech_web.png);
background-repeat: no-repeat;
margin: -17px 0 0 -26px;
}
#RaceCard .PictureFrame .Picture.Leprechaun.Female {
width: 226px;
height: 354px;
background: transparent url(../ci/leprechaun_female_web.png);
background-repeat: no-repeat;
margin: -37px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Leprechaun.Male {
width: 226px;
height: 349px;
background: transparent url(../ci/leprechaun_male_web.png);
background-repeat: no-repeat;
margin: -32px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Lich.Female {
width: 242px;
height: 336px;
background: transparent url(../ci/lich_female_web.png);
background-repeat: no-repeat;
margin: -19px 0 0 -16px;
}
#RaceCard .PictureFrame .Picture.Lich.Male {
width: 278px;
height: 346px;
background: transparent url(../ci/lich_male_web.png);
background-repeat: no-repeat;
margin: -29px 0 0 -25px;
}
#RaceCard .PictureFrame .Picture.Lizardman.Female {
width: 239px;
height: 347px;
background: transparent url(../ci/lizardman_female_web.png);
background-repeat: no-repeat;
margin: -30px 0 0 -13px;
}
#RaceCard .PictureFrame .Picture.Lizardman.Male {
width: 226px;
height: 331px;
background: transparent url(../ci/lizardman_male_web.png);
background-repeat: no-repeat;
margin: -14px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Merfolk.Female {
width: 265px;
height: 335px;
background: transparent url(../ci/merfolk_female_web.png);
background-repeat: no-repeat;
margin: -18px 0 0 -19px;
}
#RaceCard .PictureFrame .Picture.Merfolk.Male {
width: 226px;
height: 334px;
background: transparent url(../ci/merfolk_male_web.png);
background-repeat: no-repeat;
margin: -17px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Minotaur.Female {
width: 234px;
height: 323px;
background: transparent url(../ci/minotaur_female_web.png);
background-repeat: no-repeat;
margin: -6px 0 0 -8px;
}
#RaceCard .PictureFrame .Picture.Minotaur.Male {
width: 258px;
height: 329px;
background: transparent url(../ci/minotaur_male_web.png);
background-repeat: no-repeat;
margin: -12px 0 0 -20px;
}
#RaceCard .PictureFrame .Picture.Moomin.Female {
width: 249px;
height: 336px;
background: transparent url(../ci/moomin_female_web.png);
background-repeat: no-repeat;
margin: -19px 0 0 -4px;
}
#RaceCard .PictureFrame .Picture.Moomin.Male {
width: 283px;
height: 327px;
background: transparent url(../ci/moomin_male_web.png);
background-repeat: no-repeat;
margin: -10px 0 0 -31px;
}
#RaceCard .PictureFrame .Picture.Ogre.Female {
width: 257px;
height: 349px;
background: transparent url(../ci/ogre_female_web.png);
background-repeat: no-repeat;
margin: -25px 0 0 -20px;
}
#RaceCard .PictureFrame .Picture.Ogre.Male {
width: 266px;
height: 345px;
background: transparent url(../ci/ogre_male_web.png);
background-repeat: no-repeat;
margin: -28px 0 0 -21px;
}
#RaceCard .PictureFrame .Picture.Orc.Female {
width: 232px;
height: 348px;
background: transparent url(../ci/orc_female_web.png);
background-repeat: no-repeat;
margin: -31px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Orc.Male {
width: 235px;
height: 342px;
background: transparent url(../ci/orc_male_web.png);
background-repeat: no-repeat;
margin: -25px 0 0 -9px;
}
#RaceCard .PictureFrame .Picture.Penguin.Female {
width: 237px;
height: 339px;
background: transparent url(../ci/penguin_female_web.png);
background-repeat: no-repeat;
margin: -22px 0 0 -11px;
}
#RaceCard .PictureFrame .Picture.Penguin.Male {
width: 237px;
height: 339px;
background: transparent url(../ci/penguin_female_web.png);
background-repeat: no-repeat;
margin: -22px 0 0 -11px;
}
#RaceCard .PictureFrame .Picture.Satyr.Female {
width: 257px;
height: 317px;
background: transparent url(../ci/satyr_female_web.png);
background-repeat: no-repeat;
margin: 0 0 0 -26px;
}
#RaceCard .PictureFrame .Picture.Satyr.Male {
width: 278px;
height: 326px;
background: transparent url(../ci/satyr_male_web.png);
background-repeat: no-repeat;
margin: -9px 0 0 -30px;
}
#RaceCard .PictureFrame .Picture.Shadow.Female {
width: 292px;
height: 353px;
background: transparent url(../ci/shadow_web.png);
background-repeat: no-repeat;
margin: -14px 0 0 -39px;
}
#RaceCard .PictureFrame .Picture.Shadow.Male {
width: 292px;
height: 353px;
background: transparent url(../ci/shadow_web.png);
background-repeat: no-repeat;
margin: -14px 0 0 -39px;
}
#RaceCard .PictureFrame .Picture.Skeleton.Female {
width: 286px;
height: 317px;
background: transparent url(../ci/skeleton_male_web.png);
background-repeat: no-repeat;
margin: 0 0 0 -32px;
}
#RaceCard .PictureFrame .Picture.Skeleton.Male {
width: 286px;
height: 317px;
background: transparent url(../ci/skeleton_male_web.png);
background-repeat: no-repeat;
margin: 0 0 0 -32px;
}
#RaceCard .PictureFrame .Picture.Sprite.Female {
width: 233px;
height: 348px;
background: transparent url(../ci/sprite_female_web.png);
background-repeat: no-repeat;
margin: -31px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Sprite.Male {
width: 265px;
height: 334px;
background: transparent url(../ci/sprite_male_web.png);
background-repeat: no-repeat;
margin: -17px 0 0 -19px;
}
#RaceCard .PictureFrame .Picture.Thrikhren.Female {
width: 280px;
height: 330px;
background: transparent url(../ci/thrikhren_male_web.png);
background-repeat: no-repeat;
margin: -13px 0 0 -28px;
}
#RaceCard .PictureFrame .Picture.Thrikhren.Male {
width: 280px;
height: 330px;
background: transparent url(../ci/thrikhren_male_web.png);
background-repeat: no-repeat;
margin: -13px 0 0 -28px;
}
#RaceCard .PictureFrame .Picture.Tinmen.Female {
width: 226px;
height: 344px;
background: transparent url(../ci/tinmen_male_web.png);
background-repeat: no-repeat;
margin: -27px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Tinmen.Male {
width: 226px;
height: 344px;
background: transparent url(../ci/tinmen_male_web.png);
background-repeat: no-repeat;
margin: -27px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Titan.Female {
width: 226px;
height: 340px;
background: transparent url(../ci/titan_female_web.png);
background-repeat: no-repeat;
margin: -23px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Titan.Male {
width: 226px;
height: 337px;
background: transparent url(../ci/titan_male_web.png);
background-repeat: no-repeat;
margin: -20px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Troll.Female {
width: 226px;
height: 335px;
background: transparent url(../ci/troll_female_web.png);
background-repeat: no-repeat;
margin: -18px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Troll.Male {
width: 226px;
height: 335px;
background: transparent url(../ci/troll_male_web.png);
background-repeat: no-repeat;
margin: -18px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Valar.Female {
width: 263px;
height: 334px;
background: transparent url(../ci/valar_female_web.png);
background-repeat: no-repeat;
margin: -17px 0 0 -21px;
}
#RaceCard .PictureFrame .Picture.Valar.Male {
width: 226px;
height: 347px;
background: transparent url(../ci/valar_male_web.png);
background-repeat: no-repeat;
margin: -30px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Vampire.Female {
width: 267px;
height: 350px;
background: transparent url(../ci/vampire_female_web.png);
background-repeat: no-repeat;
margin: -33px 0 0 -20px;
}
#RaceCard .PictureFrame .Picture.Vampire.Male {
width: 226px;
height: 329px;
background: transparent url(../ci/vampire_male_web.png);
background-repeat: no-repeat;
margin: -12px 0 0 0;
}
#RaceCard .PictureFrame .Picture.Wolfman.Female {
width: 237px;
height: 345px;
background: transparent url(../ci/wolfman_female_web.png);
background-repeat: no-repeat;
margin: -28px 0 0 -3px;
}
#RaceCard .PictureFrame .Picture.Wolfman.Male {
width: 254px;
height: 337px;
background: transparent url(../ci/wolfman_male_web.png);
background-repeat: no-repeat;
margin: -20px 0 0 -28px;
}
#RaceCard .PictureFrame .Picture.Zombie.Female {
width: 256px;
height: 363px;
background: transparent url(../ci/zombie_female_web.png);
background-repeat: no-repeat;
margin: -32px 0 0 -22px;
}
#RaceCard .PictureFrame .Picture.Zombie.Male {
width: 226px;
height: 333px;
background: transparent url(../ci/zombie_male_web.png);
background-repeat: no-repeat;
margin: -16px 0 0 0;
}
#RaceCard .PictureFrame .RaceGenders {
padding-left: 16px;
}
#RaceCard .PictureFrame .Gender {
float: left;
height: 33px;
font-size: 19px;
padding-top: 10px;
color: #2a313b;
}
#RaceCard .PictureFrame .Gender:hover {
cursor: pointer;
color: #5b707b;
}
#RaceCard .PictureFrame .Gender.Male {
width: 69px;
padding-left: 44px;
background: transparent url(../images/race_card_gendericon_male.png);
background-position: 23px 13px;
background-repeat: no-repeat;
}
#RaceCard .PictureFrame .Gender.Male:hover {
background-position: 23px -22px;
background-repeat: no-repeat;
}
#RaceCard .PictureFrame .Gender.Male.Active {
background-position: 23px -57px;
background-repeat: no-repeat;
color: #fff;
cursor: default;
}
#RaceCard .PictureFrame .Gender.Female {
width: 86px;
padding-left: 27px;
background: transparent url(../images/race_card_gendericon_female.png);
background-position: 8px 16px;
background-repeat: no-repeat;
}
#RaceCard .PictureFrame .Gender.Female:hover {
background-position: 8px -25px;
background-repeat: no-repeat;
}
#RaceCard .PictureFrame .Gender.Female.Active {
background-position: 8px -66px;
background-repeat: no-repeat;
color: #fff;
cursor: default;
}
#RaceCard .Stats {
padding: 5px 0 0 16px;
}
#RaceCard .Stats .Bar {
width: 230px;
height: 17px;
margin-bottom: 5px;
}
#RaceCard .Stats #Strength.Bar {
background: url(../images/race_card_statbarbg_strength.gif);
background-repeat: no-repeat;
}
#RaceCard .Stats #Dexterity.Bar {
background: url(../images/race_card_statbarbg_dexterity.gif);
background-repeat: no-repeat;
}
#RaceCard .Stats #Intelligence.Bar {
background: url(../images/race_card_statbarbg_intelligence.gif);
background-repeat: no-repeat;
}
#RaceCard .Stats #Wisdom.Bar {
background: url(../images/race_card_statbarbg_wisdom.gif);
background-repeat: no-repeat;
}
#RaceCard .Stats #Constitution.Bar {
background: url(../images/race_card_statbarbg_constitution.gif);
background-repeat: no-repeat;
}
#RaceCard .Stats #Size.Bar {
background: url(../images/race_card_statbarbg_size.gif);
background-repeat: no-repeat;
}
#RaceCard .Stats .Bar .Progress {
height: 17px;
}
#RaceCard .Stats #Strength.Bar .Progress {
background: url(../images/race_card_statbar_strength.png);
background-repeat: no-repeat;
}
#RaceCard .Stats #Dexterity.Bar .Progress {
background: url(../images/race_card_statbar_dexterity.png);
background-repeat: no-repeat;
}
#RaceCard .Stats #Intelligence.Bar .Progress {
background: url(../images/race_card_statbar_intelligence.png);
background-repeat: no-repeat;
}
#RaceCard .Stats #Wisdom.Bar .Progress {
background: url(../images/race_card_statbar_wisdom.png);
background-repeat: no-repeat;
}
#RaceCard .Stats #Constitution.Bar .Progress {
background: url(../images/race_card_statbar_constitution.png);
background-repeat: no-repeat;
}
#RaceCard .Stats #Size.Bar .Progress {
background: url(../images/race_card_statbar_size.png);
background-repeat: no-repeat;
}
#RaceCard .Top10 {
padding: 17px 0 17px 16px;
}
#RaceCard .Top10 .Topic H2 {
width: 184px;
height: 34px;
float: left;
}
#RaceCard .Top10 .Topic H3 {
width: 46px;
height: 34px;
float: left;
text-align: center;
font-size: 15px;
font-weight: normal;
margin: 17px 0 0 0;
padding: 0;
color: #2c333c;
}
#RaceCard .Top10 .Ranking {
width: 230px;
height: 222px;
background: transparent url(../images/race_card_top10listbg.png);
background-repeat: no-repeat;
}
#RaceCard .Top10 .Ranking UL {
margin: 0;
padding: 0;
list-style: none;
}
#RaceCard .Top10 .Ranking UL LI {
float: left;
height: 19px;
padding-top: 3px;
}
#RaceCard .Top10 .Ranking UL LI.Rank {
width: 26px;
text-align: center;
}
#RaceCard .Top10 .Ranking UL LI.Player {
width: 147px;
padding-left: 11px;
}
#RaceCard .Top10 .Ranking UL LI.Level {
width: 46px;
text-align: center;
}
#RaceCard .Top10 .Ranking UL#Row1 LI.Rank {
color: #c7e89b;
}
#RaceCard .Top10 .Ranking UL#Row2 LI.Rank {
color: #bbdc8f;
}
#RaceCard .Top10 .Ranking UL#Row3 LI.Rank {
color: #aecf82;
}
#RaceCard .Top10 .Ranking UL#Row4 LI.Rank {
color: #9ec074;
}
#RaceCard .Top10 .Ranking UL#Row5 LI.Rank {
color: #8fb065;
}
#RaceCard .Top10 .Ranking UL#Row6 LI.Rank {
color: #7c9e53;
}
#RaceCard .Top10 .Ranking UL#Row7 LI.Rank {
color: #6d8f45;
}
#RaceCard .Top10 .Ranking UL#Row8 LI.Rank {
color: #5c8035;
}
#RaceCard .Top10 .Ranking UL#Row9 LI.Rank {
color: #4e6f2c;
}
#RaceCard .Top10 .Ranking UL#Row10 LI.Rank {
color: #3f5a26;
}
#RaceCard .Top10 .Ranking UL#Row1 LI.Player, #RaceCard .Top10 .Ranking UL#Row1 LI.Level {
color: #d1d7dd;
}
#RaceCard .Top10 .Ranking UL#Row2 LI.Player, #RaceCard .Top10 .Ranking UL#Row2 LI.Level {
color: #c5cbd3;
}
#RaceCard .Top10 .Ranking UL#Row3 LI.Player, #RaceCard .Top10 .Ranking UL#Row3 LI.Level {
color: #b8bec6;
}
#RaceCard .Top10 .Ranking UL#Row4 LI.Player, #RaceCard .Top10 .Ranking UL#Row4 LI.Level {
color: #a7afb8;
}
#RaceCard .Top10 .Ranking UL#Row5 LI.Player, #RaceCard .Top10 .Ranking UL#Row5 LI.Level {
color: #989fab;
}
#RaceCard .Top10 .Ranking UL#Row6 LI.Player, #RaceCard .Top10 .Ranking UL#Row6 LI.Level {
color: #858d9a;
}
#RaceCard .Top10 .Ranking UL#Row7 LI.Player, #RaceCard .Top10 .Ranking UL#Row7 LI.Level {
color: #747e8c;
}
#RaceCard .Top10 .Ranking UL#Row8 LI.Player, #RaceCard .Top10 .Ranking UL#Row8 LI.Level {
color: #636f7d;
}
#RaceCard .Top10 .Ranking UL#Row9 LI.Player, #RaceCard .Top10 .Ranking UL#Row9 LI.Level {
color: #546071;
}
#RaceCard .Top10 .Ranking UL#Row10 LI.Player, #RaceCard .Top10 .Ranking UL#Row10 LI.Level {
color: #414e61;
}
#RaceCard .Right {
float: left;
width: 452px;
}
#RaceCard .Right H1 {
margin: 0;
padding: 10px 0 7px 0;
}
#RaceCard .RaceInfo {
padding: 0 17px 0 0;
}
#RaceCard .Right .RaceInfo P {
margin: 0 0 15px 0;
font-size: 13px;
}
#RaceCard .RaceInfo UL {
margin: 10px 0 30px 0;
padding: 0;
list-style: none;
}
#RaceCard .RaceInfo UL LI {
color: #5187c5;
line-height: 20px;
}
#RaceCard .InfoBox {
margin: 0 17px 17px 0;
padding: 0 0 0 15px;
}
#RaceCard .InfoBox H2 {
margin: 0;
padding: 10px 0 0 0;
}
#RaceCard .InfoBox UL {
margin: 8px 0 0 0;
padding: 0 0 10px 0;
list-style: none;
}
#RaceCard .InfoBox.Statistics {
background: #070b09 url(../images/race_card_statbg.gif);
background-repeat: repeat-x;
}
#RaceCard .InfoBox.Statistics UL LI {
float: left;
height: 26px;
width: 210px;
color: #56a446;
}
#RaceCard .InfoBox.Statistics UL LI B {
color: #a4c29d;
}
#RaceCard .InfoBox.Regions {
background: #070b09 url(../images/race_card_regionbg.gif);
background-repeat: repeat-x;
}
#RaceCard .InfoBox.Regions UL LI {
float: left;
width: 140px;
height: 22px;
}
/* Known Races (Race Browser) */
#RaceBrowser {
background: #0b0d11;
padding: 3px;
width: 726px;
}
#RaceBrowser .Race {
float: left;
width: 64px;
height: 64px;
background: #000;
margin: 1px;
opacity: .3;
filter: alpha(opacity=30);
}
#RaceBrowser .Race:hover {
opacity: .6;
filter: alpha(opacity=60);
cursor: pointer;
background: #fff;
}
#RaceBrowser .Race.Active {
opacity: 1.0;
filter: alpha(opacity=100);
margin: 0;
border: 1px solid #c6a200;
}
#RaceBrowser .Race#Barsoomian {
background: url(http://www.bat.org/ci/barsoomian_female.png);
}
#RaceBrowser .Race#Brownie {
background: url(http://www.bat.org/ci/brownie_male.png);
}
#RaceBrowser .Race#Catfolk {
background: url(http://www.bat.org/ci/catfolk_female.png);
}
#RaceBrowser .Race#Centaur {
background: url(http://www.bat.org/ci/centaur_male.png);
}
#RaceBrowser .Race#Cromagnon {
background: url(http://www.bat.org/ci/cromagnon_male.png);
}
#RaceBrowser .Race#Cyclops {
background: url(http://www.bat.org/ci/cyclops_female.png);
}
#RaceBrowser .Race#Demon {
background: url(http://www.bat.org/ci/demon_male.png);
}
#RaceBrowser .Race#Doppelganger {
background: url(http://www.bat.org/ci/doppelganger_female.png);
}
#RaceBrowser .Race#Draconian {
background: url(http://www.bat.org/ci/draconian_female.png);
}
#RaceBrowser .Race#Drow {
background: url(http://www.bat.org/ci/drow_female.png);
}
#RaceBrowser .Race#Duck {
background: url(http://www.bat.org/ci/duck_female.png);
}
#RaceBrowser .Race#Duergar {
background: url(http://www.bat.org/ci/duergar_female.png);
}
#RaceBrowser .Race#Dwarf {
background: url(http://www.bat.org/ci/dwarf_female.png);
}
#RaceBrowser .Race#Elf {
background: url(http://www.bat.org/ci/elf_female.png);
}
#RaceBrowser .Race#Ent {
background: url(http://www.bat.org/ci/ent_female.png);
}
#RaceBrowser .Race#Gargoyle {
background: url(http://www.bat.org/ci/gargoyle_female.png);
}
#RaceBrowser .Race#Giant {
background: url(http://www.bat.org/ci/giant_female.png);
}
#RaceBrowser .Race#Gnoll {
background: url(http://www.bat.org/ci/gnoll_female.png);
}
#RaceBrowser .Race#Gnome {
background: url(http://www.bat.org/ci/gnome_female.png);
}
#RaceBrowser .Race#Hobbit {
background: url(http://www.bat.org/ci/hobbit_female.png);
}
#RaceBrowser .Race#Human {
background: url(http://www.bat.org/ci/human_female.png);
}
#RaceBrowser .Race#Kobold {
background: url(http://www.bat.org/ci/kobold_female.png);
}
#RaceBrowser .Race#Leech {
background: url(http://www.bat.org/ci/leech_female.png);
}
#RaceBrowser .Race#Leprechaun {
background: url(http://www.bat.org/ci/leprechaun_female.png);
}
#RaceBrowser .Race#Lich {
background: url(http://www.bat.org/ci/lich_female.png);
}
#RaceBrowser .Race#Lizardman {
background: url(http://www.bat.org/ci/lizardman_female.png);
}
#RaceBrowser .Race#Merfolk {
background: url(http://www.bat.org/ci/merfolk_female.png);
}
#RaceBrowser .Race#Minotaur {
background: url(http://www.bat.org/ci/minotaur_female.png);
}
#RaceBrowser .Race#Moomin {
background: url(http://www.bat.org/ci/moomin_female.png);
}
#RaceBrowser .Race#Ogre {
background: url(http://www.bat.org/ci/ogre_female.png);
}
#RaceBrowser .Race#Orc {
background: url(http://www.bat.org/ci/orc_female.png);
}
#RaceBrowser .Race#Penguin {
background: url(http://www.bat.org/ci/penguin_female.png);
}
#RaceBrowser .Race#Satyr {
background: url(http://www.bat.org/ci/satyr_female.png);
}
#RaceBrowser .Race#Shadow {
background: url(http://www.bat.org/ci/shadow_female.png);
}
#RaceBrowser .Race#Skeleton {
background: url(http://www.bat.org/ci/skeleton_female.png);
}
#RaceBrowser .Race#Sprite {
background: url(http://www.bat.org/ci/sprite_female.png);
}
#RaceBrowser .Race#Thrikhren {
background: url(http://www.bat.org/ci/thrikhren_female.png);
}
#RaceBrowser .Race#Tinmen {
background: url(http://www.bat.org/ci/tinmen_female.png);
}
#RaceBrowser .Race#Titan {
background: url(http://www.bat.org/ci/titan_female.png);
}
#RaceBrowser .Race#Troll {
background: url(http://www.bat.org/ci/troll_female.png);
}
#RaceBrowser .Race#Valar {
background: url(http://www.bat.org/ci/valar_female.png);
}
#RaceBrowser .Race#Vampire {
background: url(http://www.bat.org/ci/vampire_female.png);
}
#RaceBrowser .Race#Wolfman {
background: url(http://www.bat.org/ci/wolfman_female.png);
}
#RaceBrowser .Race#Zombie {
background: url(http://www.bat.org/ci/zombie_male.png);
}
/* Maps of BatMUD */
#Maps {
position: relative;
height: 1329px;
width: 906px;
background: url(../images/maps_bigmap.jpg);
background-repeat: no-repeat;
margin: -20px 0 0 -43px;
}
#Maps .Intro {
position: absolute;
width: 403px;
height: 330px;
background: transparent url(../images/maps_paper.png);
background-repeat: no-repeat;
margin: 20px 0 0 40px;
padding: 40px 0 0 44px;
}
#Maps .Intro P {
width: 309px;
font-size: 12px;
font-family: Georgia, Trebuchet MS, arial, verdana, tahoma, sans-serif;
color: #9f9d9a;
}
#Maps .Continent a, #Maps .Continent a:visited {
color: #3580cc;
font-size: 11px;
background: transparent url(../images/maps_readmorebg.png);
display: inline-block;
padding: 2px 10px;
}
#Maps .Continent a:hover {
color: #339443;
}
#Maps .Continent H5 {
margin: 0;
padding: 0 0 10px 0;
font-size: 21px;
font-weight: normal;
}
#Maps .Continent.Rothikgen H5 {
color: #95c3b4;
}
#Maps .Continent.Laenor H5 {
color: #918a63;
}
#Maps .Continent.Desolathya H5 {
color: #76ad51;
}
#Maps .Continent.Furnachia H5 {
color: #b0ac3b;
}
#Maps .Continent.Lucentium H5 {
color: #48c651;
}
#Maps .Continent P {
margin: 0;
padding: 0 0 10px 0;
font-size: 12px;
color: #93b0d0;
line-height: 17px;
}
#Maps .Rothikgen {
width: 300px;
height: 120px;
position: absolute;
margin: 297px 0 0 476px;
text-align: right;
}
#Maps .Laenor {
width: 320px;
height: 120px;
position: absolute;
margin: 440px 0 0 72px;
text-align: right;
}
#Maps .Desolathya {
width: 320px;
height: 120px;
position: absolute;
margin: 773px 0 0 44px;
text-align: left;
}
#Maps .Furnachia {
width: 310px;
height: 120px;
position: absolute;
margin: 840px 0 0 466px;
text-align: right;
}
#Maps .Lucentium {
width: 350px;
height: 120px;
position: absolute;
margin: 1114px 0 0 156px;
text-align: left;
}
/* Maps Subpage */
#MapsInfo {
width: 756px;
background: transparent url(../images/maps_infobg.png);
background-repeat: no-repeat;
margin-left: -24px;
}
#MapsInfo H3 {
font-size: 15px;
font-weight: normal;
color: #fff;
padding-top: 4px;
}
#MapsInfo .Return {
position: absolute;
margin-left: 622px;
margin-top: 5px;
font-size: 13px;
}
#MapsInfo .Return a, #MapsInfo .Return a:visited {
color: #3580cc;
}
#MapsInfo .Return a:hover {
color: #5aa6f2;
}
#MapsInfo .Enlargen {
width: 160px;
position: absolute;
margin-left: 534px;
margin-top: 45px;
background: transparent url(../images/maps_enlargenbg.png);
background-repeat: no-repeat;
background-position: center bottom;
}
#MapsInfo .Enlargen a, #MapsInfo .Enlargen a:visited {
display: block;
padding-bottom: 7px;
padding-left: 37px;
font-size: 11px;
}
#MapsInfo.Rothikgen .Enlargen a {
padding-top: 145px;
}
#MapsInfo.Laenor .Enlargen a {
padding-top: 190px;
}
#MapsInfo.Desolathya .Enlargen a {
padding-top: 145px;
}
#MapsInfo.Furnachia .Enlargen a {
padding-top: 145px;
}
#MapsInfo.Lucentium .Enlargen a {
padding-top: 145px;
}
#MapsInfo .MapImage {
width: 732px;
padding: 17px 0 0 24px;
min-height: 500px;
}
html>body #MapsInfo .MapImage {
height: auto;
min-height: 500px;
}
#MapsInfo.Rothikgen .MapImage {
background: transparent url(../images/maps_rothikgen.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#MapsInfo.Laenor .MapImage {
background: transparent url(../images/maps_laenor.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#MapsInfo.Desolathya .MapImage {
background: transparent url(../images/maps_desolathya.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#MapsInfo.Furnachia .MapImage {
background: transparent url(../images/maps_furnachia.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#MapsInfo.Lucentium .MapImage {
background: transparent url(../images/maps_lucentium.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#MapsInfo .MapImage P {
width: 585px;
line-height: 17px;
}
#MapsInfo .MapImage P.Highlighted {
font-size: 13px;
color: #8db0d8;
width: 500px;
}
#MapsInfo .MapImage P.Narrow {
width: 500px;
}
/* Game Info */
#GameInfo {
padding-top: 9px;
}
#GameInfo .Illustration {
width: 732px;
height: 200px;
background: #0d1424 url(../images/gameinfo_illustration.jpg);
background-repeat: no-repeat;
margin-bottom: 17px;
}
#GameInfo H1 {
margin: 0;
padding: 0 0 14px 0;
}
#GameInfo H2 {
font-size: 15px;
font-weight: normal;
margin: 0;
padding: 12px 0 15px 0;
}
#GameInfo P {
margin: 0;
padding: 0 0 15px 0;
line-height: 20px;
}
#GameInfo .Left {
float: left;
width: 528px;
}
#GameInfo .Right {
float: left;
width: 183px;
padding-left: 21px;
padding-top: 51px;
}
#GameInfo .Right .Shortcut {
width: 183px;
height: 124px;
margin-bottom: 14px;
}
#GameInfo .Right .Shortcut.Maps {
background: url(../images/gameinfo_shortcut_maps.jpg);
background-repeat: no-repeat;
}
#GameInfo .Right .Shortcut.Races {
background: url(../images/gameinfo_shortcut_races.jpg);
background-repeat: no-repeat;
}
#GameInfo .Right .Shortcut.Guilds {
background: url(../images/gameinfo_shortcut_guilds.jpg);
background-repeat: no-repeat;
}
#GameInfo .Right .Shortcut.Help {
background: url(../images/gameinfo_shortcut_help.jpg);
background-repeat: no-repeat;
}
#GameInfo .Right .Shortcut a, #GameInfo .Right .Shortcut a:visited {
display: block;
padding-top: 100px;
padding-bottom: 6px;
font-size: 14px;
color: #c2cbd7;
text-align: center;
}
#GameInfo .Right .Shortcut a:hover {
color: #fff;
}
/* General helpfiles */
#RightContent .batboxlist .boxlink {
float: left;
display: block;
width: 171px;
padding-left: 8px;
border-top: 1px solid #1a1c23;
border-left: 1px solid #1a1c23;
background: #14161c;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration: none;
color: #dcdcdc;
margin-right: 3px;
margin-bottom: 3px;
/*
-webkit-transition-property:color, background;
-webkit-transition-duration: 100ms, 100ms;
-webkit-transition-timing-function: linear, ease-in;
*/
}
#RightContent .batboxlist .boxlink:hover {
color: #fff;
background-color: #1e222b;
border-top: 1px solid #272b35;
border-left: 1px solid #272b35;
}
#RightContent .batboxlist .separator {
clear: both;
border-bottom: 1px dashed #212227;
display: block;
margin-right: 3px;
padding-top: 3px;
margin-bottom: 6px;
}
#RightContent .elasticheading {
padding: 44px 0 14px 0;
}
#RightContent .elasticheading .headingline {
display: block;
border-top: 2px solid #484c5a;
}
#RightContent .subheading {
padding: 14px 0 14px 0;
}
#RightContent .subheading .separator {
display: block;
border-top: 1px dashed #212227;
}
#RightContent .subheading h3 {
display: block;
margin: 0;
padding: 0;
color: #ffd86e;
font-size: 16px;
float: left;
line-height: 28px;
background: #0D0E12;
margin-top: -16px;
padding-right: 6px;
}
#RightContent .elasticheading h2 {
display: block;
margin: 0;
padding: 0;
color: #ffd86e;
font-size: 19px;
float: left;
line-height: 28px;
background: #0D0E12;
margin-top: -16px;
padding-right: 6px;
}
#RightContent #generalhelpindex .elasticheading:first-child {
padding-top: 30px;
}
#RightContent #generalhelpindex .elasticheading:first-child h2 {
background: none !important;
}
#RightContent #generalhelpindex .elasticheading:first-child .headingline {
margin-left: 134px;
}
#RightContent .helpfilebox {
width: 756px;
background: transparent url(../images/maps_infobg.png);
background-repeat: no-repeat;
margin-left: -24px;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
#RightContent .helpfilebox #helpfile {
display: block;
white-space:pre;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
text-align: left;
}
/* skills and spells */
#RightContent #skspindex {
}
#RightContent #skspindex select {
width: 160px;
-webkit-appearance: button;
-webkit-border-radius: 14px;
-webkit-box-shadow: inset 0px 1px 0 rgba(225, 225, 225, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.4);
-webkit-padding-end: 32px;
/* -webkit-padding-start: 10px; */
-webkit-user-select: none;
background-color: #0c0d11;
background-image: url(../images/custom_selectarrow_dark.png), -webkit-linear-gradient(#323337, #1f2022);
background-position: center right;
background-repeat: no-repeat;
border: 0;
color: #cecece;
font-size: 11px;
margin: 0 0 0 8px;
padding: 0 0 0 10px !important;
overflow: hidden;
height: 28px;
text-overflow: ellipsis;
white-space: nowrap;
outline: none;
}
#RightContent #skspindex select:hover {
background-image: url(../images/custom_selectarrow_dark.png), -webkit-linear-gradient(#3b3c41, #252729);
}
/* Community */
#Community {
margin: -20px 0 0 -43px;
}
#Community .Illustration {
width: 805px;
height: 356px;
background: url(../images/community_illustration.jpg);
background-repeat: no-repeat;
}
#Community .Bottom {
width: 805px;
height: 329px;
background: url(../images/community_bottom.jpg);
background-repeat: no-repeat;
}
#Community .Bottom .Left {
float: left;
padding: 14px 0 0 43px;
width: 357px;
}
#Community .Bottom .Left H1 {
margin: 0;
padding: 0 0 12px 0;
}
#Community .Bottom .Left P {
font-size: 13px;
color: #a5a8ac;
padding: 0 0 15px 0;
margin: 0;
}
#Community .Bottom .Right {
float: left;
padding: 23px 0 0 47px;
width: 322px;
}
#Community .Bottom .Right H2 {
font-size: 15px;
color: #fff;
font-weight: normal;
padding: 0 0 13px 0;
margin: 0;
}
#Community .Bottom .Right .Events {
margin-bottom: 6px;
}
#Community .Bottom .Right .Events .Date {
font-size: 13px;
color: #504650;
}
#Community .Bottom .Right .Events a, #Community .Bottom .Right .Events a:visited {
font-size: 15px;
color: #e38fe3;
display: block;
padding-bottom: 16px;
margin-top: -3px;
}
#Community .Bottom .Right .Events a:hover {
color: #f9ccf9;
}
#Community .Bottom .Right .Events .Extra a, #Community .Bottom .Right .Events .Extra a:visited {
font-size: 10px;
color: #a5a8ac;
display: block;
padding-bottom: 11px;
margin-top: -13px;
}
#Community .Bottom .Right .Events .Extra a:hover {
color: #a5a8ac;
}
#Community .Bottom .Right .ReadMore {
font-size: 13px;
}
/* batUI.css */
.AlertMSG {
color: #FF6666;
}
.bold {
font-weight: bold;
}
@font-face {
font-family: 'Morpheus';
src: url('/xlib/fonts/morpheus-webfont.eot');
src: url('/xlib/fonts/morpheus-webfont.eot?#iefix') format('embedded-opentype'),
url('/xlib/fonts/morpheus-webfont.woff') format('woff'),
url('/xlib/fonts/morpheus-webfont.ttf') format('truetype'),
url('/xlib/fonts/morpheus-webfont.svg#MorpheusRegular') format('svg');
font-weight: normal;
font-style: normal;
}