/********/
/* html */
/********/
body {
	background:#e3e4e5 url(../img/bg/bg.jpg) top repeat-x;
	margin:0;
	padding:0;
	text-align:center
}

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h1 {
	margin:0 0 0 0;
	padding:0;
	color:#fff;
	font-weight:normal;
	font-size:19px;
}

h2 {
	margin:0;
	padding:0;	
}

h3, h4 {
	padding:0;
	color:#009ee0;
	font-size:20px;
	margin:2px 0 8px 0;
}

h4,h6 {
	font-size:14px;
	margin:0;
}

h5 {
	color:#a4c408;
	margin:0;
	padding:0;
	font-size:25px;
	font-weight:normal;
	line-height:25px;
}

h6 {
	margin:0;
	padding:0;
	font-size:12px;
	color:#a4c408;
}

p {
	margin:0 0 18px 0;
	padding:0
}

a {
	text-decoration:none;
	color:#a4c408;
}

a:hover {
	text-decoration:underline
}

a.active,
a:focus {
	outline:0;
}

hr {
	background:#FFF;
	border:0;
	border-top:1px solid #DDD;
	height:1px;
	line-height:1px;
	margin:0 0 10px 0
}

form {
	margin:0;
	padding:0
}

input,
textarea,
select {
	border:1px solid #DBDFE6;
	color:#333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	height:16px;
	padding:2px 5px 0 5px;
}

td {
	color:#7F7F7F;
	font-size:11px;
	text-align:left;
	vertical-align:top;
}

th{
}

ul {
	margin:0 0 20px 15px;
	padding:0
}

small{
	line-height:12px;
	font-size:9px;
	color:#ccc;
	padding-left:5px;
}

/**********/
/* layout */
/**********/
/* page */
#page {
	width:964px;
	margin-bottom:20px;
	margin:0 auto;
	line-height:18px;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:#535154;
}

/* header */
#header {
	position:relative;
	height:147px;
}

#logo {
	width:277px;
	top:14px;
	position:absolute;
	left:1px;
	height:57px;
}

#logo a{
	width:277px;
	height:79px;
	display:block;
	background:url(../img/logo.png) no-repeat;
}

/* menu */
#menu_wrapper {
	z-index:777;
	width:964px;
	top:112px;
	position:absolute;
	height:34px;
	font-weight:bold;
	font-size:15px;
	background:url(../img/bg/menu_bg.gif) no-repeat;
}

#menu {
	position:relative;
	z-index:801;
}

#menu ul {
	padding:0;
	margin:0;
	list-style:none;
}

#menu li {
	position:relative;
	float:left;
	background:url(../img/bg/menu_border.gif) top right no-repeat;
}

#menu li a {
	text-decoration:none;
	padding:8px 12px 0 12px;
	height:27px;
	float:left;
	color:#fff;
}

#menu li a:hover,
#menu li a.active {
	background:url(../img/bg/menu_hover_normal.gif) right no-repeat;
	color:#333;
}

#menu li.cs_hover a.active {
	background:url(../img/bg/menu_hover.gif) right no-repeat;
}

/* menu : icons */
#menu_icons{
	top:5px;
	right:10px;
	position:absolute;
}

#menu_icons span{
	display:none;
}

#menu_icons ul{
	margin:0;
}

#menu_icons li{
	width:23px;
	margin:0 5px 0 0;
	list-style:none;
	float:left;
	height:23px;
}

#menu_icons img:hover{
	filter:alpha(opacity=70);
  	opacity:0.7;
}

/* submenu */
#menu li ul {
	width:163px;
	top:35px;
	position:absolute;
	padding:0 0 11px 0;
	margin:0;
	left:0;
	display:none;
	background:url(../img/bg/submenu_bottom.png) no-repeat left bottom;
	z-index:801;
}

#menu li:hover ul,
#menu li.cs_hover ul {
	display:block
}

#menu li li {
	width:163px;
	padding:0;
	margin:0;
	height:21px;
	font-size:12px;
	border:none;
	background:url(../img/bg/submenu_bg.png);
}

#menu li li a {	
	width:126px;
	text-transform:none;
	padding:4px 12px 1px 26px;
	margin:0;
	height:17px;
	line-height:15px;
	font-weight:normal;
	display:block;
	color:#000;
	background:url(../img/bg/submenu_border.png) bottom center no-repeat;
}

#menu li li a.active,	
#menu li li a:hover,
#menu li.cs_hover li a:hover,
#menu li.cs_hover li a.active{
	width:125px;
	background:#f8fd95 url(../img/bg/submenu_hover.png) right repeat-y;
}

/* main - content */
#main{
	min-height:580px;
	position:relative;
	z-index:1;
}

#homepage #main{
	background:url(../img/bg/page_bg.gif) left repeat-y;
}

#homepage #wrapper{
	background: url(../img/bg/footer.gif) bottom left no-repeat;
	min-height:580px;
}

#content {
	width:499px;
	min-height:580px;
	float:left;
}

#sidebar{
	width:465px;
	float:left;
}

/* content */
#content #intro{
	width:405px;
	padding:32px 47px 32px 47px;
	margin:0;
	height:118px;
	color:white;
	background:#28282a;
}

#content #intro .text{
	width:403px;
	position:absolute;
	margin-top:14px;
	float:left;
	height:60px;
}

#content #news{
	width:100%;
	margin-right:2px;
	height:34px;
	background:url(../img/bg/news_border-bottom.gif) bottom repeat-x;
}

#content .item{
	border-bottom:1px solid #eaeaea;
	margin-bottom:10px;
	padding-bottom:10px;
}

#content .item p{
	margin:0;
}

#content #textbox{
	width:418px;
	min-height:410px;
	padding:34px 32px 35px 47px;
	margin-right:2px;
	background:url(../img/bg/textbox_bg.gif) center left no-repeat;
}

/* sidebar */
#sidebar #banner{
	width:465px;
	position:relative;
	height:182px;
}

#sidebar #banner img{
	width:465px;
	top:0;
	position:absolute;
	left:0;
	height:182px;
}

#sidebar #sidebar_menu{
	height:71px;
}

#sidebar #sidebar_menu ul{
	padding:0;
	margin:0;
}

#sidebar #sidebar_menu li{
	width:155px;
	list-style:none;
	float:left;
	height:71px;
}

#sidebar #sidebar_menu span{
	display:none;
}

/* service */
#standard #main{
	background:url(../img/bg/page_bg-standard.gif) left repeat-y;
}

#sidebar #service{
	padding:25px 31px 20px 31px;
	line-height:16px;
	min-height:395px;
	color:#fff;
	background:url(../img/bg/service_bg.gif) top right no-repeat;
}

#sidebar #service ul{
	padding:0;
	margin:0;
}

#sidebar #service li{
	list-style:none;
	width:403px;
	margin:0 0 20px 0;
	float:left;
}

#sidebar #service li a{
	padding-left:10px;
	font-size:10px;
	color:#a4c408;
	background:url(../img/bg/arrow_service.gif) left center no-repeat;
}

#sidebar #service li a:hover{
	text-decoration:underline;
}

#sidebar #service li .thumbnail{
	width:73px;
	height:68px;
	float:left;
}

#sidebar #service li .thumbnail a{
	padding:0;
	background:none;
}

#sidebar #service li .thumbnail img{
	width:73px;
	height:68px;
}

#sidebar #service li .text{
	width:309px;
	padding:0 0 0 21px;
	float:left;
}

#sidebar #service h1{
	padding:0 0 8px 0;
	margin-bottom:17px;
	background:url(../img/bg/service_header_underline.gif) bottom no-repeat;
}

#sidebar #service p{
	margin:0;
	color:#fff;
}

#sidebar #service #banner_small{
	width:403px;
	position:relative;
	height:130px;
	float:left;
}

#sidebar #service #banner_small img{
	width:403px;
	top:0;
	position:absolute;
	left:0;
	height:130px;
}

/* footer */
#footer {
	width:965px;
	text-align:center;
	font-size:10px;
	float:left;
	color:#a5a6a7;
}

/*********/
/* pages */
/*********/
/*template 2: user balance*/
#user_balance{
	top:30px;
	right:0;
	position:absolute;
	padding:4px 12px 0 13px;
	height:42px;
	color:white;
	background:url(../img/bg/user_balance_center.gif) repeat-x;
}

#balance{
	width:169px;
	margin-top:2px;
}

#balance span,
#welcome_msg span{
	width:65px;
	float:left;
}

#welcome_msg{
	color:#a4c408;
}

#user_balance_left,
#user_balance_right{
	top:0;
	position:absolute;
	height:46px;
	width:13px;
	background:url(../img/bg/user_balance_left.gif) no-repeat;
}

#user_balance_left{
	left:0;
}

#user_balance_right{
	right:0;
	width:12px;
	background:url(../img/bg/user_balance_right.gif) no-repeat;
}

#logoff_btn{
	width:54px;
	top:84px;
	right:0;
	position:absolute;
	height:16px;
}

#logoff_btn a{
	width:54px;
	height:16px;
	display:block;
	color:white;
	font-size:10px;
	text-align:center;
	line-height:15px;
	background:url(../img/bg/login_logoff_btn.gif) 0 0 no-repeat;
}

#logoff_btn a:hover{
	text-decoration:none;
	background:url(../img/bg/login_logoff_btn.gif) 0 -16px no-repeat;
}

/* template 2: content */
#standard #content{
	width:653px;
	float:left;
	background:#58585a;
	margin-bottom:4px;
}

#standard #wrapper{
	background: url(../img/bg/footer-standard.gif) bottom left no-repeat;
}

#standard #intro{
	width:559px;
	position:relative;
}

/* template 2: message center */
#standard #message_center{
	float:left;
	width:417px;
	margin:10px 32px 0 0;
}

#standard #message_center ul{
	margin:0;
	padding:0;
}

#standard #message_center li{
	width:392px;
	position:relative;
	padding:3px 0 0 25px;
	list-style:none;
	height:21px;
	float:left;
	border-bottom:1px solid #59595b;
}

#standard #message_center img{
	top:5px;
	position:absolute;
	margin-right:10px;
	left:0;
	display:inline;
}

#standard #show_al_msg_link{
	top:145px;
	position:absolute;
	padding:2px 0 0 15px;
	left:48px;
	font-size:11px;
	color:#a4c408;
	background:url(../img/bg/arrow_message_center.gif) left center no-repeat;
}

/* template 2: message center > trigger */
#standard #trigger{
	width:125px;
	top:30px;
	right:34px;
	position:absolute;
}

#standard #trigger ul{
	width:125px;
	margin:0;
}

#standard #trigger li{
	width:125px;
	position:relative;
	margin-bottom:5px;
	list-style:none;
	height:25px;
	float:left;
}

#standard #trigger a{
	height:24px;
	width:125px;
	display:block;
	background:url(../img/bg/button_middle.gif) 0 0 no-repeat;
	color:#fff;
	font-size:13px;
	text-align:center;
	line-height:22px;
}

#standard #trigger a:hover,
#standard #trigger a.active{
	text-decoration:none;
	background:url(../img/bg/button_middle.gif) 0 -25px no-repeat;
}

#standard #trigger img{
	top:0;
	position:absolute;
	left:0;
}

/* template 2: content_box*/
#standard #content_box{
	width:606px;
	padding:17px 0 35px 47px;
	margin-right:2px;
	min-height:450px;
	color:#fff;
}

#standard #content_box .form_container{
	width:589px;
	position:relative;
	margin:0 0 10px 0;
}

#standard #content_box .head{
	width:589px;
	height:11px;
	float:left;
	background:url(../img/bg/box-top_bg.gif) no-repeat;
}

#standard #content_box .center{
	float:left;
	background: url(../img/bg/box_bg.gif) repeat-y;
	width:547px;
	padding:0 21px 7px 21px;
}

#standard #content_box .footer{
	width:589px;
	height:18px;
	float:left;
	background:url(../img/bg/box-bottom_bg.gif) no-repeat;
}

#standard #content_box h5{
	font-size:23px;
	margin-bottom:17px;
	margin-top:17px;
}

#standard #content_box h4{
	color:#a4c408;
	margin-bottom:13px;
	font-size:13px;
	font-weight:bold;
}

/* template 2: sidebar */
#standard #sidebar{
	width:311px;
}

#standard #banner{
	width:311px;
	position:relative;
	height:181px;
}

#standard #banner img{
	width:311px;
	top:0;
	position:absolute;
	left:0;
	height:181px;
}

#standard #sidebar h3{
	font-size:15px;
}

#standard #sidebar h4{
	font-size:13px;
}

/* template 2: service */
#standard #service{
	padding:25px 22px 20px 20px;
	line-height:16px;
	background:url(../img/bg/service_bg-standard.gif) top right no-repeat;
}

#standard #sidebar #service li{
	width:269px;
}

#standard #sidebar #service li a:hover{
	text-decoration:underline;
}

#standard #sidebar li .text{
	width:174px;
	line-height:14px;
	font-size:10px;
}

#standard #service h1{
	padding-bottom:8px;
	margin-bottom:17px;
	background:url(../img/bg/service_header_underline.gif) bottom no-repeat;
}

#standard #service #banner_small,
#standard #service #banner_small img{
	width:269px;
	height:141px;
}

#content .messages .item {
	border-bottom:1px solid #888;
}

#content .messages .message_date {
	font-weight:bold;
}

/***********/
/* module */
/**********/
.form_container table{
	width:536px;
}

.form_container label{
	background:#646567;
	width:129px;/*IE*/
	width:113px;
	height:25px;
	display:block;
	color:#fff;
	padding:0 8px 0 8px;
	line-height:23px;
	float:left;
	margin:0 10px 0 0;
}

.form_container input{
	border:0;
	float:left;
	height:25px;
	padding:0;
}

.form_container select{
	background:url(../img/bg/input_largest.gif) no-repeat;
	border:0;
	width:269px;
	width:249px;
	height:21px;
	padding:0;
	margin:0 0 3px 0;
}

.form_container a{
	height:25px;
	display:block;
	text-align:center;
}

.form_container a:hover{
	text-decoration:none;
}

.form_container a span{
	color:white;
	text-decoration:none;
	line-height:24px;
}

.form_container th{
	color:#9dbb0c;
	font-size:13px;
	text-align:left;
	padding:0 5px 8px 0;
}

.form_container td{
	padding-right:3px;
	color:#fff;
	padding-bottom:7px;
	line-height:25px;
}

th.align_center,
td.align_center{
	text-align:center;
}

th.align_right,
td.align_right{
	text-align:right;
}

float_right,
input.float_right,
a.float_right,
div.float_right{
	float:right;
}

float_left,
input.float_left,
a.float_left{
	float:left;
}

.checkbox_center{
	margin-left:40px;
	margin-top:-2px;
}

/* input */
input.smallest_input{
	width:87px;
	height:20px;
	padding:5px 0 0 20px;
	background:url(../img/bg/input_smallest.gif) no-repeat;
}

input.small_input{
	width:177px;
	height:20px;
	padding:5px 0 0 5px;
	background:url(../img/bg/input_small.gif) no-repeat;
}

input.large_input{
	width:201px;
	height:20px;
	padding:5px 0 0 5px;
	background:url(../img/bg/input_large.gif) no-repeat;
}

input.largest_input{
	width:264px;
	height:20px;
	padding:5px 0 0 5px;
	xbackground:url(../img/bg/input_largest.gif) no-repeat;
	background:none;
}

/* buttons */
a.btn_small{
	width:106px;
	background:url(../img/bg/button_small.gif) 0 0 no-repeat;
}

a.btn_small:hover{
	background:url(../img/bg/button_small.gif) 0 -25px no-repeat;
}

a.btn_middle{
	width:125px;
	background:url(../img/bg/button_middle.gif) 0 0 no-repeat;
}

a.btn_middle:hover{
	background:url(../img/bg/button_middle.gif) 0 -25px no-repeat;
}

a.btn_big{
	width:206px;
	background:url(../img/bg/button_big.gif) 0 0 no-repeat;
}

a.btn_big:hover{
	background:url(../img/bg/button_big.gif) 0 -25px no-repeat;
}

a.btn_no_balance{
	width:125px;
	background:url(../img/bg/button_middle_no-balance.gif) 0 0 no-repeat;
	cursor:default;
}

.button_margin_right{
	margin-right:14px;
}

/* balance history*/
.form_container .data_row{
	height:20px;
	float:left;
	padding:2px 5px 0 5px;
	background:#646567;
	width:525px;
	margin:0 0 5px 0;
}

.table_text{
	width:215px;
	position:absolute;
	right:70px;
	top:75px;
}

.data_container{
	margin-top:20px;
}

.current_balance{
	margin:10px 11px 0 0;
}

/***********/
/* overall */
/***********/
.clear {
	line-height:1px;
	font-size:1px;
	height:1px;
	clear:both;
}

.hide{
	display:none
}

div.reference{
	color:#999;
	font-weight:bold;
	margin-bottom:10px;
}
.width_200{
	width:200px;
}

.margin_right_20{
	margin-right:20px;
}

.margin_right_10{
	margin-right:10px;
}

.error,
label.error,
.cs_form_label .error{
	color:red;
}

.textbox{
	padding-right:25px;
}

/* news - nodeticker */
.cs_node_ticker{
	width:495px;
	position: absolute;
	margin:7px 0 0 2px;
	height:18px;
}

.cs_node_ticker_header{
	width:85px;
	text-align:right;
	padding-right:8px;
	margin-top:2px;
	line-height:12px;
	height:13px;
	font-weight:bold;
	float:left;
	color: #a4c408;
	border-right: 1px solid #a4c408;
}

.cs_node_ticker_content{
	padding:0 10px 0 10px;
	min-width:373px;
	height:18px;
	float:left;
}

.cs_node_ticker_wrapper a{
	text-decoration:none;
	color: #808082;
}

.cs_node_ticker_wrapper a .cs_node_ticker_header,
.cs_node_ticker_wrapper a:hover{
	text-decoration:none;
	color:#a4c408;
}

/* forms */
.cs_form_wrapper{
	width:362px;
}

.cs_form_wrapper .cs_form_label label {
	font-weight:normal;
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	height:18px;
	width:206px;
	padding:2px 0 0 3px;
}

.cs_form_wrapper .cs_form_input select {
	padding:0;
}

.cs_form_wrapper .cs_form_input textarea{
	height:72px;
	width:199px;
	padding:4px 5px 4px 5px;
}

.cs_form_wrapper .cs_form_input textarea{
	height:80px;	
}

.cs_form_wrapper .cs_form_button {
	margin:10px 0 0 0;
}

.cs_form_wrapper .cs_form_button input {
	cursor:pointer;
	width:106px;
	height:25px;
	background:url(../img/bg/button_small.gif) 0 0 no-repeat;
	color:#fff;
	border:0;
}

.cs_form_wrapper .cs_form_button input:hover {
	background:url(../img/bg/button_small.gif) 0 -25px no-repeat;
}

/* login form */
#login .cs_form_wrapper {
	width:287px;
	top:15px;
	right:-1px;
	position:absolute;
	height:82px;
}

#login .cs_form_wrapper .cs_form_row,
#login .cs_form_wrapper fieldset .cs_form_row{
	min-height:0px;
	margin:0 0 5px 0;
	height:20px;
}

#login .cs_form_wrapper .cs_form_label label {
	width:100px;
	text-align:right;
	float:left;
	font-weight:normal;
	color:#fff;
	margin:0;
}

#login .cs_form_wrapper .cs_form_input input,
#login .cs_form_wrapper .cs_form_input select {
	width:176px;
	padding:3px 3px 0 3px;
	margin:0 0 0 5px;
	height:17px;
	float:left;
	border:none;
	background:url(../img/bg/input.gif) no-repeat;
}

#login .cs_form_button{
	margin:2px 1px 0 0;
}

#login .cs_form_button input{
	width:54px;
	padding:0;
	height:16px;
	border:none;
	background:url(../img/bg/login_logoff_btn.gif) 0 0 no-repeat;
	font-size:10px;
	padding:0 0 5px 0;
	margin:0;
}

#login .cs_form_button input:hover{
	background:url(../img/bg/login_logoff_btn.gif) 0 -16px no-repeat;
}

#login .cs_feedback_info{
	display:none;
}

#login #alternate_option{
	top:82px;
	position:absolute;
	padding-left:10px;
	left:783px;
	font-size:10px;
	background:url(../img/bg/arrow_service.gif) center left no-repeat;
}

.form_container .cs_form_wrapper{
	width:460px;
	padding-bottom:10px;
}

.form_container .cs_form_wrapper .cs_form_label label {
	font-weight:normal;
	line-height:24px;
	margin-bottom:11px;
}

.form_container .cs_form_wrapper .cs_form_input {
	background:url(../img/bg/input_large.gif) no-repeat
}

.form_container .form_input_largest {
	background:url(../img/bg/input_largest.gif) no-repeat;
	height:25px;
	display:inline;
	margin:0 10px 0 0;
	float:left;
	width:269px;
}

.form_container .cs_form_wrapper .cs_form_input input,
.form_container .cs_form_wrapper .cs_form_input select{
	width:206px;
	height:25px;
	border:none;
	xbackground:url(../img/bg/input_large.gif) no-repeat;
	background:none
}

.form_container .cs_form_wrapper .cs_form_input input{
	width:196px;
	height:21px;
	padding:4px 5px 0 5px;
}

.form_container .cs_form_wrapper .cs_form_input select{
	height:20px;
	margin:1px 0 0 0;
}

.form_container .cs_form_wrapper .cs_form_input option{
	background:#FFF;
}

.form_container .cs_form_wrapper .cs_form_input input:hover{
	background:url(../img/bg/input_large.gif) no-repeat
}

.form_container .cs_form_wrapper .cs_form_input textarea,
.form_container .cs_form_wrapper .cs_form_input textarea:hover{
	height:72px;
	width:196px;
	padding:4px 5px 4px 5px;
	xbackground:url(../img/bg/input_textarea.gif) no-repeat;
	background:none;
	border:0;
}

.form_container .cs_form_wrapper .cs_form_button {
	margin:10px 0 0 0;
}

.form_container .cs_form_wrapper .cs_form_button input {
	width:206px;
	height:23px;
	padding:0 0 2px 0;
	cursor:pointer;
	margin-right:78px;
	color:#fff;
	border:0;
	background:url(../img/bg/button_big.gif) 0 0 no-repeat;
}

.form_container .cs_form_wrapper .cs_form_button input:hover {
	background:url(../img/bg/button_big.gif) 0 -25px no-repeat;
}