/* -------------------------------------------------------------------
 body
------------------------------------------------------------------- */
html {
	SCROLLBAR-BASE-COLOR: #AAE4E9;
	SCROLLBAR-ARROW-COLOR: #FF7E00;
}

body {	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #FFFFFF;
	font-size:11px;
	margin: 0px;
	margin-bottom: 20px;
	padding:0px;
	color: #000000;
	
}

div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea {
	margin: 0px;
	padding: 0px;
}

img {
	border:none;
	padding:0px;
	margin:0px;
}

ol,ul {
	list-style: none;
}

a {
	text-decoration: none;
}
a:link {
	color: #F7941D;
}
a:visited {
	color: #F7941D;
}
a:hover {
	color: #00787B;
}
a:active {
	color: #F7941D;
}

/* -------------------------------------------------------------------
 img
------------------------------------------------------------------- */
img.advert {
	border: 2px solid #FFFFFF;
}

/* -------------------------------------------------------------------
 input
------------------------------------------------------------------- */
.button {
	background: url(../../images/bg_button.jpg) repeat-x;
	height: 22px;
	color: #BDFF2E;
	font-weight: bold;
	border: 1px solid #AC2400;
}

.select {
	vertical-align: middle;
	border: 1px solid #8F8F8F;
}

input {
	vertical-align: middle;	
}

.textfield {
	border: 1px solid #8F8F8F;
	padding: 2px;
	width: 270px;
	vertical-align: middle;	
}

.textarea {
	border: 1px solid #8F8F8F;
	SCROLLBAR-BASE-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
}

input.textSearch {
	border: 1px solid #8F8F8F;
	padding: 2px;
	width: 200px;
}

/* -------------------------------------------------------------------
 float
------------------------------------------------------------------- */
br.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;	
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* -------------------------------------------------------------------
 layout
------------------------------------------------------------------- */
div#page {
	width: 957px;
	margin: 0px auto;
}

div#header {
	width: 956px;
}	
	div#header .banner{
		background: url(../../images/banner.jpg) no-repeat;
		text-align: center;
	}	
	
	div#header .topLeftGreen{
		background: #B1F034;
		border-top: 2px solid #339933;
		height: 5px;
	}	
	
	div#header .left{
		background: url(../../images/bgGreen.jpg) #9CD033 repeat-x;
		border-left: 2px solid #339933;
		height: 40px;
	}
	
	div#header .main{
		background: url(../../images/bgGreen.jpg) #9CD033 repeat-x;
		height: 40px;
	}
		div#header .main .charSearch {
			padding-top: 2px;
			padding-left: 5px;
			background:url(../../images/bgSearch.jpg) no-repeat;
			width: 459px;
			height: 21px;
		}
		
		div#header .main .charSearch span a{			
			padding-right: 8px;
			color: #FF14A4;
			font-weight: bold;
			font-size: 13px;
		}
	
	div#header .right{
		background: url(../../images/bgGreen.jpg) #9CD033 repeat-x;
		border-right: 2px solid #339933;
		height: 40px;
	}	
	
	div#header .bottomLeftGreen{
		background: #9ACD33;
		border-bottom: 2px solid #339933;
		height: 11px;
	}	
	
div#container {
	
}
	div#container .left{
		background: url(../../images/bg_white.jpg) #BAE55D right repeat-y;
		width: 205px;
		vertical-align:top;
	}
	
		div#container .left .top{
			background: #DDE6F6;
		}
		div#container .left .top p img{
			padding-left: 20px;
		}
		div#container .left .top p{
			padding-left: 20px;
		}
		
	div#container #contentLeft{
		width: 195px;
		background: #FFBC48;
		vertical-align:top;
	}
		div#container #contentLeft .main{
			background: none;
			padding: 5px 15px;
			color: #AAFF00;
			text-transform: uppercase;
			font-weight: bold;
		}
		div#container #contentLeft .main a{
			color: #AAFF00;
		}
		div#container #contentLeft .main a:hover{
			color: #FFFFFF;
		}
		
		div#container #contentLeft .sub{
			padding: 5px 15px;
			color: #FFFFFF;
			font-weight: bold;
		}	
		div#container #contentLeft .sub a{
			color: #FFFFFF;
		}	
		div#container #contentLeft .sub a:hover{
			color: #AAFF00;
		}
		
		div#container .advertise p{
			padding: 5px 0;
			text-align: center;
		}
		
	div#container .left #tabGreenLeft {
		background:#FFBC48;
		width: 195px;
	}
		
	div#container .left #tabGreenLeft .active {
		background: url(../../images/tab_left_active.jpg) left no-repeat;
		font-weight: bold;
		width: 56px;
		height: 20px;
		padding-left: 5px;
	}
	div#container .left #tabGreenLeft .active a {
		color: #000000;
	}
		
	div#container .left #tabGreenLeft .normal{
		background: url(../../images/tab_left.jpg) left no-repeat;
		font-weight: bold;
		padding-left: 5px;
		width: 56px;
		height: 20px;
	}
	div#container .left #tabGreenLeft .normal a {
		color: #000000;
	}
	
	div#container .left .contentTabGreenLeft {
		width: 195px;
	}
	
	div#container .left .contentTabGreenLeft p{		
		padding: 5px 0px;
		background:url(../../images/dot_1.gif) bottom repeat-x;
		margin: 0px 5px;			
	}
	div#container .left .contentTabGreenLeft p.last{ 
		background: none;
		padding-bottom: 10px;
	}
	div#container .left .contentTabGreenLeft p a{
		color: #000000;	
	}	
	div#container .left .contentTabGreenLeft p a:hover{
		color: #FF0000;	
	}		
	
	div#container .main{		
		background:url(../../images/bg_block_middle.gif) left repeat-y;
		vertical-align:top;
	}
		div#container .main #boxSMS div{
			background: url(../../images/bgBoxSMS.gif) repeat-x;
			height: 64px;
		}
		div#container .main #boxSMS p{
			padding: 3px 0;
		}
		
		div#container .main #contentMain{
			margin-right:10px;
			border-left: 10px solid #DDE6F6;
			border-right: 10px solid #DDE6F6;
		}
		
		div#container .main #contentMain #graphicsb0 {
			background: #77D1F6;
			width: 398px;
			padding-left:40px;
			padding-right:20px;
			margin: 0 10px;
		}
		
		div#container .main #contentMain #boxMain .left{
			background: url(../../images/box_main_left.jpg) #FFFFFF top no-repeat ;
			width: 10px;
		}
		div#container .main #contentMain #boxMain .main{
			padding: 10px 0;
			background: url(../../images/box_main_bg.jpg) #D7F2FE top repeat-x ;
		}
			div#container .main #contentMain #boxMain .main .title{
				background: #FFFFFF;
				color: #0090FF;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
			}
			div#container .main #contentMain #boxMain .main .title a { 
				color: #0090FF;
			}
			
			div#container .main #contentMain #boxMain .main .extra{
				border-top: 4px solid #91DAFF;
				border-bottom: 3px solid #91DAFF;
				color: #0090FF;
				font-size: 12px;
				font-weight: bold;
				background: #FFFFFF;
			}
			div#container .main #contentMain #boxMain .main .extra a{
				color: #0090FF;
			}
			
			div#container .main #contentMain #boxMain .main .dot_width{
				background: url(../../images/dot_width.gif) repeat-x;
			}
			
			div#container .main #contentMain #boxMain .main #content {
				padding: 5px;
			}
			
			div#container .main #contentMain #boxMain .main #content p{
				padding-bottom: 5px;
			}
			
			div#container .main #contentMain #boxMain .main #content .row{
				padding-left: 50px;
			}
			
			div#container .main #contentMain #boxMain .main #content img {
				margin-right: 5px;
			}
			div#container .main #contentMain #boxMain .main #content .left{
				width: 50%;
				padding: 10px;				
				background: url(../../images/dot_height.gif) right repeat-y;
			}
			div#container .main #contentMain #boxMain .main #content .right1{
				background:none;
				padding: 10px;				
			}
			div#container .main #contentMain #boxMain .main #content .name a{
				color: #000000;
			}
			div#container .main #contentMain #boxMain .main #content .singer a{
				color: #0018FF;
			}
			
		div#container .main #contentMain #boxMain .right{
			background: url(../../images/box_main_right.jpg) #FFFFFF top no-repeat ;
			width: 10px;
		}
	
	div#container .right{
		background: #FFBC48;
		width: 244px;
		vertical-align:top;
	}
		div#login {
			background: #FFFFFF;
			padding-bottom: 10px;
		}
		
		div#login #contentLogin {
			background:url(../../images/bLogin_bg.jpg) repeat-x;
			height: 217px;
		}
		
		div#login #contentLogin .content {
			background:url(../../images/bLogin_bg_center.jpg) top center no-repeat;
			margin-left: 14px;
			width: 217px;
			height: 145px;			
		}
		
		div#login #contentLogin .content p {
			padding: 3px;
		}
		
		div#login #contentLogin .content .inputText {
			padding: 3px;
			width: 130px;
			border: 1px solid #000000;
			background: #FFFF8C;
			font-weight: bold;
		}
		
		div#login #contentLogin .content .input {
			float: left; 
			margin-left: 10px; 
			margin-top:10px
		}
		
		div#login #contentLogin .content .button {
			float: right; 
			margin-right: 5px; 
			margin-top:12px
		}
		
		div#boxRight {
			background: #FFBC48;
		}
		
		div#boxRight .advertRight{
			text-align: center;
		}
		div#boxRight .advertRight p {
			padding-top: 5px;
		}
		
		div#boxRight #tabGreen .active{
			background: url(../../images/tabBgGreen_r_active.jpg) left no-repeat;
			text-transform: uppercase;
			font-weight: bold;
			width: 68px;
			height: 20px;
			padding-left: 5px;
		}
		div#boxRight #tabGreen .active a{
			color: #000000;
		}
		
		div#boxRight #tabGreen .normal{
			background: url(../../images/tabBgGreen_r.jpg) left no-repeat;
			text-transform: uppercase;
			font-weight: bold;
			padding-left: 5px;
			width: 68px;
			height: 20px;
		}
		div#boxRight #tabGreen .normal a{
			color: #000000;
		}
		
		div#boxRight .contentTabGreen {			
			padding: 10px 5px;
			background: #BAE55D;
		}
		div#boxRight .contentTabGreen a{			
			color: #000000;
		}
		
		div#boxRight #tabOrin {
			background: #BAE55D;
		}
		
		div#boxRight #tabOrin .active{
			color: #FF0000;
			background: url(../../images/tabBgOrin_r_active.jpg) left no-repeat;
			width: 56px;
			height: 20px;
			padding-left: 5px;
		}
		div#boxRight #tabOrin .active a{
			color: #FF0000;
		}
		
		div#boxRight #tabOrin .normal{
			color: #FFFFFF;
			background: url(../../images/tabBgOrin_r.jpg) left no-repeat;
			padding-left: 5px;
			width: 56px;
			height: 20px;
		}
		div#boxRight #tabOrin .normal a{
			color: #FFFFFF;
		}
		
		div#boxRight .contentTabOrin {
			background: #FFBC48;
		}
		
		div#boxRight .contentTabOrin p {
			padding: 5px;
			color:#000000;
		}
		div#boxRight .contentTabOrin p a {
			color:#000000;
		}

div#footer .footer{
	float: left;
	width: 555px;
	text-align:center;
}
	div#footer .footer p{
		padding-bottom: 10px;
	}
	
div#footer .footer_right{
	text-align: center;
	width:150px;
	float: right;	
}

div#hr {
	margin-top: 10px;
	background:url(../../images/hr.gif) repeat-x;
}

/* -------------------------------------------------------------------
 block
------------------------------------------------------------------- */
div#blockCustom {
	margin-left:5px;
	margin-top: 20px;
	margin-bottom: 20px;
}
	div#blockCustom .title {
		border-bottom: 1px solid #00A8BF;
		height: 19px;
		font-weight: bold;
	}
	* html .div#blockCustom .title {
		height: 20px;
	}
	
	div#blockCustom .title a{
		color: #000000;
	}
	
	div#blockCustom .title span.active{
		background: #7FCFDA;
		padding:4px;
		border-top: 1px solid #00A8BF;
		border-left: 1px solid #00A8BF;
		border-right: 1px solid #00A8BF;
		cursor: pointer;
	}
	div#blockCustom .title span.normal{
		background: #7FCFDA;
		padding:1px;
		border: 1px solid #00A8BF;
		cursor: pointer;
	}	
	
	div#blockCustom #rowContent {
		padding-top: 10px;		
	}
	
	div#blockCustom #rowContent p{
		padding-top: 5px;		
	}
	
	div#blockCustom #rowContent .titleTop {
		background:url(../../images/hr.gif) repeat-x center;
		padding-bottom: 5px;
	}
	div#blockCustom #rowContent .titleTop a{ 
		background:#fff;		
	}
	div#blockCustom #rowContent img{
		margin-right: 5px;
	}
	
	div#blockCustom #rowContent .char{
		float: left;
		margin: 1px 1px;
		font-weight: bold;
		padding: 1px 5px;
		border: 1px solid #7FCFDA;
		background-color: #ffffff;
		color: #FF6C00;
		max-width: 20px;
	}

/* -------------------------------------------------------------------
	html message
------------------------------------------------------------------- */
div#boxMess {
	border: 1px solid #F7941D;
	padding: 5px;
}
	div#boxMess h4 {
		color: #FF0000;		
	}
	
#box_redirect{ border:1px solid #505050; width:70% ;margin:0px auto; background:#FFFFFF; color:#000000}
#box_redirect p { line-height:18px;}
#box_redirect .top { background:url(../../images/title_bg.gif) repeat-x;border-bottom:1px solid #5C5C5C; color:#000000;font-size:11px;font-weight:bold;text-transform:uppercase; height:22px;padding:2px; text-align:left; }
#box_redirect .fontMess {color:#65D700;font-size:12px; font-weight:bold;text-align:center;padding:20px 10px;}
#box_redirect .mess { background:#383838; color:#FFFFFF;text-align:center}
#box_redirect .bottom { background:url(../../images/sc_footer_bg.png) repeat-x ; color:#FFFFFF;text-align:center; height: 22px; margin-top:15px; padding-top:2px; }

/* -------------------------------------------------------------------
 format text
------------------------------------------------------------------- */
.text {
	text-align: justify;
	line-height: 18px;
}

.fontWhite {
	color: #FFFFFF;
	font-weight: bold;
}

.fontTitle {
	font-weight: bold;
	text-transform: uppercase;
	font-size:13px;
	background:#FFFFFF;
}

.fontBlue  {
	color: #0018FF;
}
.fontBlue a:link,
.fontBlue a:active,
.fontBlue a:visited{
	color: #0018FF;
}
.fontBlue  a:hover{
	color: #838EF9;
}

.fontPink  {
	color: #FF14A4;
}
.fontPink a:link,
.fontPink a:active,
.fontPink a:visited{
	color: #FF14A4;
}
.fontPink  a:hover{
	color: #FE89D1;
}

.fontRebBold {
	color: #E20000;
	font-weight: bold;
}

.fontOrin {
	color:	#FFA200;
	font-weight: bold;
}

.fontRedItalic {
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
}

.fontBlueBold {
	font-weight: bold;
	font-style: italic;
	color: #00669A;
}

/* -------------------------------------------------------------------
 page
------------------------------------------------------------------- */
.pagination{
  padding:5px;
  text-align:right;
  margin-bottom:10px;
}
.pagination .pagetotal {
	background-color:#FF9343;
	color:#FFFFFF;
	padding:2px 5px;
}
.pagination a, .pagination a:visited{
	padding: 1px 5px;
	border: 1px solid #FFBC48;
	text-decoration: none; 
	color: #676767;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #FFBC48;
	color: #000;
	background-color: #FF9343;
}

.pagination .pagecur{
	font-weight: bold;
	padding: 1px 5px;
	border: 1px solid #FFBC48;
	background-color: #BAE55D;
	color: #FF6C00;
}

.pagination .btnPage{
	background:#336DB0 ;
	color:#fff;
	text-align:center;
}
.pagination a:visited.btnPage  {
	color:#fff;
}

/*################### Complete #######################################*/
/* Big box with list of options */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:200px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	font-family:verdana;
	background-color:#303030;
	color:#FFFFFF;
	border:1px #7e7e7e solid;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#000000;
	color:#FFFFFF;
}
#ajax_listOfOptions_iframe{
	background-color:#999999;
	position:absolute;
	z-index:5;
}

.right_col{ background:#DDE6F6; border-right: 10px solid #FFFFFF; border-left: 1px solid #FFFFFF; vertical-align:top;}

/*--------------------box------------------------*/
.box_tdmid{ border: 5px solid #FFFFFF; vertical-align:top;}
.box_tt{ text-transform:uppercase; padding-left: 9px; font-family:Verdana; font-size:11px; color:#0090FF; font-weight:bold; padding-top:0px; }
.box_mid{ background: #D6F1FE url(../images/skin/box_bg.jpg) repeat-x top; height:182px; vertical-align:top;}
/*--------------------/box------------------------*/

/*--------------------menu------------------------*/
.menu_pad{ padding-top:8px;}
.menu_pad a:link,.fontPink a:active,.fontPink a:visited{color: #FF0000;}
.menu_pad  a:hover{	color: #FE89D1;}
/*--------------------/menu------------------------*/

.navbar{ padding:0 8px 0 8px;}

.top_news a:link,.fontPink a:active,.fontPink a:visited{color: #000000;}
.top_news  a:hover{	color: #FFFFFF;}