table{text-align:left}
th{text-align:center}

.notice{margin: 10px 10px 10px 10px;font-size:x-small;}


h4 a:link{color: #FFDD33;}
h4 a:hover{background-color: #335555;}
h4 a:active{margin-left: 1px;margin-top: 1px;}
h4 a:visited{color: #FFDD00;}


div.menutitle a:link{color: #FFDD33;}
div.menutitle a:hover{background-color: #335555;}
div.menutitle a:active{margin-left: 1px;margin-top: 1px;}
div.menutitle a:visited{color: #FFDD00;}

.subtext{font-size: small;color: #888888;}


body{color: #000000;font-family: Arial, Garamond, Helvetica;text-decoration: none;margin: 0;}
#menu{font-size: 70%;float: left;width: 140px;text-align: left;}
#sidebar{float: right;clear: right;height: 1310px;width: 160px;text-align: left;}
#content{}

#ad3{margin-top: 2px;}
.adnotice{color: #888;font-size: x-small;text-align: center;}
.foot{clear:left;font-size: 70%;text-align: center;padding-bottom:3px;}




.report a:link{color: #000088;}
.report a:visited{color: #000077;}
.report a:active{background-color: #000000;color: #8888FF;}
.report a:hover{background-color: #DDDDDD;}
.report td.more{background-color: #FFFF99;}

a.x:link{text-decoration: none;border-bottom: 1px dotted}
a.x:visited{text-decoration: none;border-bottom: 1px dotted}
a.x:active{background-color: transparent}


div.ssl{margin-top: 3px;margin-bottom: 0px;}


span.d3,div.d3{border-bottom: 2px solid #333;border-right: 2px solid #333;border-top: 2px solid #999;border-left: 2px solid #999;}



.closead{font-size: 60%;text-align: center;width: 100%;display: block;}

div.adtxt{margin-top: 3px;line-height: 10pt;}
div.adtxt li{list-style: disc;margin: 0px;padding: 0px;}
div.adtxt li.r{color: red;}
div.adtxt li.b{color: black;}


a:link{color: #0000FF;}
a:visited{color: #000088;}
a:active{background-color: #000000;color: #8888FF;}
a:hover{background-color: #999999;}




div.smalllogo{background-image: url(http://i.thottbot.com/Thottbotsmall.jpg);width: 140px;height: 28px;}
.checkbox{margin-bottom: 0px;}

table.rc{margin-left: 0px;margin-right: 0px;border-spacing: 0px;padding: 0 0;font-size: 90%;}
table.rc td{width: 32px;text-align: center;vertical-align: top;font-size: 80%;border: none;}



div.menuitems a:hover{background-color: #AAAAAA;}
div.menuitems{width: 100%;background-color: #DDDDDD;color: #000000;}
div.menuitems a{display: block;padding: 0;padding-left: 5px;}
div.menuitems ul{list-style: none;padding: 0;margin: 0px;}

table.r{font-family: Arial, Garamond, Helvetica;margin-left: 0px;margin-right: 0px;border-spacing: 0px;padding: 0 0;font-size: 70%;width: 200px;}
table.r td{width: 25%;}

ul{padding: 0 20px;margin: 0px;}
div.price{font-size: 75%;width: 300px;background-color: #DDDDDD;}
span.right{text-align: right;}
span.rank{color: #000000;font-size: 80%;}
span.react{background-color: #FFFFFF;}
span.react1{background-color: #FF0000;}
span.react2{background-color: #FF0000;}
span.react3{background-color: #FFFF00;}
span.react4{background-color: #FFFF00;}
span.react5{background-color: #00FF00;}
span.react6{background-color: #00FF00;}
span.react,span.react1,span.react2,span.react3,span.react4,span.react5,span.react6{padding: 2px;margin-top: 3px;}
pre{font-size: 11px;}
table{font-family: Arial, Garamond, Helvetica;border-style: none}


.ddd{border-bottom: 2px solid #333;border-right: 2px solid #333;border-top: 2px solid #AAA;border-left: 2px solid #999;}
.box{background-color: #DDDDDD;padding: 2px;margin: 2px 0px;width: 100%;font-size: 90%;}
.tiny{font-size: 60%;}
.small{font-size: 85%;}
.center{text-align: center;width: 100%;}
div.optionbar{font-size: 90%;border-bottom: 2px solid #333;border-right: 2px solid #333;border-top: 2px solid #AAA;border-left: 2px solid #999;margin-bottom: 3px;background-color: #DDDDDD;padding: 2px;}
table.item{font-family: Arial, Garamond, Helvetica;margin-left: 0;margin-right: 0;border-spacing: 0;padding: 0 0;font-size: 90%;display: block;width: 100%;border: 0px;background-color: transparent;}
table.item tr{background-color: transparent;}
.report table.item td{border: 0px;}
.report tr.r1{background-color: #FFF;}
.report tr.r2{background-color: #EAEAEA;}
table.item a{font-weight: bold;}
.quality,.quality a:link,.quality a:visited{color: #000000;}
.quality-1,.quality-1 a:link,.quality-1 a:visited{color: #CC8800;}
.quality0,.quality0 a:link,.quality0 a:visited{color: #808080;}
.quality1,.quality1 a:link,.quality1 a:visited{color: #CC9900;}
.quality2,.quality2 a:link,.quality2 a:visited{color: #00BB00;}
.quality3,.quality3 a:link,.quality3 a:visited{color: #0068FF;}
.quality4,.quality4 a:link,.quality4 a:visited{color: #8000FF;}
.quality5,.quality5 a:link,.quality5 a:visited{color: #FF8000;}
.quality6,.quality6 a:link,.quality6 a:visited{color: #E5CC80;}
.quality7,.quality7 a:link,.quality7 a:visited{color: #E5CC80;}

table.playerselect{border-style: none;font-size: 90%;}
table.playerselect td{padding: 0;}
table.playerselect input{width: 18px;height: 18px;}
input{padding-left: 1px;}

select{margin: 0;padding: 0;}

table.quest{background-color: #CCCCCC;border-bottom: 2px solid #333;border-right: 2px solid #333;border-top: 2px solid #AAA;border-left: 2px solid #999;margin-left: 0;margin-right: 0;border-spacing: 0;}
table.quest td{padding: 2px;}
.report{border-style: none;color: #000000;font-size: 13px;border-spacing: 0;border-collapse: collapse;margin: 0;border-bottom: 2px solid #333;border-right: 2px solid #333;border-top: 2px solid #999;border-left: 2px solid #999;}

.report td{border: 1px solid #DDD;padding: 2px;margin: 0px;}
.hover{background-color: #FFA;}
.report th{border: 1px solid #888;background-color: #AAAAAA;color: #000000;}

.report tr.highlight{background-color: #AAAAAA;}
table.details{border-style: none;font-size: 90%;border-spacing: 0;border-collapse: collapse;margin-left: 0;margin-right: 2px;border-bottom: 2px solid #333;border-right: 2px solid #333;border-top: 2px solid #999;border-left: 2px solid #999;}
table.details td{border: 1px solid #DDD;padding: 2px;margin: 0px;}
table.details th{border: 1px solid #888;background-color: #AAAAAA;color: #000000;}
table.tb{margin: 0px;font-size: 9px;margin: 0px;border-spacing: 0px;padding: 0 0;}
table.panel{background-color: #CCCCCC;border-bottom: 2px solid #333;border-right: 2px solid #333;border-top: 2px solid #EEE;border-left: 2px solid #EEE;font-size: 90%;}
table.panel td{margin: 5px;}

h1, h2, h3, h4, div.menutitle, .sitetitle, .sitehome, div.up, a.up{width: 100%;background-color: #000055;color: #FFDD00;margin: 0px;border-bottom: 2px solid #333333;border-top: 2px solid #CCCCCC;}
.sitetitle{height: 28px;text-align: center;}
.sitehome{height: 35px;text-align: center;}
h1, h2, h3, div.menutitle{width: 100%;}
h4{text-align: center;}
h5.hp{background-color: #FF0000;color: #FFFFFF;}
h5.mana0{background-color: #0000FF;color: #FFFFFF;}
h5.mana1{background-color: #FF0000;color: #FFFFFF;}
h5.mana2{background-color: #FFFF00;color: #000000;}
h5.mana3{background-color: #FFFFFF;color: #000000;}
h2, h3{margin-top: 10px;}

span.title{text-decoration: underline;font-size: 150%;}
span.navbar{font-size: 80%;padding: 2px;}
span.positive{color: #3300FF;}
span.negative{color: #BB0000;}
span.item{color: #007700;}
span.base{font-size: 90%;}

span.right{float: right;}
div.ad{text-align: center;}
div.cntxt{width: 100%;height: 32px;margin: 15px 0 0 0;font-size: 90%;border: 0;float:none;vertical-align: middle;}
div.cntxt div{float: left;vertical-align: middle;margin-left: 5px;}
.bgcolor{background-color: #FFFFFF;}
.black{color: #000;}
.headyellow{width: 728px;background-color: #FF0;padding: 3px 0 3px 0;border: 1px solid #AA0;color: #000;text-align: center;font-size: small;}
.headyellow a:link{color: #000;}
.headyellow a:hover{background-color: #0F0;}
.headyellow a:active{background-color: #FFF;}
.headyellow a:visited{color: #000;}

.tagsection{text-align:left;font-size:80%;margin:2px;padding:3px}
table.thin{font-family: Arial, Garamond, Helvetica;margin-left: 0px;margin-right: 0px;border-spacing: 0px;padding: 0 0;font-size: 90%;border: 0px;}
table.thin td{border: 0px;}
table.report table.thin td{border: 0px;}
table.thin tr{background-color: transparent;}
table.talents{font-family: Arial, Garamond, Helvetica;margin-left: 0px;margin-right: 0px;border-spacing: 0px;font-size: 90%;border: 0px;padding: 10px 0;}
table.talents td{text-align: left;vertical-align: top;}
table.talents td img{z-index: 2;}
.tic{width: 40px;height: 40px;}
span.tpd{font-family: Arial, Garamond, Helvetica;background-color: #000000;border-bottom: 1px solid #333;border-right: 1px solid #333;border-top: 1px solid #999;border-left: 1px solid #777;padding: 0 2px;color: #888;position: absolute;left: 40px;top: -6px;font-size: x-small;z-index: 3;}
span.tpd a:visited{color: #888;}
span.tpd a:link{color: #888;}
div.vline{border: 0px;background-color: #888888;width: 10px;height: 55px;position: absolute;left: 30px;z-index: 0;top: 16px;}
div.hline{border: 0px;font-size: 8px;background-color: #888888;height: 10px;width: 79px;position: absolute;left: 30px;z-index: 0;top: 16px;}
span.vline{position:relative;}
span.vline div{border: 0px;border: 0px;background-color: #888888;width: 10px;position: absolute;z-index: 0;left: 30px;font-size: 8px;}
div.vline111{height: 55px;top: 20px;}
div.vline011{height: 35px;top: 40px;}
div.vline110{height: 35px;top: 20px;}
div.vline010{height: 15px;top: 40px;}
span.hline{position:relative;}
span.hline div{border: 0px;font-size: 8px;background-color: #888888;height: 10px;position: absolute;z-index: 0;top: 15px;}
div.hline111{width: 79px;left: 30px;}
div.hline011{width: 54px;left: 55px;}
div.hline110{width: 54px;left: 30px;}
div.hline010{width: 29px;left: 55px;}
.tabfoot{text-align: center;background: #DDDDDD;color: #000;width: 279px;position: relative;}
#summary{padding:0px;width:400px;height:45px;border:2px solid #888;background: #FFFFFF;text-align: left;position: relative;margin-top: 5px;}
#summary .l{width: 200px;}
#summary .r{text-align: right;width: 200px;position: absolute;left: 200px;padding-right: 3px;}
#summary .l div, #summary .r div{padding: 1px 5px;}
.notes{border: 2px solid #888;padding: 10px;font-size: 80%;position: relative;margin-top: 12px;text-align: left;width: 690px;background: #FFFFFF;}
.notes span{position: absolute;top: -12px;border: 2px solid #888;background: #EEE;padding: 0px 6px;font-weight: bold;}
table.addpost{border-style: none;font-size: 90%;border-spacing: 1px;margin-left: 1px;margin-right: 0;width: 100%;border-bottom: 2px solid #333;border-right: 2px solid #333;border-top: 2px solid #AAA;border-left: 2px solid #999;font-weight: bold;}
tr.sticky{background-color: #FF9;}
table.addpost input{width: 100%;}
table.addpost textarea{width: 100%;height: 300px;}
div.previewmessage{background-color: #FFFF00;border: 1px dashed #000000;padding: 10px;margin: 10px;}
div.thread{font-size: 90%;text-align: left;}
div.ccontent ul{list-style-type: none;padding-right: 0px;}
div.ccontent li{list-style-type: none;}
div.post{width: 100%;overflow: auto;}
div.thread div.header{background-color: #CCCCCC;width: 100%;}
div.pad{padding: 2px 2px;width: 99%;}
div.thread div.header input{padding: 0px;margin: 0px;font-size: 80%;width: 20px;}
div.thread div.body{overflow: auto;display: block;width: 100%;border-bottom: 1px solid #CCC;}
div.thread div.bodygood{overflow: auto;display: block;width: 100%;border-bottom: 1px solid #CCC;background: #FF8;color: #000;}
div.thread div.bodybad{overflow: auto;display: block;width: 100%;border-bottom: 1px solid #CCC;color: #999;}
div.thread div.body div.pad li{list-style-type: disc;}
div.thread div.quote{border-left: 6px solid #888;padding: 6px;margin-left: 1px;margin-top: 4px;color: #555;}
div.thread table{font-size: 13px;}
div.thread span.reply{float: right;}
div.cadmin{text-align: right;font-size: 80%;}
div.cadminin{border: 1px solid #000;text-align: center;}
div.cfold{font-size: 80%;width: 100%;background-color: #CCCCCC;float: none;}
div.subj{font-size: 80%;width: 40%;float: left;overflow: hidden;}
div.scor{font-size: 80%;width: 20%;float: left;}
div.auth{font-size: 80%;width: 40%;float: left;overflow: hidden;}
span.vote{float: right;}
div.views{float: right;}
div.context{width: 100%;height: 18px;}
div.views form{margin-bottom: 0px;}
div.views select{font-size: 80%;margin-left: 3px;}
div.ccontent{clear: right;border-top: 1px solid #CCC;}
div.ccpage{width: 100%;text-align: center;font-size: 90%;}
div.faqheader{font-size: 90%;margin: 10px 0 16px 0;}
div.faqheader li{list-style-type: disc;}
div.comments{width: 100%;float: right;margin: 0 0 10px 0;text-align: right;border-top: 1px solid #CCC;}
div.addcomment{font-size: 90%;text-align: center;}
div.task_holder{background-color: #DFDFDF;padding: 2px;border: 1px solid #BBBBBB;}
div.task_complete{background-color: #CCEECC;padding: 2px;border: 1px solid #BBDDBB;}
div.task_active{background-color: #EECCCC;padding: 2px;border: 1px solid #DDBBBB;}
div.task_normal{background-color: #CCCCEE;padding: 2px;border: 1px solid #BBBBDD;}
div.task_complete_o{background-color: #DDFFDD;padding: 2px;border: 1px solid #BBDDBB;}
div.task_active_o{background-color: #FFDDDD;padding: 2px;border: 1px solid #DDBBBB;}
div.task_normal_o{background-color: #DDDDFF;padding: 2px;border: 1px solid #BBBBDD;}
span.m{color: #0000FF;border-bottom: 1px dotted #0000BB;}
.btn{border: 2px solid #C0C0C0;}
.btno{border: 2px outset #CCCCFF;}
.colour{border: 1px solid #FFFFFF;}
.colourover{border: 1px solid #000000;}
span.btntt{border: 1px solid #000000;background-color: #FFFFFF;padding: 2px;opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);}


.Tmenu a{background-color: #FFF;color: #000;padding: 5px;border-bottom: 2px solid #444;border-right: 2px solid #444;}
.Tmenu{border-top: 2px solid #444;border-left: 2px solid #444;}
.ttb span.quality{color: #FFFFFF;}
.ttb span.quality-1{color: #FFCC00;}
.ttb span.quality0{color: #808080;}
.ttb span.quality1{color: #FFCC00;}
.ttb span.quality2{color: #00FF00;}
.ttb span.quality3{color: #0068FF;}
.ttb span.quality4{color: #8000FF;}
.ttb span.quality5{color: #FF8000;}
.ttb span.quality6{color: #E5CC80;}
span.quality,span.quality-1,span.quality0,span.quality1,span.quality2,span.quality3,span.quality4,span.quality5,span.quality6{display: block;font-weight: bold;}
table.ttb{font-family: Arial, Garamond, Helvetica;background-color: #282828;color: #FFFFFF;margin: 0px;border-bottom: 2px solid #888;border-right: 2px solid #888;border-top: 2px solid #EEE;border-left: 2px solid #EEE;text-align: left;}
table.ttb h6{font-size: 10px;}
table.ttb small{padding: 0;}
table.ttb td{font-size: 14px;}
table.ttbb{border-collapse: collapse;border-spacing: 0;padding: 0;}
table.ttbb td{padding: 0;}
h6, h5{width: 100%;background-color: #AAAAAA;color: #000000;text-align: center;text-decoration: none;font-weight: 400;margin-top: 0;margin-bottom: 0;}
table.ttb h6 a:link{color: #3333FF;text-decoration: underline;}
table.ttb h6 a:visited{color: #3333FF;text-decoration: underline;}
table.ttb h6 a:hover{color: #7777FF;background-color: #282828;}
table.ttb h6 a:active{color: #000000;background-color: #0000FF;}


table.ttb a:link{color: #00FF00;text-decoration: none;}
table.ttb a:visited{color: #00EE00;text-decoration: none;}
table.ttb a:hover{color: #77FF77;background-color: #282828;}
table.ttb a:active{color: #000000;background-color: #00FF00;}

span.condition{color: #777777;margin-left: 8px}

span.itemdesc a.socketYellow:link{color: #FFFF00;border-bottom: 1px solid #555500;}
span.itemdesc a.socketYellow:visited{color: #EEEE00;border-bottom: 1px solid #555500;}
span.itemdesc a.socketYellow:hover{color: #FFFF00;background-color: #444444;}
span.itemdesc a.socketYellow:active{color: #FFFFFF;background-color: #444444;}

span.itemdesc a.socketBlue:link{color: #5555FF;border-bottom: 1px solid #000066;}
span.itemdesc a.socketBlue:visited{color: #5555EE;border-bottom: 1px solid #000066;}
span.itemdesc a.socketBlue:hover{color: #FFFFFF;background-color: #0000FF;}
span.itemdesc a.socketBlue:active{color: #FFFFFF;background-color: #444444;}

span.itemdesc a.socketRed:link{color: #FF0000;border-bottom: 1px solid #660000;}
span.itemdesc a.socketRed:visited{color: #EE0000;border-bottom: 1px solid #660000;}
span.itemdesc a.socketRed:hover{color: #FFFFFF;background-color: #FF0000;}
span.itemdesc a.socketRed:active{color: #FFFFFF;background-color: #444444;}

span.itemdesc a.socketMeta:link{color: #CCCCCC;border-bottom: 1px solid #555555;}
span.itemdesc a.socketMeta:visited{color: #BBBBBB;border-bottom: 1px solid #555555;}
span.itemdesc a.socketMeta:hover{color: #000000;background-color: #BBBBBB;}
span.itemdesc a.socketMeta:active{color: #FFFFFF;background-color: #444444;}

span.cost{color: #CCAA00;}

span.itemsocket{color: #AAAAAA;}
span.itemsocket img{vertical-align: middle;}
span.itemspell{color: #00FF00;}
span.itemspell a.spell:link{color: #00FF00;}
span.itemspell a.spell:visited{color: #00EE00;}
span.itemspell a.spell:hover{color: #77FF77;}
span.itemspell a.spell:active{color: #000000;background-color: #00FF00;}
span.itemdesc{color: #AAAA00;}
span.spdesc{color: #FFFF00;}
div.tt{padding: 2px;background-color: #FFFFEE;color: #000000;margin: 0px;border-bottom: 1px solid #000;border-right: 1px solid #000;border-top: 1px solid #000;border-left: 1px solid #000;font-size: small;max-width: 300px;}



.wb{border:2px solid #888;background: #FFFFFF;text-align: left;position: relative;margin-top: 15px;padding:8px 5px 8px 5px;font-size:14px}
.wb em{font-style:normal;position:absolute;top:-15px;left:4px;border:none;background:transparent;font-weight:bold;padding:1px 7px;font-size:14px}


.ttb span.gl{color:#71D5FF}


.sg{font-size:10px;color:#888}


.sgr{font-size:12px;color:#0A0}