@charset "utf-8";

body {
	background-color: #fefefe;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

td {
	font-size: 12px;
}

input {
	padding:1px;
	font-size: 12px;
}

select {
	background-color: #f3f3f3;
	font-family: Helvetica;
	font-size: 12px;
}

textarea {
	background-color: #f3f3f3;
	font-size: 12px;
}

img{
	border:0px;
}
img.box
{
	border: solid 1px #ddd;
}

.input {
	background-color: #f3f3f3;
}

.select {
	height: 18px;
	background-color: #ffffff;
	font-size: 12px;
}

.textarea {
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	background-color: #ffffff;
	font-family: 宋体;
	font-size: 12px;
}

a
{
	color: #0066dd;
}

a:hover
{
	background-color:#0066dd;
	color:#ffffff;
	text-decoration: none;
}


.TopBar {
	text-align: center;
	border-bottom:solid #C4DBEF 1px;
}
.TopBar .Header { width: 778px; margin-top: 0px; margin-right: auto; margin-left: auto; }
.TopBar .Header .Logo { padding: 5px 0 0 5px; }
.TopBar .Header .Logo img { float: left; }
.TopBar .Header .Status { font-size: 12px; color: #999999; text-align: right; vertical-align: top; padding-top: 6px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px; }
.TopBar .Header .Status .WhoIs { color: #666666; }
.TopBar .Header .Status img { border-style: none; }
.TopBar .Header .Status a { text-decoration: none; }
.TopBar .NavBar { width: 778px; margin-top: 0px; margin-right: auto; margin-left: auto; }
.TopBar .NavBar .Primary {  padding-top: 5px; vertical-align: bottom;  padding-bottom: 0; }

/*Rules for DIV.Foot*/
#Foot{
	width:778px;
	margin:5px auto;
	border-top:1px solid #D1D7DC;
	text-align:left;
}
#Foot ul{
	display:block;
	width:550px;
	margin:15px;
	height:20px;
	text-align: left;
}
#Foot ul li{
	display:block;
	float:left;
	margin:0 7px;
}
#Foot a { text-decoration: none; }

#Main { width: 768px; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; padding-top: 0; padding-left: 5px; padding-right: 5px;
	overflow: visible;
	/* fix for IE italics bug */
	position: relative;
	/* fix some rendering issues */
}

#MainTop
{
	font-weight:bold;
	font-size: 150%;
	color: #000;
	line-height: 150%;
	display:block;
	margin-top: 20px;
	border-bottom: solid 1px #eee; 
}
#MainTop h1 {margin:0; padding:0; line-height: 115%;}
#MainTop p {font-size: 12px; margin:0; padding:4px; font-weight: normal; color: #666;}

/* pyramid */

#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        float: left;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #0066dd;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        background: url(/images/theme/new/pyramid.gif) no-repeat bottom center;
}


.Hint {font-weight: normal; color: #666;}

.status{
	float:right;
	margin:0;
	padding:5px 5px 0 0;
	overflow:hidden;
	border:none;
	height:45px;
	width:37%;
}

h1
{
	font-size: 150%;
	color: #000;
	margin: 10px 0;
	line-height: 150%;
	display: inline-block;
}

h2
{
	font-size: 125%;
	color: #000; /* FF320A */
	margin: 10px 0;
	display: inline-block;
}

h3
{
	font-size: 115%;
	color: #000; /* 49A0FF */
	margin: 10px 0;
	display: inline-block;
}
h3 {font-size: 1.2em;margin: 1.2em 0em 0.4em 0em;font-weight: bold;color: #EC5800;}

h4
{
	font-size: 100%;
	color: #000; /* FF320A */
	margin: 10px 0;
	display: inline-block;
}
h5 {font-size: 1.0em;margin: 1.2em 0em 0.4em 0em;font-weight: bold;color: #666;}

.small		{font-size: 90%;}
.o			{color: #FF1E00;}
.tr			{text-align:right;}
.gray		{color: Gray;}

/*add by gx*/
.tda {width:100%; height:24px; line-height:24px; display:block; overflow:hidden; margin:0; padding:0; text-overflow:ellipsis; }
/*end*/

#listbox table
{
	margin:20px 0; 
}
/* 邮件及讨论区列表 */
#listbox td
{
	padding:3px 6px;
	border-bottom:1px solid #eee;
	line-height:150%;
}

p
{
	margin: 5px;
	line-height: 150%;
}

.hand		{cursor: pointer}
/* User Head */
.UserHeadFocus
{
	margin-right:3px;
	border-color: #00ccff;
}
.UserHeadBlur
{
	margin-right:3px;
	border-color: #ddd;
}

.fontMauve {
	font-size: 14px;
	font-weight: bold;
	color: #FF0084;
}

input.btn
{
	font-weight: bold;
	padding-top: 1px;
	height: 20px;
	color: #fff;
	background: #3AA3CF; /* 148AFF; */
	border-width: 1px;
	border-style: solid;
	border-top-color: #7CBAFF;
	border-right-color: #086E99;
	border-bottom-color: #086E99;
	border-left-color: #7CBAFF;
}
input.btnGray {font-weight: bold;color: #ffffff; padding: 2px 2px 0px 2px;background: #666; border-top: 1px solid #999;border-left: 1px solid #999;border-bottom: 1px solid #404040; border-right: 1px solid #404040; }
input.butt {
	height: 20px; border-right: #2854a7 1px solid; border-top: #7cbaff 1px solid; background: #0063dc; font: bold 12px arial, helvetica, sans-serif; border-left: #7cbaff 1px solid; color: #ffffff; border-bottom: #2854a7 1px solid
}
input.ButtDelete {
	height: 20px; border-right: #dce0e6 1px solid; border-top: #dce0e6 1px solid; background: #dce0e6; font: bold 12px arial, helvetica, sans-serif; border-left: #dce0e6 1px solid; color: #000000; border-bottom: #d0e0e6 1px solid
}
input.ButtMauve{
	height: 20px;
	border-right:#da3aba 1px solid;
	border-top:#ecb5ec 1px solid;
	background: #ff0084 center center;
	border-left:#ecb5ec 1px solid;
	color: #ffffff;
	border-bottom: #da3aba 1px solid;
	font: bold 12px arial, helvetica, sans-serif; 
}
input.ButtGray{
	height: 20px;
	border-right: 1px solid #cccccc;
	background: #dce0e6 center center;
	color: #000000;
	border-bottom: 1px solid #cccccc;
	font: bold 12px arial, helvetica, sans-serif; 
}
input.BtnCancel {font-weight: normal;color: #000000; padding: 2px 4px 0px 4px;background: #eee; border-top: 1px solid #f5f6f7;border-left: 1px solid #f5f6f7;border-bottom: 1px solid #bfb7bc; border-right: 1px solid #bfb7bc;}
input.BtnDel {font-weight: normal;color: #000000; padding: 2px 4px 0px 4px;background: #eee; border-top: 1px solid #f5f6f7;border-left: 1px solid #f5f6f7;border-bottom: 1px solid #bfb7bc; border-right: 1px solid #bfb7bc;}

input.line
{
	height: 16px;
}

input.line, textarea.line
{
	border: solid 1px #66CCFF;
	background-color: #F2F9FF;
	font-family: Courier New;
	font-size: 100%;
}

input.box
{
	height: 16px;
}

input.box, textarea.box
{
	border: solid 1px #C1C1C1;
	background-color: #fff;
	font-family: Courier New;
	font-size: 100%;
}

#container1 {
	border: solid 1px #fff;
	border-width: 0 1px;		/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
}

ul.AccountList {margin: 0 2em;}
ul.AccountList li {margin-top: 1.5em;font-weight:bold;}
ul.AccountList li p {margin-top: 0.5em;font-weight:normal;}
ul.UserList {list-style: none; padding:0; margin:0; overflow:hidden;}
ul.UserList li {margin-right: 12px; margin-bottom: 5px; float: left; font-size: 12px;text-align: center; width: 50px; height: 80px;overflow: hidden; }
ul.UserList li a.link, 
ul.UserList li a.visited,
ul.UserList li a.active, 
ul.UserList li a.hover {text-decoration: none;}
ul.UserList li.More {font-size:14px;font-weight: bold;height:1.5em;margin-top:40px;}

.clear {clear: both;padding-bottom: 1px;/* for Gecko-based browsers */margin-bottom: -1px;/* for Gecko-based browsers */font-size: 2px;}

/* group list table */
.grouptable
{
}
.grouptable td
{
	text-align: center;
	width: 90px;
	height: 90px;
	vertical-align: top;
}
.fontBlueSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0063DC;
}

/* Top right navigation */
.NavList { padding-top:20px; }
.NavList ul {list-style: none; margin: 0; padding: 0;}
.NavList ul li {color:#EC5800;padding-left: 0; margin-bottom: 8px;font-size: 12px;font-weight: bold;}

div.TopicSearch {margin-top:1em;border-top: 1px solid #f3f3f3;}
div.TopicSearch #keyword {width:120px;margin-right: 0;}
div.TopicSearch #submit {margin-bottom: 0px;}
div.MoreBuddy {font-size:14px;font-weight:bold;text-align:left;float:left;padding-top: 30px;}

div.Topic, div.Post {position:relative;width: 550px;padding:10px 0;border:1px solid #fff;border-bottom: 1px solid #f3f3f3;}
div.Topic {margin-top:1em;}
div.Post {padding: 10px 0;margin-left: 60px;width: 490px;}
div.PostContent {margin-left: 70px;}
div.PostEditor {position:absolute;right:10px;top:5px;color:#ccc;overflow:visible;}
div#reply_form {margin-left: 60px;margin-top: 40px;}
img#BuddyIcon, img.BuddyIcon {z-index: 5;float: left;background: #fff;margin: 0 10px 0 0; border: 1px solid #ddd;position: relative;}
.PostDateTime, .DateTime {color:#666;}
.CurrentIcon { font-size: 12px; padding: 8px; height: 55px; background-color: #EEF2FD; margin-bottom: 5px; border: 1px solid #D3DEFA; vertical-align: middle; }
.CurrentIcon img { padding: 3px; float: left; border: none; }

a.Remove:link {color: #999; text-decoration: none;}
a.Remove:visited {color: #999; text-decoration: none;}
a.Remove:hover {color: #fff; background-color: red; text-decoration: none;}
a.Remove:active {color: #fff; background-color: red; text-decoration: none;}
.grouplist { list-style-type: none; margin: 0; padding: 0; margin-bottom:10px; }
.grouplist li { margin-left: 10px; margin-bottom: 10px; }
.grouplist li img { vertical-align: middle; }

.group_join { height:100px; }
.group_join li { float:left; width:80px; overflow:hidden; text-align:center; }
.group_join li .group_img { padding:2px; }

.group_welcome { height:240px; }
.group_welcome li { margin:0 0 20px; padding:0; float:left; width:110px; overflow:hidden; text-align:center;  }
.group_welcome li .group_img { padding:2px; }

.Tab {position:relative;height:20px;border-bottom: 3px solid #f1f1f1;margin-top: 5px; margin-bottom: 10px;}
.Tabs {position:absolute;bottom:-4px;padding-left: 15px; margin:0;}
.Tabs li {list-style-type:none;margin: 0 3px;float:left;font-size: 1.2em;}
.TabIn {color: #EC5800;font-weight: bold;background-color: #fff;padding: 3px 11px 3px 11px; border: 1px solid #f1f1f1; border-bottom-color: #fff;}
.TabOut {background-color: #f1f1f1; padding: 3px 8px 2px 8px; }

.Tab a:link, .Tab a:visited, .Tab a:active, .Tab a:hover {text-decoration:none;}

/*Message*/
.message { margin: 3em 10em 5em !important; }
	.message h4 { margin:0; border-bottom: 1px solid #E8E8E8; font-size:1em; padding:0pt 10px; line-height: 28px; }
	.message p { margin: 1.5em 1em; }
/*Message*/