/*General Style*/
html {background-color:#192535}
body {font-family:'Lucida Sans Unicode';font-size:12px;margin:auto}
textarea {resize:none} /*turns off the ability to resize in Chrome & Safari*/
input, textarea, select {font-family:'Georgia'}
h1,h2,h3,h4,h5 {font-weight:bold}
a {outline:none}
a.rev {text-decoration:none}
a:hover.rev {text-decoration:underline}
.hide {display:none}
.BasicButton {cursor:pointer}
.layout-box {margin:auto;width:1020px;width:990px}
.layout-content {background-color:#f7f7f7;padding:0 10px 20px;padding-top:30px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px}
.layout-footer {height:0}
.BoldText {font-weight:bold}
.small-avatar {height:28px;vertical-align:middle;margin:0 5px 0 0}
strong {font-weight:bold}
div.hl {height:1px;background-color:#e5e5e5;margin:10px 0}
.clx {clear:both}
table td {vertical-align:top}
.field {padding:2px 0}
.field input.text-input {border: solid 1px #999;height:18px; /* must specify height for consistent vertical alignment */vertical-align: middle;width:211px}
.field textarea {border: solid 1px #999;height:100px;width:211px}
.field .check label {display:inline-block;padding-left:9px;vertical-align:super;}
select {border:1px solid #999999;vertical-align:middle}
.numbers {font-family:Lucida Sans Unicode}
.numbers .red,
.numbers .green {font-size:11px}
.description-subtitle {margin-bottom:10px}
.label {width:111px;vertical-align:middle}
.important {font-weight:bold;padding:10px 0}
/*.general-select {border: solid 1px #999;padding:2px;height:25px; vertical-align: middle;width:213px}*/
/*Homepage Style */
/*Header Style */
.header {margin-bottom:15px}
.header .table {margin:auto;width:100%}
.header .table td {}
.header .logo {float:left;width:247px}
.header #topbanner {float:left}
.header .logindiv {float:right;width:184px}
.header .logindiv .title {font-family:'Lucida Sans Unicode';font-size:12px}
.header .logindiv .links {color:#cfcfcf;font-family:'Lucida Sans Unicode';font-size:10px}
.header .logindiv .links a {text-decoration:none}
.header .logindiv .links a:hover{text-decoration:underline}
.header .logindiv .idcred {color:#3f3f3f;font-size:12px;font-family:Georgia}
.header .logindiv .register {color:#2184fe}
.header .logindiv .forgot {color:#ff0007}
.header .logindiv .field {display:inline-block}
.header .logindiv .text-input {width:150px}
.header .logindiv .button {background-color:#5e79df;font-size:10px;color:white;border:solid #000000 1px;height:23px;width:44px}
.header .logindiv .linkstd {direction:rtl;font-size:10px;text-decoration:none}
.header .logindiv .linkstd td {direction:ltr}
.header .logindiv .linkstd a {color:#2a8db6;text-decoration:none}
/*.separator {width:100%;background-color:#cccccc;height:6px;margin-top:15px}*/
.bottom {height:100px;color:#7f7f7f}
.bottom .copyright,
.bottom .links {margin:15px auto 0;font-size:11px;text-align:center}
.bottom .links a {color:#7f7f7f;text-decoration:none}
.bottom .links a:hover {text-decoration:underline}
/* MainContent Style */
.Separator {width:10px}
.MainContent {margin-top:15px}
.MainContent .FirstTable {width:100%}
.MainContent .FlashIntro {display:inline-block;height:268px;width:596px;border:solid 1px #cfcfcf;-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#fff;text-align:center;color:#000}
.MainContent .FlashIntro span {line-height:268px;font-size:12px;font-weight:bold}
.MainContent .SecondTable {width:100%;margin-top:18px}
/*Test Style */
/* Test - Ready Style Start*/
.testContainer {}
.testContainer .testMain {margin:0px 1px 20px;}
.testContainer .testMain .feedback_error {background:url(/images/Test/error_32.png) no-repeat left;padding:5px;height:20px;padding-left:35px;color:Maroon;margin-bottom:5px}
.testContainer .testMain .feedback_success {background:url(/images/Test/ok_32.png) no-repeat left;padding:5px;height:20px;padding-left:35px;margin-bottom:5px}
.testContainer .testMain .codeView textarea {width:430px;height:400px;overflow:auto}
.testContainer .testMain .codeView textarea.success {background:url(/images/Test/smile_bg.png) no-repeat center #fff}
.testContainer .testMain .bottom {height:100px;margin-top:10px}
.testContainer .testMain .bottom .compilerRes {float:left;width:312px;position:relative}
.testContainer .testMain .bottom .compilerRes img {position:absolute;top:0px;left:0px}
.testContainer .testMain .bottom .compilerRes textarea {overflow:auto;min-height:80px; color:#0080da;width:258px;border:0;background:/*url(/images/Test/compilerRes_bg.png) no-repeat left top*/ #f1f1f1;padding-left:50px}
.testContainer .testMain .bottom .buttons {float:left;width:100px}
.testContainer .testMain .bottom .buttons .compileButton {background:url(/images/Test/compileButton_ltr.png) no-repeat;width:119px;height:37px;line-height:37px;padding-left:20px;border:0;display:inline-block;color:#fff;font-weight:bold;cursor:pointer}
.testContainer .testMain .bottom .buttons .resetButton {background:url(/images/Test/resetButton_ltr.png) no-repeat;width:119px;height:30px;line-height:30px;padding-left:20px;border:0;display:inline-block;color:#333;cursor:pointer;margin-top:5px}
.testContainer .testMain .bottom .buttons .continueButton {background:url(/images/Test/continueButton_ltr.png) no-repeat;width:119px;height:37px;line-height:37px;padding-left:20px;border:0;display:inline-block;color:#fff;font-weight:bold;cursor:pointer}
.testMain .test-header,
.testMain .test-footer {background-image:url(/images/boxes1.png);height:13px}
.testMain .test-header {background-position:0 -1583px;}
.testMain .test-footer {background-position:0 -1596px;}
.testMain .test-content {border-left:solid 1px #cbcfd2;border-right:solid 1px #cbcfd2; background-color:#f7f7f7;padding:0 13px}
.testMain .test-content textarea {width:100%;height:400px;border:none;background-color:#f7f7f7;overflow:auto;font-family:Consolas, 'Courier New', Courier;font-size:12px}
.q-buttons {margin-bottom:20px}
.q-buttons .icon {height:50px;width:50px;background-image:url(/images/icons2.png);float:left}
.q-buttons .content {float:left;width:450px;font-family:Georgia}
.q-buttons .question {}
.q-buttons .question .icon {background-position:0 -383px}
.q-buttons .q-error {font-size:16px;color:#ff0000;margin-top:10px}
.q-buttons .q-error .icon {background-position:0 -543px}
.q-buttons .q-success {font-size:16px;color:#4d4d4d}
.q-buttons .q-success .icon {background-position:0 -487px}
.q-buttons .reset-btn, .q-buttons .compile-btn, .q-buttons .cont-btn,
.q-buttons .forfeit-btn {background-image:url(/images/buttons.png);display:inline-block;width:89px;height:44px}
.q-buttons .charge1-btn,
.q-buttons .charge2-btn {width:45px}
.q-buttons .reset-btn {background-position:0 -618px}
.q-buttons .compile-btn {background-position:0 -662px}
.q-buttons .forfeit-btn {background-position:0 -706px}
.q-buttons .cont-btn {background-position:0 -750px}
.q-buttons .reset-btn span, .q-buttons .compile-btn span, .q-buttons .cont-btn span,
.q-buttons .forfeit-btn span {display:none}
.q-buttons .r-buttons {float:right}
.q-buttons a.button {color:#2184fe;padding-left:30px;background:url(/images/icons1.png) 0 -172px no-repeat;display:inline-block;text-decoration:none}
.q-buttons a.button {line-height:23px;height:27px;margin-top:3px}
.f-left {float:left}
.f-right {float:right}
.testContainer .testSide {float:left;width:195px}
.testContainer .testSide .score {padding:10px;background:url(/images/Test/star_16.png) no-repeat left;padding-left:20px;margin-bottom:5px;color:#999}
.testContainer .testSide .score h3 {font-family:Georgia, Serif;font-size:14px;color:#333;display:inline}
.testContainer .testSide .questionHead {background:url(/images/Test/qhead_bg.png) no-repeat left top;height:38px;line-height:38px;padding-left:50px}
.testContainer .testSide .questionHead h2 {padding:0;margin:0;font-weight:normal;font-size:15px;color:#aaa}
.testContainer .testSide .questionBody {background:#d8d8d8;padding:10px;line-height:150%;font-size:14px}
.testContainer .testSide .skipQ {display:block;padding:5px;text-align:right;background:#fff;color:#0c6d84;font-weight:bold;text-decoration:none}
/* Test - Ready Style END*/
.MainContent .MainTable {width:100%}
.MainContent .MainTable td {vertical-align:top}
.MainContent .SeparatorTD div {width:15px}
/* box */
.box .box-footer,
.box .box-header {font-family:'Lucida Sans Unicode';background-image:url(/images/boxes1.png);background-repeat:no-repeat}
.box .box-footer {padding:0 10px}
.box .box-content {font-family:'Georgia';border:solid 1px #cfcfcf;border-top:none;border-bottom:none}
.box-content table {width:100%}
.box-content table td {vertical-align:middle}
.box-content table td .strong {font-size:14px;font-weight:bold;padding-left:10px}
.box-content table td .hilite {color:#ff0007}
.box-content table td .go-button {}
.box-footer a {color:#c4f0ff;padding-left:30px;background:url(/images/icons1.png) 0 -172px no-repeat;display:inline-block;text-decoration:none}
.box-footer a.button-big {font-size:16px;line-height:23px;height:27px;margin-top:9px}
.box-footer a.button {line-height:23px;height:27px;margin-top:3px}
.box-header {font-size:18px;height:61px;padding:0 10px}
.box-header span {background-image:url(/images/icons1.png);background-repeat:no-repeat;display:inline-block;height:44px;padding-left:44px;margin-top:8px}
.form-header {font-size:24px;height:61px}
.form-header span {background-image:url(/images/icons1.png);background-repeat:no-repeat;display:inline-block;height:44px;padding-left:30px;margin-top:8px}
.small-box {width:235px}
.small-box .box-footer {height:48px;padding-left:7px}
.Captcha .main {margin-left:12px;}
.Captcha input {width:90px;height:30px;font-size:26px;margin-left:25px;border:1px solid #999;}
.registration-page .Captcha input {position:relative;left:9px}
/* Login Style */
.login-page {margin:auto; height:350px; }
.login-box {margin:auto; width:360px; margin-top:150px;}
.login-box-right {float:left;background-color:#fff;padding: 10px; height:105px;border:1px solid #999;-moz-border-radius:10px;-webkit-border-radius:10px}
.login-box-left {margin:auto; float:left; height:125px; width:20px;background-position: -696px -450px}
.login-box .title {margin: 10px 0px 10px;}
.login-box .links {color:#cfcfcf;font-family:'Lucida Sans Unicode';font-size:10px}
.login-box .links a {text-decoration:none; background-image:none;padding:5px}
/*.login-box .links a { padding:7px 8px 8px 32px}*/
.login-box .links a:hover {text-decoration:underline}
.login-box .forgot {color:#ff0007}
/* Registeration page */
.registration-page {width:700px; margin:auto;-moz-border-radius:10px;-webkit-border-radius:10px;background:white;border:1px solid #999;padding:20px;}
.registration-page select {width:213px}
.registration-page .form-action {text-align:center;margin:6px 0 10px}
.registration-page .fields {width:100%;margin-top:12px}
.registration-page .label {width:120px}
.privacymessage {font-size:11px;color:#999;text-align:center}
/*Test Style */
/*Profile Page*/
.profile {}
.profile .box-header {background-position:0 -1100px}
.profile .box-header span {background-position:11px 4px;font-size:24px;line-height:44px}
.profile .box-footer {background-position:0 -1334px;height:40px}
.profile .box-content {padding:20px 15px;font-family:'Lucida Sans Unicode'}
.profile .box-content table td{height:inherit;vertical-align:middle;}
.profile .box-content .label,
.profile .box-content label {}
.profile .hl {margin:20px 0 5px}
.profile .avatar {vertical-align:top !important}
.profile .block {padding:5px;}
.profile .blockseperator {margin-top: 10px}
.profile .label {width:105px}
.profile select {width:213px}
.profile .privacymessage {padding-top:10px}
.profile .field .check label{vertical-align:middle}
.important {font-weight:bold;padding:10px 0}
.profile h1 {font-size:24px}
.profile h2 {background-color:#FAFAFA;border-bottom:1px solid #E5E5E5;color:#3B3B3B;font-size:18px;font-weight:normal;margin-bottom:10px;padding:10px 5px}
.notif p {margin-bottom:10px}
.notif .field .check {line-height:20px}
.notif .field .check label {vertical-align:super}
.notif .form-action {padding-top:10px}
.change-pass .label {width:123px}
.change-pass .form-action {padding-top:10px}
/*forgot password*/
.forgotpassword {width:345px; margin:auto;background:white;border:1px solid #999;padding:20px;-moz-border-radius:10px;-webkit-border-radius:10px;margin-bottom:89px}
.forgotpassword .label {width:122px}
.forgotpassword .Captcha input {position:relative;left:11px}
.forgotpassword .form-action {text-align:right;padding-right:10px}
.forgotpassword .result p {font-size:14px;padding:10px 0}
/*finish registration page*/
.finish-registration-page {width:500px;margin:auto ;background-color:White;padding:20px;border:1px solid #999;-moz-border-radius:10px;-webkit-border-radius:10px}
.finish-registration-page .subtitle {font-size:18px; margin-bottom:20px; }
.finish-registration-page p {padding-bottom: 20px}
.finish-registration-page .submit {text-align: left; margin-top: 20px}
/*Invite Friends Page*/
.Invite-friends {width:600px;margin:auto;background-color:White;padding:20px;border:1px solid #999;-moz-border-radius:10px;-webkit-border-radius:10px}
.Invite-friends .subtitle {font-size:18px; margin-bottom:20px; }
.Invite-friends p {padding-bottom: 20px}
.Invite-friends .submit {text-align: left; margin-top: 20px}
.Invite-friends .text-input {border: solid 1px #999;height:18px; /* must specify height for consistent vertical alignment */vertical-align: middle;width:211px}
.Invite-friends .Invitation { margin:8px}
.block .Invite-friends {width:auto;margin:0;border:none;padding:0}
.block .Invite-friends .Invitation {margin:8px 0}
/*Contact Us Page*/
.contact-page {}
.contact-page textarea { height:100px;width:211px}
.contact-page .form-action { padding-right:8px;text-align:right}
.contact-page .label { width:111px}
.contact-page select { width:213px}
.contact-page .field { margin:0;font-size:inherit}
.contact-page .address { padding-left:90px; }
.contact-page .address .companyName { font-weight:bold; }
/*feedback page*/
.feedback-page {width:500px;margin:auto}
.feedback-page select {width:338px;}
.feedback-page textarea {width:336px;}
.feedback-page .submit {padding:10px;text-align:right}
.feedback-page .label {width:58px}
.feedback-page h1 {font-size:24px;padding-bottom:30px}
/* pager */
.page-message {color:#c4f0ff;padding-right:10px}
.pager-buttons a {display:none !important}
.pager-buttons .next-button,
.pager-buttons .prev-button {display:inline-block !important;background:url(/images/icons1.png) no-repeat;height:25px;line-height:25px}
.pager-buttons .next-button {background-position:0 -172px;padding-left:30px}
.pager-buttons .prev-button {background-position:28px -362px;padding-right:30px;padding-left:0}
/* Test Failed */
.TestFailed .PnlErrorMessage {background:transparent url(/Images/Test/error_32.png) no-repeat scroll left center;
color:Maroon;height:20px;margin-bottom:5px;padding:5px 5px 5px 35px}
.TestSucceed .PnlErrorMessage {background:transparent url(/images/Test/ok_32.png) no-repeat scroll left center;height:20px;
margin-bottom:5px;padding:5px 5px 5px 35px}
.TestSucceed .textContainer .testMain .codeView textarea {background:#FFFFFF url(/images/Test/smile_bg.png) no-repeat scroll center center}
/* Profile menu */
.menu {width:725px;position:relative;z-index:3}
.menu-items {padding:10px 0 0 18px;background:url(/images/boxes1.png) 0 -964px no-repeat;height:51px}
a.menu-item {margin-right:2px;display:inline-block;width:89px;height:44px;text-align:center;text-decoration:none;font-size:14px;background-image:url(/images/buttons.png);background-repeat:no-repeat}
a.menu-item span {display:none}
.menu a:hover span,
.menu a.curr span {color:#000}
.menu-arrow {height:15px;background-image:url(/images/boxes1.png);background-position:0 -1025px}
.menu-battles {background-position:0 -1025px}
.menu-rating {background-position:0 -1040px}
.menu-history {background-position:0 -1055px}
.menu-inbox {background-position:0 -1070px}
.menu-search {background-position:0 -1085px}
.menu-battle {background-position:0 -1374px}
.menu-item-battles {background-position:0 -354px}
a:hover.menu-item-battles,
a.curr.menu-item-battles {background-position:0 -486px}
.menu-item-rating {background-position:0 -178px}
a:hover.menu-item-rating,
a.curr.menu-item-rating {background-position:0 -442px}
.menu-item-history {background-position:0 -222px}
a:hover.menu-item-history,
a.curr.menu-item-history {background-position:0 -530px}
.menu-item-inbox {background-position:0 -266px}
a:hover.menu-item-inbox,
a.curr.menu-item-inbox {background-position:0 -574px}
.menu-item-search {background-position:0 -310px}
a:hover.menu-item-search,
a.curr.menu-item-search {background-position:0 -398px}
.cr-battle-btn {background:url(/images/buttons.png) no-repeat 0 -134px;display:inline-block;width:88px;height:43px}
/* Grids */
.grid {margin-left:10px;width:332px;font-size:11px;margin-bottom:15px}
.grid-header {height:30px;line-height:30px;background-color:#bbe0e3;text-align:center}
.grid-header strong {color:#00f}
.grid-table {width:100%}
.grid-table td, .grid-table th,
.grid-table {border:none;border-color:#fff;/*background-color:#f5f5f5*/}
.grid-table td,
.grid-table th {height:20px;vertical-align:middle;padding:1px 3px}
.grid-header,
.grid-table th {font-weight:bold}
.grid-table tr.alt {/*background-color:#666*/}
.grid-table tr {height:32px}
.grid-table .challenge-fld {width:62px}
.grid-table .challenge-btn {font-size:11px}
.grid-table .go-fld {width:17px}
.grid-table .rating {width:70px}
.grid-table .time-left-fld {font-family:'Lucida Sans Unicode';color:#ff0007;font-size:11px}
.grid-header {font-size:12px}
.grid-header th {font-weight:bold;color:#fff}
.grid-header th a {color:#fff;text-decoration:none}
.grid-header th a.sorting{display:inline-block;background-image:url(/images/sort.png);background-position:center 22px;color:#bce5f3;background-repeat:no-repeat}
.grid-header th a:hover {text-decoration:underline}
.ratings .grid {float:left}
/* text pages */
.text-page {border:solid 1px #cfcfcf;-moz-border-radius:10px;min-height:300px;-webkit-border-radius:10px;padding:20px;background-color:#fff;width:681px}
.text-page h1 {font-size:24px;font-weight:bold;margin-bottom:20px}
.text-page h2 {font-size:18px;margin-bottom:10px}
.text-page h3 {font-size:14px;margin-bottom:10px}
.text-page div,
.text-page p {margin-bottom:12px;text-align:justify;font-size:11px;line-height:18px}
.text-page ul {list-style-type:disc;margin:12px 0 12px 20px}
.text-page ol {list-style-type:decimal;margin:12px 0 12px 20px;}
.text-page ol li {margin-bottom:12px}
.text-page .seeking { font-weight: bold; font-size: 14px; color: #CC0000; }
.text-page .press a {color:#3B5998;text-decoration:none}
.text-page .press .date {color:#999;font-size:11px}
.text-page .pressReleases a {color:#3B5998;text-decoration:none}
.text-page .pressReleases .date {color:#999;font-size:11px}
.text-page .pressReleases .header {color:#3B5998;font-size:14px;font-weight:bold}
.text-page .faq .category {cursor: pointer;font-weight:bold;color:#3B5998}
.text-page .faqs {display: none;cursor:auto;font-weight:normal}
.text-page .faqs .headers {font-weight:bold;margin-right:10px;color:#3B5998}
.text-page .page-message {color:#111}
.text-side-menu {border:solid 1px #cfcfcf;width:195px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:15px 20px;background-color:#fff}
.text-side-item {display:block;font-size:14px;color:#000;text-decoration:none;padding:5px 4px;border-bottom:solid 1px #efefef}
.text-side-menu .curr{background-color:#2184fe;color:#fff;font-weight:bold}
.text-side-item:hover{}
.text-side-menu .last-item {border:none}
/* universe map box */
.troll-universe {width:362px}
.troll-universe .box-header {background-position:0 0;height:52px;font-size:24px;color:#fff;line-height:52px}
.troll-universe .box-header span{background:none;padding:0;margin:0}
.troll-universe #flashcontent {border:solid 1px #cfcfcf;border-top:none}
.troll-universe small {color:#d2d2d2;font-size:14px}
.troll-universe small.cyan {color:#c4f0ff}
.avatar {width:98px}
.avatar .border {background:url(/images/avatar-border.png) no-repeat;height:123px;;padding:5px}
/* featured trolls */
.feat-troll {margin-bottom:18px}
.feat-troll .box-header {background-position:0 -69px;color:#000}
.feat-troll .box-header span {background-position:0 3px;padding-left:32px}
.feat-troll .box-footer {background-position:0 -151px}
.feat-troll .box-content {padding:5px 10px 0px}
.feat-troll td.avatar {vertical-align:top !important;padding:0 5px 0 0}
.feat-troll .trollname a {color:#4c6074;text-decoration:none;font-weight:bold}
.feat-troll .skills {color:#1a1a1a}
.feat-troll .skills tr td {height:22px !important}
.feat-troll .skills .level-fld {width:30px}
.feat-troll .most-points {color:#787879}
.feat-troll .most-points strong {color:#000}
.feat-troll .hl {margin:7px 0 3px}
.blue {color:#2184fe}
.gray {color:#8e8d8d}
.green {color:#589901}
.red {color:#b25050}
.cyan {color:#c4f0ff}
.white {color:#fff}
table.fields td {vertical-align:middle}
a.form-btn, a.form-btn span {display:inline-block;height:37px;text-decoration:none}
a.form-btn {background:url(/images/form-btn-a.png) no-repeat right bottom;padding-right:9px}
a.form-btn span {background:url(/images/form-btn.png) no-repeat left top;padding-left:9px;color:#bce5f3;line-height:33px;font-size:16px}
a.form-btn:hover,
a.form-btn:hover span {text-decoration:none}
div.trollname {margin-bottom:5px}
div.add-info {font-size:10px}
.banner {margin-top:12px}
/* troll info */
td.troll-info {padding-right:10px}
.troll-info .box-header {background-position:0 -69px;color:#000}
.troll-info .box-header span {background-position:0 3px;padding-left:30px}
.troll-info .box-footer {background-position:0 -151px}
.troll-info .box-content {padding:5px 10px;background-color:#fff}
.troll-info td.avatar {vertical-align:top !important;padding:0 5px 0 0}
.troll-info .trollname a {color:#4c6074;text-decoration:none;font-weight:bold}
.troll-info .skills {color:#1a1a1a}
.troll-info .skills .grid-header th{font-size:inherit;background-color:#fff;line-height:normal;height:32px;color:#000}
.troll-info .skills td {height:32px}
.troll-info .most-points {color:#787879}
.troll-info .most-points strong {color:#000}
.troll-info .rating {font-size:14px}
.troll-info .rating .blue {font-size:16px;padding:5px 0}
.troll-info h3 {color:#4c6074;font-size:14px;margin-bottom:3px}
.troll-info .box-header a.blue {font-size:10px;margin-left:66px}
.troll-info-small {margin-bottom:20px}
.troll-info .unread {font-size:11px;color:#fff}
table.gen-info td {height:25px}
.personal .rating {display:inline-block;margin:15px 0;}
.skills .rating-fld {width:93px}
.skills .skill-name-fld {width:56px}
.skills .skill-level-fld {padding-right:23px;background-image:url(/images/icons1.png);display:inline-block;height:20;line-height:20px}
.skills .level-5 {background-position:13px -454px}
.skills .level-4 {background-position:13px -478px}
.skills .level-3 {background-position:13px -502px}
.skills .level-2 {background-position:13px -526px}
.skills .level-1 {background-position:13px -550px}
.skills .level-0 {background:none}
/* 1on1 battles */
.on1-battles .box-header {background-position:0 -319px;color:#fff}
.on1-battles .box-header span {background-position:0 -86px;padding-left:30px;font-size:16px}
.on1-battles .box-header small {font-size:10px}
.on1-battles .box-footer {background-position:0 -402px}
.on1-battles tr {background-color:#d8e1ea}
.on1-battles tr.alt {background-color:#edf1f5}
.on1-battles .grid-header {background-color:#1a2636}
/* rumble battles*/
.ramble-battle .box-header {background-position:0 -199px;color:#fff}
.ramble-battle .box-header span {background-position:0 -40px;font-size:16px}
.ramble-battle .box-header small{font-size:10px}
.ramble-battle .box-footer {background-position:0 -272px}
.ramble-battle tr {background-color:#d3e1e4}
.ramble-battle tr.alt {background-color:#f0f5f6}
.ramble-battle .grid-header {background-color:#1a2636}
.on1-battles .box-content,
.ramble-battle .box-content {height:288px}
/* battle private page*/
/* my-open-battles */
.my-open-battles {width:705px;margin-top:20px}
.my-open-battles .box-header {height:71px;background-position:0 -450px;color:#fff;font-size:24px;line-height:71px}
.my-open-battles .box-header span {background-image:url(/images/icons2.png);background-position:0 -203px;margin:0;display:inline-block;height:38px;line-height:38px;margin-top:15px;float:left}
.my-open-battles .box-content {border-top:none}
.my-open-battles .cr-battle-btn {float:right;margin-top:14px}
.my-open-battles .box-footer {height:40px;background-position:0 -535px}
.my-open-battles th {background-color:#3d5d79;color:#fff;border-top:1px solid #314a61}
.my-open-battles .confirm-forfeit{display:inline-block;width:67px;height:26px;background:url(/images/forfeit-btn.png)}
.search-map {width:343px;background-image:url(/images/boxes1.png);background-position:0 -575px;float:right}
.search-map .box-header {height:61px;background:none}
.search-map .box-footer {height:36px;background:none;padding-top:6px}
.search-map .cr-battle-btn {float:right;margin-top:10px;background-position:0 0}
.search-map .box-header span {background-image:url(/images/icons2.png);background-position:0 -332px;float:left}
.search-map .keywords {border:1px solid #999999;vertical-align:middle;width:280px;margin-right:6px}
.my-suggested {width:343px;float:left}
.my-suggested .box-header {height:61px;padding:0;background-position:-343px -575px}
.my-suggested .box-header a span{visibility:hidden}
.my-suggested .box-content {height:288px}
.my-suggested .grid-header-title{float:left}
.my-suggested .cr-battle-btn {float:right}
.my-suggested .box-footer {height:40px;background-position:-343px -924px}
.my-suggested .bigbtn {display:inline-block;width:168px;height:61px;text-decoration:none}
.my-suggested th {background-color:#1a2636;color:#fff}
.my-suggested .bigbtn span {color:#fff;margin-left:10px}
.rumble-on .box-header {background-position:-343px -636px}
.rumble-on .box-footer {background-position:-343px -707px}
.beige-theme tr {background-color:#f2f2f2}
.beige-theme tr.alt {background-color:#d9d9d9}
.aqua-theme tr {background-color:#edf1f5}
.aqua-theme tr.alt {background-color:#d8e2eb}
/* troll register */
.register-box {margin-bottom:18px}
.register-box .box-header {background-position:0 -69px;color:#000}
.register-box .box-header span {background-position:0 -129px}
.register-box .box-footer {background-position:0 -151px}
.register-box .box-content {padding:8px 10px}
.register-box .field select {width:213px}
/* form */
.form {background-image:url(/images/boxes1.png);background-repeat:no-repeat;background-position:0 -1100px;height:274px;margin-bottom:20px}
.form .box-header {background:none;font-size:24px}
.form .box-header span {line-height:44px;background-position:0 -581px}
.form .box-footer {background:none}
.form .box-content {background-color:#fff}
.form .desc {font-size:18px;padding:15px 20px;border-bottom:solid 1px #ccc}
.form .fields {padding:15px 20px}
.form .fields div {margin:5px 0}
.form label {font-family:'Lucida Sans Unicode'}
.rating-form .box-header span {background-position:0 -208px}
.rating-form .box-content {height:170px}
.rating-form .box-footer {line-height:40px;color:#cfcfcf}
.rating-form .box-footer span {font-size:11px}
.rating-form .box-footer .query {color:#fff;font-size:14px;font-family:Georgia}
.filter-title {font-family:'Lucida Sans Unicode';font-size:16px;color:#4f4f4f}
.search-form .box-footer {line-height:40px;color:#cfcfcf}
.search-form .box-footer span {font-size:11px}
.search-form .box-footer .query {color:#fff;font-size:14px;font-family:Georgia}
.error-box {margin:0 auto;width:705px}
.error-box .box-header span {background-position:11px 4px}
.error-box .box-content {height:135px;padding:20px}
.error-box .box-content p {margin-bottom:20px;line-height:20px}
.error-box .box-footer {line-height:40px;color:#cfcfcf}
.rating-box {width:343px;float:left}
.rating-box .box-header {height:61px;background-position:0 -575px}
.rating-box .box-footer {height:40px;background-position:0 -924px}
.rating-box .box-content {height:288px}
.rating-box .box-header span {background-position:0 -263px}
.rating-box td {height:29px;border-bottom:solid 1px #cfcfcf}
.rating-box tr {background-color:#e2e2e2}
.rating-box .grid-sel {font-weight:bold}
.rating-box tr.alt {background-color:#f2f2f2}
.rating-box .grid-header {background-color:#5a5a5a;color:#fff}
.rating-box .grid-sel {background-color:#539df8;color:#fff}
.rating-box .rating-1 {background-color:#becfdb}
.rating-box .rating-2 {background-color:#6e94af}
.rating-box .rating-3 {background-color:#becfdb}
.rating-chart-box {width:343px;float:right}
.rating-chart-box .box-header {height:61px;background-position:0 -575px}
.rating-chart-box .box-footer {height:40px;background-position:0 -924px}
.rating-chart-box .box-header span {background-position:0 -312px}
.city-fld {width:211px}
.big-rating-box .box-header {background-position:0 -1100px;font-size:24px;}
.big-rating-box .box-header span{background-position:0 -263px;line-height:44px}
.big-rating-box .box-content {}
.big-rating-box .box-footer {line-height:40px;color:#cfcfcf;background-position:0 -1334px}
.big-rating-box .box-footer span{font-size:11px}
.big-rating-box tr.alt {background-color:#f2f2f2}
.big-rating-box .grid-header {background-color:#5a5a5a;color:#fff}
.big-rating-box .grid-sel {background-color:#539df8;color:#fff}
.search-res {width:705px}
.search-res .box-header {height:61px;padding:0;background-position:0 -1609px}
.search-res .grid-header-title {float:left}
.search-res .box-footer {height:40px}
.search-res .box-content {border-color:#cbcfd2}
.search-res .bigbtn {display:inline-block;width:351px;height:61px;text-decoration:none}
.search-res .bigbtn span {color:#fff;background:none;font-size:24px}
.search-res small {font-size:12px;color:#cad0e3}
.search-res small.summ {font-size:12px;font-family:Georgia;color:#dadff1}
.search-res #trollim {float:right}
.search-res #battles {float:left}
.search-res .grid-header {color:#fff}
.trollim-res .grid-header {background-color:#58465e}
.trollim-res .box-footer {background-position:0 -1670px}
.battles-res .grid-header {background-color:#384a5a}
.battles-res .box-footer {background-position:0 -2288px}
.search-res .box-footer {line-height:40px}
.search-res .trollim-on {background-position:0 -2328px}
.history-ovr {width:343px;float:left;margin-bottom:20px}
.history-ovr .box-header {height:61px;background-position:0 -575px;line-height:45px}
.history-ovr .box-footer {height:40px;background-position:0 -924px}
.history-ovr .box-header span {background-position:0 -400px;font-size:24px}
.history-ovr .header {padding:10px 15px;font-size:14px;color:#4f4f4f;background-color:#f7f7f7;font-family:Lucida Sans Unicode;margin:0}
.history-ovr .info {padding:10px 15px;border-top:solid 1px #cbcfd2}
.history-ovr .total {font-size:16px;color:#000}
.history-ovr .break {font-size:11px;color:#868585}
.history-ovr .img {width:60px;height:43px}
.inbox {margin-bottom:20px}
.inbox .box-header {height:63px;background-position:0 -1710px}
.inbox .box-footer {height:40px;background-position:0 -1773px}
.inbox .box-content {border-top:none}
.inbox .grid-header {background-color:#516b3f;color:#fff}
.inbox .mail {background-color:#f4f7f2;cursor:pointer}
.inbox .alt {background-color:#dde7d8}
.inbox .mail-icon {background-image:url(/images/icons2.png);background-repeat:no-repeat;background-position:2px -651px;display:inline-block;width:20px;height:20px}
.inbox .mail-new {background-position:2px -602px}
.inbox .selected {background-color:#539df8}
.inbox .selected td {color:#fff}
.inbox .selected .mail-icon {background-position:2px -679px}
.inbox .selected .mail-new {background-position:2px -624px}
.inbox .box-footer .f-left a {background:none;padding:0}
.inbox .box-footer {line-height:40px}
.inbox .inbox-btn {display:inline-block;width:27px;height:26px}
.inbox .accept-btn {background:url(/images/accept-btn.png)}
.inbox .confirm-decline {background:url(/images/decline-btn.png)}
.inbox .confirm-delete {background:url(/images/del-btn.png)}
.inbox .status-fld {width:43px;text-align:center}
.inbox .select-fld {width:13px;text-align:center}
.grid-table .go-button {width:27px;padding:0}
.grid-table .go-button-last {width:27px;padding:0 4px 0 0}
.rumble-opp .box-header {height:61px;padding:0;background-position:0 -1853px}
.rumble-opp .box-header span {background:none;padding-left:44px}
.rumble-opp .box-content {padding:0}
.rumble-opp .box-footer {height:40px;background-position:0 -1813px}
.rumble-opp .grid-header {background-color:#014352;color:#fff}
.rumble-opp tr {background-color:#d3e0e4}
.rumble-opp tr.alt {background-color:#f0f5f6}
.message {margin-bottom:20px;border:solid 1px #cbcfd2;-moz-border-radius:10px;-webkit-border-radius:10px}
.message td {padding:10px}
.message .mail-user, .message .mail-subj,
.message .mail-body {font-family:Georgia;font-size:18px;font-weight:bold}
.message .mail-user {}
.message .mail-subj {color:#4c6074}
.message .mail-body {font-size:12px;color:#656565;font-weight:normal}
.message p {margin-bottom:10px}
.message .buttons,
.message .buttons a {font-size:14px}
.message .inbox-btn {display:inline-block;width:27px;height:26px}
.message .accept-btn {background:url(/images/accept-btn.png)}
.message .confirm-decline {background:url(/images/decline-btn.png)}
.message .confirm-delete {background:url(/images/del-btn.png)}
.history-gr {width:705px;margin-bottom:20px}
.history-gr .box-header {height:61px;background-position:0 -1915px;line-height:61px}
.history-gr .box-header span {visibility:hidden}
.history-gr .box-content {border-top:none}
.history-gr .cr-battle-btn {float:right;margin-top:14px}
.history-gr .box-footer {height:40px;background-position:0 -1976px;line-height:40px}
.history-gr .grid-header {background-color:#1a2636;color:#fff}
.history-gr .pos-fld,
.history-gr .score-fld {text-align:center;width:54px}
/* view all battles */
.wide-box {width:705px}
.wide-box .box-header {height:61px}
.wide-box .box-header span {font-size:24px;color:#fff;line-height:39px}
.wide-box .box-footer {height:40px;line-height:40px}
.wide-box .box-content {border-color:#cbcfd2}
.wide-box .grid-header {background-color:#1a2636}
.oneonone-open .box-header {background-position:0 -2198px}
.oneonone-open .box-header span {background-position:0 -87px}
.oneonone-open .box-footer {background-position:0 -2288px}
.rumble-open .box-header {background-position:0 -2077px}
.rumble-open .box-header span {background-position:0 -87px}
.rumble-open .box-footer {background-position:0 -2158px}
/* view trolls */
.follow-me .box-header {background-position:0 -2016px}
.follow-me .grid-header {background-color:#58465e}
.follow-me .box-header span {background:none}
.follow-me .box-footer {background-position:0 -1670px}
.i-follow .box-header {background-position:0 -2016px}
.i-follow .grid-header {background-color:#58465e}
.i-follow .box-header span {background:none}
.i-follow .box-footer {background-position:0 -1670px}
.search-form {}
/* profile */
.profile-content {padding:10px 9px;background-color:#fff;border:solid 1px #cbcfd2;border-top:none;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px}
.profile-content .Title {font-size:18px;margin-bottom:10px}
.profile-content .dates {width: 108px; display: inline-block}
/* battle content */
.battle-content {background-color:#fff;border:solid 1px #cbcfd2;position:relative;top:-14px;border-top:none;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px}
.battle-content .battle-title-back {background:url(/images/1on1-bk.png) repeat-x;height:85px;color:#fff;padding:20px 20px 0}
.rumble-battle .battle-title-back {background:url(/images/rumble-bk.png) repeat-x}
.battle-content .battle-type {background-position:0 -86px;background-image:url(/images/icons1.png);background-repeat:no-repeat;height:44px;padding-left:44px;font-size:24px;line-height:44px}
.battle-content .battle-skill {font-size:18px;font-family:Georgia;color:#c6f0ff;font-weight:bold;padding-left:47px}
.rumble-battle .battle-type {background-position:0 -40px}
.is-sponsored .battle-title-back {background:none}
.is-sponsored .battle-title-back div{}
.is-sponsored .battle-title-back img{position:absolute;right:0;top:0}
.battle-content-content {padding:0 9px 10px 8px}
.battle-content .awards {background:url(/images/prize-bk.png) repeat-x;height:100px}
.prize {float:left;width:226px;padding-left:15px;margin-top:29px}
.prize p {padding-left:54px}
.prize .title {font-family:Georgia;font-weight:bold;font-size:14px}
.prize .gift {color:#2184fe}
.prize img {float:left;width:40px;height:45px;background-repeat:no-repeat;background-position:center center}
.prize-1 img {background-image:url(/images/prize1.png);}
.prize-2 img {background-image:url(/images/prize2.png);}
.prize-3 img {background-image:url(/images/prize3.png);}
.prize-1 .title {color:#000}
.prize-2 .title {color:#4c6074}
.prize-3 .title {color:#737373}
/* Skills*/
.Skills .subtitle {margin-bottom:10px}
.Skills .label {width:154px}
.Skills select {width:60px}
.Skills .form-action {width:214px;text-align:right}
.SkillsList {margin:10px 0;width:214px;font-family:Lucida Sans Unicode;font-size:12px}
.SkillsList .normal {background-color:#f4f7f2;cursor:pointer}
.SkillsList .alt {background-color:#dde7d8}
.SkillsList .btn {display:inline-block;width:27px;height:26px}
.SkillsList .confirm-delete {background:url(/images/del-btn.png)}
.SkillsList .grid-header {background-color: #516B3F}
/* create battle*/
.create-btl {height:inherit}
.create-btl select {width:90px}
.create-btl input.text-input {width:88px}
.create-btl .label {width:186px;vertical-align:top;}
.create-btl .imgDate {width:16px; height:16px;margin-left:3px;vertical-align:middle;}
.create-btl .form-action {padding-top:10px}
.create-btl .box-header {background-position:0 -1100px}
.create-btl .box-header span {background-position:5px -633px;font-size:24px;line-height:44px}
.create-btl .box-footer {background-position:0 -1334px;height:40px}
.create-btl .box-content {padding:20px}
.create-btl .box-content table td{height:inherit;vertical-align:middle;}
.create-btl .box-content .label,
.create-btl .box-content label {font-family:'Lucida Sans Unicode'}
/* watermark positioning container */
.updnWatermark {position: relative;/* positioning container */
width: 0;
height: 1.25em; /* must specify height for consistent vertical alignment */
vertical-align: middle;
}
/* IE7/6 hasLayout hack */
.updnWatermark {*zoom: 1;}
/* watermark label styling */
.updnWatermark label {position: absolute;left:0;top:0;white-space:nowrap;color:#999;padding-left:4px;height:21px; /* must specify height for consistent vertical alignment */vertical-align: middle;font-style:italic}
.completion-list {border:solid 1px #a0a0a0;z-index:2;padding:1px;background-color:#fff}
.completion-item {color:#4c4c4c;padding:3px;z-index:2}
.completion-hilite {color:#fff;padding:3px;background-color:#a0a0a0;z-index:2;cursor:pointer}
/*corporate edition*/
.corporate .gallery { }
.corporate .gallery { margin:0 3px }
/* Overlay */
#confirmModalOverlay {background-color:#000; cursor:normal}
/* Container */
#simplemodal-notification {height:140px; width:420px; font-family:'Lucida Sans Unicode'; font-size:16px; text-align:left; background:#fff; border:1px solid #cbcfd2;}
#simplemodal-notification .header {background:url(/images/modal-header.png) repeat-x;height:40px; width:100%; color:#000; font-size:1.1em; font-weight:bold; line-height:38px;}
#simplemodal-notification .header span {padding-left:8px;}
#simplemodal-notification .message {color:#000; text-align:center; margin:0; padding:12px 4px; font-size:16px;border:none}
#simplemodal-notification .buttons div {float:right; margin-left:8px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;}
#simplemodal-notification a.simplemodal-close,
#simplemodal-notification a.simplemodal-close:link,
#simplemodal-notification a.simplemodal-close:active,
#simplemodal-notification a.simplemodal-close:visited {text-decoration:none; background:url(/images/x.png) no-repeat; font-weight:bold; font-size:1.1em; position:absolute; top:10px; right:10px; color:#ddd;width:17px;height:17px}
#simplemodal-notification a.simplemodal-close:hover {color:#9bb3b3;}
#simplemodal-container {width:420px; font-family:'Lucida Sans Unicode'; font-size:16px; text-align:left; background:#fff; border:1px solid #cbcfd2;}
#simplemodal-container .header {background:url(/images/modal-header.png) repeat-x;height:40px; width:100%; color:#000; font-size:1.1em; font-weight:bold; line-height:38px;}
#simplemodal-container .header span {padding-left:8px;}
#simplemodal-container .message {color:#000; text-align:center; margin:0; padding:12px 4px; font-size:16px;border:none}
#simplemodal-container .buttons {padding:10px 8px 0;text-align:center}
#simplemodal-container .buttons .yes {color:#589901;padding-right:20px}
#simplemodal-container .buttons .no {color:#b25050;padding-left:20px}
#simplemodal-container a.simplemodal-close,
#simplemodal-container a.simplemodal-close:link,
#simplemodal-container a.simplemodal-close:active,
#simplemodal-container a.simplemodal-close:visited {text-decoration:none; background:url(/images/x.png) no-repeat; font-weight:bold; font-size:1.1em; position:absolute; top:10px; right:10px; color:#ddd;width:17px;height:17px}
#simplemodal-container a.simplemodal-close:hover {color:#9bb3b3}
.dp-choose-date {width:16px;height:16px;padding:0;margin:5px 3px 0;display:inline-block;text-indent:-2000px;overflow:hidden;background:url(/images/calendar.gif) no-repeat;vertical-align:middle}
/* Blogs and Posts */
.ReportBar { background:#F7F7F7 none repeat scroll 0 0;/*background:url(/images/gradientBack.gif) repeat-x #f7fbfc;*/ padding: 8px; font-size: 13px; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; position:relative; margin:10px -10px;}
.ReportBar .CommentLink { position:absolute; right:8px; top:8px; _right:13px; background:url(/images/gui/btnBack.gif) no-repeat; display:block; width:55px; height:15px; padding:2px 0px 0px 6px; text-decoration:none; font-size:9px;}
.ReportBar .CommentLinkLong { position:absolute; right:79px; top:8px; _right:84px; background:url(/images/gui/btnBack2.gif) no-repeat; display:block; width:101px; height:15px; padding:2px 0px 0px 7px; text-decoration:none; font-size:9px;color:#3B5998;}
#Talkbacks { overflow:auto;}
.TalkBack .Title { padding:3px 0;}
.TalkBack .Title a { font-weight:bold; font-size:13px;}
.TalkBack .Title img { float:left; padding-top:3px; margin-right:3px; width:11px;}
.TalkBack .Text { background-color:#Efefef; padding:5px 10px 25px 10px; font-size:11px; line-height:16px; position:relative;}
.TalkBack .User { font-size:9px; color:Black; padding-left:14px;}
.TalkBack .DateTime { font-size:9px; color:Black; padding-left:10px;}
.TalkBack .MyHr { border-bottom:1px solid #aaa; height:0px; margin:0px; padding-top:5px;}
.TalkBack .CommentLink { float:right;position:relative; top:-30px; right:10px; background:url(/images/gui/btnBack.gif) no-repeat; display:block; width:45px; height:17px; padding:0px 0px 0px 18px;font-size:9px; text-decoration:none;}
.TalkbackImage { padding:10px}
.TalkBackResponse { padding-top:5px;}
.TalkBackResponse .date { color:#999;font-size:11px }
.TalkBackResponse .title { font-weight:bold }
.CommentBox {margin-top:20px}
.CommentBox .tbTitle {width:400px;font-family:'Lucida Sans Unicode';font-size:11px;margin-bottom:5px;border:1px solid #999999;height:18px;}
.CommentBox .tbText {width:400px;height:70px;margin-bottom:10px;font-family:'Lucida Sans Unicode';font-size:11px;border:1px solid #999999;}
.CommentBox .Submit,
.CommentBox .Cancel {background:url(/images/btnBack.gif) no-repeat;display:inline-block;width:56px;line-height:15px;height:15px;text-align:center;font-size:10px;text-decoration:none;color:#3B5998}
.CommentBox .Submit {margin-left:10px}
.CommentBox .Cancel:hover {cursor:pointer}
.Post { position:relative; padding:40px 20px 30px; width:616px; border:1px solid #E5E6E6;}
.Post .BlogWindow { padding:0 10px; line-height:20px;}
.Post .PostHeadline { border-bottom:1px solid #999; position:absolute; top:12px; width:619px;}
.Post .PostHeadline .User { float:right; padding-right:16px; font-size:11px; position:relative; top:6px;}
.Post .PostHeadline .Title { float:left;color:#333; padding-left:10px;padding-bottom:3px; font-size:16px; font-weight:bold; text-decoration:none;}
/*.Post .PostHeadline .Title:hover { color:#aaa; font-style:italic;}*/
.Post .Top { position:absolute; top:-1px; left:-1px;}
.Post .Bottom { position:absolute; Bottom:-2px; right:-1px;}
.Post .Posted { position:absolute; bottom:5px; left:30px; font-size:11px;color:#999}
.Post .tbTitle { height:14px; padding: 0px 0px 0px 4px; width:610px; border:solid 1px;}
.Post .CommentNumber { position:absolute; bottom:5px; right:30px; font-size:9px;}
.Post .AddPost { position:absolute; right:5px; bottom:2px; _right:10px; background:url(/images/btnBack.gif) no-repeat; display:block; width:72px; height:19px; padding:1px 0px 0px 3px;font-size:10px; text-decoration:none;}
.BlogLink { color:#3B5998;text-decoration:none;}
.Pager {float:left; margin-top: 17px ;}
.required { font-style:italic;padding-left:3px}