
/*----------------------------------------
Name: main.css
Developed by:
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Elements
----------------------------------------*/
* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; FONT: 12px/1.5 "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif; PADDING-TOP: 10px; BACKGROUND-COLOR: #fff
}
A {
	COLOR: #0066cc; TEXT-DECORATION: none
}
A:hover {
	BACKGROUND: #3b5999; COLOR: #fff; TEXT-DECORATION: none
}
A:unknown {
	COLOR: #036; TEXT-DECORATION: none
}
img {border:0px;}

#mainContainer
{
	width:800px;
	margin: 0px auto;
}

p{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
H1 {
	FONT-SIZE: 16px
}
H2 {
	FONT-SIZE: 14px
}
H3 {
	FONT-SIZE: 14px
}
H4 {
	FONT-SIZE: 12px
}
H5 {
	FONT-SIZE: 12px
}
H6 {
	FONT-SIZE: 12px
}
TABLE {
	OVERFLOW: hidden; WIDTH: 100%; BORDER-COLLAPSE: collapse
}
/*TD {VERTICAL-ALIGN: top}*/
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
INPUT {
	FONT-SIZE: 12px; FONT-FAMILY: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif
}
TEXTAREA {
	FONT-SIZE: 12px; FONT-FAMILY: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif
}
SELECT {
	FONT-SIZE: 12px; FONT-FAMILY: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif
}
INPUT[type~='radio'] {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
INPUT[type~='text'] {
	BORDER-RIGHT: #e5bda8 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #e5bda8 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #e5bda8 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #e5bda8 1px solid
}
INPUT[type~='password'] {
	BORDER-RIGHT: #e5bda8 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #e5bda8 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #e5bda8 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #e5bda8 1px solid
}
INPUT[type~='submit'] {
	BORDER-RIGHT: #030 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c7d8e3 1px solid; PADDING-LEFT: 5px; BACKGROUND: #011c48; PADDING-BOTTOM: 3px; BORDER-LEFT: #c7d8e3 1px solid; COLOR: #fff; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #030 1px solid; HEIGHT: 24px
}
INPUT[type~='reset'] {
	BORDER-RIGHT: #030 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c7d8e3 1px solid; PADDING-LEFT: 5px; BACKGROUND: #011c48; PADDING-BOTTOM: 3px; BORDER-LEFT: #c7d8e3 1px solid; COLOR: #fff; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #030 1px solid; HEIGHT: 24px
}
INPUT[type~='button'] {
	BORDER-RIGHT: #030 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c7d8e3 1px solid; PADDING-LEFT: 5px; BACKGROUND: #011c48; PADDING-BOTTOM: 3px; BORDER-LEFT: #c7d8e3 1px solid; COLOR: #fff; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #030 1px solid; HEIGHT: 24px
}
* HTML .inputtext {
	BORDER-RIGHT: #e5bda8 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #e5bda8 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #e5bda8 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #e5bda8 1px solid
}
SELECT.select {
	BORDER-RIGHT: #e5bda8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e5bda8 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e5bda8 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e5bda8 1px solid; HEIGHT: 21px
}
TEXTAREA.textarea {
	BORDER-RIGHT: #e5bda8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e5bda8 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e5bda8 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e5bda8 1px solid
}
TEXTAREA:focus {
	BORDER-RIGHT: #e5bda8 1px solid; BORDER-TOP: #e5bda8 1px solid; BACKGROUND: #fcfcfc; BORDER-LEFT: #e5bda8 1px solid; BORDER-BOTTOM: #e5bda8 1px solid
}
INPUT.subbutton {
	BORDER-RIGHT: #030 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c7d8e3 1px solid; PADDING-LEFT: 5px; BACKGROUND: #3b5999; PADDING-BOTTOM: 3px; BORDER-LEFT: #c7d8e3 1px solid; COLOR: #fff; LINE-HEIGHT: 16px; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; BORDER-BOTTOM: #030 1px solid; HEIGHT: 24px
}
INPUT.canbutton {
	BORDER-RIGHT: #030 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c7d8e3 1px solid; PADDING-LEFT: 5px; BACKGROUND: #011c48; PADDING-BOTTOM: 3px; BORDER-LEFT: #c7d8e3 1px solid; COLOR: #fff; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #030 1px solid; HEIGHT: 24px
}
* HTML .inputbutton {
	BORDER-RIGHT: #030 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #c7d8e3 1px solid; PADDING-LEFT: 3px; BACKGROUND: #2782d6; PADDING-BOTTOM: 3px; BORDER-LEFT: #c7d8e3 1px solid; COLOR: #fff; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #030 1px solid; HEIGHT: 24px
}
* HTML .inputsubmit {
	BORDER-RIGHT: #030 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #c7d8e3 1px solid; PADDING-LEFT: 3px; BACKGROUND: #2782d6; PADDING-BOTTOM: 3px; BORDER-LEFT: #c7d8e3 1px solid; COLOR: #fff; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #030 1px solid; HEIGHT: 24px
}
* + HTML .inputbutton {
	BORDER-RIGHT: #030 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #c7d8e3 1px solid; PADDING-LEFT: 3px; BACKGROUND: #011c48; PADDING-BOTTOM: 3px; BORDER-LEFT: #c7d8e3 1px solid; COLOR: #fff; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #030 1px solid; HEIGHT: 24px
}
* + HTML .inputsubmit {
	BORDER-RIGHT: #030 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #c7d8e3 1px solid; PADDING-LEFT: 3px; BACKGROUND: #011c48; PADDING-BOTTOM: 3px; BORDER-LEFT: #c7d8e3 1px solid; COLOR: #fff; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #030 1px solid; HEIGHT: 24px
}
TEXTAREA {
	BORDER-RIGHT: #e5bda8 1px solid; BORDER-TOP: #e5bda8 1px solid; OVERFLOW: auto; BORDER-LEFT: #e5bda8 1px solid; BORDER-BOTTOM: #e5bda8 1px solid
}
ul
{
	list-style-type:none;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* Header
----------------------------------------*/
#header {
	OVERFLOW: hidden; WIDTH: 800px; FONT-FAMILY: Tahoma, Helvetica, sans-serif; POSITION: relative; HEIGHT: 57px
}
#header #logo {
	LEFT: 0px; WIDTH: 132px; POSITION: absolute; TOP: 0px; HEIGHT: 57px
}
#header #tagline {
	FONT-SIZE: 14px; BACKGROUND: url(../img/head_left.gif) #3b5999 no-repeat 0px 0px; LEFT: 132px; WIDTH: 668px; COLOR: #fff; TEXT-INDENT: 15px; LINE-HEIGHT: 33px; POSITION: absolute; TOP: 0px; HEIGHT: 33px
}
#header #tagline A {
	COLOR: #fff; TEXT-DECORATION: none
}
#utility {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; RIGHT: 0px; BACKGROUND: url(../img/head_right.gif) #3b5999 no-repeat 100% 0px; PADDING-BOTTOM: 0px; WIDTH: 370px; COLOR: #c7d8e3; LINE-HEIGHT: 33px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 33px; TEXT-ALIGN: right;
}

#utility .pipe {
	VISIBILITY: hidden
}
#utility A {
	COLOR: #c7d8e3; TEXT-DECORATION: none
}
#utility A:hover {
	COLOR: #fff
}
#navigation {
	FONT-SIZE: 13px; BACKGROUND: #5d73a2; LEFT: 132px; WIDTH: 668px; BORDER-BOTTOM: #011c48 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; POSITION: absolute; TOP: 33px; HEIGHT: 23px
}
/* Main Content
----------------------------------------*/
#mainContent{
	MARGIN: 0px auto; WIDTH: 800px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#mainLeft{
	FLOAT: left; OVERFLOW: hidden; WIDTH: 120px; HEIGHT: 300px; BACKGROUND-COLOR: #f4f4f4; margin-eft: 3px;
	margin-top:5px;
}

#mymenu {
	MARGIN: 10px 0px; FONT-FAMILY: Tahoma, Helvetica, sans-serif; TEXT-ALIGN: left;WIDTH: 120px;
}
#mymenu UL {
	LIST-STYLE-TYPE: none
}
#mymenu LI {
	BORDER-BOTTOM: #c7d8e3 1px solid;
	height:30px;
}
#mymenu A {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 110px; LINE-HEIGHT: 30px; PADDING-TOP: 0px; TEXT-DECORATION: none
}
HTML > BODY #mymenu #myhome {
	BORDER-BOTTOM-WIDTH: 0px
}
HTML > BODY #mymenu #myhome A {
	BORDER-BOTTOM: #57658a 1px solid
}
#mymenu #myhome A.hasedit {
	FLOAT: left; WIDTH: 60px
}
#mymenu #myhome A.edit {
	FONT-SIZE: 12px; FLOAT: right; WIDTH: 40px; COLOR: #808080; TEXT-ALIGN: right
}
#mymenu #myhome A.edit:hover {
	COLOR: #fff
}
#mymenu #myfriend {
	CLEAR: left
}
#mymenu A .new {
	FONT-SIZE: 12px; FLOAT: right;
}
#mainRight{
BORDER-RIGHT: #c7d8e3 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: #c7d8e3 1px solid; WIDTH: 646px;BORDER-BOTTOM: #011c48 1px solid;BACKGROUND: #fff; padding-top:10px; padding-left:10px; padding-right:10px;
}
#box{
	MARGIN-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 100%; POSITION: relative
}
#quanqiu_top_1{
	text-align:center;
	background-color:#ccc;
}
#quanqiu_top_2{
	text-align:center;
	background-color:#e1e1e1;
}
#quanQiu_1{
	width:107px;
	float:left;
	background-color:#ecf8fb;
	text-align:center;
	line-height:25px;
}
#quanQiu_2{
	width:108px;
	float:left;
	background-color:#fff;
	text-align:center;
	line-height:25px;
}
#dhTop{
	background-color:#99cccc;
	height:26px;
	padding-left:10px;
	margin-bottom:3px;
}
#dhTop_i{
	float:left;
	padding-top:5px;
}
#dhTop_m{
	font-size:14px;
	float:left;
	padding-left:5px;
	line-height:26px;
	color:#FFFFFF;
	font-weight:bold;
}
#daoHang_1{
	background-color:#ffffff;
	height:30px;
	line-height:30px;
	overflow:hidden;
}
#daoHang_0{
	background-color:#ecf8fb;
	height:30px;
	line-height:30px;
	overflow:hidden;
}
#daoHang UL {
	PADDING-LEFT: 5px; LIST-STYLE-TYPE: none;
	float:left;
	width:545px;
	overflow:hidden;
}
#daoHang LI {
	DISPLAY: inline; FONT-SIZE: 12px;
	margin-left:5px;
}
#daoHang_t{
	float:left;
	padding-left:5px;
}
#daoHang_m{
	float:right;
	text-align:right;
	padding-right:5px;
}
#tzBlog{}
#tzBlog_n{
	background-color:#ecf8fb;
	float:left;
	width:100px;
	height:28px;
	line-height:28px;
	margin:3px;
	text-align:center;
}
#link{}
#link_s{
	text-align:right;
	line-height:25px;
	padding-right:10px;
}
#link_n{
	float:left;
	width:88px;
	height:31px;
	margin:2px;
}

/*first*/
#nav{
	background-color:#f4f4f4;
	width:100%;
	height:24px;
	line-height:24px;
	font-size:12px;
	font-weight:bold;
}
#nav UL {
	PADDING-LEFT: 5px; LIST-STYLE-TYPE: none;
	float:left;
	width:350px;
	overflow:hidden;
}
#nav LI {
	DISPLAY: inline; FONT-SIZE: 12px;
	margin-left:5px;
}
#nav_r{
	float:right;
	padding-right:10px;
}
#first_top{
	background-color:#99cccc;
	height:26px;
	padding-left:10px;
	margin-bottom:3px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	line-height:26px;
}
#fisrt_0{
	float:left;
	width:152px;
	background-color:#f7f7f7;
	margin:3px;
	height:25px;
	line-height:25px;
	text-align:center;
	BORDER-RIGHT: #e5bda8 1px solid; BORDER-TOP: #e5bda8 1px solid; BORDER-LEFT: #e5bda8 1px solid; BORDER-BOTTOM: #e5bda8 1px solid;
}
#fisrt_1{
	float:left;
	width:153px;
	margin:3px;
	height:25px;
	line-height:25px;
	text-align:center;
	BORDER-RIGHT: #e5bda8 1px solid; BORDER-TOP: #e5bda8 1px solid; BORDER-LEFT: #e5bda8 1px solid; BORDER-BOTTOM: #e5bda8 1px solid;
}
#first_d{
	float:left;
	width:100%;
	background-color:#ecf8fb;
	height:25px;
	line-height:25px;
	text-align:center;
	font-weight:bold;	
}
#page{
	width:500px;
	margin-left:70px;
	height:30px;
	line-height:30px;
	text-align:center;
}
.qunTitle_0{
	text-align:center;
	float:left;
	height:25px;
	line-height:25px;
	font-weight:bold;
}
.qunTitle_1{
	background-color:#e1e1e1;
	width:120px;
}
.qunTitle_2{
	background-color:#ccc;
	width:190px;
}
.qunTitle_3{
	background-color:#e1e1e1;
	width:110px;
}
.qunTitle_4{
	background-color:#ccc;
	width:90px;
}
.qunTitle_5{
	background-color:#e1e1e1;
	width:135px;
}
.qun_0{
	height:25px;
	line-height:25px;
	float:left;
	text-align:center;
	background-color:#ecf8fb;
	overflow:hidden;
}
.qun_1{
	height:25px;
	line-height:25px;
	float:left;
	text-align:center;
	overflow:hidden;
}
.qunInfo_1{
	width:120px;
}
.qunInfo_2{
	width:190px;
}
.qunInfo_3{
	width:110px;
}
.qunInfo_4{
	width:90px;
}
.qunInfo_5{
	width:135px;
}
/*friend*/
.qqTitle_1{
	background-color:#e1e1e1;
	width:90px;
}
.qqTitle_2{
	background-color:#ccc;
	width:110px;
}
.qqTitle_3{
	background-color:#e1e1e1;
	width:70px;
}
.qqTitle_4{
	background-color:#ccc;
	width:70px;
}
.qqTitle_5{
	background-color:#e1e1e1;
	width:122px;
}
.qqTitle_6{
	background-color:#ccc;
	width:80px;
}
.qqTitle_7{
	background-color:#e1e1e1;
	width:100px;
}

.qqInfo_1{
	width:90px;
}
.qqInfo_2{
	width:110px;
}
.qqInfo_3{
	width:70px;
}
.qqInfo_4{
	width:70px;
}
.qqInfo_5{
	width:122px;
}
.qqInfo_6{
	width:80px;
}
.qqInfo_7{
	width:100px;
}
/*kind zongHe*/
.zongHe{
	background-color:#eff7fe;
	width:103px;
	margin:2px;
	letter-spacing:15px;
}

/*city*/
#cityInfoList{
	width:155px;
	height:145px;
	overflow:hidden;
	float:left;
	BORDER-RIGHT: #99cccc 1px solid; BORDER-TOP: #99cccc 1px solid; BORDER-LEFT: #99cccc 1px solid; BORDER-BOTTOM: #99cccc 1px solid;
	margin:2px;
}
.cityInfo_title{
	width:100%;
	background-color:#99cccc;
	font-weight:bold;
}
#cityTpye{
	width:100%;
	color:#FF0000;
	height:25px;
	line-height:25px;
	padding:0px 5px;
}
#cityAddr{
	margin-top:3px;
	padding:0px 5px;
}

#content{
	line-height:25px;
	padding:15px;
	text-indent : 25px; 
}

/*form*/
.FrameDivPass{
	background-color: #F7F7F7;
	border: 1px solid #EEEEEE;
	padding: 2px;
	height: 100%;
	float: left;
}
.FrameDivPass input{
	background-color: #FFFFFF;
	width: 150px;
	float: left;
	border: 1px solid #e5bda8;
}
.FrameDivPass div{
	color: #999999;
	float: left;
	margin-right: 5px;
	margin-left: 10px;
	height: auto;
	width: auto;
	display: block;
}
.FrameDivWarn{
	background-color: #FFFBE7;
	border: 1px solid #B5B5B5;
	padding: 2px;
	height: 100%;
	float: left;
}
.FrameDivWarn input{
	background-color: #FFFFFF;
	width: 150px;
	float: left;
	border: 1px solid #e5bda8;
}
.FrameDivWarn div{
	color: #333333;
	float: left;
	margin-right: 5px;
	margin-left: 10px;
	height: auto;
	width: auto;
	display: block;
}
.FrameDivNormal{
	border: 1px solid #FFFFFF;
	height: 100%;
	float: left;
	background-color: #FFFFFF;
}
.FrameDivNormal input{
	background-color: #FFFFFF;
	width: 150px;
	float: left;
	border: 1px solid #e5bda8;
}
.FrameDivNormal div{
	color: #333333;
	float: left;
	margin-right: 5px;
	margin-left: 10px;
	height: auto;
	width: auto;
	display: block;
}
#checkBtn{
	float: left;
}
#checkDiv{
	color: #333333;
	float: left;
	margin-right: 5px;
	margin-left: 10px;
	height: auto;
	width: auto;
	display: block;
}

/* Footer
----------------------------------------*/
#footer{
	width:800px;
	height:100px;
	float: none;
}
#ftop{
	margin-left:320px;
}
#fqq{
	margin-left:315px;
}
#fcp{
	margin-left:220px;
}
#fsheng{
	margin-left:90px;
	width:700px;
}
#footer p{
	font-size:.625em;
}

