﻿body, html, form
{
	width: 100%;
	height: 100%;
	margin: 0 0;
	padding: 0 0;
}
body
{
	background: #c0c0c0;
	font-family: Arial;
}
.Content
{
	margin-left: auto;
	margin-right: auto;
	width: 1003px;
	height: 100%;
}
a:visited img, img
{
	border: none;
}

.putright
{
	float: right;
	margin-right: 10px;
}

/* Header
 */
#header
{
	clear: both;
	width: 100%;
	height: 100px;
	background: #d2d1d0;
}
#logo
{
	float: left;
}

#login
{
	float: right;
	width: 530px;
	padding-right: 10px;
	padding-top: 10px;
}
.txt_Login
{
	margin-top: 2px;
	background: url(/images/login_text.gif) no-repeat;
	width: 210px;
	height: 35px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #bab9b9;
	outline: medium none;
	border: none;
	float: left;
	padding: 4px 3px !important;
	text-shadow: 0 1px 0 #FFFFFF;
}
.btn_Login
{
	float: left;
}
#login a.link, #login .link, #login span
{
	font-size: 9px;
	color: #787878;
	text-decoration: none;
}
#login .link:hover
{
	color: White;
}
#login #forgetpass
{
	float: right;
	margin-right: 100px;
}
/* ---------------------------------- End Header  */

/* Top menu*/

#TopMenu
{
	height: 42px;
	width: 100%;
	background: #1a2022;
}
#TopMenu ul
{
	padding: 0px 0px;
	float: left;
	margin-left: 30px;
	margin-top: 0px;
	height: 100%;
}
#TopMenu ul li
{
	list-style: none;
	float: left;
}
#TopMenu ul li a
{
	display: block;
	margin: 0px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #969696;
	text-decoration: none;
	padding: 10px 10px 0px 20px;
	margin-bottom: 0px;
	margin-right: 10px;
}
#TopMenu ul li.selected
{
	background: url(/images/active_menu_right.gif) no-repeat;
	background-position: top right;
	margin-top: -8px;
}
#TopMenu ul li.selected a
{
	background: url(/images/active_menu_left.gif) no-repeat;
	background-position: top left;
	color: White;
	padding-top: 15px;
	padding-bottom: 11px;
}
#language
{
	height: 100%;
	float: right;
	width: 299px;
}
#language .wraper
{
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}
#language a, #language span
{
	color: #969696;
	text-decoration: none;
}
#language a.selected
{
	font-weight: bold;
	text-decoration: none;
	color: White;
}
/* --------------------------------- End Top menu*/


/* Banner*/
#Banner
{
	margin-top: 0px;
	padding-top: 0px;
	width: 100%;
	display: block;
}
#Banner img
{
	border: none;
}
/* ------------------------------End Banner*/


/* Intro*/
.Intro
{
	background: url(/images/Intro_bg.gif) repeat-x #d2d1d0;
	width: 100%;
	height: auto;
	clear: both;
	margin-top: 0px;
	float: left;
}
.IntroContent
{
	float: left;
	width: 700px;
	clear: both;
}
.IntroContent h3
{
	font-size: 18px;
	font-weight: bold;
	color: #646464;
	clear: both;
	margin-left: 80px;
}
.IntroContent h4
{
	font-size: 16px;
	color: #517b33;
	display: block;
	margin: 0 0;
}
.RowIntro
{
	width: 100%;
	clear: both;
	display: block;
}
.RowIntro img
{
	float: left;
	margin-left: 20px;
}
.RowIntroContent
{
	float: left;
	width: auto;
	width: 590px;
}
.News
{
	float: left;
	width: 271px;
	margin-top: -50px;
}
.NewsHeader
{
	width: 100%;
	background: url(/images/BB4_01.gif) no-repeat;
	height: 8px;
	clear: both;
}
.NewsContent
{
	background: url(/images/BB4_03.gif) repeat-y;
	height: 100%;
	clear: both;
}
.NewsContent h5
{
	font-size: 18px;
	color: #608c3d;
	font-weight: bold;
	margin: 0 0;
	padding: 0 0;
	font-family: Arial;
	margin-left: 10px;
}
.NewsContent p
{
	color: #6a6b69;
	font-size: 11px;
	margin-left: 10px;
}
.NewsContent p a
{
	font-weight: bold;
	color: #608c3d;
	display: block;
	text-decoration: none;
}
.NewsContent .putright
{
	margin-bottom: 3px;
}
.screen_btn
{
	margin-right: 0px;
}

.NewsWrap
{
	margin-bottom: 15px;
	background: url(/images/BB4_05.gif) no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
}
.NewsContent #Player
{
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	clear: both;
}
/* ------------------------------End Intro*/

/* FeedBack */
.FeedBack
{
	background: #1a2022;
	clear: both;
	height: auto;
	float: left;
}
.FeedBackLeft
{
	width: 550px;
	margin-left: 50px;
	float: left;
}
.FeedBackLeft h5, .FeedBackRow a:link, .FeedBackRight h5
{
	font-size: 18px;
	color: #608c3d;
	font-weight: bold;
}
.FeedBackRow a:link
{
	color: #608c3d;
	font-size: 11px;
}

.FeedBackLeft h5 span, .FeedBackRight h5 span
{
	color: #969696;
}

.FeedBackLeft p
{
	color: #969696;
	font-size: 11px;
}
.FeedBackLeft .caption
{
	font-size: 12pt;
	font-weight: bold;
	color: #969696;
	float: left;
	margin-top: 7px;
}
.FeedBackRow
{
	width: 95%;
	clear: both;
	height: 50px;
}
.FeedBackLeft .textinput
{
	color: #e5e5e4;
	float: right;
	width: 400px;
	background: #101415;
	border: #252c2f solid 1px;
	outline: medium none;
	height: 30px;
}

.FeedBackSplit
{
	float: left;
}
.FeedBackRight
{
	float: left;
}

#sponsor
{
	width: 300px;
}

#sponsor a
{
	border: solid 1px #252c2f;
	padding: 1px 1px;
	float: left;
}

/* ------------------------------End FeedBack */
/* Footer */
#footer
{
	height: 40px;
	background: #101415;
	border-top: solid 1px #232b2d;
	float: left;
	width: 100%;
	margin-top: auto;
	clear: both;
}
.clearfooter
{
	height: 40px;
	clear: both;
}
#copyright
{
	padding-top: 15px;
	padding-left: 20px;
	color: #232b2d;
	float: left;
}
#footlogo
{
	float: right;
	width: 350px;
}
#footlogo a
{
	color: #636363;
	font-size: 11pt;
	margin-top: 15px;
	float: left;
}
#footlogo img
{
	margin-top: 3px;
	float: left;
}
/* ------------------------------End Footer */
.LoadingBackground
{
	background-color: Gray;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity: 0.7;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
code
{
	background: none repeat scroll 0 0 #EAEAEA;
}
code
{
	font-size: 11px;
	margin: 0 1px;
	padding: 1px 3px;
}
.radio label
{
	cursor: pointer;
}

.tip
{
	background-color: #FFFBE4;
	border-color: #DFDFDF;
}
.tip
{
	-moz-border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	padding: 3px 5px;
}

.tip
{
	margin: 0 10px 8px 31px;
}
.warning
{
	margin: 5px 0 15px;
}

.warning
{
	background-color: #FFEBE8;
	border-color: #CC0000;
}

.warning
{
	border-style: solid;
	border-width: 1px;
	margin: 5px 15px 2px;
	padding: 3px;
}

