/* GOW2 TU3 Rankings Calculator */
/* By Mark Willis, MarkWillis.co.uk */

html {background: url(../../img/gow2expbg.jpg) top right no-repeat #180501;}
/* background: url(../../img/logo.jpg) top right no-repeat #000000;  */
body {font-size: 13px; color: #FFFFFF; text-align: center; font-family: tahoma, arial, "trebuchet ms"; margin: 0;}

.headerBlock {width: 80%; margin: 0 auto 0 auto;}
.headerBlockInner {padding: 20px 0 20px 0; text-align: left;}
.headerBlockInner h1 {color: #FFFFFF; font-size: 25px; margin: 0 0 5px 0;}
.headerBlockInner h2 {color: #FFFFFF; font-size: 15px; margin: 0 0 5px 0;}

/* background: #341C09; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; */
.contentBlock {background: url(../../img/contentBG.png); font-size: 13px; width: 80%; margin: 0 auto 0 auto; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.contentBlockInner {padding: 20px; text-align: left;}


.footerBlock {width: 80%; margin: 0 auto 0 auto;}
.footerBlockInner {padding: 10px 0 10px 0; text-align: right; color: #666666; font-size: 11px;}
.footerBlockInner a {color: #666666; font-size: 11px; text-decoration: none;}
.footerBlockInner a:hover {color: #FFFFFF; font-size: 11px; text-decoration: none;}

.mainContent {padding: 0 0 0 0;}


.rankContainer {padding: 10px; text-align: center; border: 1px solid #251000; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; margin: 0 10px 10px 0; width: 150px;}
.rankContainerCen {padding: 10px; text-align: center; border: 1px solid #251000; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 auto 0 auto; width: 150px;}
.rankContainerFull {padding: 10px; text-align: center; border: 1px solid #251000; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 auto 0 auto; text-align: left;}
.rankContainer h3 {font-size: 25px; margin: 5px;}
.rankContainer h3 a {font-size: 25px; margin: 5px;}
.rankContainer h3 a:hover {font-size: 25px; margin: 5px; color: #999999;}
.expTxt {color: #CCCCCC; font-size: 10px;}
.clear {clear: both;}

.rankContainer-left {padding: 10px; text-align: center; border: 1px solid #251000; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; margin: 10px; width: 150px;}
.rankContainer-right {padding: 10px; text-align: center; border: 1px solid #251000; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: right; margin: 10px; width: 150px;}
.rankContainer-left h3 {font-size: 25px; margin: 5px;}
.rankContainer-left h3 a {font-size: 25px; margin: 5px;}
.rankContainer-left h3 a:hover {font-size: 25px; margin: 5px; color: #999999;}
.rankContainer-right h3 {font-size: 25px; margin: 5px;}
.rankContainer-right h3 a {font-size: 25px; margin: 5px;}
.rankContainer-right h3 a:hover {font-size: 25px; margin: 5px; color: #999999;}

.infoContainer {padding: 10px; text-align: left; border: 1px solid #251000; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; margin: 0; width: 100%; text-align: center;}
.confText {color: #666666; font-size: 11px;}

.footerAdvert {z-index: 1;}

/* General */
.navBar {text-align: right; padding: 5px 0 5px 0; border-bottom: 1px solid #251000;}
a {color: #FFFFFF; font-weight: bold; font-size: 14px; text-decoration: none;}
a:hover {color: #999999; font-weight: bold; font-size: 14px; text-decoration: underline;}
.noticebox {border: 1px solid #FFCC00; background: #FFFFCC; padding: 15px; color: #000000; margin: 10px 0 10px 0; text-align: left;}
.noticebox a {color: #333333; text-decoration: none;}
.noticebox a:hover {color: #333333; text-decoration: underline;}
a.newLink {color: #FF9900;}
a.newLink:hover {color: #FFFFFF;}

/* Calculator: 'Artificial Ian' interface by MarkWillis */
.aian-wrapper {position: relative; padding: 0; margin: 0; border: 0;}
.aianBlock-off {display: none; height: 1px; overflow: hidden; width: 1px; position: absolute; left: 0px; top: 0px;}
.aianBlock-on {position: absolute; display: block; left: 0px; top: 0px; width: 600px; background: url(../img/shade-border.png); font-size: 12px; margin: 0 auto 0 auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 200;}
.aian-inner {background: #333333; font-size: 12px; margin: 10px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 1px solid #000000; color: #FFFFFF; z-index: 201;}
.aian-main {padding: 10px; color: #FFFFFF; text-align: left;}
.aian-close {text-align: right; float: right; padding: 0; background: url(../img/close-button.png) center no-repeat;}
.aian-close a {display: block; width: 20px; height: 20px;}
.aian-section {border-bottom: 1px solid #CCCCCC; padding: 10px;}
.aian-section h1 {margin: 0;}
.aian-section h2 {margin: 0;}
.aian-section h3 {margin: 0;}
.aian-section p {color: #333333;}
.aian-section a {color: #000000; text-decoration: underline;}
.aian-section a:hover {color: #000000; text-decoration: none;}
.aiclear {clear: both; height: 1px; overflow: hidden;}

.greyButton {background: #444444; color: #FFFFFF; padding: 5px; border: 1px solid #111111;}

/* Aug 2009 showAll area */
.showall-options {}
.showall-options a {font-size: 14px; text-decoration: none; color: #FF9900;}
.showall-options a:hover {text-decoration: underline; color: #FFFFFF;}
.showall-area {padding: 10px 0 0 0;}
.listExp {margin: 0 0 0 15px;}

/* Sep 2009 */
.calcFanBox {width: 300px; float: left;}

/* Oct 2009 */
.donateButtonArea {width: 75px; float: right; margin: 0 0 0 10px;}
.donateButtonArea form {margin: 0; padding: 0;}

/* July 2010 */
.rightPanel {float: right; width: 250px;}
.pad10 {padding: 10px;}
.expMulti {background: url('../../img/expmulti.png') center center no-repeat; width: 240px; height: 70px; float: right;}
.expMulti p {margin: 0 0 4px 0; font-weight: bold; color: #FF9900;}
.expMulti p img {float: right;}
.expMulti form {margin: 0;}
.expLoader {height: 70px; background: url('../../img/loaders/loadBall.gif') center center no-repeat;}