/** MAIN GHQ STYLES **/

html
{
overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}


html, body { font-family: Arial; margin-top:3px; font-size: 9pt; margin-top:0px;}
body 
{
  text-align: center;
  color: #ffffff;
  background: #171717 url(images/bodybg.gif) top center repeat-y;
  scrollbar-face-color: #2E2E2E;
  scrollbar-highlight-color: #858585;
  scrollbar-3dlight-color: #2E2E2E;
  scrollbar-darkshadow-color: #080808;
  scrollbar-shadow-color: #212121;
  scrollbar-arrow-color: #858585;
  scrollbar-track-color: #666666;
  padding: 0px;
  margin: 0px;
}

img { border:0; }

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  color: #fff;
  font-family: Arial;
}

.smalltext { font-size: 8pt; }

.highlighttext { color: #E8C135; font-weight:bold;}

a:link,
a:visited
{
  background: transparent;
  color: #FFF;
  text-decoration: underline;
}

a:hover,
a:active
{
  background: transparent;
  color: #BBB;
  text-decoration: none;
}

.mlink {text-decoration: none; color: #000000; font-weight:bold;}
a.mlink
{
text-decoration: none;
  color: #000000;
}
a:hover.mlink {color: #000000; }

.menu
{
  text-align: left;
  background: #E8C135 url(images/menubg.gif) top left no-repeat;
  width: 160px !important;
  width: 170px;
  height: 15px;
  border: 1px solid #000;
  padding: 1px;
  padding-left: 7px;
  font-size: 9pt;
  text-decoration: none;
  margin-bottom: 5px;
  cursor:hand;
  color: #000000;
}

.menu img {border: 0; }

.sublinks
{
  padding-top: 0px;
  margin-top: 1px;
  font-size: 8pt;
  list-style-type: square;
}

.sublinks a:link,
.sublinks a:visited
{
  text-decoration: none;
}

#wrapper
{
  margin: 0px auto 0px auto;
  width: 800px;
  text-align: left;
  padding:0px;
  padding-bottom: 20px;
  padding-left: 0 !important;
  padding-left: 1px;
  
  position: relative;
}

#subhead
{
  width: 798px !important;
  width: 800px;
  height: 15px;
  margin-top: 0px !important;
  margin-top: -1px;
  border: 1px solid #000;
  background: #BB9408 url(images/subheadbg.jpg) top left repeat-x;
  text-align: center;
  color: #000000;
  font-weight: bold;
  font-size: 8pt;
  z-index: 3;
}

#subhead a:link,
#subhead a:visited,
#subhead a:active
{
  text-decoration: none;
  color: #000;
}

#sidebarwrap
{
  float:left;
  clear: right;
  margin-left: 0 !important;
  margin-left: 2px;
  margin-bottom: 10px;
  z-index: 3;
}

.sidebarhead
{
  width:180px;
  margin-left: 5px !important;
  margin-left: 3px;
  margin-top: 5px;
  z-index: 3;
}

#loginbox
{
  margin-left: 5px !important;
  margin-left: 3px;
  width: 174px !important;
  width: 180px;
  background-color: #2E2E2E;
  border-left: 1px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  padding-left: 3px;
  padding-top: 5px;
  font-size: 8pt;
  color: #ffffff;
  z-index: 5 !important;
}

#membercp
{
  margin-left: 5px !important;
  margin-left: 3px;
  width: 174px !important;
  width: 180px;
  background-color: #2E2E2E;
  border-left: 1px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  padding-left: 3px;
  padding-top: 5px;
  font-size: 8pt;
}

#loginbox td { font-size: 9pt; }

#navbar
{
  margin-left: 5px !important;
  margin-left: 3px;
  width: 174px !important;
  width: 180px;
  background-color: #2E2E2E;
  border-left: 1px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  padding-left: 3px;
  padding-top: 5px;
  color: #ffffff;
  position: relative;
}

#quickfacts
{
  margin-left: 5px !important;
  margin-left: 3px;
  width: 174px !important;
  width: 180px;
  background-color: #2E2E2E;
  border-left: 1px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  padding-left: 3px;
  padding-top: 5px;
  font-size: 8pt;
  color: #ffffff;
}

.factcontainer
{
  width: 158px !important;
  width: 170px;
  background-color: #2E2E2E;
  border-bottom: 1px solid #868686;
  border-left: 1px solid #868686;
  border-right:  1px solid #868686;
  margin-bottom: 10px;
  padding: 5px;
}
.factcontainer strong { color: #e7cb60; }

.factcont_head
{
  width: 168px !important;
  width: 170px;
  background-color: #868686;
  border: 1px solid #868686;
  text-align: center;
}

#bodyct
{
  width: 600px; /* old 600 */
  padding-left: 195px !important;
  padding-left: 5px;
  padding-top: 5px !important;
  padding-top: 5px;
  margin-top: 0px !important;
  margin-top: 0px;
  position: relative;
  z-index: 1;
 /* position: absolute;
  left: 200px;*/
}

#indexbody
{
  width: 600px; /* old 600 */
  padding-left: 195px !important;
  padding-left: 5px;
  padding-top: 5px !important;
  padding-top: 5px;
  margin-top: 0px !important;
  margin-top: 0px;
}

#calendarcontainer
{
  float: right;
  width: 175px;
  border: 0;
  margin: 5px;
  margin-top: 0;
text-align: center;
  font-size: 8pt;
}

.tocbox
{
  width: 200px;
  background-color: #2e2e2e;
border: 1px solid #868686;
  font-size: 9pt;
  margin: 5px;
  padding: 3px;
}

.tocbox ul 
{ 
  padding-left: 15px !important;
  padding-left:0px; 
  margin-top: 5px;
  margin-left: 0px !important;
  margin-left: 20px;
  margin-bottom: 3px;
}

.divfacts
{
  font-size: 7pt; /* old 9 */
  margin: 1px; /* old 5 */
  padding: 1px; /* old 3 */
  width: 175px; /* old 175 */
  background-color: #2E2E2E;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

.divfactshead
{
  width: 175px;
  margin-left: 5px;
  margin-right: 5px; 
  font-size: 8pt;
  padding: 3px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 2px solid #000;
  background-color:#e7cb60;
  color: #000;
}


.catsep
{
text-align:right;
font-size:8pt;
border-bottom:1px solid #868686;
padding-bottom: 2px;
margin-bottom: 5px;
margin-top: 5px;
}

a.applybutton, .applybutton:visited
{
  display: block;
  font-size: 9pt;
  background: #E8C135 url(images/applybuttonbg.gif) top left no-repeat;
  width: 200px;
  height: 20px !important;
  height: 25px;
  text-align: center;
  font-weight: bold;
  padding-top: 5px;
  text-decoration:none;
  color:#000;

}

.applybutton:hover, .applybutton:active
{
  display: block;
  font-size: 9pt;
  background: #E8C135 url(images/applybuttonbg.gif) top left no-repeat;
  width: 200px;
  height: 20px !important;
  height: 25px;
  text-align: center;
  font-weight: bold;
  padding-top: 5px;
  color: #3D3D3D;

}


/***** News Styles ********/

.newsheader
{
  background: url(images/bodyheading.gif) top left no-repeat;
  width: 595px;
  height: 22px;
  height: 17px !important;
  font-size: 10pt;
  color: #000;
  padding: 2px;
  margin-bottom: 10px;
}

#latestupdates
{
  width: 400px;
  height: 150px;
  border: 0;
  float: left;
  margin-bottom: 5px;
  padding: 5px;
  background: url(images/updatesbg.gif) top left repeat-x;
}

#latestupdates_head
{
  width: 390px;
  border-bottom: 1px solid #ffffff;
  font-weight: bold;
  margin-bottom: 5px;
}

.newsitem
{
  width: 586px !important;
  width: 590px;
  padding: 4px;
  margin-bottom: 5px;
border-top: 1px solid #9c9c9c;
border-bottom: 1px solid #9c9c9c;
background-color: #333333;
}

.newsitem_head
{
  border-bottom: 0px;
  width: 586px !important;
  width: 590px;
  margin-bottom: 5px;
  color: #e7cb60;
}

.newsitem_head a, .newsitem_head a:visited { color: #e7cb60; text-decoration: underline; }
.newsitem_head a:hover, .newsitem_head a:active { color: #ffef90; text-decoration: none; }

.newsauthor { text-align: right; font-weight: bold; margin-top: 5px; }


/******* FORM STYLES ********/

form { margin:0; padding:0 }

input,
textarea,
select{
	background: #666666;
	border: 1px solid #868686;
	color: #FFF;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 3px;
	padding: 0px;
	vertical-align: middle;
}

input.check {
padding: -2px;
margin: -3px;
border: 0px;
background: transparent;
}

select{
	border: 0;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

input.button{
	margin: 0;
	width: auto;
}

optgroup option{
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
}

.codebuttons{ 
	font-family: Verdana, Helvetica, Sans-Serif; 
	font-size: 10px; 

	vertical-align: middle;
	margin:2px;
}

.textarea,
.searchinput,
.button,
.gobutton{
	background: #666666;
	border: 1px solid #868686;
	color: #FFF;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
}
	
.button{
	background: #666666;
}

.gobutton{
	background: transparent;
	border: 0;
	color: #FFF;
	margin: 0;
	vertical-align: middle;
}

.radiobutton,
.checkbox,
.helpbox { 
	border: 0;
	vertical-align: middle;
      background-color: #2e2e2e;
      padding: 0;
      margin: 2px !important;
      margin: 0;
}

.appform td { font-size:10pt; background-color:#474747; }

/********* ROSTER STYLES*****************/

.rostertblheader, .rosterrow1, .rosterrow2, .row1detail, .row2detail, .row1chars, .row2chars
{
	font-size: 9pt;
}

a.detaillink { text-decoration: none; cursor:hand; }

.rostertblheader { background:#868686; margin-bottom:2px; font-weight: bold;  }

.rosterrow1 { background:#474747; }
.rosterrow1 tr { background:#474747; }
.row1detail { border: 1px solid #474747; margin-bottom:2px; }
.row1chars td { background:#474747; color:#fff; font-weight:normal; }

.rosterrow2 { background:#2E2E2E; }
.rosterrow2 tr { background:#2E2E2E; }
.row2detail { border: 1px solid #2E2E2E; margin-bottom:2px; }
.row2chars td { background:#2E2E2E; color:#fff; font-weight:normal; }

.mempic
{
	width: 125px;
	height: 150px;
	border: 3px solid #868686;
	background: #2E2E2E;
}

.detailstbl td { height:25px; font-size:9pt; font-family:Arial; }
.detailsheader
{
  font-weight: bold;
  background: #E8C135 url(images/rostheaderbg.gif) top left repeat-x;
  color: #000;
}
.detailsfield { background: #616161 url(images/rostfieldbg.gif) top left no-repeat; font-weight:bold; color:#fff;  }
.row1detailsdata { background-color: #474747; color:#fff; font-weight:normal; }
.row2detailsdata { background-color: #2E2E2E; color:#fff; font-weight:normal; }

.contactbutton
{
  font-size: 8pt;
  border:1px solid #000;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  background-color:#868686;
  font-weight: bold;
}

.contactbutton a,
.contactbutton a:visited
{
  text-decoration:none;
  color: #000;
}

.contactbutton a:hover,
.contactbutton a:active
{
  text-decoration:none;
  color: #BBB;
}

.searchdiv
{
  width: 97%;
  text-align: left;
  background-color: #2e2e2e;
  border: 1px solid #868686;
  font-size: 10pt;
  padding: 3px;
}

.searchdiv table td { font-size: 10pt; border:1px solid #868686; }

.notbox
{
  width: 575px;
  height: 25px;
  color: #fff
  padding: 3px;
  margin-bottom: 5px;
  margin-left: 15px;
  background-color: #00994D;
}

/* From wow_index.php */

.introhider
{
  float:left;
  text-align:right;
  width:371px !important; /* old 371 */
/*  width: 373px; */
  height:17px !important;
/*  height:20px; */
  border:1px solid #e7cb60;
  border-top: 0;
  margin-right:25px !important;
/*  margin-right:10px; */
  background:#e7cb60 url(images/rostheaderbg.gif) top left repeat-x;
  color:#000;
  font-size: 8pt;
  padding-top:3px;
  cursor:hand;
  text-decoration: none;
}
a.introlink { text-decoration: none; }
.introlink { text-decoration: none; }
a:hover.introlink { color: #000; }

/* From bf2_links.php */
#submit {
        width: 325px;
	  background-color: #2e2e2e;
        border: 1px solid #868686;
  	  font-size: 9pt;
  	  margin-top: 5px;
	  padding: 3px;
}

/* Profile Cards */

.profcard
{
  width:350px;
  background: #474747;
  margin-bottom: 5px;
}

.profheader
{
  width:350px;
  height:17px !important;
  height: 20px;
  padding-top: 3px;
  background: #202020 url(images/profheader.gif) bottom left no-repeat;
  color: #000;
}
.profheader a, .profheader a:visited { color:#000; text-decoration:none; }
.profheader a:hover, .profheader a:active { color:#8E7310; }

/* Link Submit Box */
#submit {
  width: 325px;
  background-color: #2e2e2e;
  border: 1px solid #868686;
  font-size: 9pt;
  margin-top: 5px;
  padding: 3px;
}

/* BF2 Match Management styles */
.reportcat {
  text-align: center;
  font-size: 9pt;
  background-color: #a00;
}

.reportdetailshdr {
  font-size: 9pt;
  text-align: center;
  background-color: #800;
  font-weight: bold;
}

.reportdetails {
  font-size: 9pt;
  text-align: center;
  background-color: #800;
}

/* Subhead Drop-Down Menu Styles */

#ddmenu {
	font-family: Arial;
	font-size:8pt;
      font-weight: bold;
      margin-left:95px;
}

.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.topmenuli{
	list-style-type:none;
	float:left;
	margin-right:10px;     
}

.topmenutitle{
	display:block;
	font-weight: bold;
      text-decoration: none;
}

a.topmenutitle, .topmenutitle:visited { color:#000; text-decoration: none; }
.topmenutitle:hover, .topmenutitle:active { color:#8E7310; } 

.submenuul{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
	margin-top:-1px;
	background:#E8C135 url(images/ddmenubg.gif) top left repeat-x;
        border: 1px solid #000;
	z-index: 3;
}

.submenuli a{
	display:block;
	width:150px;
	padding:1px;
      padding-left:2px;
	text-decoration: none;
	color: #000000;
      text-align:left;
}

.submenuli a:hover, .submenuli a:active {
	text-decoration: none;
	background:#c8a934;
	color: #000000;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}

#ddmenu li>ul { 
	top: auto;
	left: auto;
}

#maincontent {
	position: absolute;
	z-index: 2;
	/*left: 50px;*/
}
#sidebarandbody {
	position: relative;
}

#wowintro_small {
	z-index: 2;
}