@charset "utf-8";
/* default lovins */
*{margin:0;padding:0; }
ul, li{list-style:none}
p{padding:6px 0;}
a{color:#ff7603;text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
.cl { clear:both;}


a:hover{color:#ff6600;text-decoration:underline;}
a img, a:hover img{border:none; text-decoration:none;}
a:active, a:focus{outline:none}
.img-left{float:left;margin:0 10px 10px 0;}
.img-right{float:right;margin:0 0 10px 10px;}
h1,h2,h3{font-family:"MicroSoft YaHei","SimHei", tahoma, arial, sans-serif; font-weight:normal;}
h3{font-size:18px;}
.clearboth{clear:both}
textarea{font-size:14px;}
blockquote {
  margin: 15px;
}

body{
	
	color:#484848;
	font-size:12px;
	font-family: tahoma, arial, sans-serif;
}

#site-wrap{
	float:left;
	width:100%;
}
/* wrap the site and center it up */
#site{
	width:800px;
	margin:0 auto;
	padding:10px 0 0 0;
	
}

/* wrap the top navigation w/ background image */
#topnav-wrap{
	width:100%;
	background:url(../images/bg_topnav.gif) 0% 100% repeat-x;
}



#topnav{
	padding: 11px 0pt 17px;
	width:720px;
	margin:0 auto;
	padding:11px 0 17px;
	text-align:right;
}
#topnav li{
	font-size:12px;
	display:inline;
	padding:1px;
}
#topnav li a{
	padding: 5px 10px 17px;
	color:#FFF;
	text-decoration:none;
	background: url(../images/bg_tab_inactive.gif) 50% 100% no-repeat;
}
#topnav li.current{
}
#topnav li.current a{
	color:#FFF;
	padding: 5px 10px 17px;
	background: url(../images/bg_tab_active.gif) 50% 100% no-repeat;
}

#topnav li a:hover{
 background: url(../images/bg_tab_active.gif) 50% 100% no-repeat;
}

/* beta in session button */
#topnav img.btn-betainsession{
	float:right;
	margin: 0px 0pt -5pt;
}

/* containers */
.container-wrap{
	width:800px;
	background: url(../images/bg_container.gif) 50% 0% repeat-y;
	
}
.container{
	padding:20px 30px 30px 30px;
	background: url(../images/bg_container_top.gif) 50% 0% no-repeat;
	
}
.container-bottom{
	height:20px;
	background: url(../images/bg_container_bottom.gif) 50% 100% no-repeat;
	clear:both;
}
.container-bottom.point{
}

/* logo */
.logo{
	float:left;
}

/* tag line */
.tagline{
	float:left;
	height:65px;	
	margin:0 0 0 25px;
	padding:52px 0px 9px 20px;
	background: url(../images/bg_vert_divider.gif) 0% 50% no-repeat;
}
.tagline h1{
	font-size:20px;
	color:#3b4752;
}

/* tell a friend on dashboard */
.tagline.tellafriend h1{
	font-size:20px;
}
.tagline.tellafriend p{
	font-size:18px;
}
.tagline.tellafriend .betacode{
	color:#75b926;
}

/* quote box - made this a simple bg image instead of getting fancy with it (saved in .jpg (2kb as opposed to .gif 12kb) */
.quotebox{
	color:#3b4752;
	font-size:14px;
  	font-weight: bold;
	height:90px;
	padding:5px 20px;
	background: url(../images/bg_quotebox.jpg) 0% 0% no-repeat;
}

/* front splash content */
.front-splash{
	float:left;
}
.front-splash .sidebar{
	float:left;
	width:165px;
	margin:0 15px 0 0;
}
.sidebar.vert-divide{
	background: url(../images/bg_side_vert_divider.gif) 100% 25% no-repeat;
}
.front-splash .content{
	float:left;
	width:470px;
}
.icon-pool{
	text-align:center;
}
.icon-pool img{
	margin:5px;
}

/* headings */
h1,h2,h3,h4,h5{
	color:#3b4752;
}
.heading-main{
	font-size:20px;
	font-weight:300;
	margin: 0 0 12px 0;
}
.heading-main a{
	color:#d8d8b2;
}

/* copyright / footer */
#copyright, #copyright a{


	margin:10px 0 16px;
	font-size:12px;
	text-align:center;
	color:#bbb;
}
#footer{
	float:left;
	width:100%;
	text-align:center;
	background: #435364 url(../images/bg_footer.gif) 0% 0% repeat-x;
}
#footer ul{
	padding:10px 0;
	font-size:11px;
	height: 15px;
}
#footer ul li{
	margin:0 0 0 10px;
	display:inline;
	border-right:1px solid #4b5967;
}
#footer ul li.last{
	border-right:none;
}
#footer ul li a{
	display:inline;
	color:#fefefe;
	margin:0 10px 0 0;
}

/* some misc dumb stuff */
.small{
	font-size:11px;
	font-weight:normal;
}
.gray{
	color:#666;
}
.img-right{
	float:right;
	margin:0 0 8px 8px
}
.img-left{
	float:left;
	margin:0 8px 8px 0;
}
.highlight{
	background:#FFFFEB;
}

#dashboard .postarea {
  width: 482px;
  height: 100px;
}

#dashboard input.formtext {
  display: none;
}

#dashboard input.long {
  width: 250px;
}

#dashboard input.medium {
  width: 195px;
}

#dashboard input.checkbox {
  width: 16px;
  height: 16px;
  padding: 0px;
  color: #fefefe;
  border: 0px;
  margin: 1px 3px 0 0;
}

#dashboard input.submit {
  height: 34px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  background-color: #ff7603;
  border: 0px;
  cursor:pointer;
  border-right:1px solid #d4d4b2;
  border-bottom:1px solid #d4d4b2;
}

#dashboard label {
  display: block;
  float: left;
  font-size: 12px;
  margin: 10px 5px 5px 0pt;
  text-align: right;
  width: 110px;
}

#dashboard label.default {
  display: inline;
  float: none;
  /*font-size: 11px;*/
  margin: 0px;
  text-align: left;
  width: 250px;
}

.error {
  font-size: 12px;
  color: #FF0000;
  padding: 4px;
  background-color: #FFCCCC;
  margin-bottom:1em;
  margin-top:4px;
}

.success {
  font-size: 14px;
  color: #009900;
  padding: 10px;
  background-color: #CCFFCC;
  margin-bottom:1em;
  display:none;
}

.pingmsg {
  font-size: 18px;
  color: #4C7CAF;
  padding: 10px;
  background-color: #B3D0EF;
}

#dashboard input {
  height: 22px;
  padding: 5px;
  font-family: "lucida grande", tahoma, arial, sans-serif;
  font-size: 18px;
  color: #555;
  border: 1px solid #ccc;
}

#dashboard .sitem {
  border-bottom:1px solid #EDEDED;
  padding:5px;
}

#dashboard .sitem.even {
  background:#FCFCFC none repeat scroll 0%;
}

#dashboard .slct {
  width: 202px;
  color: #555;
  padding: 5px;
  font-family: lucida grande, tahoma, sans-serif;
  font-size: 18px;
  background-color: efefef;
  border: 1px solid #ccc;
}

.otips{
  padding: 15px;
	background:#efefef;
}

#dashboard .servicelabel {
  width: 95px;
}

#dashboard .methodlabel {
  width: 55px;
  margin: 0px;
}

#dashboard .methodchecks {
  margin-left: 68px;
}

#dashboard .methodchecks .check {
  float: left;
  margin-bottom: 3px;
}

#dashboard label.update {
  width: 105px;
  margin: 0px;
}

#dashboard .methodchex {
  float: left;
  padding: 5px;
}

#dashboard .info {
  float: left;
  width: 360px;
}

#dashboard input.blogtitle {
  margin-bottom: 5px;
  width: 428px;
}

#dashboard input.blogtitle:focus, #dashboard input.blogtitle:active {
	background:#FFFFEB;
	border:1px solid #ccc;
}

#dashboard .spacer {
  height: 5px;
}

#dashboard textarea.app {
  border: 1px solid #CCCCCC;
  color:  #555555;
  font-family:  "lucida grande",tahoma,arial,sans-serif;
  font-size:  18px;
  height: 150px;
  padding:  5px;
  width:  340px;
}

#dashboard .huge {
  font-size: 22px;
}

#footer{padding-bottom:15px;}

ol {
  padding: 0px;
  margin: 20px 0 20px 30px;
}

ol li {
  list-style-type: inherit;
}

#dashboard .recent {
 float: left;
 width: 55px;
 margin-bottom: 4px;
}

/* New Homepage */


#content-home h1.main-heading{
	font-size:26px;
	line-height:30px;
	margin:10px 0 10px 0;
	clear:both;
}
#content-home .you-under{
	background:url(../images/sprite_home2.png) -605px 14px no-repeat;
	padding-bottom:10px;
}
#content-home .textimagevideo{
	margin-top:3px;
	background:url(../images/sprite_home2.png) -453px 3px no-repeat;
	width:120px;
	height:30px;
	display:inline-block;
}



.via-methods h4{
	font-size:12px;
	background:url(../images/viamethods.jpg) 0 2px no-repeat;
	padding:3px 0 10px 5px;
	height:25px;
	line-height:25px;
}

/* MOBILE */
#content-home .via-methods .mobile-sms{
	float:left;
	width:218px;
	border-right:1px solid #D5D9DE;
	padding-right:5px;
}
#content-home .via-methods .mobile-sms div{
	width:100%;
	height:60px;
	background:url(../images/sprite_home2.png) -10px -40px no-repeat;
}

/* IM EMAIL */
#content-home .via-methods .IM-email{
	float:left;
	width:218px;
	border-right:1px solid #D5D9DE;	
	padding:0 5px;
}
#content-home .via-methods .IM-email div{
	width:100%;
	height:60px;
	background:url(../images/sprite_home2.png) -238px -40px no-repeat;
}

/* IM DEVELOPER API */
#content-home .via-methods .developer-API{
	float:left;
	width:218px;
	padding-left:5px;	
}
#content-home .via-methods .developer-API div{
	width:100%;
	height:60px;
	background:url(../images/sprite_home2.png) -465px -40px no-repeat;
}


/* SERVICES */
#content-home .service-icons{
	width:100%;
	height:380px;
	float:left;
	background:url(../images/sprite_home2.png) -7px -120px no-repeat;
}
#content-home .service-icons div.desc{
	margin-left:60px;
}

#content-home h3{
	text-align:center;
	clear:both;
	width:635px;
	margin:0 auto;
}
.bigBtn{
	background:#ff7603;
	color:#fff;
	padding:5px;
	border-right:1px solid #d4d4b2;
	border-bottom:1px solid #d4d4b2;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;		
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;	
	display:block;
	font-size:22px;
	text-decoration:none;
	width:639px;
	text-align:center;
	margin-left:20px;
	font-size:20px;
}
.bigBtn:hover{
	background:#fa9442;
	color:#FFF;	
	text-decoration:none;
	display:block;
}


.clearboth{
	clear:both;
}

div#mainheading{
	float:left;
}
div#mainheading h1{
	float:left;
	font-size;
	font-size:26px;
	line-height:30px;
	margin:10px 0 10px 0;	
}
div#mainheading h1.middle{
	font-size:11px;
	line-height:12px;
	padding:5px 8px 0 8px;
}


#toplogin{
	float:right;
	text-align:right;
}
#toplogin form{
	margin:0;
	padding:0;
	width:340px;
	height:16px;
}
#toplogin form *{
	margin-bottom:0;
}
#toplogin label{
	font-size:11px;
	text-transform:uppercase;
	margin-right:3px;
	font-weight:bold;
	color:#E9F0F8;
}
#toplogin input{
	display:inline;
	color:#47586A;
	color:#999;
	border:1px solid #47586A;
	padding:3px;
	font-size:11px;
}
#toplogin input:focus, #toplogin input:active{
	color:#47586A;
	background:#FFFFEB;
	border:1px solid #E9F1F9;
	font-style:normal;	
}
#toplogin input.button{
	background:#3C4954;
	border:0;
	border-bottom:1px solid #47586A;
	border-right:1px solid #47586A;
	color:#fff;
	padding:2px;
	font-style:normal;	
}
.bigContent{}
.contentLeft{float:left;width:450px;}
.contentRight{float:right;width:204px;}
.loginBtn{
	background-color:#95B7DC;
	border:0 none;
	color:white;
	font-size:12px;
	font-weight:bold;
	height:34px;
	padding:0 15px;
	border-top:1px #fff solid;
	border-left:1px #fff solid;
	border-bottom:1px #3379c5 solid;
	border-right:1px #3379c5 solid;
	font-size:14px;
	cursor:hand;
}
.BigTitle{font-size:14px;padding:6px;border-top:1px solid #b2b2b2;margin-bottom:2px;background:#e0e0e0;}
.BigTitle span{font-size:12px;color:#9e9e9e;}
.tb{padding:4px;margin-top:2px; line-height:28px;}
.tips{background:#fffad5;color:#F90;padding:8px;font-size:14px;margin-bottom:8px;font-weight:bold; border:1px solid #F90}
.webListAdd{margin-top:6px;}
.webListAdd li{position:relative;width:222px;height:32px;line-height:32px;float:left;margin-right:6px;margin-bottom:4px; background:#f7f7f7;border-bottom:1px solid #ededed;}
.webListAdd li.right{margin-right:0}
.webListAdd li .add{position:absolute; right:4px;}
.webListAdd h4{height:16px;text-indent:-9999px;display:block;width:22px;float:left; margin-top:10px;overflow:hidden;}
.webListAdd li span{float:left}
.twitterico,.jiwaiico,.fanfouico,.zuosaico,.kaixin001ico,.five,.friendfeedico,.doubanico,.fakekaixinico,.xiaoneiico,.haineiico,.zhanzuoico,.rejawico,.wealinkico,.plurkico,.bubookico,.hellotxtico,.nineoneico,.tongxueico,.sinablogico,.uchomeico{background: url(../images/services-ico.gif) no-repeat; margin-left:0.5em}
.twitterico {background-position:0 -84px;}
.jiwaiico {background-position: 0 -56px;}
.fanfouico{background-position: 0 0;}
.zuosaico{background-position: 0 -28px;}
.kaixin001ico{background-position:0 -280px;}
.five{background-position: 0 -196px;}
.friendfeedico{background-position: 0 -392px;}
.doubanico{background-position: 0 -419px;}
.fakekaixinico{background-position: 0 -448px;}
.xiaoneiico{background-position: 0 -364px;}
.haineiico{background-position: 0 -112px;}
.zhanzuoico{background-position: 0 -478px;}
.rejawico{background-position: 0 -504px;}
.wealinkico{background-position: 0 -533px;}
.plurkico{background-position: 0 -224px;}
.bubookico{background-position: 0 -252px;}
.hellotxtico{background-position: 0 -562px;}
.nineoneico{background-position: 0 -590px;}
.sinablogico{background-position: 0 -620px;}
.tongxueico{background-position: 0 -647px;}
.uchomeico{background-position: 0 -674px;}


.tips1{color:#999;text-align:center;}
.leftH3{}
.helpList h3{font-weight:bold;margin-bottom:4px;font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.helpList li {margin-bottom:1.5em;list-style:decimal;}
.helpList li p{background:#EFEFEF;margin-bottom:1.5em;padding:15px;line-height:20px;display:none;}

#blogList{list-style-image:none;list-style-position:outside;list-style-type:none;}
#blogList li{display:block;float:left;width:160px;padding-right:10px; margin-top:26px;text-align:center;height:68px;}
.loading{z-index:1;padding:5px 0 5px 2em;background: url(../images/loading.gif) no-repeat 0 3px;width:130px;color:#333; margin-left:20px;}
.handle{line-height:28px;display:none;}
.btn_edit,.btn_delet{background:url(../images/action_btn.gif) no-repeat;width:16px;height:16px;text-indent:-9999px;display:block;float:left;}
.btn_delet{background-position:-16px 0;margin-left:8px;}
.updates{width:194px;background:#f7f7f7;float:right;margin-top:2em;line-height:22px;padding:16px 10px;height:269px;}
.updates li{list-style:disc;margin-left:20px; padding:-8px}

.howTouse{list-style:none; margin:0; float:left; width460px; overflow:hidden;}
.howTouse .r1,.r2,.r3{background:url(../images/howtouseBg.gif) no-repeat;text-indent:-9999px;height:38px;}
.howTouse li{margin-bottom:25px;}
.r2{background-position:0 -60px;}
.r3{background-position:0 -110px;}
.howTouse div{padding-left:0;}
.howTouse h4{font-size:12px;font-weight:normal;}


/* POST TO PING.FM VIA */
.via-methods{width:100%;}
.via-methods li{float:left;width:205px;height:156px;display:block;margin-left:6px;border-right:1px solid #D5D9DE;padding-right:5px;
margin-bottom:0}
.via-methods li h4{color:#6b6b6b;padding-left:8px;line-height:28px;}
.via-methods .first{margin-left:0px;}
.via-methods .last{border:none;}
.via-methods .first p{background:url(../images/viamethods.jpg) 0 -40px no-repeat;height:68px;}
.via-methods .second p{background:url(../images/viamethods.jpg) -230px -40px no-repeat;height:68px;}
.via-methods .last p{background:url(../images/viamethods.jpg) -450px -40px no-repeat;height:68px;}



.btn{background:#FA9442;padding:1px;color:#fff;height:22px;padding:2px;border-bottom:1px solid #D4D4B2;
border-right:1px solid #D4D4B2;cursor:pointer;}
.btn:hover{background:#ff7603;}
.chat li{border-bottom:1px #CCC dashed;margin-bottom:8px;padding-left:0.5em;}
.chat li a{margin-left:2px;}
.feedback{margin-top:4px;}
.loginout{text-align:right;}
.loginout a{color:#999;text-decoration:none;}
.loginout a:hover{color:#999;text-decoration:underline;}
.inputway{border:2px solid #edd56f; text-align:right;}

/* 嘀咕 */
.topTitle{position:relative; background:url(../images/dot_3.gif) repeat-x left bottom;height:24px;text-align:center;padding-left:220px;margin-bottom:8px;}
.topTitle li a{text-decoration:none;padding:0 25px;display:block;}
.topTitle li a:hover{background-color:#f7f7f7;text-decoration:none;}
.topTitle li{background:#e6e6e6; float:left;height:22px;line-height:22px;border:1px solid #B3B3B3;}
.topTitle li.current{background:#fff;border-bottom-color:#FFFFFF;}
.topTitle h3{font-family:"MicroSoft YaHei","SimHei";font-size:20px !important;font-size:20px }
.topTitle span{}
.postForm textarea{ width:450px;height:60px;}
.postForm span{color:#8d8e8e}

.topTitle p{color:#bbb}
#wordCount{position:absolute;right:86px;font-size:12px;color:#bbb;font-family:Arial, Helvetica, sans-serif;}
.notice{background:#ffd6d6 url(../images/laba.gif) no-repeat 10px 10px;border:1px solid #ff7602; padding:10px;color:#ff5907;line-height:22px;margin-bottom:6px;width:180px;}
.notice strong{padding-left:26px;}

/*公告*/
.notice_index{ margin-top:25px;}
.notice_index h6{ display: block; font-size:14px; line-height:20px; font-weight: bold; padding-bottom:2px; }
.notice_index ul li{ margin-bottom:8px;}

/*登录*/
.sy_load { width:230px;}
.sy_load h6 { display: block; font-size:14px; height:20px; line-height:20px; font-weight: bold; padding-bottom:2px; }
.sy_load .sy_load_u01 li { height:20px; line-height:20px; margin:5px 0 !important;margin:3px 0;}
.sy_load .sy_load_u01 li button { width:45px; height:20px; border:1px #DC6100 solid; background:#FF7508; font-size:12px; color:#FFF; margin-left:20px;}
.sy_load .sy_load_u01 .ll01 { color:#A50505; height:15px; line-height:15px; margin-bottom:-3px;}
.sy_load .sy_load_u01 .ll01_instyle { width:180px; border:1px #E4E4E4 solid; height:16px; padding-top:2px; font-size:12px; color:#797375;}

.syn_frame { height:100%; overflow:hidden; background:url(../images/sy_rigth_bg.gif) repeat-y top right;}
.sy_inf_right { width:201px; height:100%; overflow:hidden;}

.su_shuru_tit { width:378px; height:25px;}
.su_shuru_an { height:100%; overflow:hidden;}
.su_shuru_an textarea { width:368px; border:1px #ACACAC solid; height:68px; padding:5px; font-size:12px;}
.su_shuru_an button { width:80px; height:80px; border:3px #C2C2C2 solid; background:#FF890A; color:#fff; font-family:Tahoma; font-weight: bold; margin-left:5px; cursor:pointer;}

.sy_menu_frame { width:479px; height:24px; border-bottom:1px #C8C8C8 solid; margin-top:25px;}
.sy_menu_frame ul { margin-left:20px; height:24px;}
.sy_menu_frame li { width:90px; height:19px; padding-top:5px;background:#ECECEC; color:#9C9C9C; border:1px #C8C8C8 solid; text-align:center; float:left; margin-right:5px; margin-bottom:-1px;cursor:pointer;}
.sy_menu_frame .cur { border-bottom:1px #fff solid; background:#fff; font-weight:bold; color:#FF890A; z-index:9999;}

.sy_reninfo_frame { width:479px; height:100%; overflow:hidden; margin-top:15px}

.sy_reninfo { width:479px; height:100%; overflow:hidden; position:relative; border-bottom:1px #C8C8C8 dashed; padding-bottom:5px;background:url(../images/reninfo_ge.gif) no-repeat 82px top; margin-bottom:8px;}
.sy_reninfo ul { float:left;}
.sy_reninfo .reninu01 { width:82px; font-size:12px; line-height:15px; color:#9C9C9C;}
.sy_reninfo .reninu01 img { margin-bottom:5px;}

.sy_reninfo .reninu02 { width:379px;font-size:14px; padding-left:10px; position:relative;}
.sy_reninfo .reninu02 .ren_wenzhi { margin-bottom:8px; width:310px;}

.sy_fenye { width:479px; text-align:center; color:#999; font-size:14px; height:30px; line-height:30px;}

.left_tou { padding:10px 0 0 10px;}
.left_tou  p { margin:0px; padding:0px;}
.left_tou .left_ds { margin-left:5px; line-height:16px; font-family:Tahoma;}

.left_name { padding:10px 0 0 10px; line-height:20px; clear:both;}
.left_name  .nl01 { font-size:16px; font-weight: bold;}
.left_name  .nl02 { font-size:10px; font-family:Tahoma;}

.left_xuan .p1 { height:25px; line-height:25px; background:#D7D7D7; margin:0px; padding:0 0 0 5px; color:#000; font-weight: bold;}
.left_xuan .p2 { height:25px; line-height:25px; background:#E1E1E1;  margin:0px; padding:0 0 0 5px; color:#818181;}

.left_jianjie {background:#E1E1E1;color:#818181; padding:6px; line-height:18px;}
.jianan { padding:10px;}
.jianan a { display:block; width:45px; height:20px; border:1px #DC6100 solid; background:#FF7508; font-size:12px; color:#FFF; line-height:20px; text-align:center;}
.jianan a:hover { background:#fff; color:#FF7508}

.main_right{ float:right; width:235px; background:#f6f6f6; padding:15px;}