@charset "UTF-8";

body , h1, h2, h3, h4, h5, h6 {
  line-height: 20px;
}

body , td , th , select , textarea , input {
  font: 12px Tahoma , Arial, Helvetica, sans-serif;
}

tr , select , li {
  	height: 20px;
}

input {
	height: 18px;
}

input.button {
	position: relative;
	top: -3px;
	border-style: none;
	width: 120px;
	height: 20px;
}

.setDayGr input.button {
	position: inherit;
}

a {
  	border-bottom-width: 2px;
  	border-bottom-style: dotted;
}

h1 {
	line-height: 60px;
	font-size: 20px;
	text-indent: 20px;
}

h2 {
	display: inline;	
	font-weight: bold;
}

h3 {
	display: inline;
}

.padLeft {
	padding-left: 10px;	
}

div.genPad {
	padding-left: 10px;
	padding-right: 10px;
}

table {
	width: 100%;
}

thead tr {
 	height: 40px;
	vertical-align: top;
}

th {
	font-weight: bold;
}

th.sort-th span  {
	border-bottom-style: dotted;
	border-bottom-width: 2px;
}


.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.dispInline {
	display: inline;
}

th.image , td.image {
	width: 40px;
	text-align: center;
}

td img {
	margin-left: 10px;
	float: left;
}

th.number , td.number {
	width: 50px;
	text-align: right;
	padding-right: 10px;
}

th.string, td.string {
	text-indent: 10px;
	text-align: left;
}

td.lastScan , td.lastMod {
	width: 80px;
}

table#pgstat td.lastMod {
	width: 90px;
}

table#genProf td.lastMod , table#specProf td.lastMod {
	width: 90px;
}

th.profIcon, td.profIcon  {
	padding-right: 80px;
}

th.groupSpec, td.groupSpec  {
	width: 20px;
}

table#roster td.lastMod {
	width: 140px;
}

td.extLink {
	width: 100px;
	padding-left: 10px;
	padding-right: 10px; 
}


th.level , td.level {
	width: 80px;
	text-align: left;
	padding-left: 10px;
}

td.extLink a {
	border: none;
}

td.extLink img {
	margin-left: 5px;
}

td.zone {
	width: 100px;
}
td.realm {
	width: 300px;
}

td.party {
	width: 200px;
}


th.prof {
	text-align: left;
}
td.prof {
	text-align: left;
	width: 120px;
}

td.prof img {
	margin-left: 0px;
	margin-right: 10px;
}

table.statNChar {
	width: 427px;
}

td.statTopLab {
	width: 30%;
}

td.statTopVal {
	width: 20%;
}

td.statLab {
	width: 50%;
}

td.statVal {
	width: 30%;
}

td.statMargin {
	width: 20%;

}




/***** MAIN LAYOUT *****/
html,body{	height: 100% }
div#maincontent{ position: relative; height:100%;margin: 0pt auto; width: 1024px;}
body>div#maincontent{ height: auto; min-height: 100% }

div#leftBar {width: 210px; float: left; }
div#content {margin-left: 240px; width: 760px; text-align: left; }
div#footer{ width: 1024px; position: absolute; bottom: 0; left: 0; }
div#contentFooter { margin-left: 240px; width: 760px; }

div#embeddedContent { width: 760px; }
div#embeddedFooter { width: 760px; }

div.header {height: 115px; }

/***** LEFT BAR *****/
div.leftShadow {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
}

div.leftShadow2x {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 40px;
}

div#validIcon {
	padding-top: 2px;
	padding-left: 10px;
}

div#validIcon a {
	border-bottom-style: none;
}

div#validIcon span {
	padding-right: 10px;
}

/***** CONTENT *****/

.wrL1 , .mainShadow {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
}

div#breadCrumb .wrL2 {
	padding-left: 10px;
}

div#breadCrumb img {
	float:left;
	margin-right: 5px;
}

.mainShadow2x {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 40px;
}

div#topHeader {
 	margin-bottom: 40px;
}

div#topImage {
	width: 750px;
	height: 115px;
}
 
div#titleGuild , div#titleChar , div#titleRealm {
	margin-bottom: 40px;
}

div#gpLink {
	height: 60px;
	float:right;
	padding-right:10px;
	padding-top:20px;
}



td.forUp {
	width: 130px;
}

td.forUp img {
	float: right;
}


div.genLine {
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
	margin-bottom: 20px;
}


/***** NAVIGATOR *****/
div#navigator li {
	text-indent: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
div#navigator li.last a {
	border-bottom: none;
}
div#navigator li a {
	height: 18px;
	display: block;
	width: 100%;
}

/***** FOOTER *****/
div#bottomM {
	height: 80px;
}
div#contentFooter {
	text-align: center;
}
div.footerShadow {
	margin-top: 40px;
	padding-left: 5px;
	padding-right: 5px;
}
div#baseFooter {
	height: 40px;		
}
div#baseFooter div {
	padding-top: 16px;	
}

/******** WOW LOGO *********/
div#wowLogo a {
	border-bottom-style: none;
}

/******** SITE STAT ********/
div#siteStat {
}

div#siteStat  table {
	width: 100%;
}

/*****ROLL OVER TABLE****/


table.rwintable td {
	text-indent: 0px;
	font-size: 12px;
	line-height: 20px;
}

td.rwinbody {
	color: #FFFFFF;
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 0px;
	padding-right: 0px;
	width: 100%;
	background: url(../images/tooltip.png) repeat scroll 0% 0%;
}

th.rwintr {
	padding-top: 8px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 8px;
	background: url(../images/tooltip.png) repeat scroll 0% 0%;
	background-position: top right;
}

th.rwinbl {
	padding-top: 0px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-right: 0px;
	background: url(../images/tooltip.png) repeat scroll 0% 0%;
	background-position: bottom left;
}

th.rwinbr {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 8px;
	padding-right: 8px;
	background: url(../images/tooltip.png) repeat scroll 0% 0%;
	background-position: bottom right;
}

/*********** PAGER ****/
div.filterStr {
	line-height: 20px;
	padding-bottom: 20px;
	padding-left: 10px;	
}
div.pager  {
	line-height: 20px;
	padding-bottom: 20px;
	text-align: right;
}

div.pager span {
	margin-right: 10px;
}


/********** FILTER FORM **************/
input , select , textarea {
	border-style: solid;
	border-width: 1px;
}

div.mainCheckbox {
	height: 20px;
}

div.checkbox {
	height: 20px;
	width: 20px;
	/*width: 14px;
	height: 14px;
	padding: 2px;
	border: 1px solid #2DAFDC;*/	
	float: left;
}

input.checkbox {
	border-style: none;	
}

td#cellSponsor {
	text-align: right;
}

span#toggleFilter {
	padding-left:  10px;
}

span#toggleSponsor {
	padding-right:  10px;
	text-align: right;
}

/***** HOME FILTER *****/

div.inlineElement {
	height: 20px;
	margin-bottom: 20px;
}
div.inlineElement div {
	float: left;
}

input#filterButton {
	float: left;
}


/***** ROSTER FILTER *****/
div#filterHead {
	text-indent: 10px;
	margin-bottom: 20px;
}

div.lineForm {
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
	margin-bottom: 20px;
}

div.genFilter div {
	float: left;
	width: 25%;
}

div.profFilter div {
	float: left;
	width: 50%;
}

div.dateRange div {
	float: left;
	width: 50%;
	text-align: center;
}

div.setDayGr div {
	float: left;
	width: 33%;
	text-align: center;
}

div.levelGroup {
	float: left;
	width: 25%;
}

div.rankLabel {
	float: left;
	padding-right: 10px;
}

div.rankCheck div.mainCheckbox {
	float: left;
	width: 46px;
}

div.buttons {
	float: right;
}

div.buttCen {
	text-align: center;
}

div.buttons input {
	margin-left: 10px;
}

div.genPad textarea {
	width: 100%;
}

div.timeLine table {
	width: 100%;
	margin-bottom: 20px;
}

div.timeLine table td {
	width: 33%;
	text-indent: 40px;
}

/***** CUSTOM FORM *****/
div#mainColorForm div , div#mainLayoutForm div {
	float: left;
	margin-right: 20px;
}
/********** GRAPH *******/
div.grLabel {
	height: 20px;
}

div.grLabel li {
	float:left;
	text-align:left;
	width:20%;	
}

/***** SUB TITLE *****/
div#subTitle {
  padding-left: 10px;
}
div#subTitle img {
	float: left;
}

div#titleRealm .wrL3 {
	height: 60px;
}

div#titleRealm div#subTitle h1 {
	float: left;
	text-indent: inherit;
	margin-right: 10px;
	margin-left: 10px;
}

/***** TOP NAVIGATOR *****/
div#topMenu {
	margin-bottom: 20px;
}

ul#topNavi {
	height: 20px;
}

ul#topNavi  img {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	
}


ul#topNavi a {
	display: block;
	border-bottom: 0px none;
}

ul#topNavi li {
	width: 120px;
	float: left;
	text-indent: 10px;
	border-right-style: dotted;
	border-right-width: 2px;
}

ul#topNavi li li {
	border-bottom: 0px none;
	float: none;
	line-height: 20px;
	display: block !important;
	border-left-style: dotted;
	border-left-width: 2px;
}

ul#topNavi li li.first {
	text-indent: 10px;
}


ul#topNavi ul {
	position: absolute;
	left: -9999px;
	width: 120px;
}

ul#topNavi li:hover ul,ul#topNavi li.sfhover ul {
	position: relative;
	left: -2px;
	z-index: 100
}


/***** ZONE NAVIGATOR ******/
ul.nationRealmsMenu {
	height: 20px;
}

ul.nationRealmsMenu li {
	float: left;
	width: 120px;
	border-right-style: dotted;
	border-right-width: 2px;	
	text-indent: 10px;
}

ul.nationRealmsMenu li a {
	border-bottom-style: none; 
}

/***** TOP LIST NAVIGATOR *****/
ul.topListMenu , ul.topRealm {
	height: 20px;
}

ul.topListMenu li , ul.topRealm li {
	float: left;
	width: 120px;
	border-right-style: dotted;
	border-right-width: 2px;	
	text-indent: 10px;
}

ul.topListMenu li a  , ul.topRealm li a  {
	border-bottom-style: none; 
}



/***** CUSTOM NAVIGATOR ******/
ul.customMenu {
	height: 20px;
}

ul.customMenu li {
	float: left;
	width: 140px;
	border-right-style: dotted;
	border-right-width: 2px;	
	text-indent: 10px;
}

ul.customMenu li a {
	border-bottom-style: none; 
}

/***** CHAR NAVIGATOR ******/
ul.charMenu {
	height: 20px;
	padding-left: 30px;
}

ul.charMenu li {
	float: left;
	width: 120px;
	border-right-style: dotted;
	border-right-width: 2px;	
	text-indent: 10px;
}

ul.charMenu li a {
	border-bottom-style: none; 
}


/***** CHAR *****/
div#groupSpecTitle .wrL2 {
}

table.charStatMargin {
	margin-bottom: 20px;
}
table.charStat thead tr {
  height: 20px;
}

table.charStat td , table.charStatMargin td {
	width: 33%;
}

table.charStat span.chStatLab {
	float: left;
}

table.charStat span.chStatLab img {
	margin-right: 10px;
}

th.chStatThLab {
	text-align: left;
	padding-left: 40px;
}

span.chStatLabPad {
	float: left;
	padding-left: 40px;
}

table.charStat span.chValue {
	float: right;
	margin-right: 10px;
}

div.chBarHeal , div.chBarMana {
	margin-left: 30px;
	padding-left: 10px;
}


span.health {
	font-weight: bold;
}

span.mana {
	font-weight: bold;	
}


div#groupSpecTitle , div#charProf , div#charRanged , div#charMelee , div#charSpell , div#charBaseStat {
	margin-bottom: 20px;
}

/**** AUTOCOMPLETE *****/
.ac_results ul {
	border-style: solid;
	border-width: 1px;
}

.ac_results ul li{
	padding-left: 10px;
}

div.mainRegion {
	width: 10%;
}
div.mainRealm {
	width: 40%;
}
div.mainName {
	width: 50%;
}
div.mainRealm label, div.mainName label{
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

div.textName {
	width: 305px;
}

div.textName input{
	width: 100%;
}

.tooltip{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none;
}

/***** CUSTOMIZE******/ 

div.customExp {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}

div.customExp img {
	margin-right: 10px;
	float: left;
	border-style: solid;
	border-width: 1px; 
}

div.customData {
	float: left;
	width: 33%;
}


/****** FAQ *****/
div.faq {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

div.request {
	font-weight: bold;
}


/***** MAIN SCREEN *****/
div#screen  div.top {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
div#screen  div {
	height: 195px;
}


div#screen img.left {
	float: left;
}

div#screen img.right {
	float: right;
}


div#screen  div.bottom {
	padding-left: 10px;
	padding-right: 10px;
}

div#screen img {
	border-style: solid;
	border-width: 1px;
}

/***** NEWS *****/
div.news {
	margin-bottom: 20px;
}

div.dateNews {
	float: right;
	padding-right: 10px;
}

div.titleNews {
	padding-left: 10px;
	margin-bottom: 20px;
}

div.bodyNews {
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

div.author {
	padding-right: 10px;
	text-align: right;
}

/***** CHANGE LAYOUT ****/
div.changeLayout {
	padding-left: 10px;
	padding-right: 10px;
}

div.changeLayout select {
	width: 110px;
	
}

/***** REPORT *****/
div#bugAndSugg {
	margin-right: 10px;
}

div#bugAndSugg img {
	float: right;
	margin: 0px;
}

/**** ITEMS ****/
div.itemChar {
	width: 100%;
	height: 460px;
	margin-bottom: 20px;
}

div.itemList {
	width: 420px;
	float: left;
}

div.tool3d {
	float: left;
    width: 330px;
    height: 460px;
}

div.title3d span {
	margin-left: 10px;
	font-weight: bold;
}

table#itemlist img {
	margin: 0px;
}



table#itemlist th.pos, table#itemlist td.pos {
	padding-left: 10px;
	width: 50px;
}

table#itemlist th.name ,table#itemlist td.name {

}

table#itemlist th.sock , table#itemlist td.sock {
	width: 80px;
}

table#itemlist th.enc , table#itemlist td.enc {
	width: 30px;
}


/*** TOP LIST ***/
div#listTopLink .wrL3 {
	height: 400px;
}

div.cl {
	margin-bottom: 20px;
	width: 375px;
	float: left;
}

div.mainCl {
	width: 250px;
	float: left;
}

div.mainCl img , div.clTal0 img , div.clTal1 img , div.clTal2 img {
	float: left;
}

div.clTal0 img , div.clTal1 img , div.clTal2 img {
	margin-right: 10px;
}

div.clTal0 , div.clTal1 , div.clTal2 {
	height: 20px;
}

#toplist td.realm {
	width: inherit;
}

#toplist td.nation {
	width: 40px;
}