/**************************************************
* Reset
**************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/**************************************************
* General
**************************************************/
html,body {
background:#353535;
color:#FFF;
font-family:Arial,Tahoma,Helvetica,sans-serif;
font-size:12px;
margin:0;
min-width:1042px;
padding:0
}

a {
color:#FFD100;
cursor:pointer;
text-decoration:none
}

.clear {
clear:both
}

img,table.chart tr.note {
border:0
}

tr.note {
text-align:left;
}

/**************************************************
 * Forms
 **************************************************/
input {
background-color:#FFF;
border:1px solid #000;
font-size:11px;
padding:3px
}

select {
border:1px solid #000;
font-size:14px
}

table.form {
width:350px
}

.error {
color:red;
font-size:12px
}

/**************************************************
 * Zone/Era Dropdown box
 **************************************************/
div.dropDown {
-moz-border-radius:8px;
background:#000;
border:1px solid #666;
font-size:12px;
max-height:150px;
overflow:auto;
padding:5px 20px 0 5px;
position:absolute;
z-index:1
}

div.dropDown a {
display:block;
text-align:left;
white-space:nowrap
}

/**************************************************
 * Header
 **************************************************/
div#header {
background:#000;
border-bottom:1px solid #666;
padding-bottom:8px
}

div#header img {
margin:5px 10px
}

div.games {
position:absolute;
right:10px;
top:5px
}

div.headlines{
position:absolute;
right:10px;
top:25px;
font-size:10px;
text-align:right
}

div.mainbar {
padding:2px 10px 0 40px
}

div.menubar a:link,div.menubar a:visited {
background:#151515;
border:1px solid #666;
padding:2px 8px;
position:relative;
z-index:10
}

div.menubar a:hover {
background:#353535;
color:#FFD100
}

div.searchBar {
background-color:#151515;
border:1px solid #666;
float:right;
margin-top:-4px;
width:229px
}

div.searchBar img {
background-color:transparent;
margin:3px 5px 0 0
}

input#searchField {
background-color:#151515;
border:0;
color:#FFD100;
font-size:12px;
width:200px
}

input#searchSubmit {
background:transparent url("../images/search.gif") no-repeat center;
border:0;
cursor:pointer;
width:20px
}

/**************************************************
 * Frame
 **************************************************/
div.crawlerBox {
border:3px double #666;
padding:5px;
}

table#frame {
border-collapse:expression('separate',cellSpacing='10px');
border-spacing:5px;
margin-left:1%;
margin-right:1%;
width:98%
}

td#leftbar,td#rightbar {
background:#000;
border:1px solid #666;
padding:10px;
vertical-align:top;
font-size:12px;
}

td#leftbar {
margin-right:10px;
width:215px
}

table.chart {
border-collapse:collapse;
border:none;
}

table.guildInfo {
border:3px solid #404040;
}

table.chart tr {
border-left:3px solid #404040;
border-right:3px solid #404040
}

table.chart tr.chartEnd {
border-bottom:3px solid #404040
}

tr.chartHead {
background:#404040;
font-size:13px;
font-weight:600
}

.chartTitle {
font-size:16px;
font-weight:600
}

.guildChartTitle {
background:#404040;
font-size:16px;
font-weight:600;
text-align:center
}

#eraBar {
text-align:center;
}

.eraBarBox, .selectedEraBox {
display: inline-block;
font-size:14px;
padding:5px;
border:1px solid #666666;
margin-right:5px;
margin-bottom: 5px;
}

.eraBarBox {
background-color: #353535;
}

.selectedEraBox {
background-color: #FFD100;
font-weight:700;
color:black;
}

.guildChartHeading {
font-size:16px;
padding:5px;
font-weight:600;
}

div.chartNavLeft,div.chartTitleLeft {
float:left;
margin-left:5px;
margin-right:25px
}

div.chartNavRight,div.chartTitleRight {
float:right;
margin-left:25px;
margin-right:5px
}

td#leftbar tr.chartHead center {
padding-left:40%;
padding-right:40%
}

td#leftbar div.chartNavLeft,td#leftbar div.chartNavRight {
-moz-user-select:none;
cursor:pointer
}

tr.chartSubHead {
background:#606060
}

tr.chartSubHead td {
border-color:#707070 #303030 #303030 #707070;
border-style:solid;
border-width:1px;
font-size:12px;
font-weight:600;
text-align:center
}

tr.chartSubHead td,tr.chartRow td {
padding:4px 4px
}

.sbTitle,span.guildZone div.count {
font-size:15px;
font-weight:600
}

tr.chartRow:hover {
background-color:#353535
}

tr.chartRow1 {
background:#000
}

tr.chartRow2 {
background:#151515
}

td.count {
color:#DDD;
overflow:visible;
padding-right:5px;
text-align:left;
width:0
}

td#rightbar td.count,td#rightbar td.guild,td#rightbar td.server,td.notcheck,td.check,td.rowTitle {
border-top:1px solid #404040
}

td.guild,td.server,div.zszone,td.rowTitle {
cursor:default;
font-weight:600;
white-space:nowrap
}

div.zsdate,td.date {
cursor:default
}

td.notcheck,td.check {
border-left:1px solid #404040;
cursor:default;
text-align:center;
min-width:60px;
}

font.new {
font-size:10px;
position:absolute
}

font.killNew {
color:#0F3;
}

font.achNew {
color:#00FFFF;
}

div.zszone_head,div.zszone_row {
clear:both;
margin-bottom:2px
}

div.statsTitle {
font-size:15px;
font-weight:700;
text-align:center;
text-decoration:none
}

div.statsTitleWrapper {
clear:both;
font-size:13px;
text-align:left;
}

div.statsDetailsWrapper {
clear:both;
font-size:12px
}

div.statsWrapper {
overflow:hidden;
padding-bottom:10px
}

div.statsExpanded {
display:none;
padding-left:20px
}

div.zsplus {
margin:2px 5px 0 30px
}

div.zspercent {
float:right;
margin-right:30px
}

div.zszone_body {
clear:both;
margin-left:50px
}

table.guildStats tr.sbChartRow td {
width:50%
}

table.guildStats tr.sbChartRow td:first-child {
font-weight:600;
text-align:right
}

td#leftbar table.guildStats,td#leftbar div#zoneStats,td#leftbar table.chart {
margin-bottom:10px
}

table.serverChart {
background:#353535
}

table.serverChart tr td {
padding:3px 10px
}

table.serverChart tr td:first-child {
padding-left:20px
}

table.serverChart tr td:last-child {
padding-right:20px
}

a.achievement {
color:#FFF;
font-weight:700
}

a.achievementIncomplete {
color:#8A8A8A;
font-weight:700
}

div.queuedCrawls {
float:left;
margin-right:30px
}

tr.sbChartRow td,tr.chartHead div.chartNav select,tr.chartRow,tr.sbChartRow,table.serverChart td,table.form tr.instruction {
font-size:12px
}

tr.chartRow td.mob, tr.chartRow td.date{
padding:5px;
}

td.guild,td.server,td.mob,table.guildStats tr.sbChartRow td:last-child,table.form tr {
text-align:left
}

table.guildStats tr.chartTitle,table.guildStats tr.sbCenter td:first-child,table.form tr.chartTitle,table.form tr.instruction {
text-align:center
}

div.zsdate,div.lkdate,td#WzBoDyI,div.recentCrawls div div {
float:right
}

/**************************************************
 * Guild page
 **************************************************/
span.guildZone {
display:inline-block;
margin:0 10px 10px;
vertical-align:top
}

span.guildZone img {
border:3px solid #404040;
width:244px
}

span.guildZone table.chart {
width:247px
}

span.guildZone div.count {
color:#FFD100;
margin-bottom:-20px;
margin-right:3px;
position:relative;
text-align:right
}

td.date {
text-align:right
}

/**************************************************
 * News / Comments
 **************************************************/
div.nc {
margin:0 50px 30px 20px
}

div.ncTitle {
font-size:20px;
font-weight:400;
margin:0 0 5px;
text-decoration:underline
}

div.ncAuthor {
color:#636F57;
font-size:12px;
margin:7px 0 5px 5px
}

div.ncBody {
clear:both;
color:#F1F1F1;
line-height:1.4em
}

/**************************************************
 * Footer
 **************************************************/
div#footer {
background:#000;
border-top:1px solid #666;
padding:0 5px 5px;
text-align:center
}

/**************************************************
 * Tooltips
 **************************************************/
td#WzBoDyI > div {
clear:both;
font-size:8pt
}

td#WzBoDyI div div:first-child {
float:left;
margin-right:15px
}

/**************************************************
 * Buttons
 **************************************************/
a.boldbuttons {
background:transparent url('http://www.guildprogress.com/shared/images/roundedge-gray-left.gif') no-repeat top left;
display:inline-block;
font:bold 14px Arial;
height:30px;
line-height:22px;
padding-left:8px;
text-decoration:none
}

a.achButton {
font-size:10px;
}

a:hover.boldbuttons {
text-decoration:underline
}

a.currentButton,a:link.currentButton,a:visited.currentButton,a:hover.currentButton {
color:#FFF;
text-decoration:none
}

a.boldbuttons span {
background:transparent url('http://www.guildprogress.com/shared/images/roundedge-gray-right.gif') no-repeat top right;
display:block;
padding:4px 10px 4px 2px
}

.buttonwrapper {
margin-bottom:5px;
overflow:hidden
}

/**************************************************
 * Autosuggest,inquisitor style
 **************************************************/
div.autosuggest {
border:1px solid #666;
margin-top:6px;
position:absolute;
width:229px
}

div.autosuggest ul {
background-color:#333;
list-style:none;
margin:0;
overflow:hidden;
padding:0
}

div.autosuggest ul li {
border-bottom:1px solid #101010;
border-top:1px solid #484848
}

div.autosuggest ul li:hover,div.autosuggest ul li.as_highlight {
background-color:#404040
}

div.autosuggest ul li a span {
display:block;
padding:3px 6px
}

div.autosuggest ul li a span em {
font-style:normal;
font-weight:600
}

div.autosuggest ul li a span small {
color:#999;
font-weight:400
}

div.autosuggest ul li a span small.right {
margin-top:7px;
position:absolute;
right:5px
}

a:hover,a:active.boldbuttons {
color:#FFF
}

td#leftbar table.chart,table.guildStats {
width:100%
}

div.menubar,div.zsplus,div.zszone,div.zsmob,div.zszone,div.lkname,div.ncTitle,div.ncAuthor {
float:left
}

div.statsDetailsTitle {
float:left;
width: 150px;
text-align: left;
}

div.statsDetailsNumber,div.statsTitleNumber {
float:right;
text-align:right
}

a.guild,a:link.boldbuttons,a:visited.boldbuttons,a:hover.boldbuttons,div.autosuggest a:hover {
color:#FFD100
}

.undefeated,.textExpand {
color:#8A8A8A
}