@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#589000;
}
ul{
	margin:0;
	padding:0;
	}
a { text-decoration:none;}
li{
	list-style:none;
	}
img{
	border:none;
	}
.out-wrapper, .in-wrapper, .body, .banner{
	width:736px;
	}
.out-wrapper, .in-wrapper{
	height:600px;
	}
.in-wrapper{
	float:left;
	}
.out-wrapper{
	margin:0 auto;
	}
.banner{
	background:url(../images/banners/banner.jpg) no-repeat;
	height:143px;
	float:left;
	}
.body{
	background:url(../images/layout/backgrd.jpg) no-repeat;
	height:428px;
	float:left;
	padding:0 75px;
	width: 586px;
	}
.left{
	float:left;
	width:229px;
	/*border:1px solid #FFFFFF;*/
	}
.left-inner{
	float:left;
	width:229px;
	border:1px solid #FFFFFF;
	/*margin-top:33px;*/
	}
.left-top{
	float:left;
	width:229px;
	background:url(../images/layout/enjoy_bg.jpg) no-repeat;
	height:163px;
	}
.left-bottom{
	float:left;
	width:229px;
	height:179px;
	background:url(../images/layout/news_bg.jpg) no-repeat;
	}
.news-container{
	float:left;
	width:229px;
	height:148px;
	overflow:auto;
	}
.content-right{
	float:left;
	padding:0 0 0 12px;
	width: 343px;
	}
.main-menu{
	width:343px;
	height:62px;
	background:#68c711;
	margin-top:10px;
	padding-top:12px;
	
	}
.main-menu li{
	float:left;
	padding:0 10px;
	}
#join{
	position:absolute;
	width:99px;
	height:84px;
	left:220px;
	top:-4px;
	}
.right-bottom{
	margin-top:6px;
	width:315px;
	height:257px;
	background:url(../images/layout/div_bg.gif) repeat;
	float:left;
	padding:14px;
	}
.login{
	width:315px;
	height:210px;
	background:url(../images/layout/div_bg_2.gif) repeat;
	float:left;
	}
#login{
	float:left;
	width:229px;
	height:16px;
	padding-top:17px;
	text-align:right;
	color:#FC6F05;
	}
.login-top{
	background:url(../images/layout/login.gif) no-repeat left bottom;
	width:195px;
	height:22px;
	float:left;
	margin-left:39px;
	margin-top:12px;
	padding-left:81px;
	padding-top:14px;
	}
.login-info{
	float:left;
	width:280px;
	padding-left:36px;
	padding-top:30px;
	}
.column1, .column2{
	float:left;
	}
.column1{
	width:80px;
	color:#ff6600;
	}
.column2{
	width:200px;
	}
#status{
	width:200px;}
.row{
	width:280px;
	padding-bottom:10px;
	float:left;
	}
#add_name, #add_number, .input, .button, .input-sms{
	color:#ff6600;}
#add_name, #add_number, #name, #number{
	font-size:10px;
	width:93px;
	height:14px;
	border:none;
	}
#logged-in{
	width:315px;
	float:left;}
.register-container{
	width:250px;
	height:210px;
	margin:10px auto;
	background:url(../images/layout/div_bg_2.gif) repeat;
	padding:10px;
	color:#ff6600
	}
.button{
	font-size:10px;
	line-height:15px;
	}
.login-bottom{}
.forgot{
	width:100%;
	text-align:center;
	float:left;
	padding-top:10px;
	}
.create{
	width:100%;
	text-align:center;
	float:left;
	padding-top:10px;
	}
#create{
	padding-top:10px;
	float:right;
	width: 90px;
	}
.forgot a{
	color:#000000;
	text-decoration:underline;
	}
.forgot a:hover{
	color:#408402;
	text-decoration:underline;
	}
.forgot a:active, .create a:active{
	color:#FF0000;
	}
.footer{
	padding-top:30px;
	float:left;
	width:100%;
	text-align:right;
	color:#25f602;
	font-size: 10px;
	}
.footer a{
	color:#25f602;
	font-size: 10px;
	}
.news-title{
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:5px;
	padding-left:5px;
	padding-bottom: 5px;
	}
.news-body{
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	color:#FFFFFF;
	font-size:14px;
	}
.news-body span{
	color:#fca431;
	font-weight:bold;
	text-decoration:underline;
}
#right-bottom-left{
	float:left;
	width:211px;
	}
.right-bottom-right{
	width:104px;
	float:left;
	}
#phone-book option{
	background:url(../images/layout/dics_bullet.gif) no-repeat left center;
	padding-left:12px;
	}
#phone-book .span, #phone-book #spans{
	color:#eff76d;
	font-weight:bold;
	cursor:pointer;
	}
.span{
	clear:both;
	}
#phone-book{
	width:95px;
	height:108px;
	float:left;
	overflow:auto;
	margin-bottom:8px;
	border:none;
	background:#68C711 url(../images/layout/div_bg_2.gif) repeat;
	}
.add-contact{
	float:left;
	text-align:center;
	padding-bottom:10px;
	}
#add-contact{
	background:url(../images/layout/add_contact.gif) no-repeat;
	height:20px;
	width:92px;
	}
#create a{
	padding:0 10px;
	}
#logout a{
	float:right; width:50px; 
	padding-right:15px;
	}
#logout a:hover{
	font-weight:bold;
	}
.register-row {
	font-size: 11px;
	clear: both;
	width: 230px;
	padding: 15px 0;
}
.register-column1 {
	float: left;
	width: 80px;
}
.register-column2 {
	float: left;
	width: 150px;
}
#register_conteiner {
	float: left;
	width: 315px;
}
#name, #password, #password2, #email {
	width:150px;
	height:18px;
	border:0;
}
