/*---------COMMON-----------------*/
.left {float: left;}
.right {float: right;}
.clr {clear: both;}
.none { display: none;}
.center { margin: 0 auto;}

html {
	background-color: #5a6274;
}
body {
	background: url(../img/home_header_bg.gif) repeat-x #f5f5f5;
}
.wrap {
	width: 965px;
	margin: 0 auto;
	font: normal 13px Arial, Helvetica, sans-serif;
	padding-bottom: 40px;
	position: relative;
}
h1 {
	font: normal 33px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	letter-spacing: -3px;
	color: #e27304;
}
h1 span {
	font: normal 20px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	letter-spacing: -1.5px;
	color: #000;
}
/*
h2 {
	font: normal 30px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	letter-spacing: -2.5px;
	color: #010101;
	text-align:center;
	padding: 45px 0 20px 0;
}*/
h3 {
	font: normal 18px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	letter-spacing: -1.5px;
	color: #e27304;
	padding: 5px 0 10px 0px;
}
h4 {
	font: normal 20px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	letter-spacing: -1.5px;
	color: #000;
	padding: 0 0 10px 0;
}



/*----------HEADER-----------------------------*/
.header {
	height: 110px;
	background-color: #5a6274;
	position: relative;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
.header .logo img{
	margin: 27px 0 0 17px;
}
.header .info {
	position: absolute;
	top: 13px;
	right: 6px;
}
.header .info p {
	float: right;
	color: #c7c7c7;
}
.header .info p span {
	font-size: 13px;
	color: #fff;
}
.header .btn1 {
	background: url(../img/btn_h_l.gif) 0 0 no-repeat;
	display: block;
	height: 22px;
	text-decoration: none;
	padding-left: 5px;
	margin-left: 10px;
	color: #000;
	
}
.header .btn1 span{
	background: url(../img/btn_h_r.gif) right 0 no-repeat;
	display: block;
	float: left;
	height: 22px;
	padding: 0 12px 0 7px;	
}




/*---------menu-----------*/
.header .menu {
	padding: 65px 0 0 21px;
	font: normal 18px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
.header .menu li {
	float: left;
	margin-right: 2px;
	height: 45px;
}
*html .header .menu li {
	width: 1%;
}
.header .menu li a {
	background: url(../img/topMenu_l.gif) 0 0 no-repeat;
	height: 45px;
	line-height: 45px;
	display: block;
	padding-left: 7px;
	text-decoration: none;
	letter-spacing:-1px;
	color: #FFF;
}
.header .menu li a.active {
	color: #000;
	background: url(../img/topMenu_l_a.gif) 0 0 no-repeat;
}
.header .menu li a:hover {
	text-decoration: underline;
}
.header .menu li a span {
	background: url(../img/topMenu_r.gif) right 0 no-repeat;
	display: block;
	padding: 0 29px 0 22px;
	
	float: left;
}
.header .menu li a.active span {
	background: url(../img/topMenu_r_a.gif) right 0 no-repeat;
}
.header .menu li a.active:hover {
	text-decoration: none;
}

/*----------Content---------------------*/
.content {
	padding: 32px 0;
}

/*round tab*/
.round .leftTop,
.round .leftBottom{
	background: url(../img/top_l.gif) 0 0 no-repeat;
	width: 6px;
	height: 6px;
}
.round .rightTop,
.round .rightBottom {
	background: url(../img/top_r.gif) 0 0 no-repeat;
	width: 6px;
	height: 6px;
}
.round .top,
.round .bottom {
	background: url(../img/top_c.gif) 0 0 repeat-x;
	height: 6px;
}
.round .centerL {
	background: url(../img/center_l.gif) 0 0 repeat-y;
	width: 6px;
}
.round .centerR {
	background: url(../img/center_r.gif) 0 0 repeat-y;
	width: 6px;
}
.round .leftBottom {
	background: url(../img/bottom_l.gif) 0 0 no-repeat;
	height: 7px;
}
.round .rightBottom {
	background: url(../img/bottom_r.gif) 0 0 no-repeat;
	height: 7px;
}
.round .bottom {
	background: url(../img/bottom_c.gif) 0 0 repeat-x;
	height: 7px;
}
.round .center {
	background-color: #ffffff;
}
.noBg td, .noBg { background: none !important;}



/*roundGray*/
.roundGray td {
	vertical-align: top;
}
.roundGray .leftTop{
	background: url(../img/topGray_l.gif) 0 0 no-repeat;
	width: 6px;
	height: 49px;
}
.roundGray .rightTop{
	background: url(../img/topGray_r.gif) 0 0 no-repeat;
	width: 6px;
	height: 49px;
}
.roundGray .top {
	background: url(../img/topGray_c.gif) 0 0 repeat-x;
	height: 49px;
}
.roundGray .top h3 {
	font-size: 20px;
	color: #000;
	padding: 13px 0 0 20px;
}
.roundGray .centerL {
	background: url(../img/gray_border.gif) 0 0 repeat-y #FFF;
	width: 6px;
}
.roundGray .centerR {
	background: url(../img/gray_border.gif) right 0 repeat-y #FFF;
	width: 6px;
}
.roundGray .centerL2 {
	background: url(../img/gray_border.gif) 0 0 repeat-y #ebebeb;
	width: 6px;
}
.roundGray .centerR2 {
	background: url(../img/gray_border.gif) right 0 repeat-y #ebebeb;
	width: 6px;
}
.roundGray .leftBottom {
	background: url(../img/bottomGray_l.gif) 0 0 no-repeat;
	height: 42px;
	width: 6px;
}
.roundGray .leftBottom2 {
	background: url(../img/bottomGray_l2.gif) 0 0 no-repeat;
	height: 6px;
	width: 6px;
}
.roundGray .rightBottom {
	background: url(../img/bottomGray_r.gif) 0 0 no-repeat;
	height: 42px;
	width: 6px;
}
.roundGray .rightBottom2 {
	background: url(../img/bottomGray_r2.gif) 0 0 no-repeat;
	height: 6px;
	width: 6px;
}
.roundGray .bottom {
	background: url(../img/gray_border.gif) 0 bottom repeat-x #ebebeb;
	height: 42px;
}
.roundGray .bottom2 {
	background: url(../img/gray_border.gif) 0 bottom repeat-x #ebebeb;
	height: 6px;
}
.roundGray .center {
	background-color: #ffffff;
}
.roundGray .centerGray {
	background-color: #ebebeb;
}
.topBg {
	height: 49px;
	background: url(../img/top_bg.jpg) center 1px no-repeat;
}
.topBg2 {
	height: 49px;
	background: url(../img/top_bg2.jpg) center 1px no-repeat;
}
.topBg3 {
	height: 49px;
	background: url(../img/top_bg3.jpg) center 1px no-repeat;
}

/*--paging--*/
.paging {
	padding: 14px 10px 0 0;
	font: normal 11px Tahoma, Geneva, sans-serif;
}
.roundGray .bottom .paging {
	padding: 10px 10px 0 0;
}
.paging li {
	float: left;
}
.paging li a {
	text-decoration: none;
	display: block;
	width: 20px;
	white-space: nowrap;
	line-height: 23px;
	text-align: center;
	color: #000;
}
.paging li a:hover {
	text-decoration: underline;
}
.paging li a.active {
	background: url(../img/page_bg.gif) 0 0 no-repeat;	
}
.paging .first {
	width: auto;
	background: url(../img/prev_btn2.gif) 0 9px no-repeat;
	padding-left: 10px;
	padding-right: 12px;
}
.paging .unactivefirst{
	background: url(../img/prev_btn1.gif) 0 9px no-repeat;
	color: #999999;
}
.paging .last {
	width: auto;
	background: url(../img/next_btn1.gif) right 9px no-repeat;
	padding-left: 10px;
	padding-right: 9px;
}
.paging .unactivelast{
	background: url(../img/next_btn2.gif) right 9px no-repeat;
	color: #ccc;
}
.paging .unactivefirst:hover,
.paging .unactivelast:hover {
	text-decoration: none;
}
.leftInfo {
	padding: 20px 0 0 10px;
	font: normal 11px Tahoma, Geneva, sans-serif;
}


/*---leftColumn---*/
.leftColumn {
	width: 657px;
	padding: 13px 0 0 0;
}
.leftColumn h1 {
	padding: 0 0 13px 13px;
}
.leftColumn p {
	padding: 0 20px 10px 13px;
	line-height: 17px;
}
.leftColumn h4 {
	padding-left: 13px;
}
.leftColumn .links li {
	width: 302px;
	min-height: 55px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0px 5px 10px 0;
	zoom:1;
	*display: inline;
	_height: 55px;
}
.leftColumn .round h3 {
	padding: 0 0 5px 7px;
}
.leftColumn .round p.tabText {
	padding: 0 30px 5px 7px;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
.leftColumn .round img.right {
	padding: 10px;
}


/*---rightColumn---*/
.rightColumn {
	width: 308px;
	padding: 13px 0 0 0;
}

/*-----leftColumn2-----------*/
.leftColumn2 {
	width: 645px;
	padding-top: 5px;
}
.leftColumn2 .roundGray {
	margin-bottom: 15px;
}

.userList {
	margin-left: 15px;
	width: 592px;
}
.userList th {
	vertical-align: top;
	font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #e37100;
	padding: 11px 0;
	border-bottom: solid 1px #dfdfdf;
	text-align: left;
}
.userList td{
	border-bottom: solid 1px #dfdfdf;
	padding: 4px 0;
}
.roundGray .userList td {
	vertical-align: middle;
}
.userList .offline_user td {
	color: #999;
}
.userList .noBorder td {
	border: none;
}
.userList img {
	padding-left: 4px;
}
.userList .name {
	font: normal 18px Arial, Helvetica, sans-serif;
}
.userList .online {
	background: url(../img/ic_online.gif) 0 center no-repeat;
	padding-left: 15px;
}
.userList .offline {
	background: url(../img/ic_offline.gif) 0 center no-repeat;
	padding-left: 15px;
}
.userList a.btn {
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	white-space: nowrap;
	height: 21px;
	padding-left: 24px;
	width: 88px;
	display: block;
	color: #000;
	text-decoration: none;
	margin-bottom: 3px;
	line-height: 18px;
}
.userList a.btn:hover {
	text-decoration: underline;
}
.userList .btnChat {
	background: url(../img/btn_chat.gif) 0 0 no-repeat;
}
.userList .btnView {
	background: url(../img/btn_view.gif) 0 0 no-repeat;
}
.userList .btnAdd {
	background: url(../img/btn_add.gif) 0 0 no-repeat;
}
.userList .btnRemove  {
	background: url(../img/btn_remove.gif) 0 0 no-repeat;
}
.userList .btnBlock {
	background: url(../img/btn_block.gif) 0 0 no-repeat;
}
.userList .btnUnblock {
	background: url(../img/btn_unblock.gif) 0 0 no-repeat;
}
/*---rightColumn2---*/
.rightColumn2 {
	width: 320px;
	padding-top: 5px;
}
.pic {
	position: absolute;
	bottom: 0;
	right: 20px;
}
.rightColumn2 .roundGray {
	margin-bottom: 15px;
}
.loginForm {
	padding: 12px 10px 0px 10px;
}
.roundGray .loginForm td {
	padding: 5px 0;
	vertical-align: middle;
}
.roundGray .loginForm .leftTd {
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	text-align: right;
	padding-right: 8px;
	width: 57px;
}
.loginForm input {
	border: none;
	margin-left: 5px;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
.loginForm .loginName {
	border: solid 1px #989494;
	width: 162px;
	padding: 3px 3px 3px;
	background-color: #f6f6f6;
}
.loginForm select {
	background-color: #f6f6f6;
	border: solid 1px #989494;
	padding: 0px;
	width: 170px;
	height: 22px;
	margin-left: 5px;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
.loginForm .blackBtn {
	margin:10px 0px 10px 8px;
}
.blackBtn {
	display: block;
	background: url(../img/btn_black_l.gif) 0 0 no-repeat;
	padding-left: 11px;
	height: 42px;
	color: #FFF;
	font: normal 18px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	text-decoration: none;
	
}
.blackBtn span {
	display: block;
	background: url(../img/btn_black_r.gif) right 0 no-repeat;
	float: left;
	height: 42px;
	padding: 0 56px 0 45px;
	line-height: 31px;
}

/*userInfoForm*/
.userInfo {
	padding: 10px 0 10px 64px;
	position: relative;
}
.userPhoto {
	position: absolute;
	top: 43px;
	right: 50px;
	border: solid 1px #989494;
}
.roundGray .userInfo td {
	padding: 5px 0;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	vertical-align: middle;
}
.roundGray .userInfo .fixTd {
	vertical-align: top;
	padding-top: 8px;
}
.userInfo td b {
	font-size: 20px;
	font-weight: normal;
}
.userInfo input {
	border: none;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
.userInfo .inputTxt {
	border: solid 1px #989494;
	background-color: #f6f6f6;
}
.userInfo select {
	border: solid 1px #989494;
	background-color: #f6f6f6;
	padding: 0px;
	width: 147px;
	height: 22px;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
*html .userInfo .file {
	border: solid 1px #989494;
}
.userInfo textarea {
	border: solid 1px #989494;
	width: 340px;
	height: 94px;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
.userInfo .blackBtn span {
	padding: 0 36px 0 25px;
}



/*subMenu*/
.rightColumn2 .subMenu {
	margin-left: 32px;
}
.subMenu a {
	display: block;
	height: 21px;
	padding-left: 22px;
	text-decoration: none;
	color: #e27100;
}
.subMenu a:hover,
.subMenu a.active {
	background: url(../img/ic_pointer2.gif) 0 2px no-repeat;
}
.subMenu p {
	padding:0 20px 10px 22px;
	font: normal 11px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	color: #333;
}
.subMenu h3 {
	padding: 5px 0;	
}


/*----leftColumn3-----*/
.leftColumn3 {
	width: 495px;
	padding: 13px 0 0 0;
}
.leftColumn3 p {
	margin-bottom: 15px;
	padding-right: 75px;
}
.leftColumn3 .userInfo {
	padding-left: 20px;
}
.leftColumn3 .logFix .inputTxt {
	width: 212px;
	padding: 3px;
}
.leftColumn3 .logFix .blackBtn span {
	padding: 0 56px 0 45px;
}


/*----rightColumn3-----*/
.rightColumn3 {
	width: 470px;
	padding: 13px 0 0 0;
}
.rightColumn3 .regInfo {
	padding: 10px 25px;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif
}
.roundGray .regInfo td {
	padding: 5px 0;
	vertical-align: middle;
}
.roundGray .regInfo .tdFix {
	vertical-align: top;
	padding-top: 8px;
}
.regInfo .inputTxt {
	padding: 3px;
	border: solid 1px #989494;
	background-color: #f6f6f6;
	width: 208px;
	
}
.regInfo select {
	border: solid 1px #989494;
	background-color: #f6f6f6;
	padding: 0px;
	width: 85px;
	height: 22px;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}
.regInfo .ageTxt {
	padding: 0 5px;
}
.regInfo textarea {
	border: solid 1px #989494;
	width: 210px;
	height: 94px;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
}

.userTxt {
	padding: 10px 50px;
	position: relative;
}
.roundGray .userTxt td {
	padding: 10px 0;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	vertical-align: middle;
}
.roundGray .userTxt2 {
	padding: 10px 0;
}
.roundGray .userTxt .tdFix {
	vertical-align: top;
	padding-top: 13px;
}
.userTxt b {
	font-size: 18px;
	font-weight: normal;
}
.userTxt img {
	position: absolute;
	top: 20px;
	right: 60px;
}


/*------Footer---------------*/
.footer {
	background: url(../img/footer_bg.gif) 0 0 repeat-x;
	height: 58px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #e0e5eb;
}
.footer .container {
	width: 920px;
	margin: 0 auto;
	padding-top: 19px;
}
.footer .copy {
	float: left;
}
.footer li {
	float: left;
}
.footer li a {
	text-decoration: none;
	color: #e0e5eb;
}
.footer li a:hover {
	text-decoration: underline;
}
.footer li span {
	padding: 0 14px;
}

span.error {font-size: 10px; color: red; padding-left: 0; padding-top: 5px; display: block;}
span.message {font-size: 10px; color: green; padding-left: 0; padding-top: 5px; display: block;}