/* BOCY SiteDefault Style Sheet
 * Created: 2009-12-01
 * Update: 
 * Author: BOCY
 * Copyright: BOCY
 */

/*UserHeadBox*/
.userAvartar{ float:left; }
.userSayBox{ float:left; width:468px; height:60px; margin-bottom:5px;}
.userSayBox textarea{ float:left; margin-left:10px; line-height:150%; width:400px; height:45px; border:solid 1px #ccc; background:#f8f8f8;}

/*main*/
* {padding:0;margin:0;}

body
{
    font-size: 12px;
    background: #fff;
    font-family: 宋体,sans-serif;
    line-height: 1.5;
        background-attachment:fixed; /*for IE6 背景不随文本一起滚动*/
        background-image:url(image/bg.gif);/* for IE6  */
} 

/*head*/
#topBox
{
	width: 100%;
	text-align: center;
}
#topInfo{width: 989px; font-size:0px; height:0px;}
#topBg
{
	width: 989px;margin:0 auto;
}
#headBox
{
	width: 989px;
	height:47px; overflow:hidden;
	background:#63B92D url('image/logo.jpg') no-repeat;
}
#logo
{ color:#fff; float:left;width:250px; height:47px;position:relative; }
#logo .logoLink { left:0; top:0; width:250px; height:47px; position:absolute; }
#logo a{color:#fff; text-decoration:none; }
#logo .siteName{width:60px; height:22px; position:absolute; left:50px; top:4px; font-size:21px; font-family:微软雅黑;}

#logo .siteSlogan{ width:150px; height:22px; font-size:14px; letter-spacing:1px; position:absolute; left:105px; top:10px; font-family:微软雅黑; }
#logo .siteUrl{ width:50px; height:22px; position:absolute; left:28px; top:32px; }
#headInfo{ float:right; width:700px;}
#headInfo .site{ float:left; margin:8px 15px 0 0; color:#fff; letter-spacing:2px; font-size:16px; font-family:微软雅黑;}
#headInfo .slogan{ float:left; margin-top:15px; color:#fff; letter-spacing:2px; }

/*pagehead*/
#pageMenu{float:left; width:868px; overflow:hidden; background:#eee; margin-bottom:5px;}
    #pageMenu ul{ margin-left:5px;}
    #pageMenu li{ list-style:none; float:left;}
    #pageMenu li span{  float:left;}
    #pageMenu li span.left{ width:0px; }
    #pageMenu li span.center{ padding:0 5px 0 5px;}
    #pageMenu li span.right{ width:0px; }
    #pageMenu li.current {background:#fff;margin-top:5px; }
    #pageMenu li.current span.left{ width:0px; }
    #pageMenu li.current span.center{ padding:0 5px 0 5px;margin-top:-5px; text-align:center;}
    #pageMenu li.current span.right{  width:0px; }
    #pageMenu li.current a{ color:#ff0000; }
    #pageMenu li span a{  margin-top:6px; display:block;padding:0 6px 0 6px;text-align: center;  font-family:微软雅黑,黑体,宋体; font-size:17px;  }
    #pageMenu li span a:hover{ color:#40B143;}

/*content*/
#contentBasicBg{ width:100%; text-align:center; clear:both; }
#content{ display:table; width:989px; height: 100%; text-align:left; margin: 0px auto; }
.contentBgTop{ float:left; font-size:0px; height:0px; }
.contentBgBody{ float:left; width:989px; }
.contentBgBottom{ float:left; font-size:0px; height:0px; }
#mainBox
{
	width: 870px;
	float: right;
	vertical-align:top; 
}
#mainBoxHead
{
	width: 870px;
	float: left;
}
#mainBoxContent
{
	width: 870px; min-height:600px; 
	float: left; overflow:hidden;
	padding-bottom:20px;
}
#mainBoxBottom
{
	width: 870px;
	float: left;
}
.mainContent
{
	width: 870px;
	float: left;
	vertical-align:top; 
	margin:0px;overflow:hidden;
}
.mainContent_left
{
	width: 450px;
	float: left;
	vertical-align:top; overflow:hidden;
}
.mainContent_right
{
	width: 300px;
	float: right;
	vertical-align:top; overflow:hidden;
}
#contentSubBox
{
	width: 108px;
	float: left; padding-top:30px; 
	vertical-align:top;
	overflow:hidden;background:#63B92D;
}
.contentSub
{
	width: 108px;
	float: left; 
	vertical-align:top;
}
.contentSubBottom
{
	width: 108px;
	height:10px;
	float: left;font-size:0px;
	background:#63B92D url('image/subBar-bg-bottom.jpg') no-repeat;
}
#mainBox a { text-decoration: none; }
#mainBox a:link,#mainBox a:visited{ color: #2F92CF; }
#mainBox a:hover { color: #FF3300; }
/*subMenu*/
#subMenuBox{width: 108px;}
.menuList{ float:left; width: 108px;}
		.menuList ul {list-style:none;}
		.menuList li { width:108px; float:left;background-color:#63B92D}
		.menuList a{ display:block;  text-decoration: none;}
		.menuList li a { font-size:12px; width:100px;line-height:20px; padding:5px 0px 0px 8px; border-bottom:solid 1px #73D634;}		
		.menuList li a:link{color: #fff;}
		.menuList li a:visited{color: #fff;}
		.menuList li a:hover{color: #fff; background-color:#73D634;}
		.menuList li a:active{color: #fff;}
		.menuList li.menu_current a {color: #fff;}

.mainBoxDefault{ }

.toolBar{ float:left;width: 108px; padding-top:20px; background-color:#fff;}
.toolBar ul {list-style:none;}
.toolBar li { width:108px; float:left;}
.toolBar a{ display:block; text-decoration: none;}
.toolBar li a { font-size:12px; width:105px;line-height:20px; padding:3px 0 0 4px; margin-top:1px; border-bottom:dotted 1px #999;}
.toolBar li a:link{color: #000;}
.toolBar li a:visited{color: #000;}
.toolBar li a:hover{color: #ff0000; background-color:#eee;}
.toolBar li a:active{color: #000;}

/*default.aspx*/
#pageSearchBar{float:left;width:860px; position:relative; height:160px; background:#eee; padding:5px;}
#pageSearchBar .guideBar{ padding-bottom:5px;}
#pageSearchBar .guide{font-family:微软雅黑; font-size:23px;font-weight:bold; }
#pageSearchBar .guideIntro{ padding-left:10px; color:#555;}

#defaultMenuBar{ float:left; position:absolute; }
#defaultMenuBar .pageClassBox{ float:left; width:83px; margin-right:3px; padding:5px 2px 5px 5px; border:solid 1px #fff; height:100%; background:#fff; }
#defaultMenuBar .pageClassBox .category{ font-weight:bold; }
#defaultMenuBar .pageClassBox .class{ float:left;}
#defaultMenuBar .pageClassBox .tempclass{ float:left;font-size:12px;  width:100%; line-height:180%; display:none;}
#defaultMenuBar .pageClassBox .class,#defaultMenuBar .pageClassBox .tempclass .list{}
#defaultMenuBar .current{ border: 1px solid #FCD005; height: 100%; background-color: #FFFFDD;}
#defaultMenuBar .pageClassBox a{ float:left; display:block; width:100%; color:#000;}
#defaultMenuBar .pageClassBox a:link{ color:#000;}
#defaultMenuBar .pageClassBox a:hover{ color:#ff0000; background: #eee; }

.bBar{ float:left; width:420px; }
.sBar{ float:right; width:440px; }
.cbox{margin-top:5px; }
.cbox .chead{ font-weight:bold; background:#f5f5f5; padding:2px 5px 0 5px;  }
.cbox .cbody{ overflow:hidden; }

/*.showMenu{ width:100%; float:left;}
.showMenu ul {list-style:none; width:100%; float:left;}
.showMenu li { float:left;}
.showMenu li a {  border-bottom-color:#f5f5f5; display:block; text-decoration: none; margin:2px 2px 0 0; padding:3px 8px 1px 8px;}
.showMenu li.current a {  }*/

#searchBox{ float:left;width:860px; background:#EAF0D8; margin:5px 0 5px 0; padding:5px; text-align:left;}
#searchBox .inputBar{ float:left; }
#searchBox .tagBar{ float:left; padding-left:5px; color:#666;}
#searchBox .tagBar a{color:#555; }
#searchBox .tagBar a:hover{color:#ff0000;}

.dGroupList{ float:left; margin:5px;  width:70px;}
#hotsiteBox{ padding-top:5px; }
#hotsiteBox p{ padding:3px;}
#hotsiteBox a{ color:#000; }
#hotsiteBox a:link,#hotsiteBox a:visited{ color:#000; }
#hotsiteBox a:hover{ color:#ff0000; }
/*default.aspx end*/

/*myBar*/
#myBar{ position: fixed; z-index: 9999; bottom: 0px; width: 100%; text-align: center;
        _position:absolute; /* for IE6 */
        _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */}
      #myBar .int
      { width: 868px; height: 55px;margin: 0px auto; text-align: center;  background:#eee; border:solid 1px #ccc;
        -moz-border-radius-topleft: 14px; 
        -moz-border-radius-topright: 14px;
        -webkit-border-top-left-radius: 14px;  
        -webkit-border-top-right-radius: 14px; }
      #myBar .contentBox
      { 
        margin:5px 10px 0px 10px;
      }
      #userBox{
        width:460px;
        float:right; text-align:left; position:relative;
      }
          #userBox .userPic{
           width:68px; height:68px; background:#555; float:left; margin-top:-10px; padding-top:5px; position:absolute; text-align:center; overflow:hidden; vertical-align:middle; background:url(image/icon-btn.gif) no-repeat 0px -200px;
          }
          #userBox .userWelcome{ color:#555; position:absolute; left:0px; bottom:-30px; background-color:#ffa; border:1px solid #cc9; padding:2px 3px 0px 3px; -moz-box-shadow: 2px 2px 3px #ccc; -webkit-box-shadow: 2px 2px 3px #ccc; }
          #userBox a.userName{ font-size:14px;}
          #userInfo{
            margin-top:2px; width:388px; height:45px; float:right;
          }
          #userInfo .abtn{ position:relative; background:#f5f5f5; padding:4px 8px 2px 8px; margin:1px;
          border-top:solid 1px #DADADA;
          border-left:solid 1px #F0F0F0;
          border-right:solid 1px #BBBBBB;
          border-bottom:solid 1px #BBBBBB;}
          #userInfo .bar1{ float:left; width:100%;   margin-bottom:3px;}
          #userInfo .bar2{ float:left; width:100%;  margin-top:3px;}
          #userInfo a.abtn:hover{ background:#fff;}
          #userBox a{ text-decoration:none; }
          #userBox a:link { color: #3eb3d6;}
          #userBox a:visited { color: #308ba6;}
	      #userBox a:hover { color: #ff0000; }
	      
	      #userBox .search{
           width:61px; height:26px; right: -18px; top:-13px; position:absolute; 
          }
	      
      #appBox{
        float:left; width:380px; overflow:hidden; text-align:center;
        }
          #appBox .appList{
            float:right; width:48px; height:48px; overflow:hidden; margin:0px 5px 0px 5px; background:#63B92D;
          }
          #appBox .appName{ float:left; width:43px; height:43px; padding:5px 5px 5px 3px;}
          #appBox a.appName:hover{background:#A3CA2D; }
          #appBox a{ color:#fff; text-decoration:none;}
          #appBox a:link{ color:#fff;}
          #appBox a:hover{ color:#ff0000;}
          
      #goTop{ position: fixed;z-index: 999;bottom: 55px;right:20px;font-size:16px;
              _position:absolute; 
              _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(83 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
     }

/*foot*/
#footBox
{
	margin-top:12px; 
	width: 100%;
	height: 235px;
	text-align: center; 
}
	
	#footer
	{
		width: 989px;height:235px; text-align: left;
		display: block;margin:0px auto 0px auto;
	}
	    #footer a{ text-decoration: none; } 
		#footer a:link { color: #3eb3d6;}
		#footer a:visited { color: #308ba6; }
		#footer a:hover { color: #ff0000; }
	#footLogo { float: left; width: 50px; margin-top:20px; }
	.footInfo{ float: left; padding:20px 0px 0px 50px; }
		.footInfo span{ float: left; width:88px; margin:3px; }
	.footLink{ float: left; padding-left:20px;  padding-top:3px; margin-top:20px;}
	.footRights{ float: left; padding-left:35px;  padding-top:6px; margin-top:20px;}
		#xmga { float: left; width: 42px; height: 42px; clear: both;}
/*others*/
.loading{ float:left; width:99%; padding:20px 0 20px 0; background:url(image/loading.gif) no-repeat 10%;}
.corner{-moz-border-radius-topleft: 4px; 
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomleft: 4px; 
        -moz-border-radius-bottomright: 4px;
        -webkit-border-top-left-radius: 4px;  
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;  
        -webkit-border-bottom-right-radius: 4px;}
        
h1,h2,h3,h4{font-family:微软雅黑,黑体,宋体;}
h1 {font-size:26px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}

hr{ color:#ccc;}
li{ list-style-type: none;}
img { border:0; }
b { font-weight:normal;}
p { line-height: 150%; }
textarea { padding:5px; color:#63B92D; font-size:14px; }
input{ padding:5px; color:#63B92D; background-color:#f8f8f8; font-weight:bold; font-size:14px; border-style: solid; border-width:1px; border-color:#aaa #ccc #ccc #aaa; }
input:hover{ background-color: #fff; }
input.btn{ cursor:pointer; background:#FF9900; padding:4px 5px 2px 5px; color:#eee; border-style: solid; border-width: 1px; border-top-color: #ccc; border-right-color: #999; border-bottom-color: #999; border-left-color: #ccc;}
input.btn:hover{ background:#FFB951; cursor:pointer;color:#fff; }
.searchInput{ color:#555; background: url(image/searchbtn.gif) no-repeat right; cursor:pointer; font-size:12px; font-weight:normal; background-color: #FFFFE6; border: 6px solid #E1E1E1;}
.btn:link{color:#eee;}
.btn:hover{ background:#FFB951; cursor:pointer;color:#fff; }
a.btn{cursor:pointer; background:#FF9900; color:#eee; border-style: solid; border-width: 1px; border-top-color: #ccc; border-right-color: #999; border-bottom-color: #999; border-left-color: #ccc; padding:5px; }
a.btnSimple{cursor:pointer; background:#e5e5e5; color:#555; border-style: solid; border-width: 1px; border-top-color: #ccc; border-right-color: #999; border-bottom-color: #999; border-left-color: #ccc; padding:4px 5px 2px 5px; }
.gray{ color:Gray;}
.keyText{ background-color:Yellow;}

.state-error{ color: #cd0a0a; border: 1px solid #cd0a0a; background: #fef1ec;}
.tips-error{ color: #cd0a0a; background: #fef1ec;}
.alertyes { color: #1C9DCE; font-size:14px; background-color: #EFF8FC; padding: 5px 2px 3px 6px; border: 1px solid #71CAFF; margin: 5px 0 5px 0; }
.alertno { color: #DB2C00; font-size:14px; background-color: #FDEDE8; padding: 5px 2px 3px 6px; border: 1px solid #FF8C8C;  margin:5px 0 5px 0;}

.tbl th {margin:0px; padding:3px 5px 2px 5px; background-color:#eee; border:solid 1px #fff;}
.tbl td {margin:0px; padding:5px 5px 3px 5px; background-color:#f5f5f5; border:solid 1px #fff;}
.postBar{ text-align:center; background:#FEFAE7; padding:15px;}
.clear{ clear:both;}

/*suggestion*/
#suggestInit{ display:none;}
#suggestBox{text-align:left;}
#suggestBox .gray{color:gray;}
#suggestBox .s_result { width:180px; padding: 0px;background:#fff;overflow: hidden;border:1px solid #7f9db9;z-index: 1000000; display:none;}
#suggestBox .s_result ul{width: 100%;margin:0;padding:0;list-style:none; list-style-position: outside; max-height:180px; overflow:auto;}
#suggestBox .s_result li a{ text-decoration:none;color:#05a;}
#suggestBox .s_result li{border:1px solid #fff;margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;line-height: 16px;
	overflow: hidden;}
#suggestBox .s_over,#suggestBox .s_result li a:hover {background:#c8e3fc;}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}



/* bgBox */
.bgBox,.bgBar{ overflow:hidden;zoom:1;}
	.bgBox b,.bgBar b{_display:inline;/* ie6 */display:table;/* ff2 */display:inline-block;/* ff3,webkit,ie7 */display:/*\**/table\9;/* ie8 */overflow:hidden;max-width:100%;background-image:url(image/bgBox.gif);background-position:0 0;background-repeat:no-repeat; text-overflow:ellipsis;-o-text-overflow:ellipsis;zoom:1;}
	.bgBox b b,.bgBar b b{background-position:100% 0;}
	.bgBox b b b, .bgBar b b b{background-position:0 100%;}
	.bgBox b b b b{max-width:none;padding:5px 10px 8px 10px;background-position:100% 100%;}
	.bgBar b b b b{max-width:none;padding:5px 7px 3px 8px;background-position:100% 100%;}
	
/*login&reg*/
 #regBox{  margin-left:-20px; padding-left:80px; background:url( image/e_icon1.jpg) no-repeat;}
 #loginBox{  margin-left:-20px; padding-left:80px; background:url( image/e_icon1.jpg) no-repeat;}
 
 /*tooptip*/
.tooltip { display:none; background-color:#ffa; border:1px solid #cc9; padding:3px; -moz-box-shadow: 2px 2px 3px #666; -webkit-box-shadow: 2px 2px 3px #666; }

/* jqModal  */
.jqDrag {cursor: move;}
.jqmOverlay{ background:#000;}
.jqmCloseX
{
	font-family:sans-serif;
	font-weight:bold;
	font-size:15px;
	text-align:center; 
  width:28px;
  height:22px;
  display:block;
  clear:right;
  cursor:pointer;
  color:#fff;
  text-decoration:none; position:absolute; right:0px; top:0px;
}
.jqmCloseX:link{ color:#fff;}
.jqmCloseX:hover{color:#ff0000; background:#99cc00; }
/*jqModal Alert*/
#jqmAlert,#jqmConfirm { 
  display: none;  
  position: fixed;
  top: 200px;
  width: 100%;
     _position: absolute;
     _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.jqmAlertWindow{ width: 400px; }
.jqmAlertWindow,.jqmDialogWindow,.jqmDialogBoxWindow {
  height:auto;
  margin: auto;  
  background:#63B92D;
  padding:2px;
  border-style: solid; border-width: 4px; border-color: #ccc;
  -moz-border-radius-topleft: 4px; 
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomleft: 4px; 
  -moz-border-radius-bottomright: 4px;
  -webkit-border-top-left-radius: 4px; 
  -webkit-border-top-right-radius: 4px; 
  -webkit-border-bottom-left-radius: 4px; 
  -webkit-border-bottom-right-radius: 4px; 
}
.jqmAlertTitle,.jqmDialogTitle,.jqmDialogBoxTitle
{
  color:#fff;
  margin:0px;
  height:24px;
  background:#63B92D;
  position:relative;
}
.jqmAlertTitle h1,.jqmDialogTitle h1,.jqmDialogBoxTitle h1{ 
  
  height:24px;
  margin-top:1px;
  padding-left:5px;
  font-size:14px;
  font-weight:bold;display:block;

}
div.jqmAlertContent{
  color:#000;
  padding:20px;
  background:#fff;
}
.jqmAlertBottom,.jqmDialogBottom,.jqmDialogBoxBottom
{
  text-align :center;
  color:#000;
  padding:5px 20px 5px;
  background:#eee;
  border-top:solid 1px #ccc;
}
/*jqModal Confirm*/
#jqmConfirm 
{
}
/*jqModal Dialog*/
#jqmDialog 
{
  display: none;  
  position: fixed;
  top: 10px;
  width: 100%;
     _position: absolute;
     _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.jqmDialogWindow {
  width: 450px;
}
div.jqmDialogContent{
  color:#000;
  padding:20px;
  background:#fff;
  max-height:400px;
  _height:expression(this.scrollHeight > 400 ? "400px" : "auto");
  overflow-y:auto;
}
/*jqModal DialogBox*/
#jqmDialogBox 
{
  display: none;  
  position: fixed;
  top: 10px;
  width: 100%;
     _position: absolute;
     _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(5 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
#jqmDialogBox a { text-decoration: none; }
#jqmDialogBox a:link,a:visited{ color: #2F92CF; }
#jqmDialogBox a:hover { color: #FF3300; }

.jqmDialogBoxWindow {
  width: 600px;
}
div.jqmDialogBoxContent{
  color:#000;
  width: 560px;
  padding:20px;
  background:#fff;
  max-height:400px;
  _height:expression(this.scrollHeight > 400 ? "400px" : "auto");
  overflow-y:auto; overflow-x:hidden;
}
/*resultAlert*/
#resultAlert{ color:#555; left:0px; background-color:#ffa; 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; }
/*jPager*/
.pager ul.pages {
float:left;
width:100%;
font-size:14px; 
margin:10px 0 10px 0; 
}   
  
.pager ul.pages li { 
float:left;   
border:1px solid #ccc;  
margin:0 2px 0 2px;   
padding:3px 8px 3px 8px;  
list-style:none;
cursor:pointer;
}   
  
.pager ul.pages li:hover {
color:#fff;
background-color:#63B92D;   
border:1px solid #63B92D;   
}

.pager ul.pages li.pgEmpty {   
border:1px solid #eee;   
color:#ccc;   
}
  
.pager ul.pages li.pgCurrent { 
color:#ff0000;   
font-weight:bold;
border:1px solid #999; 
background-color:#eee;   
}