/*Why you be hatin' on ma stylesheets?
Edit: I forgive you. Even I don't know what's going on here.*/

body {
    margin: 0;
    background:#000000 url(images/bgs/worgen.jpg) repeat-x top;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#c9c9c9;
}

a img {
    border:none;
}

a:link {
    color: #ffcc00;
    text-decoration:none;
}

a:visited {
    color: #ffcc00;
    text-decoration:none;
}

a:hover {
    color:#FFE57D;
    text-decoration:none;
}

/*#menu_divider {
    float:left;
    width:50px;
    height:6px;
    background-image:url(images/menudot.png);
}*/

.scroller {
    color: #009cff;
    width:3000px;
}

#container {
    width:960px;
    margin: 0px auto;
}


#ie6warning {
    width:100%;
    height:30px;
    background-color:#FFCC00;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#000000;
    color:#000000;
    text-align:center;
    font-weight:bold;
}

#login_text {
    float:left;
    padding-left:30px;
    padding-top:10px;
}

#login_box {
    float:right;
    width:440px;
    padding-right:0px;
    padding-top:0px;
}

#logged_text {
    text-align:right;
    float:right;
    padding-right:10px;
    padding-top:10px;
}

#logo_area {
    height:103px;
}

#chain_left {
    float:left;
    margin-left:57px;
    width:16px;
    height:103px;
    background-repeat:no-repeat;
    background-position: 0 0;
}

/*Sprite CSS - Add more images to sprites later*/

.sprite {
    background:url(images/sprite.png) no-repeat;
    _background:url(images/spriteie6.gif) no-repeat; /*I hate IE6*/	}

.chain_left { 
    float:left;
    margin-left:57px;
    width:16px;
    height:103px;
    background-position: 0 0;
}

.login { 
    width:960px;
    height:38px;
    background-position: -17px 0;
} 

.nav_bar { 
    width:960px;
    height:41px;
    background-position: -978px 0;
    overflow: hidden;
}

.queue { 
    float:right;
    height:33px;
    width:245px;
    padding-top:10px;
    background-position: -1939px 0;
}

.chain_right {
    float:right;
    margin-right:60px;
    width:16px;
    height:103px;
    background-position: 0 0;
}

/*End of sprites*/

#logo_box {
    float:left;
    top:-6px;
    position:relative;
    margin-left:0px;
    width:383px;
    height:103px;
}

#nav, #nav ul {
    list-style-type: none;
    margin: auto;
    padding-left:15px;
}

#nav a {
    background: url(images/menudiv.png) no-repeat right;
    padding: 0px 20px 0px 20px;
    display: block;
    line-height: 41px;
    font-weight:bold;
}

#nav li {
    float: left;
}

#nav li:hover {
    background:url(images/menubg.png) repeat-x;
}

#nav li ul { /* second-level lists */
    position: absolute;
    padding: 0px;
    background: #1a1a1a;
    width: 180px;
    left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a:hover {
    background-color: #101010;
}

#nav li ul a {
    background: url(images/menuline.png) left center no-repeat;
    width: 140px;
}

#nav li ul ul { /* third-and-above-level lists */
                position: absolute;
    padding: 0px;
    background: #1a1a1a;
    width: 180px;
    left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -41px 0 0 180px;
}

#nav li ul ul a { /* third-and-above-level lists */
background: url(images/menuline.png) left center no-repeat;
    width: 140px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



#banner_area {
    width:960px;
    height:197px;
    background-color:#202020;
}

#banner_rotate {
    float:left;
    width:665px;
    height:194px;
}

#stats_box {
    float:right;
    background:url(images/statsbox.png) no-repeat;
    padding-left:10px;
    margin-top:8px;
    padding-top:10px;
    width:278px;
    height:183px;
}

#blue_line {
    background:url(images/blue_line.png) repeat-x;
    height:10px;
    width:960px;
}

#filter {
    float:left;
    background-color:#101010;
    background:url(images/filterline.png) no-repeat;
    height:43px;
    width:700px;
}


#queue_text {
    display:inline;
    margin-top:10px;
    margin-left:55px;
}

#l1c {
    width:960px;
    height:43px;
    background-color:#101010;
}

#content {
    padding-top:5px;
    background-color:#101010;
    width:960px;
    height:100%;
}

.clear {
    line-height: 0px;
    font-size: 0px;
    clear: both;
    height: 0px;
} 

#left_content {
    float:left;
    width:700px;
    padding-left:5px;
    background-color:#101010;
}

#right_content {
    float:right;
    width:245px;
    background-color:#101010;
}

#footer {
    position:absolute;
    width:960px;
    height:75px;
    padding-top:20px;
    background:url(images/footerbg.png) repeat-x;
}

#footer_logo {
    float:left;
    padding-left:180px;
    width:160px;
    height:59px;
}

#footer_text {
    display:inline;
    width:160px;
    height:59px;
}

.content_box {
    width: 700px;
    background-color:#1a1a1a;
    margin-bottom:10px;
}

.content_box #leftquote {
    float:left;
    width:20px;
    height:50px;
    background:url(images/quoteleft.png) no-repeat;
}

.content_box #rightquote {
    width:20px;
    background:url(images/quoteright.png) no-repeat;
}

.content_box #news_header {
    float:left;
    width:500px;
    font-size:16px;
    font-weight:bold;
    color:#c9c9c9;
}

.content_box .quote_left {
    float:left;
    background:url(images/quoteleft.png) no-repeat;
    height:51px;
    width:25px;
    color:#c9c9c9;
}

.content_box .right_quote {
    float:left;
    background:url(images/quoteright.png) no-repeat right;
    height:51px;
    width:25px;
    color:#c9c9c9;
}

.content_box .news_type {
    float:right;
    padding-top:27px;
    padding-right:5px;
    width:73px;
    color:#c9c9c9;
}

.content_box .news {
    padding-left:25px;
    margin-bottom:10px;
}

.content_box .comments {
    width:100%;
    text-align:right;
    font-weight:bold;
}

.content_box .top {
    padding-left:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background:url(images/contentbox_top.png) no-repeat;
    width:690px;
    height:54px;
}

.content_box .articletop {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left:35px;
    margin-right:30px;
    padding-bottom:10px;
    height:100%;
    background: url("images/bevborder.png") repeat-x bottom;

}

.content_box .articleheader {
    padding-left:10px;
    width:690px;
}

.content_box .articlemiddle {
    padding-top:0px;
    background-color:#1a1a1a;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    width:680px;
    height:100%;
}

.content_box .middle {
    padding-top:5px;
    border-top:1px solid #3c3c3c;
    background-color:#1a1a1a;
    margin-left:10px;
    margin-right:10px;
    width:680px;
    height:100%;
}


.content_box .bottom {
    background:url(images/contentbox_bottom.png) no-repeat;
    height:7px;
    width:700px;
    _background-color:#101010; /* For IE6 as always */
}

.subpage_header {
    padding-top:15px;
    font-size:16px;
    font-weight:bold;
    color:#c9c9c9;
    margin:0px;
}

.article_header {
    font-size:16px;
    font-weight:bold;
    color:#c9c9c9;
    margin-top:5px;
}

.textfields {
    background-color:#101010;
    border-color:#2e2e2e;
    border-style:solid;
    border-width:1px;
    color:#c9c9c9;
    height:20px;
}

.textarea {
    background-color:#101010;
    border-color:#2e2e2e;
    border-style:solid;
    border-width:1px;
    color:#c9c9c9;
}

.qfsubmit {
    background-color:#ffffff;
    border-color:#2e2e2e;
    border-style:solid;
    border-width:1px;
    height:22px;
}

#blueborder {
    background:url(images/avatars/blue_border.png) no-repeat;
    height:85px;
    margin-right:6px;
    padding-top: 12px;
}

#goldborder {
    background:url(images/avatars/gold_border.png) no-repeat;
    height:85px;
    margin-right:6px;
    padding-top: 12px;
}

#redborder {
    background:url(images/avatars/red_border.png) no-repeat;
    height:85px;
    margin-right:6px;
    padding-top: 12px;
}

#purpleborder {
    background:url(images/avatars/purple_border.png) no-repeat;
    height:85px;
    margin-right:6px;
    padding-top: 12px;
}

#greenborder {
    background:url(images/avatars/green_border.png) no-repeat;
    height:85px;
    margin-right:6px;
    padding-top: 12px;
}

.menu_box {
    width: 238px;
    margin-bottom:10px;
}

.menu_box .top {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:url(images/menubox_top.png) no-repeat;
    width:238px;
    height:41px;
}

.menu_box .middle {
    padding-top:5px;
    background-color:#1a1a1a;
    width:238px;
    height:100%;
}

.menu_box .bottom {
    background:url(images/menubox_bottom.png) no-repeat;
    height:6px;
    width:238px;
}

.menu_box .icon {
    float:left;
    padding-top:5px;
    padding-left:10px;
    height:27px;
    width:27px;
}

.menu_box .title {
    float:right;
    padding-top:10px;
    width:190px;
}

.menu_box .option {
    width:190px;
    height:22px;
    padding-top:2px;
    padding-left:15px;
    margin-left:10px;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#3c3c3c;
    background:url(images/arrow.png) no-repeat;
}

#notificationbox {
    background:url(images/notificationbox.png) no-repeat;
    width:700px;
    padding-left:10px;
    min-height:31px;
    padding-top:8px;
}

#quickfilter {
    margin-top:5px;
}

/*Profile CSS elements */

.profilebox {
    background:url(images/profilebg.jpg) no-repeat;
    width:700px;
    height:103px;
    padding-left:10px;
    margin-bottom:10px;
}

.profilebox #avatar {
    float:left;
    width:100px;
    height:100px;
    padding-left:12px;
    padding-top:13px;
    background-repeat:no-repeat;
}

.profilebox #gavatar {
    float:left;
    width:100px;
    height:100px;
    background-repeat:no-repeat;
}

.profilebox #name {
    float:left;
    padding-top:15px;
    width:300px;
    height:103px;
}

.profilebox #options {
    background:url(images/profileoptions.png) no-repeat;
    float:left;
    margin-top:5px;
    padding-top:15px;
    width:270px;
    height:93px;
    text-align:center;
    font-weight:bold;
}

.profilebox #optionsg {
    background:url(images/profileoptions.png) no-repeat;
    float:left;
    margin-top:5px;
    padding-top:2px;
    width:270px;
    height:93px;
    text-align:center;
    font-weight:bold;
}

#charborder {
    float:left;
    background:url(images/charborder.png) no-repeat;
    width:98px;
    height:90px;
    padding-left:16px;
    padding-top:15px;
}

#veritext {
    padding-top:5px;
}


.hintsClass {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#c9c9c9;
    background-color:#101010;
    border: 1px solid #2e2e2e;
    padding: 5px;
}

.hintSource {
    color: #ffcc00;
    cursor: pointer;
}

.ieimg { 
    -ms-interpolation-mode : bicubic;
} 

.comments_container {
    width: 700px;
    margin-bottom:5px;
}

.comments_container .top {
    background:url(images/comments_top.png) no-repeat;
    width: 700px;
    height:12px;
}

.comments_container .middle {
    width: 700px;
    background-color:#060606;
}

.comments_container .userinfo {
    padding-left:20px;
    float:left;
    width:110px;
    border-right:solid;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#c9c9c9;
}

.comments_container .comment {
    float:left;
    padding-left:10px;
    width:550px;
}

.comments_container .date {
    padding-bottom:10px;
    float:left;
    width:350px;
}

.comments_container .options {
    padding-bottom:10px;
    float:left;
    width:200px;
}

.comments_container .bottom {
    background:url(images/comments_bottom.png) no-repeat;
    width: 700px;
    height:12px;
}

/* Alternate comment colour */
.comments_container2 {
    width: 700px;
    margin-bottom:5px;
}

.comments_container2 .top {
    background:url(images/comments_top2.png) no-repeat;
    width: 700px;
    height:12px;
}

.comments_container2 .middle {
    width: 700px;
    background-color:#090909;
}

.comments_container2 .userinfo {
    padding-left:20px;
    float:left;
    width:110px;
    border-right:solid;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#c9c9c9;
}

.comments_container2 .comment {
    float:left;
    padding-left:10px;
    width:550px;
}

.comments_container2 .date {
    padding-bottom:10px;
    float:left;
    width:350px;
}

.comments_container2 .options {
    padding-bottom:10px;
    float:left;
    width:200px;
}

.comments_container2 .bottom {
    background:url(images/comments_bottom2.png) no-repeat;
    width: 700px;
    height:12px;
}

.guildbox_alliance {
    background:url(images/alliancebg.png) no-repeat;
    width:700px;
    height:135px;
    background-repeat:no-repeat;
    padding-left:170px;
    padding-top:30px;
    margin-bottom:10px;
}

.guildbox_horde {
    background:url(images/hordebg.png) no-repeat;
    width:700px;
    height:145px;
    padding-left:170px;
    padding-top:30px;
    margin-bottom:10px;
}

.content_box_small {
    width: 338px;
    background-color:#1a1a1a;
    margin-bottom:10px;
}

.content_box_small .top {
    padding-left:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:url(images/contentbox_top_small.png) no-repeat;
    width:338px;
    height:54px;
}

.content_box_small .top_noimg {
    padding-left:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    width:338px;
    height:54px;
}

.content_box_small .middle {
    padding-top:5px;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#3c3c3c;
    background-color:#1a1a1a;
    margin-left:10px;
    margin-right:10px;
    width:318px;
    height:100%;
}

.content_box_small .bottom {
    background:url(images/contentbox_bottom_small.png) no-repeat;
    height:7px;
    width:338px;
}

.asholder {
    position: relative;
}

.menu_indent {
    padding-left:10px;
}

/*Poll bars*/
.poll_bar {
    float:left;
    background:url(images/pollbar.png) repeat-x #0078ff;
    height:18px;
    margin-top:5px;
    margin-right:5px;
    margin-bottom:5px;
    font-weight:bold;
}

.role_bar {
    float:left;
    background:url(images/rolebars.jpg) no-repeat;
    font-weight:bold;
    height:18px;
    padding-right:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
}

.healers {
    background-position: 0 -18px;
}

.tanks {
    background-position: 0 0;
}

.dps {
    background-position: 0 -36px;
}

.role_text {
    font-weight:bold;
    padding-top:6px;
}

.selectbox {	
    behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}

.link_cursor {
    cursor:pointer;
}

.charinfo {
    margin-top:5px;
    margin-bottom:5px;
    width:680px;
}

.charinfo .topb {
    height:13px;
    background:url(images/charinfo_top.png) no-repeat;
}

.charinfo .middleb {
    background-color:#101010;
    padding-left:10px;
    height:auto;
}

.charinfo .bottomb {
    height:13px;
    background:url(images/charinfo_bottom.png) no-repeat;
}

.mw_height {
    height: 35px;
    width: 25px;
}

.poll_radio {
    width:25px;
}

/* http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/form.css */
.checkbox, .radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(images/checkbox.png) no-repeat;
    display: block;
    clear: left;
    float: left;
}
.radio {
    background: url(radio.gif) no-repeat;
}
.select {
    position: absolute;
    width: 158px;
    height: 21px;
    padding: 0 24px 0 8px;
    color: #fff;
    font: 12px/21px arial,sans-serif;
    background: url(select.gif) no-repeat;
    overflow: hidden;
}
/* END */

.recruitment_icon {
    display: block;
    width: 43px;
    height: 43px;
    cursor:pointer;
    margin: 0px auto;
}

.off {
    opacity:0.2;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
}

/*Form elements*/
.button {
    background:url(images/button_dark.png);
    height:30px;
    width:83px;
    border:none;
    color:#c9c9c9;
    font-family: "Segoe UI", Verdana, Arial;
}

.button:hover {
    background-position:0px -30px;
}

.button:active {
    background-position:0px -60px;
}

.antibotfield {
    display:none;
}

.loginForm {
    margin:3px 10px 0 0;
    padding:0;
}

.loginField {
    height:20px;
    line-height:20px;
    width:127px;
    font-family: Arial, Verdana;
    padding-left:5px;
    font-size:12px;
    color: #c9c9c9;
    background-color: #1a1a1a;
    border: solid 1px #262626;
    -moz-border-radius:5px;
    border-radius:5px;
}

#loginButton {
    background:url(images/loginbutton.png);
    height:24px;
    width:66px;
    font-family: Tahoma, Arial, Verdana;
    font-size: 12px;
    color: #262626;
    border:0;
}