*{margin:0; padding:0;}

body{font-family:Verdana, Geneva, sans-serif; font-size:12px;}

.container{width:980px; min-height:650px; margin:0 auto;}
.wrapper{width:980px; min-height:760px; float:left;  border:0px solid #CCC; background: #FFF; /* Old browsers */}
.content_full{clear:both; width:980px; min-height:529px;  float:left;  margin-top:80px; background: #FFF; /* Old browsers */}
.header{width:980px; height:130px; float:left; background-color:#FFF; border-bottom:0px solid #CCC; }
.logo{width:300px; height:100px; float:left; margin:10px 0 0 2px;}
.content_lft{width:300px; height:520px; float:left; background: #fafafa; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f5f5f5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fafafa,  #f5f5f5); /* for firefox 3.6+ */ }
.content_rgt{width:670px; height:530px; float:right; }
.content_rgt_frm{width:660px; height:480px; float:right; overflow:scroll;overflow-x:hidden; }
.nav{width:975px; min-height:40px; float:left; clear:both; margin:10px 5px 0 0; background: #fafafa; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f5f5f5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fafafa,  #f5f5f5); /* for firefox 3.6+ */ 
-moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  border-radius: 5px; /* CSS3 */ -moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
box-shadow: 0px 0px 2px #888;}
.nav a{color:#333; text-decoration:none;}
.nav a:hover{color:#F90; text-decoration:none;}
.nav ul{text-decoration:none; float:left; margin-top:10px;}
.nav ul li{display:block; margin-left:10px; margin-right:10px; float:left; font-size:14px; font-weight:bold;} 
.lft_hding{width:300px; height:40px; margin-bottom:2px; float:left; font-size:18px; font-weight:bold; color:#999; background: #fafafa; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f5f5f5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fafafa,  #f5f5f5); /* for firefox 3.6+ */
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
box-shadow: 0px 0px 2px #888;}
.lft_hding_btn{width:60px; height:30px; float:left; margin-top:6px; margin-left:20px;}
.rgt_hding_btn{width:60px; height:30px; float:right; margin-top:6px; margin-right:20px;}
.content_list_contact{width:268px; height:25px; float:left; text-align:left; padding:5px; border-bottom:1px solid #CCC; font-size:14px; font-weight:bold;}
.content_sub_list{width:268px; height:15px; float:left; text-align:left;  margin-left:5px; padding:5px; font-size:13px;}
.content_lft_inner{width:300px; height:482px; float:left;  background: #fafafa; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f5f5f5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fafafa,  #f5f5f5); /* for firefox 3.6+ */ overflow:scroll;}
.content_list{width:268px; height:25px; float:left; text-align:left; margin-left:5px;   font-size:14px; font-weight:bold;}
.content_lft_inner a{color:#333; text-decoration:none;}
.content_lft_inner a:hover{color:#F90; text-decoration:none;}
.select_mail{width:665px; height:30px; float:left; background: #fafafa; /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f5f5f5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fafafa,  #f5f5f5); /* for firefox 3.6+ */
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
box-shadow: 0px 0px 2px #888; text-align:center; font-weight:bold; font-size:16px; color:#F90;}
.select_mail_sub{width:665px; height:484px; float:left; background: #fafafa; border:1px solid #CCC; overflow:scroll;overflow-x:hidden;}
.select_mail_sub-2{width:665px; height:484px; float:left; background: #fafafa; border:1px solid #CCC; overflow:scroll;overflow-x:hidden;}
.select_mail-1 a{width:642px; height:30px; float:left; background:#FFF; margin-top:5px; padding-top:10px; padding-left:10px; text-decoration:none;  font-weight:bold; border:1px solid #CCC; font-size:16px; color:#333;}
.select_mail-1 a:hover{width:642px; height:30px; float:left; background:#666;  text-decoration:none;   font-weight:bold; border:1px solid #CCC; font-size:16px; color:#FFF;}
.select_mail-2 a{width:642px; height:30px; float:left; background:#FFF; border-bottom:1px solid #CCC; padding-top:10px; padding-left:10px; text-decoration:none;  font-size:14px; color:#333;}
.active{width:642px; height:30px; float:left;  border-bottom:1px solid #CCC;  font-size:14px; color:#F90; background:#666; }
.select_mail-2 a:hover{width:642px; height:30px; float:left;   text-decoration:none;  border-bottom:1px solid #CCC;  font-size:14px; color:#F90;}
.del_img{width:28px; height:28px; float:left; margin-top:10px;}
.content_list_main{width:280px; height:110px; float:left; border-bottom:1px solid #CCC; padding-top:10px;}
.content_list_main:hover{width:280px; height:110px; color:#FFF; float:left; background-color:#333; border-bottom:1px solid #CCC;  padding-top:10px; }
.active{ background-color:#333; color:#fff;}
::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}
 
::-webkit-scrollbar-button:vertical {
    background-color: red;
    border: 1px dashed blue;
}
 
/* Turn on single button up on top, and down on bottom */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}
 
/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}
 
/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:vertical:increment {
    background-color:  #333;
    border: 1px solid blue;
}
 
/* Place The scroll up button at the up */
::-webkit-scrollbar-button:vertical:decrement {
    background-color: #333;
    border: 1px solid blue;
}
 
::-webkit-scrollbar-track:vertical {
    background-color:  #333;
    border: 1px solid #333;
}
 
/* Top area above thumb and below up button */
::-webkit-scrollbar-track-piece:vertical:start {
    border: 1px solid #000;
}
 
/* Bottom area below thumb and down button */
::-webkit-scrollbar-track-piece:vertical:end {
    border: 1px solid  #333;
}
 
/* Track below and above */
::-webkit-scrollbar-track-piece {
    background-color:  #333;
}
 
/* The thumb itself */
::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #ffa600;
}
 
/* Corner */
::-webkit-scrollbar-corner:vertical {
    background-color: black;
}
 
/* Resizer */
::-webkit-scrollbar-resizer:vertical {
    background-color: gray;
}
/*Form*/


.form{width:620px; height:auto; float:left; margin-top:20px; margin-left:20px; }
.label{width:150px; height:30px; float:left;}
.form_fl{width:400px; height:30px; float:left; list-style-type:none; text-decoration:none; margin-top:5px;}
.category{width:300px; height:40px; float:left; margin-left:10px; margin-top:20px; font-weight:bold; font-size:18px;}
.form_lft{width:400px; height:auto; float:left;}
.form_rgt{width:400px; height:auto; float:right; margin-right:30px;}
/*input{height:20px;}*/