.hidelayer {
	display:none;
	visibility:hidden;
}
.showlayer {
	display:block;
	visibility:visible;
}

body {
	background:url(/images/bg.jpg) bottom repeat-x ;
}
/*
body, input, select, textarea, pre {
	margin:0;
	padding:0;
	font-family: "Arial", "宋体";
	font-size:9pt;
	line-height: 1.5em;
}
*/
/*  delete the input */
body, select, textarea {
	margin:0;
	padding:0;
	font-family: "Arial", "宋体";
	font-size:9pt;
	line-height: 1.5em;
}
input{
	margin:0;
	padding:0;
	font-family: "Arial", "宋体";
	font-size:9pt;
	line-height: 1.5em;
	vertical-align:middle;
}


img {
    border:0px;
    vertical-align:middle;
}
form {
	margin:0px;
	padding:0px;
}
td.label  {
	margin-left:10px;
	font-weight:bold;
	vertical-align:text-bottom;
}

/* for some td in header.ftl */
.header_td{
	background-image:url(/images/topleftbg.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
}
.header_td a {
	color:#666666;
}

/* use for the div in header.ftl */
#top{
width:auto;
height:118px;
background-image:url(/images/top_bg.jpg);
}
/* the content is the body include the footer.ftl but not the other three ftls */
/*
#content{
background-image:url(/images/bg.jpg);
background-repeat:repeat-x;
background-position:bottom center;
}
*/

/* the banner1 see the macro of ftl download prompt*/
#banner1{
margin-top:-5px;
height:98px;
background-image:url(/images/banner_bg.jpg);
}

a {
color:#000000;
text-decoration: none;
}
a. blue {
color:blue;
text-decoration: none;
}
a:hover {
color:#FF0000
}


#topright{
      float:left;
      width:106px;
	  height:26px;
	  margin:0;
	  padding:0 0 0 10px;
      line-height:normal;	  
}

#langForm{
margin-top:5px;
height:26px;
}

#langForm select{
	position:relative;
	left:-2px;
	font-size:9pt;
	width:80px;
	line-height:18px;
	color:#333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.tiny {
}

#login div{
float:left;
margin-left:10px;
height:20px;
vertical-align:middle;
}
form {
margin: 0px;
}
input{
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #666666;
}


#banner{
margin-top:10px;
height:428px;
}


#fooder{
height:170px;
}

#conment{
border: 1px solid #666666;
}
.cost{
color:#0E83E2
}

/* for validation */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF8080;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}
/* the input textfiled style */
td .tdLabel{
	height:24px;
	font-weight:bold;
	width:88px;
}

/* action error or message */
.error {
    background-color: #fcc;
}
.errorBox {
	text-align:left;
    background-color: #FFFFFF;
    border: 1px solid #c00;
    padding: 5px;
    margin: 5px;
}
.errorMessage {
    color: #c00;
}
.message {
    background-color: #cfc;
}
.messageBox {
    text-align:left;
    background-color: #FFFFFF;
    border: 1px solid #0c0;
    padding: 5px;
    margin: 5px;
}
.actionMessage {
    color: #090;
}

#banner_download{
height:98px;
background-image:url(/images/banner_bg.jpg)
}

.lessonset_category_activated {
padding-left:30px;
height:64px;
font-weight:bold;
font-size:14px;
background-image:url(/images/ls_category_bg.gif);
}
.lessonset_category_activated a {
color:#0066cc;
}
.lessonset_category {
padding-left:30px;
font-weight:bold;
font-size:14px;
height:64px;
}

/* for pagination */
.page_number {
font-weight:bold;
padding:2px 5px 2px 5px;
}
.page_number_current {
font-weight:bold;
padding:2px 5px 2px 5px;
background-color:#ffcc00;
}

/* ff and IE */
ul{margin:0;padding:0;}



/*             styles for the star rater                */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 70px;
	height: 14px;
	position: relative;
	background: url('/images/starrating.gif') top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:14px;
	height: 14px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating a.star_1{
	left: 0px;
}
.star-rating a.star_1_hover{
	background: url('/images/starrating.gif') left bottom;
	z-index: 1;
	left: 0px;
	width:14px;
}
.star-rating a.star_2{
	left:20px;
}
.star-rating a.star_2_hover{
	background: url('/images/starrating.gif') left bottom;
	z-index: 1;
	left: 0px;
	width: 28px;
}
.star-rating a.star_3{
	left: 28px;
}
.star-rating a.star_3_hover{
	background: url('/images/starrating.gif') left bottom;
	z-index: 1;
	left: 0px;
	width: 42px;
}
.star-rating a.star_4{
	left: 42px;
}	
.star-rating a.star_4_hover{
	background: url('/images/starrating.gif') left bottom;
	z-index: 1;
	left: 0px;
	width: 56px;
}
.star-rating a.star_5{
	left: 56px;
}
.star-rating a.star_5_hover{
	background: url('/images/starrating.gif') left bottom;
	z-index: 1;
	left: 0px;
	width: 70px;
}

/*- navigation --------------------------- */

    #navigation {
      float:left;
      width:100%;
      line-height:normal;
    }
    #navigation ul {
        list-style:none;
      padding:0px;
      margin:0px;
    }
    #navigation li {
      display:inline;
      padding:0px;
      margin:0px;
    }
    #navigation a {
      float:left;
      width:157px;
      height:32px;
      padding:0px;
      margin:0px;
    }
    #navigation a.navi_home {
      background:url("/images/navi_home_a.gif") no-repeat left top;
    }
    #navigation a.navi_home_active {
      background:url("/images/navi_home.gif") no-repeat left top;
    }
    #navigation a.navi_download {
      background:url("/images/navi_download_a.gif") no-repeat left top;
    }
    #navigation a.navi_download_active {
      background:url("/images/navi_download.gif") no-repeat left top;
    }
    #navigation a.navi_lesson {
      background:url("/images/navi_lesson_a.gif") no-repeat left top;
    }
    #navigation a.navi_lesson_active {
      background:url("/images/navi_lesson.gif") no-repeat left top;
    }
    #navigation a.navi_lab {
      background:url("/images/navi_lab_a.gif") no-repeat left top;
    }
    #navigation a.navi_lab_active {
      background:url("/images/navi_lab.gif") no-repeat left top;
    }
    #navigation a.navi_help {
      background:url("/images/navi_help_a.gif") no-repeat left top;
    }
    #navigation a.navi_help_active {
      background:url("/images/navi_help.gif") no-repeat left top;
    }
    #navigation a.navi_community {
      background:url("/images/navi_community_a.gif") no-repeat left top;
    }
    #navigation a.navi_community_active {
      background:url("/images/navi_community.gif") no-repeat left top;
    }
    #navigation a.navi_biz {
      background:url("/images/navi_biz_a.png") no-repeat left top;
    }
    #navigation a.navi_biz_active {
      background:url("/images/navi_biz.png") no-repeat left top;
    }
		
div.yellowbg {
background:url(/images/yellowbg.gif) no-repeat;
width:122px;
height:23px;
text-align:center;
color:#333333;
padding-top:2px;
font-weight:bold;

}



/* mysaybot's left menu */


.mysaybot_leftmenu_activated {
padding-left:30px;
height:33px;
font-weight:bold;
font-size:12px;
background-image:url(/images/mysaybot_menu_bg.gif);
}
.mysaybot_leftmenu_activated a {
color:#0066cc;
}
.mysaybot_leftmenu {
padding-left:30px;
font-weight:bold;
font-size:12px;
height:33px;
}

.artibody{
	margin:15px 25px;font-size:14px;line-height:23px;
}
.artibody img {
	border:1px solid #000;
}
.artibody p{
	font-size:14px;line-height:23px;margin:15px 0;
}

/* mysaybot's left menu */

}
.noborder {
border:0px;
}

fieldset{
	-moz-border-radius:8px;
}

.requiredstar {
    color:red;
}
.blue {
	color:blue;
}

/* paginate tag style*/
  .pagination {
    padding: 3px;
    margin: 3px;
  }
  .pagination a {
	color:#000000;
	text-decoration: none;
  }
  .pagination a:hover, .pagination a:active {
	color:#FF0000
  }
  
  .pagination span.page_number {
  	font-weight:bold;
	padding:2px 5px;	
  }
  
  .pagination span.current {
	font-weight:bold;
	padding:2px 5px 2px 5px;
	background-color:#ffcc00;
  }
  .pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
  }