@charset "utf-8";

/******************** Newerth League Main CSS Document ********************/


/********************************
TAG STYLES
********************************/

html {
	text-align: center;
}

body {
	font-family: Arial, Candara, Tahoma, Verdana, Calibri;
	font-size: 13px;
	color: #bbbbbb;
	background: #171719 url(../images/nl_bg.png) top center no-repeat;
	margin: 0px 0px 0px 0px;
}

img {
	border: 0px;
}

h1 {
	margin: 3px 0px 8px 0px;
	font-family: Verdana, Helvetica, Calibri, Tahoma, Arial;
	font-weight: 300;
	font-size: 42px;
	height: 57px;
	padding: 17px 0px 0px 35px;
	background: url(../images/bg/h1_header_bg.png) no-repeat;
}

h2 {
	margin: 5px 0px;
	font-family: Verdana, Helvetica, Calibri, Tahoma, Arial;
	font-weight: 300;
	font-size: 26px;
	height: 41px;
	padding: 9px 0px 0px 40px;
	background: url(../images/bg/h2_header_bg.png) no-repeat;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table {
	border-spacing: 0px;
}

/********************************
GENERAL STYLES
********************************/

.NL #img_inline {
	display: inline;
}

.Center {
	margin: 0 auto;
	text-align: center;
}

.Inline {
	display: inline;
}

.LSplit {
	width: 300px;
	float: left;
	text-align: center;
	margin: 25px 0px 25px 0px;
}

.RSplit {
	width: 300px;
	float: right;
	text-align: center;
	margin: 25px 0px 25px 0px;
}

.WideLSplit {
	width: 400px;
	float: left;
	text-align: center;
	margin: 25px 0px 25px 0px;
}

.WideRSplit {
	width: 400px;
	float: right;
	text-align: center;
	margin: 25px 0px 25px 0px;
}

.MedTxt {
	font-size: 24px;
}

.LargeTxt {
	font-size: 36px;
}

.PasswordTxt {
	color: #777777;
	height: 18px;
	width: 250px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.EmailTxt {
	color: #777777;
	height: 18px;
	width: 320px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

/********************************
NL CLASS
********************************/

/* MAIN ATTRIBUTES */

/********** BOX ****************/

.NL #box {
	width: 980px;
	margin: 0 auto;
	border: 0px #000000;
	text-align: left;
}

/********** CONTAINER **********/

.NL #container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	background:  url(../images/nl_main_dark_border_body.png) repeat-y;
}

.NL #container_top {
	min-height: 30px;
	background:  url(../images/nl_main_dark_border_full_top.png) no-repeat;
}

.NL #container_bottom {
	margin: 0px 0px 0px 1px;
	min-height: 30px;
	background:  url(../images/nl_main_dark_border_full_bottom.png) no-repeat;
}

/********** HEADER *************/

.NL #header_box {
	width: 1135px;
	height: 120px;
	margin: 0 auto;
}

.NL #header { 
	margin: 16px 0px 0px 0px;
	float: left;
}

.NL #ad_header { 
	margin: 22px 0px 0px 0px;
	float: right;
}

.NL #header h1 {
	margin: 0px;
}

/********** MAIN ***************/

.NL #index_main {
	padding: 0px 0px 0px 10px;
	width: 947px;
	min-height: 1000px;
}

.NL #game_main {
	margin: 0px 0px 0px 20px;
	width: 950px;
	min-height: 1000px;
}

.NL #wide_main {
	padding: 0px 0px 0px 22px;
	width: 933px;
	min-height: 1000px;
}

.NL #xwide_main {
	padding: 0px 0px 0px 22px;
	width: 928px;
	min-height: 1000px;
	font-family: Trebuchet, "Trebuchet MS", sans-serif;
}

.NL #main {
	margin: 0px 0px 0px 200px;
	padding: 0px 0px 0px 5px;
	border-left: solid 1px #222222;
	width: 750px;
	min-height: 1000px;
}

.NL #main a {
	color: #c4a837;
	text-decoration: none;
}

.NL #main a:hover {
	color: #ecd05d;
	text-decoration: underline;
}

.NL #main p {
	font-size: 20px;
}

.NL #main label {
	color: #bb0000;
}

.NL #wide_main a {
	color: #c4a837;
	text-decoration: none;
}

.NL #wide_main a:hover {
	color: #ecd05d;
	text-decoration: underline;
}

.NL #wide_main p {
	font-size: 20px;
}

.NL #wide_main label {
	color: #bb0000;
}

.NL #xwide_main a {
	color: #c4a837;
	text-decoration: none;
}

.NL #xwide_main a:hover {
	color: #ecd05d;
	text-decoration: underline;
}

/********** FOOTER *************/

.NL #footer {
	text-align: center;
	color: #999999;
	font-size: 12px;
}

.NL #footer a {
	color: #666666;
}

/* EXTRA ATTRIBUTES */

/********** TOP SPACER *********/

.NL #spacer {
	min-height: 90px;
}

/********** NAVBAR *************/

.Nav {
	margin: 0px;
	padding: 0px;
	float: left;
}

.NL #navbar {
	text-align: center;
	padding: 8px 0px 75px 8px;
}

.NL #navbar a {
	color: #bbbbbb;
	text-decoration: none;
}

.NL #navbar a:hover {
	color: #eeeeee;
	text-decoration: underline;
}

.NL #navbar_content {
	float: left;
	border-right: solid 1px #101011;
	border-left: solid 1px #303033;
	padding: 0px 8px 0px 8px;
}

.NL #navbar_content_first {
	float: left;
	border-right: solid 1px #101011;
	padding: 0px 8px 0px 0px;
}

.NL #navbar_content_last {
	float: left;
	border-left: solid 1px #303033;
	padding: 0px 0px 0px 8px;
}

.NL #navbar_content_no_div {
	float: left;
}

/********** SIDEBAR ************/

.NL #sidebar
{
	float: left;
	width: 174px;
	min-height: 1000px;
	margin: 0px 0px 0px 25px;
	border-right: solid 1px #000000;
}

.NL #ad_left_box { 
	width: 162px;
	height: 620px;
	margin: 0px 0px 0px 100px;
	padding: 100px 0px 0px 0px;
	float: left;
	position: fixed;
	overflow: hidden;
}

.NL #sb_search
{
	margin-top: 8px;
	padding-bottom: 15px;
}

.NL #sb_sb {
	padding-top: 4px;
}

.NL #searchbox
{
	font-size: 12px;
	height: 16px;
	width: 190px;
}

/********** LOGIN/INFO BAR **********/

.Bar {
	height: 40px;
	background: url(../images/nl_top_bar.png) top center repeat-x;
	margin-left: auto;
	margin-right: auto;
}

.Bar #section {
	width: 980px;
	font-size: 12px;
	height: 40px;
}

.NL #announcement {
	float: left;
	width: 680px;
}

.NL #login {
	float: right;
	color: #bbbbbb;
	padding: 2px 0px 0px 0px;
}

.NL #login a
{
	color: #bbbbbb;
	font-size: 11px;
	text-decoration: underline;
}

.NL #login a:hover
{
	color: #dddddd;
	font-size: 11px;
	text-decoration: underline;
}

.NL #login_username
{
	font-size: 12px;
	height: 14px;
	width: 100px;
	background: #202022;
	color: #bbbbbb;
	border: solid 1px #aaaaaa;
}

.NL #login_password
{
	font-size: 12px;
	height: 14px;
	width: 100px;
	background: #202022;
	color: #bbbbbb;
	border: solid 1px #aaaaaa;
}

.NL #remember_me_text {
	font-size: 9px;
	float: left;
	padding: 3px 0px 0px 0px;
}

.NL #remember_me_box {
	float: left;
	margin-left: -3px;
}

.NL #forgot_pass {
	font-size: 9px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 108px;
}

.NL #login_button_div {
	padding: 5px 0px 0px 0px;
	float: right;
}

.NL #login_button {
	margin: 0px 0px 0px 10px;
}

/********** TABLES *************/

.NL #td1{width: 350px;}
.NL #td2{width: 350px;}
.NL #td3{width: 350px;}
.NL #td4{width: 350px;}

/********************************
MISCELLANEOUS CLASSES
********************************/

/********** UNDEFINED **********/

.NL #centered {
	text-align: center;
	width: inherit;
}

.NL #large_box {
	border: 1px solid #202022;
	width: 480px;
	height: 100px;
}

.NL #xlarge_box {
	border: 1px solid #202022;
	width: 480px;
	height: 133px;
}

.NL #pop_option {
	font-weight: 700;
	color: #9f9350;
}

.NL #small_box {
	float: left;
	width: 160px;
	height: 33px;
	color: #999999;
}

.NL #msg {
	font-size: 18px;
	text-align: center;
	color: #ffcc00;
	margin: 10px 0px 10px 0px;
}

.Notice {
	font-family: Trebuchet, "Trebuchet MS", sans-serif;
	font-size: 20px;
	color: #f6c95f;
	width: 920px;
	padding: 5px;
	text-align: center;
	border: 2px solid #333333;
}	

/********** CREATE GAME **********/

.CGTextbox {
	color: #777777;
	height: 24px;
	font-size: 18px;
	background-color: #202022;
	border: solid 1px #777777;
}

.CGSelect {
	color: #777777;
	height: 20px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #777777;
}

.NL $cg_password_textbox {
	width: 120px;
}

.NL #gs_id_textbox {
	width: 80px;
}

.NL #league_select {
	width: 120px;
}

.NL #ih_div_select {
	width: 80px;
	display: block;
}

.NL #hcl_div_select {
	width: 120px;
	display: none;
}

.NL #nl_div_select {
	width: 120px;
	display: none;
}

.NL #season_select {
	width: 100px;
	display: none;
}

.NL #post_game_id_border {
	background: url(../images/post_game_id_border.png);
	height: 53px;
	width: 200px;
	margin: 0 auto;
	padding-top: 12px;
	text-align: center;
}

.NL #hon_match_id {
	color: #999999;
	height: 32px;
	width: 150px;
	font-size: 24px;
	background-color: #202022;
	border: solid 1px #999999;
}

.NL #map {
	width: 140px;
}

.NL #number_of_players {
	width: 60px;
}

.NL #number_of_spectators {
	width: 60px;
}

.NL #number_of_referees {
	width: 60px;
}

.NL #game_type {
	width: 120px;
}

.NL #large_text {
	font-size: 24px;
	color: #bbbbbb;
	font-family: Verdana, Helvetica, Calibri, Tahoma, Arial;
}

.NL #act_username {
	color: #999999;
	height: 26px;
	width: 150px;
	font-size: 20px;
	background-color: #202022;
	border: solid 1px #999999;
}

/********** NULL ***************/

.NL #null
{
	/* default id */
}

/********************************
TinyText CLASS
********************************/

.TinyText {
	font-size: 10px;
}

/********************************
Float CLASSES
********************************/

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
}

/********************************
Login CLASSES
********************************/

.LoginLeft {
	float: left;
	text-align: left;
	padding: 4px 0px 0px 4px;;
	width: 72px;
}

.LoginRight {
	text-align: right;
	margin: 0px 0px 0px 72px;
	padding: 4px 2px 0px 0px;
	width: 82px;
}

/********************************
Game CLASSES
********************************/

.CreateGameID {
	font-family: Verdana, Helvetica, Arial, Candara, Calibri, Tahoma;
	font-size: 32px;
	text-align: center;
	height: 40px;
	width: 320px;
	color: #9f9350;
	margin: 10px auto;
	background: url(../images/lobby_game_id.png) no-repeat;
}

/********************************
Guides
********************************/

.GuideInfo {
	height: 80px;
	width: 600px;
	color: #888888;
	float: left;
	background: url(../images/lobby_game_info.png) no-repeat;
}

.GuideTextTop {
	font-family: Verdana, Helvetica, Arial, Candara, Calibri, Tahoma;
	font-size: 18px;
	text-align: center;
	float: left;
	height: 30px;
	width: 180px;
	margin: 12px 5px 0px 12px;
	border-bottom: solid 1px #000000;
}

.GuideTextBottom {
	font-family: Verdana, Helvetica, Arial, Candara, Calibri, Tahoma;
	font-size: 18px;
	text-align: center;
	float: left;
	width: 180px;
	margin: 0px 5px 0px 12px;
	padding: 6px 0px 0px 0px;
	border-top: solid 1px #202022;
}

.NL #guide_summ_grey {
	float: right;
	width: 280px;
	height: 480px;
	padding: 10px;
	overflow: hidden;
	background: url(../images/bg/guide_summ_bg_grey.png) no-repeat;
}

.NL #guide_summ_gold {
	float: right;
	width: 280px;
	height: 480px;
	padding: 10px;
	overflow: hidden;
	background: url(../images/bg/guide_summ_bg_gold.png) no-repeat;
}

.NL #guide_summ_green {
	float: right;
	width: 280px;
	height: 480px;
	padding: 10px;
	overflow: hidden;
	background: url(../images/bg/guide_summ_bg_green.png) no-repeat;
}

.NL #guide_summ_blue {
	float: right;
	width: 280px;
	height: 480px;
	padding: 10px;
	overflow: hidden;
	background: url(../images/bg/guide_summ_bg_blue.png) no-repeat;
}

.NL #guide_summ_red {
	float: right;
	width: 280px;
	height: 480px;
	padding: 10px;
	overflow: hidden;
	background: url(../images/bg/guide_summ_bg_red.png) no-repeat;
}

.NL #guide_summ_aqua {
	float: right;
	width: 280px;
	height: 480px;
	padding: 10px;
	overflow: hidden;
	background: url(../images/bg/guide_summ_bg_aqua.png) no-repeat;
}

.NL #guide_summ_purple {
	float: right;
	width: 280px;
	height: 480px;
	padding: 10px;
	overflow: hidden;
	background: url(../images/bg/guide_summ_bg_purple.png) no-repeat;
}

.NL #guide_pic {
	width: 280px;
	text-align: center;
}

.NL #guide_type_select {
	color: #777777;
	height: 22px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.NL #guide_level_select {
	color: #777777;
	height: 22px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.NL #guide_hero_select {
	color: #777777;
	height: 22px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.NL #guide_item_select {
	color: #777777;
	height: 22px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
	display: none;
}

.NL #guide_img_select {
	color: #777777;
	height: 22px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.NL #guide_misc_textbox {
	color: #777777;
	height: 18px;
	width: 150px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
	display: none;
}

.NL #guide_title_textbox {
	color: #777777;
	height: 18px;
	width: 320px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.NL #guide_summary {
	color: #777777;
	height: 100px;
	width: 500px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.NL #guide_body {
	color: #777777;
	height: 180px;
	width: 650px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.NL #guide_color_select {
	color: #777777;
	height: 22px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.NL #guide_version_textbox {
	color: #777777;
	height: 18px;
	width: 100px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.NL #guide_source_textbox {
	color: #777777;
	height: 18px;
	width: 250px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

#honguidepage ul, #honguidepage ul li {
margin: 0;
padding: 0;
list-style: none;
}
#hgcolone {
width: 606px;
float: left;
}
#hgcoltwo {
width: 321px;
float: left;
}
#hgcoltwo h2 {
font-size: 20px;
padding-top: 13px;
}

#hgsubmit {
padding: 15px 30px 5px 5px;
}
#hgsubmit a img {
border: none; 
float: right;
}
.hginboxl {
width: 588px;
margin: 0 auto 10px auto;
background: url(../images/userp_top_border.gif) top center repeat-x;
border: 1px solid #0a0a0a;
border-top: none;
padding: 3px 0px 5px 0px;
}
.hginboxl ul span a{
font-size: 30px;
color: #f6c95f!important;
text-decoration: none;
}

.hginboxl ul li:hover{
background: #161617;
color: #b1b1b2; 
background: #161617 url(../images/userp_top_border.gif) bottom center repeat-x;
}

.hginboxl ul span{

padding: 5px;
display: block
}
.hginboxl ul .hgauthor{
border-bottom: 1px solid #0a0a0a;
text-align: right;
font-size: 10px;
padding: 2px;
}
.hginboxl ul .hgauthor a{
font-size: 12px;

}
.hginboxl ul p{
margin: 0;
padding: 10px;
font-size: 14px;
}
.hginboxr {
width: 311px;
margin: 0 auto 10px auto;
background: url(../images/userp_top_border.gif) top center repeat-x;
border: 1px solid #0a0a0a;
border-top: none;
padding: 2px 0px 5px 0px;

}
.hgclr {
clear: both;
}
.hgmore {
text-align: center;
}
.hgmore a {
font-size: 16px;
color: #f6c95f!important;
text-decoration: none;
}
.hginboxr li {
border-bottom: 1px solid #0a0a0a;
padding: 3px 3px 3px 3px;
}
.hginboxr li:hover {
color: #818182; 
background: #161617 url(../images/userp_top_border.gif) bottom center repeat-x;
}
.hginboxr ul li a {
font-size: 18px;
color: #f6c95f !important;
text-decoration: none;
display: block;
padding: 3px;
}
.hginboxr li span {
font-size: 9px;
display: block;
text-align: right;
padding: 3px;
}
.hginboxr li span a{
font-size: 10px;
color: #f6c95f !important;
text-decoration: none;
display: inline;
}
.hginboxl label, .hginboxl input, .hginboxl button {
margin: 0px;
border: none;
padding: 0px;
display: block;
float: left;
}
.hginboxl form{
font-size: 12px;
font-weight: bold;
padding: 15px 0 0 15px;
}

.hginboxl form #hgsearch {
border: 1px solid #222;
background: #0d0d0d;
color: #f6c95f !important;
padding: 3px;
width: 358px;
margin: 4px;
}

.hginboxl form button {
background: none;
margin: 0 0 0 0;
padding: 0;
border: none;
cursor: pointer;
}


/********************************
Form CLASSES
********************************/

.NL #error_field {
	font-size: 20px;
	text-align: center;
	color: #ffdd00;
	margin: 20px 0px 20px 0px;
}

.FormBlockMain {
	width: 715px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	display: table;
}

.FormBlockDiv {
	width: 715px;
	margin: 15px 0px 0px 0px;
	display: table;
	vertical-align: middle;
}

.FormDiv {
	height: 1px;
	margin-top: 10px;
	border-bottom: solid 1px #555555;
}

.FormLeft {
	float: left;
	width: 320px;
	font-size: 12px;
	color: #888888;
}

.FormRight {
	width: 395px;
	margin: 0px 0px 0px 340px;
	color: #888888;
}

.FormRightLift {
	width: 395px;
	margin: -8px 0px 0px 340px;
	color: #888888;
}

.FormCaptcha {
	margin-top: 50px;
	text-align: center;
	font-size: 12px;
	color: #888888;
}

.FormSubmit {
	margin-top: 30px;
	text-align: center;
}

.FormLeft #pw_div {
	float: left;
	width: 150px;
}

.FormLeft #confirm_pw_div {
	margin: 0px 0px 0px 170px;
	width: 150px;
}

.FormLeft #email_div {
	float: left;
	width: 150px;
}

.FormLeft #confirm_email_div {
	margin: 0px 0px 0px 170px;
	width: 150px;
}

.FormLeft #un_textbox {
	color: #777777;
	height: 20px;
	width: 320px;
	font-size: 14px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #pw_textbox {
	color: #777777;
	height: 18px;
	width: 150px;
	font-size: 14px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #confirm_pw_textbox {
	color: #777777;
	height: 18px;
	width: 150px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #email_textbox {
	color: #777777;
	height: 18px;
	width: 150px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #confirm_email_textbox {
	color: #777777;
	height: 18px;
	width: 150px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #locale_select {
	color: #777777;
	width: 150px;
	height: 20px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #firstname_textbox {
	color: #777777;
	width: 320px;
	height: 18px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #lastname_textbox {
	color: #777777;
	width: 320px;
	height: 18px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #dob_day_textbox {
	color: #777777;
	width: 35px;
	height: 18px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
	margin-bottom: 2px;
}

.FormLeft #dob_month_select {
	color: #777777;
	width: 90px;
	height: 20px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #dob_year_textbox {
	color: #777777;
	width: 60px;
	height: 18px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
	margin-bottom: 2px;
}

.FormLeft #timezone_select {
	color: #777777;
	height: 22px;
	width: 322px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #betakey_textbox {
	color: #777777;
	width: 320px;
	height: 24px;
	font-size: 18px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #dst_select {
	color: #777777;
	height: 20px;
	width: 60px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #fav_hero_select {
	color: #777777;
	height: 22px;
	width: 160px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #tt_textbox {
	color: #777777;
	height: 20px;
	width: 150px;
	font-size: 14px;
	background-color: #202022;
	border: solid 1px #999999;
}

.FormLeft #tn_textbox {
	color: #777777;
	height: 20px;
	width: 320px;
	font-size: 14px;
	background-color: #202022;
	border: solid 1px #999999;
}

/********************************
Recent Forum Posts CLASS
********************************/

.RecentPosts {
	margin: -404px 0px 0px 748px;
	padding: 38px 4px 3px 4px;
	float: right;
	width: 184px;
	height: 365px;
	background: url(../images/recent_posts_bg.png);
	font-size: 12px;
}

.ShowPost {
	border-top: 1px solid #202022;
	border-bottom: 1px solid #000000;
	padding: 2px 0px 2px 0px;
}

.ShowPostFirst {
	border-bottom: 1px solid #000000;
	padding: 2px 0px 2px 0px;
}

.ShowPostLast {
	border-top: 1px solid #202022;
	padding: 2px 0px 2px 0px;
}

.ShowPost #post_title{
	color: #c4a837;
	text-decoration: none;
	font-weight: bold;
}

.ShowPost a {
	text-decoration: none;
	color: #99999d;
}

.ShowPost a:hover {
	text-decoration: underline;
	color: #aaaaae;
}

.ShowPost a:visited {
	color: #99999d;
}

.ShowPostFirst #post_title{
	color: #c4a837;
	text-decoration: none;
	font-weight: bold;
}

.ShowPostFirst a {
	text-decoration: none;
	color: #99999d;
}

.ShowPostFirst a:hover {
	text-decoration: underline;
	color: #aaaaae;
}

.ShowPostFirst a:visited {
	color: #99999d;
}

.ShowPostLast #post_title{
	color: #c4a837;
	text-decoration: none;
	font-weight: bold;
}

.ShowPostLast a {
	text-decoration: none;
	color: #99999d;
}

.ShowPostLast a:hover {
	text-decoration: underline;
	color: #aaaaae;
}

.ShowPostLast a:visited {
	color: #99999d;
}

/********************************
Articles
********************************/

#article {
	font-size: 16px !important;
	color: #eee;
}

#article p {
	font-size: 16px !important;
	line-height: 1.6em;
}

#article hr {
	border: 1px solid #777;
}

#article p, #Article ul, #Article ol, #Article hr {
	width: 80%;
	margin-left: 40px;
	text-align: left;
}

#article img {
	max width: 590px;
	border: 5px #111 solid;
}


/********************************
Front Page Articles CLASS
********************************/

.FrontPageTitle {
	width: 528px;
	height: 26px;
	color: #777;
	margin: 10px 0px 0px 15px;
	padding: 2px 10px 3px 10px;
	
	font-size: 12px;
	background: url(../images/frontpage_title.png) no-repeat;
	overflow: hidden;
}

.FrontPageTitle a {
	text-decoration: none;
	color: #f6c95f;
	font-size: 16px;
}

.FrontPageTitle a:hover {
	text-decoration: underline;
	color: #f6c95f;
}

.FrontPageBody {
	width: 528px;
	height: 210px;
	margin: 1px 0px 0px 15px;
	padding: 10px;
	font-size: 13px;
	color: #aaa;
	background: url(../images/frontpage_body.png) no-repeat;
}

.FrontPageBody a {
	text-decoration: none;
	color: #f6c95f;
}

.FrontPageBody a:hover {
	text-decoration: underline;
	color: #f6c95f;
}

.FrontPageTitleRight {
	width: 334px;
	height: 26px;
	color: #c4a837;
	float: right;
	margin: -710px 11px 0px 0px;
	padding: 2px 0px 0px 6px;
	background: url(../images/frontpage_title2.png) no-repeat;
	font-size: 16px;
}

.FrontPageBodyRight {
	width: 334px;
	height: 260px;
	float: right;
	margin: -677px 0px 0px 0px;
	padding: 8px;
	font-size: 14px;
	color: #999999;
	background: url(../images/frontpage_body2.png) no-repeat;
}
.FrontPageBodyRightJoin {
	float: right;
	margin: -788px 45px 0px 0px;
}

/********************************
Member List CLASS
********************************/

.MemberTable {
	width: 750px;
	text-align: center;
	border: solid 1px #000000;
	-moz-border-radius: 10px 10px 0 0;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.33, rgb(7,7,8)),
		color-stop(1, rgb(16,16,17))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgb(7,7,8) 33%,
		rgb(16,16,17) 100%
	);
	border: none;

}

.MemberHead {
	height: 25px;
	padding: 6px 0px 0px 0px;
	background-color: #202022;
	font-size: 16px;
	font-weight: 700;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.33, rgb(31,31,33)),
    color-stop(1, rgb(40,40,43))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgb(31,31,33) 33%,
		rgb(40,40,43) 100%
	);
	-moz-border-radius: 10px 10px 0 0;
}

.MemberHead a{
	text-decoration: none;
}

.MemberHead a:hover{
	text-decoration: underline;
}

.MemberRow {
	padding: 7px 0px 0px 0px;
	height: 28px;
	border-top: solid 1px #202022;
	border-bottom: solid 1px #000000;
}

.RankingTable {
	width: 933px;
	text-align: center;
	border: solid 1px #000000;
}

.UsernameCol {
	float: left;
	width: 120px;
	text-align: left;
	padding: 0px 0px 0px 10px;
}

.TeamCol {
	float: left;
	width: 60px;
}

.NlsCol {
	float: left;
	width: 60px;
}

.PsrCol {
	float: left;
	width: 60px;
}

.JoinDateCol {
	float: left;
	width: 150px;
}

.PostsCol {
	float: left;
	width: 115px;
}

.LocaleCol {
	float: left;
	width: 180px;
}

.AvgCol {
	float: left;
	width: 60px;
}

.WideAvgCol {
	float: left;
	width: 72px;
}

.NL #member_search_textbox {
	color: #999999;
	width: 160px;
	height: 18px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #777777;
}

/********************************
General Tables CLASSES
********************************/

.XSmallTable {
	width: 200px;
	text-align: center;
	border: solid 1px #000000;
	margin: 0px 0px 0px 0px;
}

.SmallTable {
	width: 400px;
	text-align: center;
	border: solid 1px #000000;
	margin: 0px 0px 0px 0px;
}

.MedTable {
	width: 600px;
	text-align: center;
	border: solid 1px #000000;
	margin: 0px 0px 0px 3px;
}

.MLTable {
	width: 700px;
	text-align: center;
	border: solid 1px #000000;
	margin: 0px 0px 0px 3px;
} 

.LargeTable {
	width: 800px;
	text-align: center;
	border: solid 1px #000000;
	margin: 0px 0px 0px 3px;
}

.TableHead {
	height: 22px;
	padding: 3px 0px 0px 0px;
	background-color: #202022;
	font-size: 16px;
}

.TableHead a {
	text-decoration: none;
	color: #c4a837;
}

.TableHead a:hover {
	text-decoration: underline;
}

.TableRow {
	padding: 2px 0px 0px 0px;
	height: 20px;
	border-top: solid 1px #202022;
	border-bottom: solid 1px #000000;
}

.TableRow a {
	text-decoration: none;
	color: #b1231c;
}

.TableRow a:hover {
	text-decoration: underline;
}

.XSmallCol {
	float: left;
	width: 30px;
}

.SmallCol {
	float: left;
	width: 50px;
}

.SMCol {
	float: left;
	width: 60px;
}
	
.MedCol {
	float: left;
	width: 80px;
}

.LargeCol {
	float: left;
	width: 120px;
}

.XLargeCol {
	float: left;
	width: 160px;
}

.XXLargeCol {
	float: left;
	width: 200px;
}

.XXXLargeCol {
	float: left;
	width: 240px;
}

.XXXXLargeCol {
	float: left;
	width: 450px;
}

.ControlPanelBtn {
	text-align: left;
	padding-left: 15px;
}

.ControlPanelInfo {
	float: right;
	text-align: right;
	padding-right: 15px;
}


/********************************
Game List CLASS
********************************/

.GameTable {
	width: 940px;
	text-align: center;
	border: solid 1px #000000;
	margin: 0px 0px 0px 3px;
}

.GameHead {
	height: 27px;
	padding: 3px 0px 0px 0px;
	background-color: #202022;
	font-size: 20px;
	font-weight: 700;
}

.GameHead a {
	text-decoration: none;
	color: #c4a837;
}

.GameHead a:hover {
	text-decoration: underline;
}

.GameRow {
	padding: 5px 0px 0px 0px;
	height: 82px;
	border-top: solid 1px #202022;
	border-bottom: solid 1px #000000;
}

.GameRow a {
	text-decoration: none;
	color: #b1231c;
}

.GameRow a:hover {
	text-decoration: underline;
}

.GameCol {
	float: left;
	width: 90px;
	text-align: left;
	padding: 0px 0px 0px 10px;
}

.HostCol {
	float: left;
	width: 110px;
}

.LevelCol {
	float: left;
	width: 60px;
}

.PlayersCol {
	float: left;
	width: 75px;
}

.GameTypeCol {
	float: left;
	width: 140px;
}

.OptionsCol {
	float: left;
	width: 220px;
}

.MapCol {
	float: left;
	width: 140px;
}

.LocaleCol {
	float: left;
	width: 80px;
}

/********************************
Fail/Valid CLASSES
********************************/

.Valid {
	margin-top: 5px;
	border: solid 1px #777777;
	background-color: #134e00;
	padding: 2px 0px 2px 2px;
	color: #9fca8e;
	width: 320px;
}

.Fail {
	margin-top: 5px;
	border: solid 1px #777777;
	background-color: #600000;
	padding: 2px 0px 2px 2px;
	color: #bd8989;
	width: 320px;
}

.ValidNoBox {
	color: #325e20;
	min-width: 25px;
	min-height: 25px;
	padding: 2px 0px 0px 32px;
	background: url(../images/form_checkmark.png) left no-repeat;
}

.FailNoBox {
	color: #6b1e1e;
	min-width: 25px;
	min-height: 25px;
	padding: 2px 0px 0px 32px;
	background: url(../images/form_xmark.png) left no-repeat;
}

.textfieldRequiredMsg {
	color: #880000;
}
					 

.ValidTextbox {
	border: solid 1px #999999 !important;
	background-color: #325e20 !important;
	color: #9fca8e !important;
}

.FailTextbox {
	border: solid 1px #999999 !important;
	background-color: #6b1e1e !important;
	color: #bd8989 !important;
}

.ValidSelect {
	border: solid 1px #999999 !important;
	background-color: #325e20 !important;
	color: #9fca8e !important;
}

/********************************
User Profile CLASSES
********************************/

#UPcol1 {
	width: 460px;
	float: left;
}

#UPcol2 {
	width: 465px;
	float: right;
}

#UPaccountname {
	margin: 0 0px 12px 0;
}

.UPname {
	float: left;
	color: #515152;
	font-size: 16px;
	margin-left: 10px;
}

.UPname span, #UPstats span {
	color: #f6c95f;
	font-size: 20px;
}

span#UPun {
	font-size: 34px;
}

.UPavatar {
	width: 100px;
	height: 100px;
	float: left;
	background: #515152;
}

.UPclr {
clear: both;
}

#UPstats {
	margin: 0 0px 12px 0;
	width: 460px;
	background: url(../images/userp_top_border.gif) top center repeat-x;
	border: 1px solid #0d0d0d;
	border-top: none;
}

.UPstatcol {
	width: 25%;
	float: left;
	text-align: center;
	color: #515152;
	background: url(../images/userp_left_border.gif) right center no-repeat;
	line-height: 1.8em;
}

.UPend {
	background: none;
}

#UPprofile {
	margin: 0px 0px 12px 0px;
	padding: 5px;
	width: 450px;
	color: #515152;
	font-size: 20px;
	background: url(../images/userp_top_border.gif) top center repeat-x;
	border: 1px solid #0d0d0d;
	border-top: none;
}

.UPprole {
	float: left;
	width: 125px;
	margin: 6px 0 10px 0;
	font-size: 14px;
}

.UPprori {
	float: left;
	width: 320px;
	color: #f6c95f;
	margin: 6px 0 10px 0;
	font-size: 14px;
}

#UPherousage {
	margin: 0px 0 14px 16px;
}

#UPavetot {
	margin: 0 0px 12px 15px;
	width: 460px;
	color: #515152;
	background: url(../images/userp_top_border.gif) top center repeat-x;
	border: 1px solid #0d0d0d;
	border-top: none;
}

#UPavetot span {
	font-size: 20px;
}

#UPavetot ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#UPavetot ul li {
	margin: 0 -3px 0 5px;
	padding: 0 0 3px 5px;
	border-bottom: 1px solid #0d0d0d;
	clear: both;
}
#UPavetot ul li:hover {
	border-bottom: 1px solid #1d1d1d;
}
#UPavetot ul li span {
	color: #f6c95f;
	font-size: 16px;
	padding: 0 5px;
	float: right;
}

#UPave, #UPtot {
	width: 210px;
	float: left;
	background: url(../images/userp_right_border.gif) left center repeat-y;
	padding: 0 5px 5px 5px;
	margin: 5px;
}

#UPave {
	background: none;
	margin-left: -2px;
}

/********************************
Game Lobby CLASSES #2
********************************/

#GLwrap {
    font-family: Trebuchet, "Trebuchet MS", sans-serif;
    color: #919192; 
	line-height: 1.6em;
	margin: 10px auto;
	font-size: 16px;
	background:   url(../images/GLchains.gif) top center repeat-y;
}

#topGL {
	background:  url(../images/topGL.jpg) top center repeat-x;
	height: 138px;
}

#GLwrap ul {
	overflow: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

#GLname, #GLinfo, #GLNLID, #GLgamemode, #GLcolone, #GLcoltwo, #GLcolthree {
	float: left;
	margin-bottom: 10px;
}

.GLborder {
	background: #0a0a0a;
    -o-border-image: url(../images/borderimage.png) 4 4 4 4 stretch round;
    -icab-border-image: url(../images/borderimage.png) 4 4 4 4 stretch round;
    -khtml-border-image: url(../images/borderimage.png) 4 4 4 4 stretch round;
    -moz-border-image: url(../images/borderimage.png) 4 4 4 4 stretch round;
    -webkit-border-image: url(../images/borderimage.png) 4 4 4 4 stretch round;
    border-image: url(../images/borderimage.png) 4 4 4 4 stretch round;
	margin-right: 10px;
	padding: 5px;
	color: #a1a1a2; 
}

#GLname, #GLNLID {
	width: 30%;
}

#GLinfo, #GLgamemode {
	width: 70%;
}

#GLcolone, #GLcoltwo, #GLcolthree {
	width: 33.33%;
}

.GLbuttoncontrol {
	width: 33.33%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.GLbuttoncontrol {
	text-align: center;
}

.GLbuttoncontrol a{
	padding-right: 11px;
}

#GLdirections {
		width: 50%;
		margin: 10px auto 10px auto;
		font-size: 14px;
		padding: 0 0 0 15px;
}

#GLdirections p {
	padding: 0;
	margin: 0;
}

#GLdirections p span{
	color: #ccc;
	border-bottom: 1px solid #444;
	background: #000;
}

#GLinfo ul li {
	float: left;
	display: block;
	width: 25%;
	text-align: center;
	color: #f6c95f;
}

#GLname img {
	margin: 15px 0 0 4px; 
}

#GLNLID {
	font-size: 30px;
	text-align: center;
	color: #f6c95f;
}

.GLbottomborder {
	margin-bottom: -23px;
    padding-left: 50%;
    margin-left: -93px;
}

#GLgamemode {
	overflow: hidden;
	height: 42px;
}

#GLgamemode p{
	padding: 0 0 0 5px;
	margin: 0;
	text-align: center;
	font-size: 14px;
	color: #888;
}

#GLcolone {
	background: url(../images/legionside.jpg) top left no-repeat;
	margin-top: 130px;
}

#GLcolone ul {
	margin-top: 13px;
}

#GLcolone ul li {
	display: block;
	margin: 10px 28px 19px 45px;
	width: 222px;
	height: 29px;
	overflow: hidden;
}

#GLcolthree {
	background: url(../images/hellbourneside.jpg) top left no-repeat;
	margin-top: 130px;
}

#GLcolthree ul {
	margin-top: 13px;
	position: relative;
}

#GLcolthree ul li {
	display: block;
	margin: 10px 45px 19px 28px;
	width: 222px;
	height: 29px;
	overflow: hidden;
}

#GLcolthree .GLcontrol, #GLcolone .GLcontrol {
	margin-top: -8px;
	height: 108px;
	width: 223px;
}

#GLref {
	background: url(../images/spectatorsGL.jpg) top left no-repeat;
}

#GLref ul {
	padding-top: 16px;
}

#GLref ul li{
	display: block;
	margin: 7px 20px 7px 85px;
	overflow: hidden;
	width: 195px;
	height: 40px;
}

#GLref ul .GLcontrol {
	padding: 5px;
	margin: 15px 5px 5px 20px;
	height: 73px;
	width: 250px;
}

#GLref ul li span, #GLspec ul li span, #GLcolone ul li span, #GLcolthree ul li span {
	color: #f6c95f;
	padding-left: 5px;
	border-left: 1px solid #111;
	margin-left: 5px;
}

#GLref ul li ins, #GLspec ul li ins, #GLcolone ul li ins, #GLcolthree ul li ins {
	text-decoration: none;
}

#GLspec ul {
	background: url(../images/spectatorsGL.png) top left no-repeat;
	padding-top: 16px;
	margin-top: 20px;
}

#GLspec ul li {
	display: block;
	margin: 7px 20px 7px 85px;
	overflow: hidden;
	width: 195px;
	height: 40px;
}

#GLspec ul .GLcontrol {
	padding: 5px;
	margin: 15px 5px 5px 23px;
	height: 73px;
	width: 250px;
}

#bottomGL {
	background:  url(../images/bottomGL.jpg) bottom center repeat-x;
	height: 138px;
	text-align: center;
}

#bottomGL img {
	padding: 43px 8px 0 0;
}

/*****************************
CONTROL Classes
*****************************/

.ControlTextbox {
	color: #777777;
	height: 26px;
	width: 120px;
	font-size: 20px;
	background-color: #202022;
	border: solid 1px #777777;
}

.ControlSelect {
	color: #777777;
	height: 20px;
	font-size: 12px;
	background-color: #202022;
	border: solid 1px #777777;
}

.Control #league_select {
	width: 100px;
}

.Control #hcl_gsdiv_select {
	width: 120px;
	display: block;
}

.Control #nl_gsdiv_select {
	width: 80px;
	display: none;
}

.Control #time_select {
	width: 80px;
}

.Control #ampm_select {
	width: 40px;
}

.Control #day_select {
	width: 50px;
}

.Control #month_select {
	width: 100px;
}

.Control #year_select {
	width: 60px;
}