/* all */
html{
  margin:0;
  padding:0;
  overflow-x: hidden;
  overflow-y: scroll;
}

body{
  margin: 0;
  padding: 0;
  font: normal 12px/1.5 tahoma, arial, sans-serif;
  color: #404040;
  background: gray;
  text-align: center;
  overflow-x: hidden;
  overflow-y: hidden;
}

div{
  margin: 0px;
  padding: 0px;  
  color: #404040;
  font: normal 14px "tahoma";
  font: normal 12px/1.5 tahoma, arial, sans-serif;
}

ul{
  list-style:none;
}

img{
  margin: 0;
  padding: 0;
  border: 0px;
  vertical-align: middle;
}

input {
  color: #404040;
  outline: none;
}

textarea {
  resize: none;
  outline: none;
}

form{
  margin:0;
  padding: 0;
}

hr {
  height: 1px;
  border: 0;
  color: silver;
  background-color: silver;
}


a {
  color: blue;
  text-decoration: none; 
}
a:link {color: blue;}
a:visited {color: blue;}
a:hover{ text-decoration: none; color: red;}

/* menu_item */
.menu_item{
  margin: 2px;
  padding: 3px;
  display: inline;
  float: left;
  width: 140px;
  overflow:hidden;
  border: solid 1px gray;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

/* line */
.line{
  font: normal 16px/28px tahoma;
}

/* line_caption */
.line_caption{
  display: block;
  float: left;
  width: 80px;
  text-align: center;
}

/* line_content */
.line_content{
  display: block;
  float: left;
  width: 700px;
}

/* record_caption */
.record_caption{
  color: #404040;
  font-size: 12px;
  display: block;
  width: auto;
  text-align: left;
}

.record_caption a {
  color: gray;
  text-decoration: none; 
}
.record_caption a:link {color: gray;}
.record_caption a:visited {color: gray;}
.record_caption a:hover{ text-decoration: none; color: black;}

/* record_content */
.record_content{
  display: block;
  width: auto;
}

/* input_text */
.input_text{
  margin: 0;
  font-size:12px;
  line-height:20px;
  /*height: 18px!important;*/
  height:20px;
  width: 120px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  /*padding:2px 2px 0 2px !important;*/
  padding:0 2px 0 2px;
  border:1px solid gray;
  vertical-align:middle;
  background:#FFFFFF;
}

/* button */
.button{
  cursor:pointer;
  border: solid 0px #5C982C;
  height: 28px;
  width: 95px;
  line-height: 28px;
  vertical-align: middle;
  color: white  ;
  font: bold 14px tahoma;
  background: #008080;
}

.button67{
  display: inline-block;
  cursor: pointer;
  margin: 0;
  border: solid 0px gray;
  height: 28px;
  width: 67px;
  line-height: 28px;
  vertical-align: middle;
  color: white;
  font: bold 14px tahoma;
  background: #008080;
}

/* menu */
.menu{
  list-style:none;
  margin:0; 
  padding:0;
}

.menu li{
  margin:0px;
  padding: 3px 0 0 0;
  float: left;
  display: block;
  width: 48px;
  height: 28px;
  text-align:center;
}

.menu .floatright{
  float: right;
}

.menu a {
  color:  #006291;
  font-weight: normal;
  text-decoration: none; 
  font-size: 14px;
  height: 20px;
  line-height: 24px;
  padding: 0 0 0 10px;
}
.menu a:link {color:  #006291;}
.menu a:visited {color:  #006291;}
.menu a:hover{ text-decoration: none; color: #FF4500;}

/* bar */
.bar{
  margin: 3px 0 3px 0;
  padding: 0 5px 0 5px; 
  background: #C1D8F9; 
  height: 28px; 
  line-height: 28px;
}

/* highlight */
.highlight{
  color: red; 
  background: yellow;
}

/* div_header */
.header{
  clear: both;
  padding:5px 20px 5px 20px;
  width: 750px;
  height: 28px;
  line-height: 28px;
  margin: auto;
  color: #F0F0F0;
  font-size: 14px;
  text-align: left;
  background: #383838;
}

.header a {
  color: #F0F0F0;
  font-weight: bold;
  text-decoration: none; 
}
.header a:link {color: #F0F0F0;}
.header a:active {color: #F0F0F0;}
.header a:visited {color: #F0F0F0;}
.header a:hover{ text-decoration: none; color: white;}

/* div_main */
.main{
  clear: both;
  width: 780px;
  padding: 5px;
  margin: auto;
  background: #F0F0F0;
  text-align: left;
}

/* div_footer */
.footer{
  clear: both;
  color: #F0F0F0;
  padding: 5px;
  width: 780px;
  margin: auto;
  font-size: 13px;
  text-align: right;
  background: #383838;
}
.footer a {
  color: #F0F0F0;
  font-weight: bold;
  text-decoration: none; 
}
.footer a:link {color: #F0F0F0;}
.footer a:visited {color: #F0F0F0;}
.footer a:hover{ text-decoration: none; color: white;}
/* tip */
.tip{
  border:1px solid #cccccc; 
  background:#FDFDDF;
  font-size:13px;
  height: 32px;
  line-height: 32px;
}

/* hr */
.hr{
  clear:both;
  border: none 0 white;
  font-size: 0px;
  height: 1px;
  line-height: 1px;
  background: silver;
  overflow: hidden;
  /*background: gray url(hr.png);*/
  margin: 3px 0 3px 0;
}

/* row */
.row{
  clear:both;
  height: 32px;
}

.row span{
  float: left;
  height: 20px;
  line-height: 24px;
  display: block;
  width: 46px;
}

.row input{
  float: left;
}


.row a {
  color: white;
  font-weight: normal;
  text-decoration: none; 
  font-size: 12px;
  height: 20px;
  line-height: 24px;
  padding: 0 0 0 10px;
}
.row a:link {color: green;}
.row a:visited {color: green;}
.row a:hover{ text-decoration: none; color: red;}

/* listheader */
.listheader{
  color: gray;
  margin:0; 
  padding:0;
  height: 32px;
  font-weight:bold;
  line-height: 32px;
  text-align:center;
  background: #C1D8F9;
}

/* list */
.list{
  list-style:none;
  margin:0; 
  padding:0;
}

.list li{
  margin: 0;
  padding: 0;
  display: block;
  height: 24px;
  line-height: 24px;

}

.list a{
  display: block;
  padding: 0 0 0 26px;
  height: 24px;
  line-height: 24px;
  text-decoration: none; 
  background: url(icons.gif) no-repeat 0 -72px;
}

.list a:link {color: #006291;}
.list a:visited {color: #006291;}
.list a:hover{
  color: #FF4500;
  background-color: white;
  text-decoration: none;
  /*background-position: 0 0;*/
}

.alignleft{
  text-align: left;
}

/* bk */
.bk_white{
  background: white;
}

.img_soon{
  float:left; 
  padding: 0 5px 0 0;
}

.clearboth{
  clear:both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}


.player{
  clear: both;
  color: #F0F0F0;
  height: 400px;
  margin:0;
  padding:0;
  background: black;
  text-align: center;
  position: relative;
}

.player .title{
  display: block;
  padding: 160px 0 0 0;
  color: white;
  font: bold 24px/32px tahoma;
  position: relative;
}

.player .play{
  display: block;
  color: yellow;
  padding: 80px 0 0 0;
  font: bold 14px/24px tahoma;
  position: relative;
}

/* div_goto */
#div_goto{
  padding: 3px 9px 3px 9px;
  background: #C1D8F9;
  margin: 0 0 3px 0;
  line-height: 28px;
  height: 28px;
}

/* div_pagecontrol */
#div_pagecontrol{
  color: gray;
  text-align: center;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  margin: 3px 0 3px 0;
  padding: 0 5px 0 5px; 
  background: #C1D8F9; 
}

/* div_search */
#div_search{
  clear: both;
  width: 780px;
  padding: 5px;
  margin: auto;
  background: white;
  text-align: left;
}

/* span_info */
#span_info{
  float: right;
}


/* img_logo */
#img_logo{
  margin: 0 10px 0 0;
  float: left;
  padding: 6px 0 0 0;
  border: solid 0px gray;
  vertical-align:middle;
}

/* about */
#div_about{
  clear: both;
  margin: auto;
  display: none;
  background: #F0F0F0;
  text-align: left;
  padding: 160px 0px 160px 220px;
}

#div_about .caption{
  color: gray;
  padding: 0 8px 0 0;
  display: inline-block;
  width: 72px;
  text-align: right;
  font: bold 14px/24px "tahoma";
}

#div_about span{
  font: normal 14px/24px "tahoma";
}


/* login */

#div_login{
  color: gray;
  display:none;
  clear: both;
  margin: auto;
  background: #F0F0F0;
  text-align: left;
  position: relative;
}

#div_login_main{
  color: gray;
  clear:both;
  padding: 160px 0px 160px 240px;
}

#info_login{
  float: left;
  padding: 8px;
  color: red;
  font: normal 13px "tahoma";
}

#div_account{
  padding: 8px;
  color: red;
  font: normal 13px "tahoma";
}

#div_login_nav {
  background: #FAFAFA;
  padding: 0 0 0 2px;
  height: 24px;
  overflow: hidden;
  clear: both;
  /*position: absolute;*/
  /*bottom:0;*/
  /*width: 100%;*/
}


#div_login_nav a{
  color:#FAFAFA;
  display: block;
  float:left;
  height: 24px;
  font: normal 10px/24px Tahoma;
  text-decoration: none; 
  text-align:center;
  width: 72px;
  border: solid 2px #008080;
  margin: 0 0 0 -2px;
  border-top: none;
  border-bottom: none;
}

#div_login_nav a:link {color: #404040;}
#div_login_nav a:visited {color: #404040;}
#div_login_nav a:hover{
  color: #404040;
  background: yellow;
  text-decoration: none;
}

/* tip */
#div_tip{
  clear:both;
  padding: 0 15px 0 15px;
  margin: auto;
  font-size: 13px;
  text-align:left;
}

#span_msg{
  color: yellow;
  display:none;
}

/* soon */
#div_soon{
  clear:both;
}
#div_soon_show{
  cursor: default;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 3px;
}
#div_soon_write{
  cursor: default;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 3px;
  display: none;
}

#edt_soon{
  width: 300px;
  vertical-align:middle;
}

#span_soon{
  float:left;
  cursor: pointer;
  font-size: 12px;
  line-height: 24px;
}

/* note */

.note_list_content{
  margin: 5px 0 5px 0;
  cursor : default;
  color: black;
  font-size: 13px;
  line-height: 24px;
  border : solid 1px silver;
  background: white;
}
.note_list_title{
  color: gray;
  padding: 0 10px 0 10px;
  font-size: 12px;
  line-height: 32px;
  height: 32px;
  border: solid 0px silver;
  border-bottom: solid 1px silver;
}
.note_list_content_main{
  cursor : default;
  color: black;
  padding : 24px;
  background: white;
  font: normal 14px/1.5 "Courier New", tahoma, arial, sans-serif;
  line-height: 24px;
}

.note_list_content_main  p{
  margin: 0 -24px 0 -24px;
}

.note_tab_selected{
  color: gray;
  background: #F0F0F0;
}

.note_tab_normal{
  color:gray;
  background: none;
}

#div_note{
  clear:both;
}

#div_note_info{
  background: #FCFCFC;
  padding: 2px 5px 2px 5px;
  height: 28px;
}
#div_note_info span{
  height: 22px;
  width: 46px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  font-weight:bold;
  line-height: 22px;
}
#div_note_list{
  color: black;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
}

#div_note_list_buttons{
  padding: 8px;
}

#div_note_tags{
  padding: 0;
  font-size: 14px;
}

#div_note_tags_header{
  padding: 5px;
  background: #FCFCFC;
  margin: 5px 0 5px 0;
  border: solid 1px gray;
  font-size: 14px;
}

#div_note_tags_header span{
  cursor: pointer;
  margin: 5px;
  font-size: 12px;
}

#div_note_input{
  margin: 0 0 25px 0;
  border: none;
  border-bottom: solid 1px silver;
}

#div_note_image_container{
  padding: 0;
  float: left;
  width: 110px;
}

#div_note_image{
  margin:auto;
  width: 100px; 
  line-height: 54px;
  height: 48px;
  text-align: left;
}

#div_note_rich{
  padding: 16px;
  float: left;
  font: normal 14px/1.5 tahoma, arial, sans-serif;
}


#div_note_rich a {
  display: block;
  float: left;
  width: 72px;
  margin: 0 0 0 -1px;
  border: none;
  border-left: solid 1px gray;
  border-right: solid 1px gray;
}

#btn_note_upload{
  cursor: default;
}

#btn_upload{
  position: absolute;
  top: 12px;
  left:0;
  vertical-align:middle;
  z-index: 1;
}

#div_input_file{
  cursor:pointer;
  position:absolute;
  padding:0; 
  top:10px;
  left:0;
  background:none; 
  float:left; 
  width:67px; 
  overflow:hidden;
  height: 28px;
}
#edtFile{
  cursor:pointer;
  margin:0;
  cursor: default;
  position: absolute;
  width: 67px;
  height: 28px;
  vertical-align:middle;
  top:0;
  left:0;
  opacity: 0.0;
  filter: alpha(opacity=0);
  z-index: 100;
  position: relative;
}

#div_note_upload{
  position: relative;
  margin:auto;
  padding: 0 0 0 5px;
  width: 100px; 
  line-height: 32px;
  height: 32px;
  text-align: left;
}
#frmUpload{
  display:none;
}

#div_note_list_main{
  text-align: left;
}

#div_note_write{
  display: none;
  text-align: center;
  clear:both;
}

#div_note_write_ext{
  clear:both;
  height: 48px;
  line-height: 48px;
}

#div_note_write_tags{
  float: left;
  margin:auto;
  padding: 10px 0 0 10px;
  width: 200px; 
  line-height: 32px;
  height: 32px;
  text-align: left;
}

#edt_note_tags{
  width: 120px;
}

#txt_note_content{
  border: solid 1px gray;
  padding : 5px;
  background: white;
  width: 750px; 
  height: 300px;
  margin: 5px;
  font: normal 14px/1.5 "Courier New", tahoma, arial, sans-serif;
  line-height: 24px;
  overflow-y: scroll;
}


/* tab */
.tab_normal{
  color: #404040;
  background: none;

}

.tab_selected{
  color: white;
  background: #009090;
}
 
#div_tabs{
  height: 24px;
  padding: 4px;
  background: #E4E4E4;
  margin: 2px 0 8px 0;
}

#div_tabs span{
  float:left;
  cursor:pointer;
  display:block;
  width: 48px;
  height: 24px;
  font-weight: bold;
  line-height:24px;
  text-align: center;
}

/* home */
.home_item{
  color: gray;
  display: block;
  float: left;
  margin: 4px;
  border: solid 1px gray;
  background: white;
  width: 96px;
  text-align:center;
  cursor: pointer;
  padding: 14px 0 14px 0;
}

#div_home_items a:link {color: gray;}
#div_home_items a:visited {color: gray;}
#div_home_items a:hover{
  color: gray;
  text-decoration: none;
}

#div_home{
  background: white;
  border: solid 1px gray;
  padding: 16px;
  clear:both;
}