/*///////////////////////////////////////////////////////////////////////////
PAGE STYLING
///////////////////////////////////////////////////////////////////////////*/
html, body, #container {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
html>body, html>body #container {
	height: auto;
}
body		{background: #1e2341; font-family: "Trebuchet MS";font-size: 11px;color: #ccc;margin: 0;}

#container {
	width:100%;
	position: absolute;
	top: 0;
    left: 0;
}
a:link 		{color: #497cfb;font-weight:900;text-decoration: none;}
a:visited	{color: #497cfb;font-weight:900;text-decoration: none;}
a:hover 	{color: #98b2fd;font-weight:900;text-decoration: none;}
a:active 	{color: #497cfb;font-weight:900;text-decoration: none;}
img {text-decoration: none;border: 0;}

#nav_main { height: 108px; width: 100%; background: black; position: relative; margin: auto;  z-index: 0;}

#nav_main_title { position: absolute; left: 0px; top: 0px; z-index: 0;}
#nav_main_title h1 { padding: 0px; margin: 0px; }
#nav_main_title a { display: block; height: 108px; width: 199px; background: url('../images/nav_main_title.gif'); }
#nav_main_title span{ display: none; }

#nav_main_meta { position: absolute; left: 200px; top: 38px; font-weight: 900;  z-index: 0;}
#nav_main_meta ul{ padding: 0px; margin: 0px; list-style-type: none; }

#nav_main_note { position: absolute; bottom: -20px; right: 40px; height: 20px; width: 439px; background: #406cdb; z-index: 0; }
#nav_main_note p { padding: 1px; margin: 0px; text-align: center; font-size: 14px; }
#nav_main_note a { color: white; text-decoration: none; font-weight: 900; }

/*//////////////////////////////////////////////////
CONTENT STYLING
//////////////////////////////////////////////////*/
#wrapper { width: 900px;margin: 0 auto 100px auto; position: relative; }

#footerv2 { height: 76px; width: 100%; background: black; position: absolute; bottom: 0; margin: 0 auto; padding: 0; }
#contentfooter p { font-size: 12px; margin: 0px; text-align: center; padding: 12px 0 0 0; }


/*//////////////////////////////////////////////////
FORM STYLING
//////////////////////////////////////////////////*/
form input, form textarea {
	background: #1e2341;
	color: #fff;
	border: 2px solid #0e1331;
	margin: 2px;
}
form textarea {
	width:600px;
}

/*//////////////////////////////////////////////////
STATUS BOX STYLING
//////////////////////////////////////////////////*/
#statusbox { width: 100%; margin: 5px 0; padding: 5px 0; text-align: center; font-weight: bold; color: #fbfbfb; position: relative; }
#statusbox .success { background-color: #254117; }
#statusbox .error { background-color: #7E2217; }

/*//////////////////////////////////////////////////
TOP NAVBAR STYLING
//////////////////////////////////////////////////*/
.ddsmoothmenu{
	background: #414141;
	width: 100%;
	position: relative;
	z-index:900;
}

.ddsmoothmenu ul{
	z-index:900;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
	z-index:900;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	background: #414141; /*background of tabs (default state)*/
	color: white;
	padding: 4px 10px;
	color: #2d2b2b;
	text-decoration: none;
	z-index:900;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: white;
}

.ddsmoothmenu ul li a:hover{
	background: #4a78ed; /*tab link background during hover state*/
	color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	z-index:900;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
	z-index:900;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;
	z-index:900;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
	border-top-width: 0;
}

.ddsmoothmenuz ul li ul li a:hover{ /*sub menus hover style*/
	background: #eff9ff;
	color: black;
}

/*CSS classes applied to down and right arrow images*/

.downarrowclass{
	z-index:900;
	position: absolute;
	top: 8px;
	right: 7px;
	z-index:900;
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
	z-index:900;
}

* html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/

/*//////////////////////////////////////////////////
NEWS SCROLLER
//////////////////////////////////////////////////*/

#contentscroller { height: 102px; right: 5px; overflow: hidden; position: absolute; top: 3px; width: 300px; }
#contentscroller ul { padding: 0; margin: 0; list-style-type: none; width: 300px; }
#contentscroller ul li{ padding: 2px; margin: 0 0 110px 0; list-style-type: none; background: #161616; display: block; width: 100%; }
#data { color: #acacac; line-height: 1.3em; position: absolute; top: 0; left: 0; }
#menuscroller { display: none; }
#slider { display: none; }


/*//////////////////////////////////////////////////
RATING STYLING
//////////////////////////////////////////////////*/
.ratingblock {
	width: 300px;
	display:block;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-left: auto;
    margin-right: auto;
	}

.loading {
	height: 30px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;padding:0px;margin:0px;text-align:center;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}


/*//////////////////////////////////////////////////
DROP MENU STYLING (Over Usernames)
//////////////////////////////////////////////////*/

#dropmenudiv {
	text-align:left;
	position:absolute;
	margin-top: -2px;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 9px Verdana;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a.navitem {
	width: 100%;
	color: #497cfb;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	font: 11px Arial, Helvetica, sans-serif;
}

#dropmenudiv a.navitem:hover{ /*hover background color*/
	background-color: #497cfb;
	color: black;
}

/*//////////////////////////////////////////////////
RANK STYLING
//////////////////////////////////////////////////*/
#ranktable {margin:auto;}
.ranksheader {width:100px;}
.banned {color : red;font-weight : bold;}
.virgin {color : #815555;font-weight : bold;}
.shell {color : #ae5f5f;font-weight : bold;}
.peon {color : #c66a6a;font-weight : bold;}
.minion {color : #e77777;font-weight : bold;}
.acolyte {color : #85803b;font-weight : bold;}
.neophyte {color : #98923f;font-weight : bold;}
.juniorsexy {color : #ada640;font-weight : bold;}
.ward {color : #c0b742;font-weight : bold;}
.apostle {color : #d8ce46;font-weight : bold;}
.apprentice {color : #efe445;font-weight : bold;}
.ninja {color : #604b76;font-weight : bold;}
.sentinel {color : #543970;font-weight : bold;}
.savant {color : #532c7b;font-weight : bold;}
.broken {color : #562389;font-weight : bold;}
.prodigy {color : #5f229c;font-weight : bold;}
.vigilante {color : #6823ad;font-weight : bold;}
.guardian {color : #6d23b8;font-weight : bold;}
.overseer {color : #7321c4;font-weight : bold;}
.underlord {color : #7b21d4;font-weight : bold;}
.overlord {color : #9933ff;font-weight : bold;}
.sage {color : #1690ae;font-weight : bold;}
.champion {color : #0fa0c3;font-weight : bold;}
.archangel {color : #0babd4;font-weight : bold;}
.martyr {color : #06bbe7;font-weight : bold;}
.chancellor {color : #00ccfe;font-weight : bold;}
.oracle {color : #067907;font-weight : bold;}
.seraph {color : #089a0a;font-weight : bold;}
.demigod {color : #0ec20f;font-weight : bold;}
.gatekeeper {color : #33FF35;font-weight : bold;}


/*//////////////////////////////////////////////////
SHOUTBOX (OR ANY ALTERNATING ROW) STYLING
//////////////////////////////////////////////////*/
#shoutbox {background: #010101;text-align:left;}
.odd {background: #1f1f1f;margin: 0;padding: 2px;}
.even {background: #0f0f0f; margin: 0;padding: 2px;}
.black { background: black; }

/*//////////////////////////////////////////////////
ORGANIZATIONAL BOXES (i.e. STAFF, MARKET, FORUMS)
//////////////////////////////////////////////////*/

.indexinfo {
width: 640px;
background: black /*url('../images/ind_bot.gif') no-repeat bottom */;
margin: 0px auto 10px auto;
padding-bottom: 2px;
}

.indexinfo h2.title {
background: url('../images/ind_top.gif');
height: 18px;
line-height: 12px;
color: #ccc;
font-size: 13px;
padding: 5px 0 0 10px;
border: 0px;
}

.indexinfo h2 {
color: #42b500;
border-bottom: 1px solid #42b500;
font-size: 13px;
padding: 0px;
margin: 0px;
}

.indexinfo div { margin: 5px; }
.indexinfo .item { width: 31%; float: left; height: 160px; }
.indexinfo .item ul{ list-style-type: none; margin: 0px; padding: 0px; }
.indexinfo .item ul li{ clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

.profileheader {
padding: 8px;
padding-left: 20px;
border-top:1px solid #000;
background: #343434 url('../images/headerbg.gif') bottom;
color: #00cbe4;
font-size: 11px;
font-weight: 900;
margin:0;
}

.profilecontent {
padding-top: 0;
margin-top: 10px;
background: #2c2c2c url('../images/contbg.gif');
border: 2px solid #000;
border-top: 0;
}

div#links {position: relative;padding-bottom: 10px;}
div#links a:hover span {display: block;position: absolute; bottom: 0;left: 0;z-index: 100;color: #AAA; font: 10px Verdana, sans-serif; text-align: center;width: 100%;}
div#links img {padding: 2px;}
div#links a span {display: none;}