html, body {padding: 0; margin: 0; font: 11px arial, tahoma, "trebuchet ms", sans-serif; line-height: 13px; color: #000000; width: 100%; height: 100%;}
body {background-color: #f7f3eb;}
form {margin: 0px; padding: 0px;}
img {border: 0px;}
object {display: block; outline: none;}
#copy {display: none;}
.rad {margin-top: 0px !important; height: 13px;}
a, .aelement {color: #804000; text-decoration: none;}
a:hover, a:hover div {color: #0082BE; text-decoration: underline;}
#linewrapper {z-index: 2; overflow: hidden;}
.grabbing {cursor: move;}
.fc {width: 250px;}
.fc, .ws, .help .qc, .fixWidth, .adds .qc, .notedesc, .setw, .setw div, #loadtext, .sets, .sets div, .sets td, .sets a {white-space: normal !important;}
.colimg, .preview td {border: 1px solid #000000;}
.lefta, #mindiv, #lddiv .qc {text-align: left !important;}
.righta, .fr, .table .ra {text-align: right !important;}
.center {text-align: center;}
.smt {color: #000000; text-decoration: underline !important;}
.red {color: #c80000 !important;}
.green {color: #00b400 !important;}
.point {cursor: pointer;}
.largetext {line-height: 19px; font-size: 15px;}
.help .qc, .fixWidth {width: 350px;}
#fixsize {height: 1px;}

/*Form elements*/
input, .selectdiv, .ec #colourspan, select {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input, select {font: 11px arial, tahoma, "trebuchet ms", sans-serif; line-height: 13px; margin: 0px; padding: 0px; cursor: pointer; vertical-align: middle;}
.oi, .selectdiv {vertical-align: middle; border: 1px solid #7a6f55; background: #d8caab url(img/tw/qtnb7.png) -0px -8px;}
.oi {padding: 0px 1px 0px 2px; margin: 0px 1px 0px 0px; width: 23px; color: #000000; cursor: text; height: 15px;}
select {border: none; background: none; font-size: 10px; line-height: 12px; height: 15px;}
option {border: none; background: none;}
.selectdiv {display: -moz-inline-stack; display: inline-block; margin: 0px 1px 0px 0px; height: 15px;}
.fbut {background: #d8caab url(img/tw/qtnb7.png) -0px -47px; height: 17px; padding: 0px 2px 3px 2px; line-height: 14px; border: 1px solid #7a6f55; font-weight: bold; text-rendering: optimizeLegibility;}
.fbut2 {margin-left: 1px;}
.fbutt {margin-top: 1px;}
.selectdiv:hover, .oi:hover, .oi:focus, .oi:active {background: #efe9da url(img/tw/qtnb7.png) -0px -147px; border: 1px solid #777777;}
.fbut:hover, .fbut:focus {background: #f7f3eb url(img/tw/qtnb7.png) -0px -62px; border: 1px solid #777777;}
.fbut:active {background: #f7f3eb url(img/tw/qtnb7.png) -0px -162px;}
.fbut::-moz-focus-inner {border: 0px;}
.fc .oi, .i55 .oi {width: 80px;}
.wd {width: 100px;}

/*Alert message*/
.alertmessage {position: absolute; background: #E0D3B8; border: 5px #FFEA79 solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  top: 50%; left: 50%; margin-left: -132px; margin-top: -67px; height: 120px; width: 250px; color: #000000; text-align: center; z-index: 9999; padding: 2px; display: none;}
.alertmessage table {width: 100%; height: 100%;}
.alertl {height: 200px; margin-top: -107px; width: 300px; margin-left: -157px;}
.alertmessage .timerdesc {width: 244px; overflow: hidden;}
.alertmessage .largetext {line-height: 17px;}
.timeralert {height: 180px; margin-top: -97px;}

/*Load indicator*/
#loadindicator {position: absolute; z-index: 1; top: 43px; left: 4px; background-color: #f7f3eb;}
#loadnum {position: absolute; top: 2px; width: 16px; text-align: center; font-size: 9px; font-weight: bold;}
#loadflashbar, #loadflashinner {display: -moz-inline-stack; display: inline-block;}
#loadflashbar {width: 100px; border: 1px solid #7a6f55; height: 7px; text-align: left; padding: 1px;}
#loadflashinner {height: 7px; width: 1px; background: #b9a47f url(img/tw/qtnb7.png) 0px -77px;}

/*Flags*/
.twflag {background: url(img/flags3.png) no-repeat; padding-left: 20px; height: 14px;}
.tribalwarsnet {background-position: 0px -83px;}
.tribalwarsuk {background-position: 0px -851px;}
.tribalwarsde {background-position: 0px -467px;}
.tribalwarsno {background-position: 0px -531px;}
.tribalwarssi {background-position: 0px -883px;}
.tribalwarsse {background-position: 0px -403px;}
.tribalwarsbr {background-position: 0px -371px;}
.tribalwarsnl {background-position: 0px -51px;}
.tribalwarsro {background-position: 0px -339px;}
.tribalwarsdk {background-position: 0px -595px;}
.tribalwarspt {background-position: 0px -211px;}
.tribalwarsgr {background-position: 0px -115px;}
.tribalwarssk {background-position: 0px -179px;}
.tribalwarshu {background-position: 0px -499px;}
.tribalwarsba {background-position: 0px -627px;}
.tribalwarses {background-position: 0px -755px;}
.tribalwarscz {background-position: 0px -147px;}
.tribalwarslt {background-position: 0px -915px;}
.tribalwarshr {background-position: 0px -1011px;}
.tribalwarsid {background-position: 0px -979px;}
.tribalwarspl {background-position: 0px -563px;}
.tribalwarsfr {background-position: 0px -723px;}
.tribalwarsit {background-position: 0px -659px;}
.tribalwarstr {background-position: 0px -691px;}
.tribalwarsfi {background-position: 0px -787px;}
.tribalwarsus {background-position: 0px -1139px;}
.tribalwarszz {background-position: 0px -1043px;}

/*IE bugfix*/
.qtr div, .qtl div, .qspt, .nt, .noteicon, .linew1, .linew2, .linew3, .preview div, .coordl a, .zoomin a, .zoomout a, .moveUp, .moveDown, .moveLeft, .moveRight, .colimg, #mCur, #aelement, #aminielement, .mainv, .spre, .spgr, .mark, .conlost, .congained, .conneutral, .playicon, .qstp, #loadflashbar, .movea {font: 1px arial !important; line-height: 0px;}

.pos {position: absolute; top: 40px; left: 0px;}
.nb, #last {border: none;}
.ie, .ie div, .ie a, .ie td, #qTip div, #coord div, #coord td, .paneltab, .paneltab div {white-space: nowrap;}

/*Village A element*/
#aelement, #aminielement {position: absolute; z-index: 3; display: none; top: 0px; left: 0px; width: 54px; height: 39px; cursor: pointer;}
#aelement a, #aminielement a {display: block; width: 100%; height: 100%;}
#aelement a {background: url(img/aelement.png) center center no-repeat;}
#aminielement {z-index: 12;}
#aminielement a {border: 1px solid #FFFFFF;}
#aelement div, #aminielement div {border: 1px solid #000000; cursor: pointer;}

/*Menu and tooltip*/
#qTip, #men {display: none; position: absolute; text-align: center; border: 1px solid #685640; background-color: #e0d3b8; text-align: center;}
#qTip {z-index: 199;}
#men {z-index: 98; overflow: hidden;}
.colimg {height: 9px; width: 9px; vertical-align: top; position: relative; top: 1px; display: -moz-inline-stack; display: inline-block; 
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
.smb {width: 7px; height: 7px; top: 3px;}
.tooltiphighlight {float: right; padding-left: 8px;}
.tooltiphighlight .colimg {top: 0px; vertical-align: baseline;}

/*Graphs & links*/
.twstats img {border: 1px solid #d8ccb2;}
.twstats .oi {width: 326px;}

/*Tooltip and menu border/grid*/
.qtl, .qtr, .qbl, .qbr, .qsl, .qsr, .qspt, .qspbm, .qsm, .qscross, .qstp {background: #e0d3b8 url(img/tw/sprites11.png) -0px -18px;}
.qtl, .qtr, .qbl, .qbr, .qtl div, .ql div, .qr div, .qtr div, .qsl, .qsr {width: 3px; height: 3px;}
.qt, .qb {height: 3px;}
.ql, .qr {width: 3px;}
.qsl, .qsr, .qspt, .qspbm, .qs {height: 4px;}
.qspt, .qspt div, .qspbm, .qsv, .qstip, .qstp div {width: 4px;}
.qc {padding: 1px 3px 2px 3px;}
.qcnm {padding: 0px !important;}
/*Corner*/
.qtr {background-position: -45px -18px;}
.qbl {background-position: -0px -33px;}
.qbr {background-position: -45px -33px;}
/*Spacer divider*/
.qspt {background-position: -11px -25px;}
.qspbm {background-position: -33px -25px;}
.qscross {background-position: -22px -25px;}
.qstp {background-position: -22px -18px;}
/*Top, Left, Bottom and Right border*/
.ql, .qr, .qsv {background: #e0d3b8 url(img/tw/sprites11.png) -375px 0px;}
.ql {background-position: -303px 0px;}
.qsv {background-position: -338px 0px;}
.qt, .qb, .qs {background: #e0d3b8 url(img/tw/qtnb7.png) top center repeat-x;}
.qb {background-position: 0px -87px;}
/*Spacer*/
.qsr {background-position: -45px -25px;}
.qs {background-position: 0px -35px;}
.qsl {background-position: -0px -25px;}
/*Directional movement*/
.movea {position: absolute; z-index: 9; display: block; opacity: 0.75; outline: none !important;}
.movea span {display: none; position: relative; height: 12px; width: 12px; background: url(img/tw/sprites11.png) -146px -13px;}
.movea:hover span {display: block;}
.movea:hover {background: #ae9b7d;}
#moveleft span, #moveright span {top: 50%; margin-top: -6px;}
#moveright span {background-position: -171px -13px;}
#moveup span, #movedown span {background-position: -159px 0px; left: 50%; margin-left: -6px;}
#movedown span {background-position: -159px -25px;}
#movetopleft span {background-position: -145px 1px;}
#movetopright span {background-position: -171px 1px;}
#movebottomleft span {background-position: -145px -25px;}
#movebottomright, #movebottomleft, #movetopright {z-index: 15;}
#movebottomright span {background-position: -171px -25px;}
#moveup {left: 2%; top: 39px; width: 96%; height: 13px; padding-top: 2px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
}
#moveleft {left: 0px; bottom: 2%; height: 90%; width: 13px; padding-left: 2px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-top-right-radius: 15px;
}
#moveright {right: 0px; bottom: 2%; height: 90%; width: 13px; padding-right: 2px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
border-top-left-radius: 15px;
}
#movedown {left: 2%; bottom: 0px; width: 96%; height: 13px; padding-bottom: 2px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
border-top-left-radius: 15px;
}
#movetopright {width: 15px; height: 15px; right: 0px; top: 39px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
}
#movetopleft {width: 15px; height: 15px; left: 0px; top: 39px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
}
#movebottomleft {width: 15px; height: 14px; padding-top: 1px; left: 0px; bottom: 0px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-top-right-radius: 15px;
}
#movebottomright {width: 15px; height: 14px; padding-top: 1px; right: 0px; bottom: 0px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
border-top-left-radius: 15px;
}

/*No radius*/
.norightrad, .ec #colourspan {
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
}
.noleftrad {
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
}

/*Minimap*/
#minimap {position: absolute; z-index: 10; border: 3px solid #ded3b9; top: -999px; left: -999px;}
#minimap .qc {padding: 0px; background-color: #436213;}
#minimapoverlay {position: absolute; z-index: 11;}

/*Main table*/
#mp {position: relative; z-index: 1;}
#maindiv, #main {width: 100%;}

/*Menu bar*/
.Menu {background: #ded3b9 url(img/tw/qtnb7.png) 0px -90px repeat-x; height: 38px;}
.Menu div {height: 38px;}
#coord {position: absolute; z-index: 80; top: 0px; left: 0px; font-size: 12px; line-height: 14px;}
#coord form {margin: 0px; padding: 0px; display: inline;}
#coord img {cursor: pointer; vertical-align: middle; margin-bottom: 1px;}

.coordt, .MenuO, #error {background: #e9e1cf; border: 1px solid #ae9b7d; height: 34px; margin: 2px 0px 1px 2px;}
.coordt, .MenuO, #error, .MenuL, .MenuL table {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.coordt div {width: 45px;}
.MenuO .spl {height: 32px;}
.menudivider {height: 2px; background: url(img/tw/qtnb7.png) 0px -28px;}

/*Arrows*/
.MenuL {background: url(img/tw/sprites11.png) -52px 0px; width: 32px;}
.moveUp, .moveDown {display: block; height: 10px; width: 12px;}
.moveUp:hover {background: url(img/tw/sprites11.png) -94px 0px;}
.moveDown:hover {background: url(img/tw/sprites11.png) -94px -22px;}
.moveLeft, .moveRight {display: block; height: 12px; width: 10px;}
.moveLeft:hover {background: url(img/tw/sprites11.png) -84px -10px;}
.moveRight:hover {background: url(img/tw/sprites11.png) -106px -10px;}

.coordt input {position: relative; z-index: 81; margin: 0px -14px 0px 0px; padding: 0px 0px 0px 13px; left: -14px; background: none; border: none; font-size: 12px; vertical-align: baseline; width: 32px; height: 15px; line-height: 15px; color: #000000; cursor: text;}
.coordh, .coordh2, .coordl a:hover, .zoomin a:hover, .zoomout a:hover {background-color: #f7f3eb;}
.coordt span {color: #ae9b7d; padding: 0px 2px; line-height: 15px; font-size: 12px !important; float: left;}
.zoom {padding: 0px 3px;}
.coordl, .zoomin {background: #e3d6b7; border-left: 1px solid #ae9b7d;}
.coordl, .zoomin, .coordl a, .zoomin a {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.zoomout {background: #e3d6b7; border-right: 1px solid #ae9b7d;}
.zoomout, .zoomout a {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.coordl a, .zoomin a, .zoomout a {display: block; height: 32px; width: 9px; background: url(img/tw/sprites11.png) -118px 2px;}
.zoomin a, .zoomout a {background-position: -127px 2px;}
.zoomin a {background-position: -136px 2px; width: 9px;}

#highlights a, .coordh2, .hmmbottom, .hmmbottom a {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.topr, #mode-panel, .hmmtop a {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;}

#mode-panel, #messages a, .coordh, .hmmtop a {-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;}

.bottomr, .hmmbottom, .hmmbottom a {
-moz-border-radius-bottomright: 4px !important;
-webkit-border-bottom-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;}

.MenuA {font-weight: bold;}
#error a {padding: 2px 3px; display: block; height: 28px; text-align: center; font-weight: normal;}
.MenuP a:hover, .hmm a:hover {background-color: #f3ebd9;}
.MenuA a, .MenuA a:hover {background-color: #d4c9af;}
.MenuP td {border-right: 1px solid #d4c9af; text-align: center;}
.MenuP table td {border: none;}
#settings {border-right: none !important; border-bottom: 0px !important;}
#settings a {height: 32px; line-height: 32px;}
.MenuP a {display: block; line-height: 15px; padding: 0px 3px;}
.MenuP .righta a {padding-right: 0px;}
.MenuP .lefta a {padding-left: 0px;}
.MenuD a {display: block; line-height: 16px;}
.MenuD td {border-bottom: 1px solid #d4c9af;}

.hmm td {height: 15px; line-height: 15px;}
.hmm a {display: block; height: 15px; padding: 0px 4px;}
.hmm .center a {height: 16px; line-height: 16px;}

#filter table {width: 100%;}

.lastmt {padding: 0px 4px;}

/*Village/Member list*/
.maxh {max-height: 450px; overflow: auto; position: relative; padding: 1px 3px 2px 3px;}
.maxh div {display: table; width: 100%;}

/*General info table*/
.ttt {text-align: left !important; margin-top: 1px;}
.ttt .ca {text-align: center !important;}
.table, .tb1, .vlit, .ttt, .spl, .table .la {width: 100%;}
.t100 {height: 100%;}
.table {margin: 1px 0px;}
.table, .ttt {border: 1px solid #ebdcbe;}
.table td, .ttt td {background-color: #eaddc2;}
.table .ic, .table .ic img {height: 18px; width: 18px;}
.la {text-align: left;}
.table .la, .table .ra {padding: 0px 4px;}

.twc {border: none; line-height: 11px; font-size: 9px; width: 90px;}
.twc div {text-align: right; width: 90px;}

.tdt {cursor: pointer;}
.tdt:hover td, .tdh td:hover {background-color: #eee4ce;}
.tdt:hover a {text-decoration: underline; color: #0082BE;}
.vlit .tdt td {padding: 1px 4px;}
.vlit .tdh td {padding: 1px 2px;}

.spl, .ec span {display: block;}
#minimap, .nd, #error {display: none;}
.di {display: block !important;}

/*Advertisements and messages*/
.adds .qc {width: 464px;}
.adds .q460 {width: 468px; height: 62px;}
.adds form {margin: 0px; padding: 0px; display: inline;}

/*Windows*/
.paneltab {border: 1px solid #f7f3eb; border-top: 0px; background-color: #e0d3b8; position: absolute; z-index: 20; text-align: center; top: 39px; left: 0px;}
.paneltab2 {border: 1px solid #7a6f55; border-top: 0px;}
.paneltab, .paneltab2 {
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;}
.paneltab .qc {border-top: 1px solid #f7f3eb; border-bottom: 1px solid #7a6f55; padding: 1px 2px 2px 2px;}
.paneltab .bottomqc {border-bottom: 0px;}
.h100 {height: 100%;}

#gro .lefta {margin: 0px 2px 1px 2px;}
#gro .stsr {padding: 1px 2px;}
#gro {padding: 1px 2px 1px 2px;}
.dell {margin-left: 3px;}
.tc {width: 13px;}
#tri table, #pla table, #vil table, #gro table, #linelist table, #churchlist table, #noteslist table, .tooltipcircle table {height: 13px; width: 100%;}
.fl {text-align: left; padding: 0px 4px 0px 3px; width: 100%;}
#markerlist .fl {padding: 0px 4px 0px 0px;}
#vil, #tri, #pla, #linelist, #churchlist, .tooltipcircle {padding: 1px 3px 1px 1px;}
#linelist .colimg, #churchlist .colimg, #vil .colimg, #pla .colimg, #tri .colimg {top: 0px; margin-left: 1px;}
.search .ws {width: 225px;}

/*Timers*/
#timerdescription {font: 11px arial, tahoma, "trebuchet ms", sans-serif !important; line-height: 13px !important;}
.timerpdiv {padding: 1px; border-bottom: 1px solid #e0d3b8;}

/*Modes*/
#mode-panel {top: 1px; border-top: 1px solid #f7f3eb; padding-top: 32px;}
#mode-panel {z-index: 21;}
/*Lines*/
.linew1, .linew2, .linew3 {background-color: #000000; height: 1px; width: 52px; margin-right: 3px;}
.linew2 {height: 2px;}
.linew3 {height: 3px;}
/*Settings*/
.setqc .qc, .h1 {height: 1px;}
.setqc .qc {width: 92px; padding: 0px !important;}
.setqc .qc div, .setqc .qc a {width: 92px; height: 17px; line-height: 17px; border-right: 1px solid #e4dac0;}
.setqc .qc a {width: 88px; padding: 0px 2px;}
.setqc .qc .lastt {border: none;}
.setqc .irr {background-color: #d8ccb2;}
.setqc a:hover {background-color: #e4dac0;}
.setqc .sel {background-color: #d0c5aa !important;}
#settings-panel .sets {width: 460px;}
.sets a b {color: #000000;}
.sets input {vertical-align: top;}
.sets .colimg {margin: 0px 2px 0px 1px;}
#settings-panel .preview {width: 367px;}
.preview div {float: left; width: 3px; height: 10px;}
.preview .btd {border-right: 0px;}
.preview .nob {border: 0px;}
.preview .ttd {border-top: 0px;}
.preview .tdb {border-bottom: 0px;}
.preview .tdl {border-left: 0px;}
/*Filter*/
.filter .sets div {white-space: nowrap !important;}
.d16 {width: 50%;}
.d16 div {height: 17px; line-height: 17px; text-align: right;}

/*Notes, descriptions and textareas*/
.nt, .noteicon {display: block; height: 11px; width: 11px; background: url(img/tw/sprites11.png) top left;}
.noteicon {float: left; margin-top: 1px; margin-right: 1px;}
.nt {margin: 0px 1px;}
.notedesc, .ttt textarea {font: bold 11px monospace;}
.ttt textarea {padding: 1px 2px; margin: 0px; border: 1px solid #E0D3B8; background-color: #F7F3EB; text-align: left; width: 400px; height: 200px; overflow: auto;}
.ttt textarea:focus, .ttt textarea:active, .ttt textarea:hover {border: 1px solid #777777;}
.notedesc {padding: 0px 3px; max-width: 400px; overflow: hidden; height: 100%;}
.nds td:hover {background-color: #f1e7ce;}
#noteslist {padding: 1px 3px 3px 3px;}
#notes .notedesc {overflow: auto !important;}
#ajaxdesc {height: 100px;}

/*Colour picker*/
#colours {width: 198px; margin: 1px 0px;}
#colours .pall {border: 1px solid #000000; width: 196px; height: 183px;}
#colours .pall td {width: 12px; height: 12px; cursor: pointer;}

.qcs .qc {padding: 2px 3px 2px 3px;}

/*HSV*/
#plugin {background: #e0d3b8; padding: 1px 0px 0px 1px; position: absolute; width: 193px; height: 169px; top: 29px; left: 8px; z-index: 101;}
#plugin br {clear: both; margin: 0; padding: 0;}
#SV {border: 1px solid #000000; background: #FF0000 url(img/tw/picker.png);
position: relative; cursor: pointer; float: left; height: 166px; width: 166px; margin-right: 3px;}
#SVslide {background: url(img/tw/sprites11.png) -13px -5px; top: 78px; left: 81px; height: 9px; width: 9px; position: absolute; font-size: 1px; line-height: 1px; }

#H {border: 1px solid #000000; cursor: pointer; float: left; position: relative; height: 166px; width: 19px; padding: 0;}
#Hslide {border: 1px solid #000000; background: #FFFFFF; height: 1px; width: 19px; margin-left: 7px; margin-top: 6px; position: absolute; font-size: 1px; line-height: 1px; z-index: 103; top: -7px; left: -8px;}
#Hmodel div {height: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; margin: 0; padding: 0; }

/*Sphere*/
#colours #mini {position: absolute; top: 10px; left: 10px; z-index: 101;}
#colours #min {position: absolute; top: 29px; left: 8px; z-index: 100; width: 194px; height: 181px; background: #000000;}
#colours #mSpec {padding: 0px; background: none; border: 0px; margin: 32px 0 0 10px;}
#colours .mIG {position: relative; top: -8px; left: -1px; z-index: 102; cursor: pointer; height: 168px; width: 168px; background: #000000 url(img/tw/circle2.jpg) top left no-repeat;}
#colours #mCur {background: url(img/tw/sprites11.png) -13px -5px; position: absolute; height: 9px; width: 9px; z-index: 103; top: 102px; left: 88px; cursor: pointer;}

.quickcol {float: left; margin-right: 2px; margin-bottom: 2px;}
#quickcollist {width: 198px;}

.spa {display: block; width: 46px; height: 15px; line-height: 15px; z-index: 106; border: 1px solid #000000; border-top: 0px; background: transparent url(img/tw/circle2.jpg) -173px -152px no-repeat;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;}
.spa:hover, .spaselect {background-color: #ece4d5 !important;}
.palla {background-position: -175px -137px; padding-left: 14px; margin-right: 3px;}
.spha {padding-left: 16px; margin-right: 3px;}
.picka {background-position: -171px -121px; padding-left: 18px;}

.ec #colourspan, .ec .oi, .ec .sbut {float: left; position: relative; margin: 0px 1px 0px 0px;}
.ec .fbut {width: 63px; margin-top: 0px;}
.ec #colourspan {height: 15px; width: 63px; z-index: 105; border: 1px solid #000000;}
.ec input {z-index: 104;}
.ec .oi {width: 63px;}
.ec {padding: 3px 3px 0px 3px !important;}
.ec div {height: 20px;}

/*Village center images*/
.mainv, .spre, .spgr, .playicon {background: url(img/tw/qtnb7.png) -61px -131px; height: 10px; width: 10px; display: -moz-inline-stack; display: inline-block;}
.spgr {background-position: -39px -131px;}
.spre {background-position: -50px -131px;}
.mainv {vertical-align: middle; position: relative; top: -1px;}
.playicon {background: url(img/tw/sprites11.png) -25px -1px; display: -moz-inline-stack; display: inline-block; width: 14px; height: 14px; vertical-align: middle; position: relative; top: 0px; left: -1px;}
.traveltimes .tb1 {text-align: left;}
.spre, .spgr {margin: 2px 3px 1px 0px;}
.conlost, .congained, .conneutral {display: -moz-inline-stack; display: inline-block; height: 11px; width: 11px; background: url(img/tw/qtnb7.png) -1px -131px; margin: auto;}
.conlost {background-position: -13px -131px;}
.conneutral {background-position: -25px -131px;}

/*Tiny unit icons*/
.minitimetable {text-align: right;}
.padleft {padding-left: 7px;}
.swo, .sco, .noble, .ram, .mar, .lca, .pal, .hca, .spe, .cat, .axe, .arc, .mer {background: url(img/tw/sprites11.png) -0px -36px; margin-right: 1px; height: 11px; width: 11px; display: -moz-inline-stack; display: inline-block; vertical-align: middle;}
.sco {background-position: -11px -36px;}
.noble {background-position: -22px -36px;}
.ram {background-position: -33px -36px;}
.mar {background-position: -44px -36px;}
.lca {background-position: -55px -36px;}
.pal {background-position: -66px -36px;}
.hca {background-position: -77px -36px;}
.spe {background-position: -88px -36px;}
.cat {background-position: -99px -36px;}
.axe {background-position: -110px -36px;}
.arc {background-position: -121px -36px;}
.mer {background-position: -132px -36px;}