/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****Basic Definitions*****/  
html, body {background:#000; color:#898; font:12px Arial, Helvetica, sans-serif}
* a {font: 12px/14px Arial, Helvetica, sans-serif; outline:none; text-decoration:none}
a:link, a:visited {color: #F90; }
a:hover {color: #00FF80; cursor:pointer; }
a:active {color: #F90; }

/*****Custom Classes*****/  
.clear {clear:both}  
.screenReader {left:-9999px; position:absolute; top:-9999px}  

/* Common -----------------------------------------------*/
#outer-wrapper {background:url(/img/main_bg.jpg) center top no-repeat}
#headerbar {background:url(/img/headerbar_bg.png) left top repeat-x; float:left; margin:0; padding:0; height:54px; width:100%;}
#inner-wrapper {width:950px; margin:0 auto; padding:0; text-align:left}
/* Header-----------------------------------------------*/
#header-wrapper {width:950px; margin:0 auto 0; height:230px; padding:0px 0 0 0; overflow:hidden}
#header-inner {background-position:center; margin-left:auto; margin-right:auto}
#header-left {margin:0; border:0 solid #ccc; color:#666; float:left; width:40%; overflow:hidden}
#header-right {float:right; width:58%; overflow:hidden}
#server-time {float: right; display:inline; background:#222; color: #0080FF; border: 1px solid #333; font: bold 11px/11px Arial, Helvetica, sans-serif; width: auto; padding: 5px 10px 5px 10px; min-width: 180px;}
#svr-datetime {position: relative; display:inline; padding-left: 3px; color: #FF2D2D; font: bold 11px/11px Arial, Helvetica, sans-serif;}

#content-wrapper {background: url(/img/contentwrap-background-blue.png) center top repeat-y}
#main-wrapper {width:520px; padding-left:20px; padding-right:15px; float:left; overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
/* PAGE MENU CONTAINER */
#pagemenu-container {width:950px; margin:16px auto 0; height:30px; padding:10px 7px 0 7px; -moz-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0}
#pagemenu, #pagemenu ul {padding:0; margin:0; list-style:none; font: bold 11px Arial, sans-serif; }
#pagemenu ul {float:left; list-style:none; margin:0 0 0 0; padding:0}
#pagemenu li {float:left; list-style:none; margin:0; padding:0}
#pagemenu ul li {list-style:none; margin:0; padding:0}
#pagemenu li a, #pagemenu li a:link {background:none; color:#3CFF9D; display:block; margin:0 4px; padding:6px 16px; text-decoration:none; text-transform:lowercase; border:1px solid #666; border-width:1px 1px 0px 1px; background:url(/img/pagemenu-bg-blue.png) left top repeat-x; -moz-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0}
#pagemenu li a:hover, #pagemenu li a:active {background: #222B37; color: #FFC68C; display:block; text-decoration:none; border:1px solid #666; border-width:1px 1px 0px 1px}
#pagemenu li.current a, #pagemenu li.current a:link {background:#222B37; color: #FF0; display:block; text-decoration:none; cursor: pointer;}
/*
#pagemenu li.button_bgcolor1 a, #pagemenu li.button_bgcolor1 a:link {background:#CC3333; color:#fff; display:block; text-decoration:none}
#pagemenu li.button_bgcolor2 a, #pagemenu li.button_bgcolor2 a:link {background:#009933; color:#fff; display:block; text-decoration:none}
#pagemenu li.button_bgcolor3 a, #pagemenu li.button_bgcolor3 a:link {background:#6633CC; color:#fff; display:block; text-decoration:none}
#pagemenu li.button_bgcolor1 a:hover, #pagemenu li.button_bgcolor1 a:active {background:#B02D2D; color:#fff; display:block; text-decoration:none}
#pagemenu li.button_bgcolor2 a:hover, #pagemenu li.button_bgcolor2 a:active {background:#007526; color:#fff; display:block; text-decoration:none}
#pagemenu li.button_bgcolor3 a:hover, #pagemenu li.button_bgcolor3 a:active {background:#5229A5; color:#fff; display:block; text-decoration:none}
*/

/* NAV CONTAINER */
#navcontainer {height:47px; background:url(/img/nav-background-blue.png) top left repeat-x; display:block; overflow:hidden; border-bottom:2px solid #383838; -moz-border-radius:8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0}
#navcontainer a {background:url(/img/nav-background-hover-blue.png) top left repeat-x; color:#FFF}
#nav a, #subMenusContainer a {text-decoration:none; display:block}
#nav a {margin:0 4px 0 6px; float:left; background:none; padding:18px 12px; color:#DEDCE4; font-weight:bold; text-transform:uppercase}
#subMenusContainer a, #nav li li a {color:#BDBEBE; text-align:left; background-color:#001824; padding:6px 24px}
#nav li a:hover, #nav li a:focus, #nav a.mainMenuParentBtnFocused {background:url(/img/nav-background-hover-blue.png) top left repeat-x; color:#fff}
#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {background-color:#00293E; color:#FFF}
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {padding:0; margin:0; list-style:none; line-height:1em}
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {background:none; border:1px solid #003C59; left:0}
#nav li {cursor:pointer; float:left; margin:0 2px 0 0; padding:0 2px 0 0; height:47px; display:inline; background:url(/img/nav-seperator-blue.png) right center no-repeat}
#subMenusContainer li {list-style:none}
#nav {width:950px; margin:0 auto; clear:both; overflow:hidden; display:block}
#nav .children {display:none}
#subMenusContainer {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000}
/* Sidebar Content----------------------------------------------- */
#lsidebar-wrapper {width:180px; float:left; margin-left:10px; margin-right:5px; overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
#rsidebar-wrapper {width:180px; float:right; margin-left:1px; margin-right:10px; overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
.sidebar {color:#D4D2D2; margin:0 0 10px 0}
.sidebar a {text-decoration:none; color:#D4D2D2}
.sidebar a:hover {text-decoration:underline; color:#00FF80}
.sidebar h2 {margin:10px 0px 0 0; padding:8px 0 8px 12px; background:#17212B; font: bold 14px/16px Arial, Sans-serif; letter-spacing:.2em; text-transform:uppercase; color:#d2d2d2; border:1px solid #151515}
.sidebar ul {list-style-type:none; margin:0 0 10px 0; padding:0}
.sidebar ul li {padding:6px 4px 6px 12px; margin:0; font:12px Arial, Sans-serif; font-stretch:normal; border-bottom:1px dotted #555555}
.sidebarAds {margin:10px 0 10px 0; text-align:center}
/* Slider ----------------------------------------------- */
/* #slider-section {background: #1A1919; width: 520px; height: 210px; z-index: 5; margin-bottom: 20px; margin-top: 15px; overflow: hidden} */
#slider-section {background: #000; width: auto; height: 220px; margin-bottom: 5px; margin-top: 15px; border: 4px solid #222; overflow:hidden}
/* border-left:4px solid #161616; border-right:4px solid #161616; border-top:4px solid #161616; border-bottom:4px solid #161616; overflow:hidden} */
/* NEWS + ACCORDION */
.content-section {background:#161616; margin:15px 0px 20px 0px; border:2px solid #000; padding:0px 0px 10px 0px}
.content-section h2 {margin:10px 9px 5px 9px; padding:10px 0px 10px 20px; text-align:left; background:#222B37; font: bold 14px/16px Arial, Sans-serif; letter-spacing:.2em; text-transform:uppercase; color:#fff; border:1px solid #000; border-width:1px 1px 1px 1px}
.contentList {width:96%; margin:0px 2% 8px 2%; padding:5px 0px 5px 0px; min-height:60px; background:#222; border:1px solid #000; overflow:hidden}
.news {margin-top:0; height:auto; width:auto}
.news a:link, a:visited {color:#D4D2D2; outline:none; text-decoration:none}
.news a:hover {color:#F8B100; outline:none; text-decoration:none}
.news a:active {text-decoration:none}

.newsList {width:96%; margin:0px 2% 8px 2%; padding:5px 0px 0px 0px; min-height:150px; background:#252525; border:1px solid #000; border-width:1px 1px 1px 1px; overflow:hidden}
.newsType {float:left; padding:2px 5px 0px 5px; position:relative}
.newsTitle {float:left; padding:2px 5px 0px 5px; position:relative}
.newsDate {float:right; padding:2px 5px 0px 5px; position:relative; font:12px/18px Arial, sans-serif}
.newsAds {width: auto; text-align:center}
.Zebra_Accordion dd {display:none}
.Zebra_Accordion dt {cursor:pointer; border:0px dotted #555; border-width:0px 0px 1px 0px}
dl.Zebra_Accordion {width:96%; margin:0px 2% 10px 2%; background:#252525}
dl.Zebra_Accordion dt {background:#222; color:#C8C8C8; font:13px Arial, Sans-serif; padding:1px 4px}
dl.Zebra_Accordion dd {background:#E4E4E4; color:#000; padding:10px 5px 15px 10px; margin:1px 0; border:1px solid #000; border-width:0px 0px 0px 0px}
dl.Zebra_Accordion dt.Zebra_Accordion_Expanded {background:#663366; color:#EEE}
dl.Zebra_Accordion dt a:link, a:visited {color:#d2d2d2; text-decoration:none}
dl.Zebra_Accordion dt a:hover {color:#33FF33}
dl.Zebra_Accordion dt a:active {color:#fff}
dl.Zebra_Accordion dt a:focus {color:#33FF33}

/* TABLE */
#download {width: 500px; border: 0; margin: 5px 8px 10px 8px;}
#download td {background: #222; text-align: center;  padding: 1px; border: 3px solid #161616;  }
#download a:link, a:visited {color: #C93; outline:none; text-decoration:none}
#download a:hover {color:#00FF80; outline:none; text-decoration:none}
#download a:active {text-decoration:none}

#info {width: 500px; border: 0; margin: 5px 8px 10px 8px;}
#info td {background: #222; text-align: left;  padding: 3px 3px 3px 30px; border: 1px solid #161616; border-width:3px 3px 3px 3px }
#info a:link, a:visited {color: #C93; outline:none; text-decoration:none}
#info a:hover {color:#00FF80; outline:none; text-decoration:none}
#info a:active {text-decoration:none}

/* FOOTER */
#footer {background:url(/img/footer-background-blue.png) top left repeat-x; padding:16px 0; text-align:center; color:#DFDFDF; font-size:13px; -moz-border-radius:0 0 8px 8px; -khtml-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; border-top:2px solid #000000}
#footer a {color:#DFDFDF}
#footer a:hover {text-decoration:none}
#footerbar {color:#C7C7C7; font-size:11px; text-align:center; padding:10px}
#footerbar a {color:#C7C7C7; text-decoration:none}
/* EXTRAS */
.icon-action {border-style:none !important; margin:0 0 0 .5em !important; vertical-align:middle}
.button-dummyBox {background:#1A1919; border:1px solid #444343; padding:10px; margin:10px 0 0 0; color:#A2A2A2; text-transform:uppercase; text-decoration:none; font:bold 12px Arial, Helvetica, Sans-serif}
.userpanel-dummyBox {background:#1A1919; margin:10px 0 0 0; color:#A2A2A2;}
.vote4us-dummyBox {background:#1A1919; margin:10px 0 0 0; color:#A2A2A2;}
.itemshop-dummyBox {background:#1A1919; margin:10px 0 0 0; color:#A2A2A2;}
.nw-dummyBox {background:#1A1919; margin:10px 0 0 0; color:#A2A2A2;}



/* EXTRA */


/* TESTING ENTRIES */

/* The Nivo Slider styles */
/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	background:#000 url(/img/loading-blue.gif) no-repeat 50% 50%;
	position:relative;
	width:512px;
	height:220px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-khtml-box-shadow: 0px 1px 5px 0px #4a4a4a;	
	box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}

.nivoSlider a {
	border:0;
	display:block;
}


/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	font-family: Helvetica, Arial, sans-serif;
	color:#fff;
	opacity:0.7; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
	padding:5px 0px;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
	text-decoration:none;
	color:#fff;
	border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
	color:#00FF80;
	border-bottom:1px dotted #00FF80;	
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	display:block;
	width:30px;
	height:30px;
	background:url(/themes/default/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	top:5px;
	right:5px;
	margin-left:-50px; /* Tweak this to center bullets */
	font-size:0px;
    padding:0px;
    opacity:0.3;
    z-index:10;
	}
	
.nivo-controlNav:hover {
	opacity: .5;
}

.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	display:block;
	width:15px;
	height:15px;
	background:url(/img/bullet-square.png) left top;
	border:1px solid #fff;
	margin-right:0px;
	float:left;
	font:bold 8px/15px Tahoma,sans-serif; 
	color:#000;
	text-align:center;
}

.nivo-controlNav a.active {
	font-weight:bold;
	background-position:right top;
	background: #141414;
	color:#D4D4D4;
}

/* MODAL BOX */
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px; 
  height:203px;
}