body {
    font-family: Arial;
    color: #000000;
    background-image: url(../images/background.gif);
    background-repeat: repeat-x;
    background-color: #AAAAAA;
    margin: 0px;
}

#header {
    height: 113px;
}

#logo {
    width: 270px;
    height: 60px;
    position: relative;
    left: 10px;
    top: 10px;
}

#menu {
    position: relative;
    left: 10px;
    top: 26px;
}

#adspace1 {
    width: 468px;
    height: 60px;
    position: absolute;
    top: 10px;
    right: 10px;
}

#adspace2 {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.menuItem {
    background-color: #AAAAAA;
    border: solid 1px #000000;
    font-size: 12px;
    padding: 3px;
    margin: 3px;
    cursor: pointer;
    display: inline;
}

#outerpane {
    position: relative;
    left: 0px;
    top: 25px;
    width: 915px;
    height: 480px;
    margin: 5px;
}

#outerpanenews {
    position: relative;
    left: 0px;
    top: 0px;
    margin: 5px;
}

#outerpaneguide {
    position: relative;
    left: 0px;
    top: 0px;
    margin: 5px;
}

.pane {
    position: absolute;
    left: 0px;
    top: 0px;
    border: none;
}

.tabimage {
    border: none;
}

#selectionsOuter {
    border: solid 2px black;
    width: 450px;
    height: 23px;
    position: relative;
    left: 100px;
    top: -24px;
}

#selectionBox {
    position: absolute;
    width: 200px;
    height: 18px;
    left: 10px;
    top: 0px;
}

#charsheetselect {
    position: absolute;
    left: 250px;
    top: 0px;
}

#shardselect {display: none; position: absolute; left: 218px; top: 0px;}
#charnamebox {display: none; position: absolute; left: 320px; top: 0px;}
#getcharbutton {display: none; position: absolute; left: 425px; top: 0px;}

#equippedpane {display: block;}
#virtuepane {display: none;}
#racialpane {display: none;}
#classpane {display: none;}
#legendarypane {display: none;}

.selectImg { display: none; cursor: pointer;}
.iconImg { display: none;}

#statspaneouter {
    position: absolute;
    left: 660px;
    top: 0px;
    width: 230px;
    height: 400px;
    background-image: url(../images/stats_box.gif);
    background-repeat: no-repeat;
    padding: 60px 10px 10px 10px;
    font-size: 10px;
}

#statspane {
    width: 228px;
    height: 390px;
    overflow: auto;
    color: #FFFFFF;
}

#ddtooltip {
    position: absolute;
    width: 150px;
    border: 2px solid black;
    padding: 10px;
    background-color: #AAAAAA;
    visibility: hidden;
    z-index: 100;
}

#copystuff {
    font-size: 10px;
    width: 60%;
}

.newsheader {
  margin-top: 5px;
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
  color: black;
}

.newspane {
  width: 600px;
  margin-left: 20px;
  margin-bottom: 20px;
}

#mynews {
}

#officialnews {
}

.newsitem {
	margin-top: 5px;
	margin-bottom: 5px;
}

.guideimg {
    width: 640px;
}

.guidecls {
    width: 640px;
}

.guidehr {
    float: left;
    width: 640px;
}

#charSheet {
    display: none;
    position: absolute;
    left: 660px;
    top: 4px;
    width: 405px;
    height: 469px;
    background-image: url(../images/charsheet.jpg);
    background-repeat: no-repeat;
}

.statdiv {
    color: #FFFFFF;
    font-size: 10px;
    line-height: 12px;
}

#primaryStats {position: absolute; left: 85px; top: 336px;}
#critStats {position: absolute; left: 170px; top: 336px;}
#avoidanceStats {position: absolute; left: 170px; top: 391px;}
#resistanceStats {position: absolute; left: 265px; top: 336px;}
#mitigationStats {position: absolute; left: 365px; top: 336px;}
#moralestat {color: #55FF55; font-weight: bold; position: absolute; left: 105px; top: 300px;}
#powerstat {color: #8888FF; font-weight: bold; position: absolute; left: 235px; top: 300px;}
#armorstat {color: #CCCCCC; font-weight: bold; position: absolute; left: 355px; top: 300px;}

.tooltip {
    border: solid 1px grey;
    background-color: #000000;
    color: #FFFFFF;
}

#loadingdiv {
    display: none;
    position: absolute;
    left: 720px;
    top: 220px;
    width: 250px;
    height: 60px;
    border: solid 2px black;
    padding: 10px;
    background-color: white;
}