@charset "utf-8";
/* CSS Document */

body { background: #F8F8F8;  padding:0; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444; }
#wrapper { margin:0 auto; padding:0; width:1005px; }
/*#header { margin:0 auto; padding:0; height:40px; background:#069; border-bottom:solid 4px #666; width:100%; height: 100px; }*/
#header { margin:0 auto; padding:0; height:100px; background-image:url(../image/head2.png); border-bottom:solid 4px #666; width:100%;  border-radius:10px; box-shadow: 0px 0px 20px black;  }
#header .title { width:500px; padding:0 10px; float:left; font:bold 22px Georgia, "Times New Roman", Times, serif; color:blue; line-height:38px;  }
#menu { height:30px; width:100%; background:#CCC; border-bottom:solid 1px #999; box-shadow: 0px 0px 10px black;  }

/*#content { background-image: url(../image/body.jpg);  margin:0; padding:10px 50px;  border:solid 1px #ccc; box-shadow: 0px 0px 20px black; height: 510px; }*/
#content { margin:0; padding:10px 50px; border:solid 1px #ccc; box-shadow: 0px 0px 20px black;}
#content h1 { margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:solid 1px #ddd; color:#444; font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
#content h1 span a { font-size:12px; margin:-5px 0 5px 15px; color:#069; text-decoration:none; background:#ddd; border:solid 1px #ccc; padding:0 4px; }
#content h1 span a:hover { color:#069; text-decoration:none; background:#eee; border:solid 1px #ccc; }
#content table { border-collapse:collapse; margin-bottom:15px; }
#content table.narrow { width:100%; border-collapse:collapse; }
#content table th { background:#ccc; color:#444; border-bottom:solid 1px #aaa; border-top:solid 1px #aaa; font-size:14px; text-align:left; text-transform:uppercase; font-weight:normal; padding:5px; }
#content table td { padding:5px; border-bottom:solid 1px #ddd; }
#content table td.noborder { border:none; }
#content table tr:hover, #content table tr.odd:hover { background:#E9F1F8; }
#content table tr.odd { background:#eee; }

#inner_content {
    border : solid 1px #ffffff ;
    border-radius: 10px;
    background-color: white;
    top: 10px;
    left: 10px;
    width:980px;
	height:480px;
	position: absolute;
    opacity: .8;     
}

#close_inner_content {
    border : solid 1px #ccc ;
    border-radius: 12px;
    padding: 2px;
    width: 15px;
    height: 15px;
    top: 10px;
    left: 951px;
    cursor: pointer; 
    text-align: center;
    position: absolute;
    color: gray;
}


/* form element */
form.basic { margin:0 0 15px 0; padding:0; }
form.basic label { font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#666; text-shadow:0px 1px 1px #fff; /*display:block;*/ padding:0; margin:5px; }
form.basic input, input.txtx, select, textarea { margin:5px 0 10px 5px; padding:5px; font:normal12px Arial, Helvetica, sans-serif; color:#444; background:#fff; border:solid 1px #ccc; }
form.basic input.btn { margin:0 10px 10px 5px; padding:5px 10px; background:#0099ff; color:#fff; text-shadow:0px 1px 1px #333; border:solid 1px #0066CC; }

#content table.form { border-collapse:collapse; margin-bottom:15px; }
#content table.form-narrow { width:100%; border-collapse:collapse; }
#content table.form th { background:#ccc; color:#444; border-bottom:solid 1px #aaa; border-top:solid 1px #aaa; font-size:14px; text-align:left; text-transform:uppercase; font-weight:normal; padding:5px; }
#content table.form td { padding:5px; border:none; }
#content table.form tr:hover { background:none; }

/* notofication */
.error { background:#f9e5e6 url(images/icon/error.png) no-repeat 8px 7px; margin:0 0 15px 0; padding:8px 8px 8px 35px; border:solid 1px #e8aaad; color:#b50007; font:normal 11px Arial, Helvetica, sans-serif; display:block; }
.success { background:#e9f9e5 url(images/icon/accept.png) no-repeat 8px 7px; margin:0 0 15px 0; padding:8px 8px 8px 35px; border:solid 1px #b4e8aa; color:#1c8400; font:normal 11px Arial, Helvetica, sans-serif; display:block; }
.notice { background:#F9F9E5 url(images/icon/notice.png) no-repeat 8px 7px; margin:0 0 15px 0; padding:8px 8px 8px 35px; border:solid 1px #E8E3AA; color:#828400; font:normal 11px Arial, Helvetica, sans-serif; display:block; }
.info { background:#E5ECF9 url(images/icon/info.png) no-repeat 8px 7px; margin:0 0 15px 0; padding:8px 8px 8px 35px; border:solid 1px #AAC6E8; color:#0055B5; font:normal 11px Arial, Helvetica, sans-serif; display:block; }
.single_error { margin:0 0 0 5px; padding:0; color:#b50007; font:normal 11px Arial, Helvetica, sans-serif; font-style:italic; }

#footer {
    color: black;
    background: #155aae;
    height: 20px;
    width:100%;
    text-align: center;
    border-bottom:solid 4px #666;
    box-shadow: 0px 10px 20px black; 
   
}

.clear { clear:both; }

/* page navi */
.page-navi { list-style:none; margin:5px 0 10px 0; padding:0; }
.page-navi li { list-style:none; float:left; }
.page-navi li a { border:solid 1px #ccc; margin:0 2px; padding:3px 5px; display:block; text-decoration:none; color:#333; background:#ddd; }
.page-navi li a:hover { border:solid 1px #999; margin:0 2px; padding:3px 5px; display:block; text-decoration:none; color:#333; background:#eee; }
.page-navi li.current { border:solid 1px #999; margin:0 2px; padding:3px 5px; display:block; text-decoration:none; color:#333; background:#eee; }
.totalitem { margin:5px; padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; font-style:italic; color:#666; }

.form_title{width:156px;text-align:left;margin-left:0px;}

.form_box{padding-top:65px;color:#ffffff;font-size:12px;}

.form_text{color:#fffff;font-size:12px;float:left;padding-top:6px;}

.form_input_BG{width:259px; background:url(images/form_input.png) center left no-repeat; margin-left:30px;border:0px;height:42px;float:left;}

.form_input_BG input[type="text"]{margin:5px 0px 0px 5px;border:none;width:220px;background:none;}
.form_input_BG input[type="password"]{margin:5px 0px 0px 5px;border:none;width:220px;background:none;}
 
.form_check_box{margin-left:243px;margin-top:-7px;}

.form_login_signup_btn input{margin-left:25px;margin-top:23px;}

.scroll {
font:normal 10px Arial, Helvetica, sans-serif;
height: 470px;
width: 100%;
overflow: auto;
border: 1px solid #666;
padding: 8px;
}