.toolbar{width: 100%;height:31px;line-height:31px;position: absolute;top: 0;left: 0;background:url(images/public/toolbarbg.jpg) repeat-x;}

#headerfix{ height:40px; width:100%;}
.bodyHeader { height:40px; width:100%;}
.logo   { height:40px; width:377px; float:left; margin-left:20px;_margin-left:10px;  display:block; background:url(images/public/logo.jpg) no-repeat;}
.banner {height:100px;width:100%;float:left;}
.bodyContent{width:100%;float:left; margin-top:20px;_margin-top:10px}



/* login & userinfo */

#loginarea{margin:auto; text-align:right; width:880px;height: 31px;line-height:31px; vertical-align:middle;}
#login,#userinfo{ float:right;}
#login div,#userinfo div{ float:left;}
.logincontent2{margin-top:4px;_margin-top:2px;}

#welcome   { width:280px; padding-top:1px; float:left; margin-right:10px; _margin-right:5px; }
#workroom a    { width:80px; display:block; text-align:center; height:21px; padding-top:1px; background:url(images/public/loginbg.jpg) no-repeat }
#workroom a:hover  { background-position:-80px 0; text-decoration:none; font-weight:bold }

#login a{color: #669999;margin: 0 10px;}

.btnlogin{ width:60px; height:20px; display:block; background-image:url(images/public/loginbtn.jpg); }

/*=======================NavigationBegin=================================================*/

.nav    { height:30px; width:503px; float:left;margin-top:10px;_margin-top:5px;}
.navItem{float:left;height:30px;}
.navItem div  { display:none }

#navcourseChild        { width:252px; position:absolute; top:80px; _top:75px; border:1px solid #ccc; padding:15px 10px }
#navcourseChild span   { text-align:center; width:80px; float:left; border-right:1px dashed #ccc; display:block }
#navregionChild       { width:222px; position:absolute;  top:80px;_top:75px; border:1px solid #ccc; padding:15px 10px }
#navregionChild span  { text-align:center; width:70px; float:left; border-right:1px dashed #ccc; display:block }

#navindex, #navcourse, #navregion, #navdiscuss, #navask, #navhelp { display:block; height:30px;background:url(images/public/navbg.gif) no-repeat}
#navindex         { width:87px;  }
#navindex:hover   { background-position:left -30px }
#navcourse        {width:82px; background-position:-87px top;}
#navcourse:hover    { background-position:-87px -30px }
#navregion          { width:82px; background-position:-169px top }
#navregion:hover    { background-position:-169px -30px }
#navdiscuss       { width:82px; background-position:-251px top }
#navdiscuss:hover { background-position:-251px -30px }
#navask           { width:82px; background-position:-333px top }
#navask:hover     { background-position:-333px -30px }
#navhelp          { width:88px; background-position:-415px top }
#navhelp:hover    { background-position:-415px -30px }


/*========================NavigationEnd=================================================*/

/*=========================FooterBegin=================================================================*/
.bodyFooter{width:100%;float:left; margin-top:10px;_margin-top:5px}
.bodyFooter .header{ float:left; width:100%; height:10px; font-size:0px; background:#5479bd url(images/public/skin1.gif) no-repeat left -154px;}
#footerleft  { width:430px; color:#f30; float:left; padding-top:10px }
.statlable {color: #929292;}
.statnumber  { color:#f60;}
#footerright { width:430px; float:right; text-align:right }
#footerright a { color:#f60 }
/*=========================FooterEnd==============================================================================*/

.star_expert_recommend,.star_assistant_recommend,.star_not_recommend,.icon-resolved,.icon-unresolved,.icon-broadcast,.icon-discuz,.icon-usergroup,.icon-fav{width: 16px;height: 16px;display:block; background-repeat: no-repeat; display:inline-block; margin:auto;background-image: url(images/public/skin1.gif);background-repeat: no-repeat;}
.star_expert_recommend{background-position: -497px -6px;}
.star_assistant_recommend{background-position: -519px -6px;}
.star_not_recommend{background-position: -542px -6px;}
.icon-unresolved{background-position: -562px -6px;}    
.icon-resolved{background-position: -582px -6px;}
.icon-broadcast{background-position: -602px -6px;}
.icon-discuz{ background-position:-622px -6px;}
.icon-usergroup{ background-position:-640px -6px; width:20px;}
.icon-fav{background-position:-834px -6px;}

#opbutton .icon-broadcast,#opbutton .icon-fav,#opbutton .star_expert_recommend{float:left}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(images/public/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(images/public/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


/* state */

.state_finished{color: #003300;}
.state_next{color: #990000;}
.state_subsequent{color: #808080;}

/*link*/    
.link01{color:#345387; }
/*linkbutton */
.link02{font-size: 11px !important;width: 15px;height: 15px;display: block;float: left;margin: 2px 4px;_margin: 2px;text-align: center;background: url(images/public/skin1.gif) no-repeat -665px -6px;line-height: 15px;}
.link02:hover{color: #fff;background:#0885c8 none;text-decoration: none; border:solid 1px #27527f;width: 13px;height: 13px;}
.link03{font-size: 11px !important;width: 15px;height: 15px;display: block;float: left;margin: 2px 4px;_margin: 2px;text-align: center;background: url(images/public/skin1.gif) no-repeat -665px -6px;line-height: 15px;}
.link03:hover{color: #fff;background:#CC0000 none;text-decoration: none; border:solid 1px #000;width: 13px;height: 13px;}

.input01{margin: 0 4px;_margin:0 2px; width: 100px;font-size: 12px !important;font-size: 13px;color: #999;}

/*for widget*/
.widget_200,.widget_220,.widget_240,.widget_250,.widget_260,.widget_385,.widget_640,.widget_660,.widget_680,widget_900{ float:left; overflow:hidden;}
.widget_200 .header,.widget_200 .footer,.widget_220 .header,.widget_220 .footer,.widget_240 .header,.widget_240 .footer,.widget_250 .header,.widget_250 .footer,.widget_260 .header,.widget_260 .footer,.widget_385 .header,.widget_385 .footer,.widget_640 .header,.widget_640 .footer,.widget_660 .header,.widget_660 .footer,.widget_680 .header,.widget_680 .footer,.widget_900 .header,.widget_900 .footer{width:100%;float:left; height:4px;background-image: url(images/public/skin1.gif); font-size:0px;}
.widget_200 .content,.widget_220 .content,.widget_240 .content,.widget_250 .content,.widget_260 .content,.widget_385 .content,.widget_640 .content,.widget_660 .content,.widget_680 .content,.widget_900 .content{float:left; border-width: 1px;border-color: #ccc;border-style: none solid none solid; padding:5px 4px;}
.widget_200 .title,.widget_220 .title,.widget_240 .title,.widget_250 .title,.widget_260 .title,.widget_385 .title,.widget_640 .title,.widget_660 .title,.widget_680 .title,.widget_900 .title{float:left; border-width: 1px;border-color: #ccc;border-style: none solid none solid;}
.widget_200{width:200px;}
.widget_200 .header{ background-position:left -1px;}
.widget_200 .title{width:198px}
.widget_200 .content{width:190px}
.widget_200 .footer{background-position:left -5px;}

.widget_220{width:220px;}
.widget_220 .header{background-position:left -11px;}
.widget_220 .title{width:218px}
.widget_220 .content{width:210px}
.widget_220 .footer{background-position:left -15px;}

.widget_240{width:240px;}
.widget_240 .header{background-position:left -21px;}
.widget_240 .title{width:238px}
.widget_240 .content{width:230px}
.widget_240 .footer{background-position:left -25px;}

.widget_250{width:250px;}
.widget_250 .header{background-position:left -31px;}
.widget_250 .title{width:248px}
.widget_250 .content{width:240px}
.widget_250 .footer{background-position:left -35px;}

.widget_260{width:260px;}
.widget_260 .header{background-position:-387px -41px;}
.widget_260 .title{width:258px}
.widget_260 .content{width:250px}
.widget_260 .footer{background-position:-387px -45px;}

.widget_385{width:385px;}
.widget_385 .header{background-position:left -41px;}
.widget_385 .title{width:383px}
.widget_385 .content{width:375px}
.widget_385 .footer{background-position:left -45px;}

.widget_640{width:640px;}
.widget_640 .header{background-position:left -51px;}
.widget_640 .title{width:638px}
.widget_640 .content{width:630px}
.widget_640 .footer{background-position:left -55px;}

.widget_660{width:660px;}
.widget_660 .header{background-position:left -61px;}
.widget_660 .title{width:658px}
.widget_660 .content{width:650px}
.widget_660 .footer{background-position:left -65px;}

.widget_680{width:680px;}
.widget_680 .header{background-position:left -71px;}
.widget_680 .title{width:678px}
.widget_680 .content{width:670px}
.widget_680 .footer{background-position:left -75px;}

.widget_900{width:900px;}
.widget_900 .header{background-position:left -81px;}
.widget_900 .title{width:898px}
.widget_900 .content{width:890px}
.widget_900 .footer{background-position:left -85px;}

.widget{width:100%; float:left;}
.widget .header{background-image:none;}
.widget .content{border:none;padding:0 4px;}
.widget .footer{background-image:none;}

.title_inner{height:24px; line-height:24px; background:#5279bc; color:#fff; margin:auto; width:95%; clear:both; z-index:101;}
.title_inner span{font-weight: bold;font-size: 110%;margin-left: 4px; _margin-left:2px; float:left;height:24px; line-height:24px;}
.title_inner a{width:50px;  float:right;color:#fff;}

.title01{width:100%;float:left; height:27px; line-height:27px; background: url(images/public/skin1.gif) 0 -91px no-repeat;}
.title01 span{font-weight: bold;color:#6279a2;font-size: 110%;margin-left: 10px;_margin-left:5px; float:left;}
.title01 a{width:50px; color:#999; float:right;}

.title02{height:24px; line-height:24px; background:#5279bc; color:#fff; margin:auto; width:95%; clear:both; z-index:101;}
.title02 span{font-weight: bold;font-size: 110%;margin-left: 10px; _margin-left:5px; float:left;height:24px; line-height:24px;}
.title02 a{width:50px;  float:right;color:#fff;}

.title03{width:100%;float:left; height:30px; line-height:30px;}
.title03 span{font-weight: bold;color:#6279a2;font-size: 120%;margin-left: 10px;_margin-left:5px; float:left;}
.title03 a{width:50px; color:#333; float:right;}

.title04{width:100%;float:left; height:30px; line-height:30px; background:url(images/public/skin1.gif) 0 -121px no-repeat;}
.title04 span{font-weight: bold;color:#504e4e;font-size: 120%;margin-left: 44px; float:left}
.title04 a{width:50px; color:#333; float:right;}

.title05{width:100%;float:left; height:67px; line-height:27px; background: url(images/public/skin1.gif) 0 -168px no-repeat;}
.title05 span{font-weight: bold;margin:44px 0 0 24px;_margin:22px 0 0 12px; float:left; color:#0686c5;}
.title05 a{width:50px; color:#999; float:right;}

.title{width:100%;float:left; _height:24px; min-height:24px; line-height:24px;}
.title span{font-weight: bold;margin-left: 10px;_margin-left:5px; float:left}
.title a{width:50px; float:right;}

.tabs01{ float:right; margin-right:30px;_margin-right:15px; z-index:101; position:relative;}
.tabs01 a{width:110px; height:30px; background: url(images/public/skin1.gif) -376px -1px no-repeat; display:block; float:left; text-align:center; padding-top:7px; font-size:14px; margin-left:1px}
.tabs01 .selected{background:url(images/public/skin1.gif) no-repeat -265px -1px; font-weight:bold;text-decoration:none;}

.tabs02{ float:right; margin-right:10px;_margin-right:5px; z-index:101; position:relative;}
.tabs02 a{width:58px; height:29px; background: url(images/public/skin1.gif) -652px -91px no-repeat; display:block; float:left; text-align:center; padding-top:2px; font-size:12px; margin-left:1px}
.tabs02 .selected{background:url(images/public/skin1.gif) no-repeat -593px -91px; font-weight:bold; text-decoration:none;}

 /* 学员 student */
 .color_role1{ color:#006aff}
  /* 指导教师 assistant */
 .color_role2{ color:#682c61}
  /* 省级专家 provinceexpert */
 .color_role3{ color:#BB0004}
  /* 国家专家 countryexpert */
 .color_role4{color:#BB0004}
  /* 网站管理 sitemanager */
 .color_role5{ color:#00954e}
  /* 项目专家 projectmanager */
 .color_role6{ color:#f00}
  /* 资讯管理 newsmanager */
 .color_role7{ color:#682c61}
  /* 匿名用户 anonymous */
 .color_role8{ color:#ff3900}
  /* 指导教师管理 asistantmanager */
 .color_role9{color:#ff3900}
  /* 区域管理 areamanager */
 .color_role11{ color: #ff8000}
  /* 项目嘉宾 projectguest */
 .color_role10{ color:#7100b7}

.replyheader a{ color:#f00}
 /* 学员 student */
 .color_role1 a{ color:#006aff}
  /* 指导教师 assistant */
 .color_role2 a{ color:#682c61}
  /* 省级专家 provinceexpert */
 .color_role3 a{ color:#BB0004}
  /* 国家专家 countryexpert */
 .color_role4 a{color:#BB0004}
  /* 网站管理 sitemanager */
 .color_role5 a{ color:#00954e}
  /* 项目专家 projectmanager */
 .color_role6 a{ color:#f00}
  /* 资讯管理 newsmanager */
 .color_role7 a{ color:#682c61}
  /* 匿名用户 anonymous */
 .color_role8 a{ color:#ff3900}
  /* 指导教师管理 asistantmanager */
 .color_role9 a{color:#ff3900}
  /* 区域管理 areamanager */
 .color_role11 a{ color: #ff8000}
  /* 项目嘉宾 projectguest */
 .color_role10 a{ color:#7100b7}

 

a.disable{color:#ccc;}

/*common */
.WhereAreYou{ width:100%; float:left; margin:4px 0;}
.nowItem{color: #CC3300;}

/* 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). */
	
.jqmWindow {
    display: none;    
    position: fixed;
    top: 17%;
    left: 50%;    
    margin-left: -300px;
    width: 600px;    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* 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 .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

	/* Toggler - default style */
	.toggler {
	   margin:25px 0 25px 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 1.2em;
		font-weight:bold;
		line-height:30px;
		display: block;
	}
	.toggler-closed {		
		padding-left:20px;
		height:30px;
		background: #efefef url('images/public/togglerc.gif') center right no-repeat;
		border: solid 1px white;
	}
	.toggler-closed:hover {
		color: #333;
		padding-left:20px;
		height:30px;
		background: #fff url('images/public/togglerch.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
	}
	.toggler-opened {		
		padding-left:20px;
		height:30px;
		background: #efefef url('images/public/togglero.gif') center right no-repeat;
		border: solid 1px white;
	}
	.toggler-opened:hover {
		color: #333;
		padding-left:20px;
		height:30px;
		background: #fff url('images/public/toggleroh.gif') center right no-repeat;
		border: solid 1px #e3e3e3;
	}

	/* Container - default style */
	.toggler-c {
	}
	.toggler-c-closed {
	   background:transparent;
	   border:solid 1px #e3e3e3;
		margin:-25px 0px 25px 0px;
	   padding:20px;
	}
	.toggler-c-opened {
		margin:-25px 0px 25px 0px;
	   padding:20px;
	   background:#efefef;
	   border:solid 1px #fff;
	}