* { word-break: break-all; word-wrap: break-word; }
body { margin: 0; padding: 0; line-height: 180%; color: #333; background:#f0f0f0; }
body, th, td, input, select, textarea, button { font: 12px Tahoma, Arial, Helvetica, snas-serif, "宋体"; }
dl, dt, dd, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; font-size: 12px; }
p { margin: 0; }
p.more{text-align:right;margin-top:5px;}
textarea { overflow-y: auto; }
.color1 { color: #808080; }
.color2 { color: #333; }
.clrfix { display: inline-block; }
.clrfix { display: block; }
.button { border-color: #4fbddd #4fbddd #1986a5 #4fbddd; background: #218cb7; color: #fff; padding: 0 15px; *padding:0px 10px;height:24px;vertical-align:middle;}
.button2 { border-color: #fff #848484 #848484 #fff; background: #f0f0f0; color: #333; padding: 0 15px; *padding:0px 10px;height:24px;vertical-align:middle;}
.inputNormal { border: #e6e6e6 1px solid; padding: 3px 3px; vertical-align: middle; background: #f8fdff; }
ul { border: 0; margin: 0; padding: 0; }
li { list-style-type: none; }
.quote { padding-left: 1.4em; background: url(Images/quoteStart.gif) no-repeat 0px 0px; margin: 0.6em 0px; overflow: hidden; }
.quote .quoteSpan { display: inline-block; padding: 0px 1.4em 0px 0px; background: url(Images/quoteEnd.gif) no-repeat 100% 100%; color: #666; overflow: hidden; }
.notExist{padding:20px 0px;}
.notExist p { font-size: 14px; text-align: center; line-height:200%;}
.notExist a { margin: 0 3px; }
.nodrag{height:0px;}
.ml50 { margin-left: 50px; }    
.mt10 { margin-top: 10px; }
.ml30 { margin-left: 30px; }

a { color: #1f8bbb; text-decoration: none; outline: none; cursor: pointer; }
a:hover { color: #1f8bbb; text-decoration: underline; outline: none; }

.clear { display: block; clear: both; }
.bold { font-weight: bold; }

img { border: 0; vertical-align: middle; }

table { border-collapse: collapse; border: 0px; }
select { vertical-align: middle; }

/* 自定义通用样式
------------------------------*/
.vam { vertical-align: middle; }
.vat { vertical-align: top; }

.fl { float: left; }
.fr { float: right; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

/*  TAB项样式 */
.tabsHeader { padding-left: 10px; background: url(Images/Rtab/tabLine.png) repeat-x 50% bottom; margin: 0px 0px 10px; overflow: hidden; }
.tabs { float: left; }
.tabs div { padding-left: 10px; font-size: 14px; background: url(Images/Rtab/tabL.png) no-repeat left bottom; float: left; overflow: hidden; margin-right: 3px; height: 35px; text-align: center; }
.tabs div A { padding: 0 20px !important; display: block; text-decoration: none; font-size: 14px; background: url(Images/Rtab/tabR.png) no-repeat right bottom; float: left; margin-left: -10px; color: #333 !important; line-height: 22px; padding-top: 12px !important; height: 23px; _margin-left: -5px; }
.tabs div A:hover { text-decoration: none; color: #666 !important; }
.tabs div.active { background-image: url(Images/Rtab/tabSelectedL.png) !important; }
.tabs div.active A { text-decoration: none; padding-right: 20px !important; padding-left: 20px !important; font-weight: bold; background: url(Images/Rtab/tabSelectedR.png) no-repeat right bottom; padding-bottom: 0px !important; padding-top: 12px !important; height: 23px; }
.tabs div.active A:hover { color: #333 !important; }
.tabs li { padding-left: 10px; font-size: 14px; background: url(Images/Rtab/tabL.png) no-repeat left bottom; float: left; overflow: hidden; margin-right: 3px; height: 35px; text-align: center; }
.tabs li A { padding: 0 20px !important; display: block; text-decoration: none; font-size: 14px; background: url(Images/Rtab/tabR.png) no-repeat right bottom; float: left; margin-left: -10px; color: #333 !important; line-height: 22px; padding-top: 12px !important; height: 23px; _margin-left: -5px; }
.tabs li A:hover { text-decoration: none; color: #666 !important; }
.tabs li.active { background-image: url(Images/Rtab/tabSelectedL.png) !important; }
.tabs li.active A { text-decoration: none; padding-right: 20px !important; padding-left: 20px !important; font-weight: bold; background: url(Images/Rtab/tabSelectedR.png) no-repeat right bottom; padding-bottom: 0px !important; padding-top: 12px !important; height: 23px; }
.tabs li.active A:hover { color: #333 !important; }
.tabs li.action { background-image: url(Images/Rtab/tabHoverL.png); margin-left: 20px; }
.tabs li.action a { background-image: url(Images/Rtab/tabHoverR.png); color: #fff !important; font-weight: bold; }
.tabs li.action a:hover { color: #ff0 !important; }

.content { /*border-collapse: collapse; width: 100%; table-layout: fixed;*/ width: 100%; }
.msgBorderT { /*background: url(Images/RBorder/BorderT.gif) repeat-x;*/ }
.msgBorderB { /*background: url(Images/RBorder/BorderB.gif) repeat-x;*/ }
.msgBorderL { /*background: url(Images/RBorder/BorderL.gif) repeat-y; */ }
.msgBorderR { /*background: url(Images/RBorder/BorderR.gif) repeat-y;*/ }
.msgMain { padding: 0px 0px 0px 0px; }
.msgTl { /*width: 10px; height: 10px;background: url(Images/RBorder/freshBgTL.gif); overflow: hidden; table-layout: fixed; padding: 0px;*/ }
.msgTr { /*width: 10px; height: 10px;background: url(Images/RBorder/freshBgTR.gif);overflow: hidden; table-layout: fixed; padding: 0px;*/ }
.msgBl { /*width: 10px; height: 10px; background: url(Images/RBorder/freshBgBL.gif); overflow: hidden; table-layout: fixed; padding: 0px;*/ }
.msgBr { /*width: 10px; height: 10px;background: url(Images/RBorder/freshBgBR.gif); overflow: hidden; table-layout: fixed; padding: 0px;*/ }

/*tab4*/
.itemTab { text-align: left; }
.itemTab span { float: left; border: 1px solid #ccc; height: 20px; width: 90px; line-height: 20px; text-align: center; cursor: pointer; }
.itemTab .on { background: #ccc; }
.itemTab span a { color: #707070; }
.itemTab span a:hover { color: #707070; text-decoration: none; }

.pager { clear: both; height: 24px; font-family:"宋体"; }
.pager label, .pager span, .pager a, .pager strong { margin: 2px; padding: 0 2px; height: 18px; line-height: 18px; display: block; float: left; vertical-align: baseline; }
.pager a { cursor: pointer; text-decoration: none; background-color: White; }
.pager strong { color: #1f8bbb; font-weight: normal; cursor: pointer; }
.pager span { color: #3CAD51; font-weight: bold; }
.pager label, .pager .disable { color: #aaa; cursor: default; }


/*名片设置*/
.businessCard {width: 350px;z-index: 999; top: 200px; left: 920px; position: absolute; color: #444; }
.businessCardTitle h3{ font-size:14px;color:#e67900;  height: 30px; line-height: 30px;padding-left:5px; }
.businessCardTable {  border: 1px solid #6fb9f7; background:url(Images/card/card.gif) no-repeat;width: 100%;}
.businessCard .topLinks {height:30px;padding-top:10px;}
.businessCard .topLinks span { display:block;float: left; height: 22px; line-height: 22px; }
.businessCard .topLinks a { display:block;color:#4b5962;float: left; height: 22px; line-height: 22px;width:58px;}
.businessCard .topLinks a:hover{background:url(Images/card/cardLinkBg.gif) no-repeat 0px 0px;text-decoration:none;}
.cardPicture { width: 110px; }
.cardImg img {margin-left:10px;border:1px solid #d1eefe;}
.cardAuthor {height: 27px;padding-top:13px;text-align:left;padding-left:8px;}
.cardAuthor img{margin-right:3px;}
.cardAuthor a{color:#1f8bbb;font-weight:bold;}
.cardAuthor a:hover{color:#1f8bbb;}
.cardProfile { padding: 5px 0px 5px 8px;color:#333; }
.cardAddIcon { background: url(Images/smallIcon.gif) no-repeat 0px -441px; padding-left: 21px;}
.cardGreetIcon {  background: url(Images/smallIcon.gif) no-repeat 0px -325px;padding-left: 21px; }
.cardPkIcon { background: url(Images/freshIcon.gif) no-repeat 2px -280px;padding-left:18px; }
.cardMsgIcon { background: url(Images/smallIcon.gif) no-repeat 0px -370px; padding-left: 21px;}
.cardDetail{padding-right:10px;}
.businessCard h4 a{color:#002871;}
.businessCard h4 a:hover{color:#002871;}
.businessCard h4.diary { background:url(Images/card/blog.gif) no-repeat;padding-left:20px;height: 22px;color:#002871;line-height:20px;}
.businessCard h4.mood { background:url(Images/mood.gif) no-repeat;padding-left:20px;height: 22px;color:#002871;line-height:20px;}
.businessCard h4.info { background:url(Images/smallIcon.gif) no-repeat 0px -395px;padding-left:20px;height: 22px;color:#002871;line-height:20px;}
.businessCard .diaryOrMood { padding-left:20px;color: #444; line-height: 160%; }
.businessCard .diaryOrMood a{color:#444;}
.businessCard .diaryOrMood a:hover{color:#444;}
.cardTable td { padding: 2px; }
.cardTable { margin: 5px 0px; } 
.cardSub{text-align:left;margin:0px 8px;height:26px;line-height:26px;border-top:1px solid #d1eefe; }
.cardSub a{margin-left:3px;}
.cardSub span.profile{margin-right:5px;background:url(Images/card/profile.gif) no-repeat 0px -3px;padding-left:18px;}
.cardSub .address{float:left;}

/*通用大型组件*/
.picList2{}
.picList2 ul { margin: 8px 0px; }
.picList2 img { border: 1px solid #e6e6e6; padding: 2px; }
.picList2 li { text-align:center;float: left; width: 70px; line-height: 120%; height: 90px; margin-right: 10px;margin-bottom:5px; }
.picList2 p { margin-bottom: 5px; }
.picList2 .picTitle { height:15px;display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.picList2 .picTitle img { border:none;padding:0px;margin-right:3px; }

/* 通用弹出DIV Simple Version------------------------------*/
.popDivBox { border: 1px solid #d4d4d4; background: #fff; margin-bottom: 5px; }
.popDivTitle { background: #ddd; }
.popDivTitle h3 { height: 26px; line-height: 26px; font-size: 14px; font-weight: normal; padding: 0 5px; color: #fff; padding-left: 20px; }
.popDivTitle h3 span { margin-top: 5px; float: right; }
.popDivContent { padding: 8px 8px; min-height: 100px; }
.popDivContent p { padding: 3px 0px; }

/*upArrow Box*/
.upArrowBox { position: relative; height: 64px; }
.upArrowBox .title { height: 8px; }
.upArrowBox .arrowBg { background: url(Images/upArrowForBox.gif) no-repeat; display: block; height: 9px; left: 20px; top: 0px; width: 18px; position: absolute; }
.upArrowBox .textContent { padding: 10px; border: 1px solid #ddd; }

.warn { display: block; text-align: left; padding-top: 0.25em; padding: 0.7em 1.5em 0.7em 4.3em; color: #333; border-top: 1px solid #ddd; background: url(Images/warn.gif) #fff no-repeat 1.3em 0.5em; border-bottom: #e6e6e6 1px solid; background-color: #ff9; }
.warnWrapper { padding: 10px 0px; }

/*通用弹出框*/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe .jqm { position: absolute; top: 0; left: 0; z-index: -1; width: expression(this.parentNode.offsetWidth+ 'px' ); height: expression(this.parentNode.offsetHeight+ 'px' ); }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .spaceMsg { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) +  'px' ); }
.jqmOverlay { position: absolute; background-color: #000; }

/*
  clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.spaceMsg { font-size: 12px; scrollbar-base-color: #3d3d3d; position: fixed; width: 350px; }
.spaceMsg .spaceMsgbox { scrollbar-base-color: #3d3d3d; }
.spaceMsg .content { border-collapse: collapse; margin: auto; color: #3d3d3d; table-layout: fixed; scrollbar-base-color: #3d3d3d; }
.spaceMsg .msgBorder { background: url(/sns/script/jqModal/images/msgBorder.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= '/sns/script/jqModal/images/msgBorder.png' ,sizingMethod= 'scale' ); _background-image: none; }
.spaceMsg .msgTl { width: 8px; height: 8px; overflow: hidden; table-layout: fixed; padding: 0px; _width: 0px; _padding: 4px; background: url(/sns/script/jqModal/images/msgTl.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= '/sns/script/jqModal/images/msgTl.png' ,sizingMethod= 'crop' ); _background-image: none; }
.spaceMsg .msgTr { width: 8px; height: 8px; overflow: hidden; table-layout: fixed; padding: 0px; _width: 0px; _padding: 4px; background: url(/sns/script/jqModal/images/msgTr.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= '/sns/script/jqModal/images/msgTr.png' ,sizingMethod= 'crop' ); _background-image: none; }
.spaceMsg .msgBl { width: 8px; height: 8px; overflow: hidden; table-layout: fixed; padding: 0px; _width: 0px; _padding: 4px; background: url(/sns/script/jqModal/images/msgBl.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= '/sns/script/jqModal/images/msgBl.png' ,sizingMethod= 'crop' ); _background-image: none; }
.spaceMsg .msgBr { width: 8px; height: 8px; overflow: hidden; table-layout: fixed; padding: 0px; _width: 0px; _padding: 4px; background: url(/sns/script/jqModal/images/msgBr.png); _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= '/sns/script/jqModal/images/msgBr.png' ,sizingMethod= 'crop' ); _background-image: none; }
.spaceMsg .msgMain { background: #fff; margin: 0; padding: 0; }
.spaceMsg .content .ft { padding: 0.5em 0.5em; text-align: right; background: #eceff5; }
.spaceMsg .content .hd h4 { margin: 0; padding: 0; font-weight: bold; font-size: 14px; color: #fff; height: 16px; background: #1f8bbb; padding: 0.5em 0.5em; }
.spaceMsg .content .hd .msgClose { cursor: pointer; font-size: 12px; float: right; }
.bd { padding: 1.2em 0.8em; line-height: 180%; background: #fff; }
.bd a { color: #e67900; font-size: 14px; }
.spaceMsg .btnNormal { border-color: #4fbddd #4fbddd #1986a5 #4fbddd; background: #218cb7; height: 24px; color: #fff; padding: 0 15px; *padding:0px10px;height:24px;vertical-align:middle;}
.spaceMsg .btnCancel { height: 24px; font-size: 13px; padding: 2px 8px; border-color: #fff #848484 #848484 #fff; background: #f0f0f0; color: #444; line-height: 16px; cursor: pointer; text-align: center; vertical-align: middle; }
/*删除*/
.delBox .actions { padding-top: 10px; }
.delBox { overflow: visible; position: absolute; }
.delBoxPopup { overflow: visible; position: relative; }
.delBoxArrow { background-image: url(images/triangle.gif); background-repeat: no-repeat; position: relative; top: 2px; height: 12px; }
.delBoxContent { border: 1px solid #b7b7b7; background: #f0f0f0; padding: 12px 10px; border-bottom: #666 2px solid; }
.delBoxContent h2 { font-size: 14px; }
.delBox .btnNormal { height: 24px; font-size: 13px; padding: 2px 8px; border: 1px solid; border-color: #d8dfea #0e1f5b #0e1f5b #d8dfea; background: #666; color: #fff; line-height: 16px; cursor: pointer; text-align: center; vertical-align: middle; }
.delBox .btnCancel { height: 24px; font-size: 13px; padding: 2px 8px; border: 1px solid; border-color: #d8dfea #666 #666 #d8dfea; background: #fff; color: #444; line-height: 16px; cursor: pointer; text-align: center; vertical-align: middle; }