/* ===  CSS Document for Gamenode.com ============================================= */
* {
	margin			: 0px;
	padding			: 0px;
	border			: none;
}

html, body {
	padding			: 10px;
	font			: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color			: #000033;
	background		: #FFFFFF;
}

html {
	overflow		: -moz-scrollbars-vertical;
}

a, a:visited {
	color			: #0000FF;
}

p {
	display			: inline-block;
	clear			: both;	
	padding			: 0px 0px 30px 0px;
	text-align		: justify;
}

label.textinput {
	clear			: both;
	float			: left;
	width			: 130px;
	
	display			: block;
}

.textfield, .textfield_error {
	border			: 1px solid #999999;
	width			: 200px;
	margin			: 0px 0px 1px 0px;
	padding			: 1px;
	font			: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.textfield_error {
	border			: 1px solid #EB0000;
}

textarea {
	border			: 1px solid #999999;
	font			: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.button {
	font			: normal 11px Verdana, Arial, Helvetica, sans-serif;
	background		: #EB0000;
	color			: #FFFFFF;
	padding			: 1px 8px 1px 8px;
	cursor			: pointer;
}

#container {
	width			: 980px;
	margin			: 0px auto 0px auto;
}

#header {
	width			: 980px;
	height			: 156px;
	background		: url(/images/header.jpg);
}

#line {
	width			: 980px;
	height			: 4px;
	margin			: 1px 0px 1px 0px;
	background		: url(/images/line.png);
	font-size		: 1px;
}

#menu {
	width			: 980px;
	height			: 32px;
}


#content {
	clear			: both;
	float			: left;
	width			: 780px;
}


#content .item {
	margin			: 20px 0px 20px 0px;
	background		: #E7E6ED;
	text-align		: justify;
}


#content .item .title {
	height			: 30px;
	padding			: 3px 10px 0px 10px; 
	color			: #FFFFFF;
	background		: url(/images/content-header-red.png);
}

#content .item .content {
	padding			: 10px 20px 20px 20px;
	line-height		: 17px;
}

#content .item .content a, #content .item .content strong {
	color			: #EB0000;
}


#content .item .content img {
	float			: left;
	margin			: 3px 20px 10px 0px;
	border			: 1px solid black;
}

#content ul {
	list-style		: outside disc;
}

#content li {
	margin			: 0px 0px 0px 16px;
}

#content ol li {
	list-style-type:decimal;
}

#content .item .content .imgright {
	float			: right;
	margin			: 3px 0px 0px 20px;
}

#right {
	float			: right;
	width			: 160px;
	margin			: 20px 0px 20px 0px;
}

#right .title {
	height			: 17px;
	padding			: 3px 0px 0px 10px; 
	color			: #FFFFFF;
	background		: url(/images/content-header-black.png);
}

#right .content {
	padding			: 10px;
	border			: 1px solid #000000;
	line-height		: 17px;
}

#footer {
	clear			: both;
	height			: 28px;
	width			: 960px;
	padding			: 3px 10px 0px 10px;
	color			: #FFFFFF;
	background		: url(/images/menu-black-plain.png);
}

#footer a, a:visited, a:hover {
	color			: #FFFFFF;
}

#footer .left {
	float			: left;
}

#footer .right {
	float			: right;
}

.clear {
	clear			: both;
	line-height		: 0px;
	font-size		: 0px;
}



/* Navigation */
#nav, #nav ul { /* all lists */
	padding			: 0px;
	margin			: 0px;
	list-style		: none;
	text-indent		: 0px;
	cursor			: pointer;
}

#nav li { /* all list items */
	position		: relative;
	float			: left;
	height			: 26px;
	margin			: 0px 1px 0px 0px;
	padding			: 0px;
	color			: #FFFFFF;
}

#nav li ul { /* second-level lists */
	position		: absolute;
	display			: none;
	top				: 21px;
	left			: 0px;
	width			: 188px;
	padding			: 1px;
	background		: url(/images/menu-background.png);
}

#nav li ul li { /* second-level lists */
	height			: 21px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	display			: block;
/*	right			: 6px !important; */
	right			: 6px;
}

#nav a { /* link main item */
	display			: block;
	padding			: 3px 0px 3px 10px;	
	text-decoration	: none;
	color			: #FFFFFF;
	height			: 26px;
	background		: url(/images/menu-black-tab.png);
}

#nav li ul a { /* link in submenu */
	display			: block;
	padding			: 3px 0px 3px 10px;
	text-decoration	: none;
	color			: #FFFFFF;
	width			: 178px !important;
	width			: 180px;
	height			: 15px;
	background		: none;
}

#nav a:hover {
	color			: #FFFFFF;	
	background		: url(/images/menu-red-tab.png);
}

#nav li ul a:hover {
	color			: #EC0000;	
	background		: #FFFFFF;
	text-decoration	: none;
}

#nav .black_plain {
	padding			: 3px 10px 3px 10px;
	background		: url(/images/menu-black-plain.png);
	cursor			: default;
}

#nav .red_tab {
	background		: url(/images/menu-red-tab.png);
}
