/* BOCY User Style Sheet
 * Created: 2010-01-18
 * Update: 
 * Author: BOCY
 * Copyright: BOCY
 */
 /*default*/
.myDefaultBox{ float:left; width:848px; min-height:300px; _height:300px; padding:10px 20px 30px 10px; background:#F8F8EF; }
.myDefaultBox .subBar{ float:left; width:138px; background:#fff; padding:5px;}
.myDefaultBox .mainBar{ float:right; width:680px; background:#fff; padding:5px;}
/*blog*/
.postBox{ float:left; margin:5px 0 5px 0;}
#blogDateTagBox a,#blogTagBox a{ padding:3px 5px 1px 5px; display:block;}
#blogDateTagBox a:hover,#blogTagBox a:hover,#mySaveBox a:hover{ background:#f5f5f5;}
.myBlogListBox{ float:left; width:100%; }
.userBlogListBox{ float:left; width:100%; }
.blogList{ color:#999; padding:10px; margin:15px 0 15px 0; background:#fff; border-bottom:dotted 1px #E3DFD6; }
.blogList .content{ margin-top:1px; color:#000; font-size:14px; margin-bottom:10px; line-height:180%; }
.blogList .info{ position:relative;}
.blogList .info .date{}
.blogList .info .reply{ position:absolute; right:5px;}

.blogDetailBox{ margin:20px 5px 20px 5px;}
.blogDetailBox .avatar{ float:left; margin:0 10px 10px 10px;}
.blogDetailBox .content{ margin:10px;}
.blogDetailBox .info{ margin:10px 0 10px 0; color:#666;}
.blogDetailBox .detail{ margin:5px 0 5px 0; font-size:14px;}

.replyListBox{ }
.replyListBox .info{ color:#999; background:#eee; padding:2px 5px 1px 5px;}
.replyListBox .content{ padding:2px 5px 15px 5px;}
#replyBtn{ float:right; margin-right:20px;}
.blogFunZone{ text-align:right; margin-right:50px;}
.blogCommentListBox{ padding-left:50px;}
.originalText{ margin:5px 0 5px 0; padding:5px;  }

.searchCurrent { background:#FFCC00; }
.sBox{ width:100%; }
.sTitle{  background:#eee; height:22px; padding:5px 5px 0 5px; }

/*save*/
#mySaveSubBar .sTitle{ cursor:pointer;} 
#mySaveSubBar .sBody{ padding:3px;}
#mySaveSubBar a{ margin:2px; padding:3px; }

.productListBox{ float:left; width:100%; }
.productList{ float:left;  width:120px; height:138px;  float:left; border:solid 1px #ccc; padding:5px; margin:5px;}
.productTitle { float:left;  font-size:14px; text-align:center; margin-top:2px; width:100%;}
.productPrice { float:left;  font-size:14px; color:#ff6600; text-align:center; width:100%;}

 /*home*/
.myHomeDefaultBox{ float:left; width:848px; min-height:300px; _height:300px; padding:10px 20px 30px 10px; background:#F8F8EF;}
.myHomeDefaultBox .subBar{ float:right; width:200px; background:#fff; padding:5px; }
.myHomeDefaultBox .mainBar{ float:left; width:618px; overflow:hidden; background:#fff; padding:5px; }
#getAboutMe,#getContact{ color: #00B0B0; cursor: hand; position:relative;}
#aboutMeDetail,#contactDetail{ display:none; font-size:14px; padding:2px; position:absolute; color: #fff; display: none; border: 2px solid #ccc; background: #62b93d; padding: 5px; position: absolute;}
.userListBox{ float:left; margin:10px 5px 10px 5px; width:100%;}
.userListBox .pic{ float:left; width:60px;}
.userListBox .info{ margin-left:60px;}

.eventListBox{ float:left; width:100%; margin:15px 0 15px 10px; }
.eventListBox .avatar{ float:left; width:55px; }
.eventListBox .info{ }
.eventListBox .mark{float:left; color:#888; width:500px; }
.eventListBox .edit{ cursor:pointer; color:#999; font-family:Arial; position:absolute; top:-22px; right:10px; }
.eventListBox .info .contentTop{ float:left; height:15px; width:600px; font-size:0px; background: url(../../theme/default/image/assignbg.gif) 0 0;}
.eventListBox .info .content{ float:left; width:580px; padding:5px 10px 5px 10px; position:relative; background: url(../../theme/default/image/assignbg.gif) repeat-y -1200px 0;}
.eventListBox .info .contentBottom{ float:left; height:15px; width:600px; font-size:0px; background: url(../../theme/default/image/assignbg.gif) no-repeat -600px 0 ;}
.eventListBox .hover{ background:#ccc;}

/*userHead*/
 #userHeadBox{ float:left; width:100%;  margin-bottom:5px; background:#f5f5f5;}
 #userHeadBox .avatar{ float:left; }
 #userHeadBox .avatar .box{ float:left;width:350px;}
 #userHeadBox .avatar .box .pic{ float:left;width:60px;}
 #userHeadBox .avatar .box .info{ float:left; width:270px;}
 #userHeadBox .avatar .info .name{ font-family:'Microsoft YaHei','黑体'; font-size:20px;}
 #userHeadBox .info { float:left; margin:5px 5px 5px 10px;} 
 #userHeadBox .bang { float:left;  margin:5px; }
/*bgBoxGroup*/
ul.bgBoxGroup{ list-style:none;}
ul.bgBoxGroup li { float:left; padding-right:3px; text-align:center; display:block;  }
ul.bgBoxGroup li .split { float:left; display:block; height:38px; border-right:solid 1px #ccc; margin:3px;}
ul.bgBoxGroup li .num { color:#63b92d; font-size:20px; font-family:Arial; }
/*UserID*/
.showUCardNumberDetail{ color: #00B0B0; vertical-align:top; font-size:10px; cursor: hand; position:relative;}
.uCardNumberDetail { display:none; font-size:14px; padding:2px; position:absolute; color: #fff; display: none; border: 2px solid #ccc; background: #62b93d; padding: 5px; position: absolute;}	

/*post*/
a.tbxPostContentTemp{ float:left; background:#fff; width:650px; height:26px; padding:5px 0 0 5px; margin-top:5px; color:#63b92d; font-size:18px; font-family:'黑体'; border:solid 1px #ccc; cursor:pointer;}
a.tbxPostContentTemp:hover{ background:#FFEEEE;}

/*tag*/
#posTagBox{ color:#777; }
#postContent_Num{ font-family:Arial; font-size:19px;}
#btnAddContentBox,#selectTagContent{ display:none;}
#selectTagBox{margin:5px 0 10px 0; }
#selectTagHead{ border:solid 1px #E3E3E3; background:#F7F5F3; padding:5px 0 3px 5px; cursor:pointer;}
#selectTagHead:hover{ background:#DDE6CF;}
#selectTagContent{ background-color:#f5f5f5;  border:1px solid #eee;padding:3px; }

.selectedTagDelete{ font-family:Arial; font-size:10px; cursor:pointer;}
#tempSelectedTag{ color:#DB2C00; font-size:14px;}
/*#btnAdd{ color:#555; left:0px; background-color:#FFFFDF; border:1px solid #cc9; margin:5px 0 5px 0; padding:3px; -moz-box-shadow: 2px 2px 3px #ccc; -webkit-box-shadow: 2px 2px 3px #ccc; }*/
.btnAddHead { cursor:pointer;  }
.btnAddHead:hover{ background:#FFFFDE;}
#btnAddContentBox{ display:none;}
#myPostTag .tagList{ color: #2F92CF; font-size:14px; text-decoration:underline; cursor:pointer; }
#myPostTag a:hover{ color: #ff0000;  text-decoration:none; }

#postTagContent{ display:none; margin:3px 0 3px 0;}
#postTitleInput{ display:none; }

/**/
.edits{ color: #00B0B0; cursor:pointer; }
#editMyBlogTagBox{ }
#editMyBlogTagBox .list{ background:#f5f5f5; }
#editMyBlogTagBox td{ padding:5px;}
#editMyBlogTagBox .tag{ width:300px;}
#editMyBlogTagBox .edit{ width:90px; }
#editMyBlogTagBox .delete{ width:90px; }