﻿body { color: #092a3b; font-family: arial; background-color: #0d3155; margin: 0 auto; padding: 0; 
 scrollbar-face-color:#afc0c8;     
  scrollbar-highlight-color:   #ffffff;     
  scrollbar-shadow-color:   #cccccc;     
  scrollbar-3dlight-color:   #cccccc;     
  scrollbar-arrow-color:   #ffffff;     
  scrollbar-darkshadow-color:   #ffffff;     
  scrollbar-base-color:   #cccccc;   
  scrollbar-track-color:   #c0c0c0c;

}
/*ctrl width*/
div.RoundedCorner_login{ font-size: 12px; font-family: arial; background-color: #fff; background-image: none; background-attachment: scroll; background-position: 0 0; width: 450px; margin-top: 70px; margin-right: auto; margin-left: auto; }
div.RoundedCorner{ font-size: 12px; font-family: arial; background-color: #fff; background-image: none; background-attachment: scroll; background-position: 0 0; width: 980px; margin-top: 20px; margin-right: auto; margin-left: auto; }
/*four corner
*/
b.rtop, b.rbottom{ display:block; background: #0d3155; }/*top and foot crossband
 ctrl hight*/
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #fff}/*娑?娑?娑撱倖?陇绔熺痪?*/
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.r4{margin: 0 1px}
b.rtop b.r5, b.rbottom b.r5{margin: 0 1px; height:1px;}
img { margin: 0; padding: 0; }
a:link, a:visited { color: #114778 ; text-decoration: none; }
a:hover { color: #069 ; }
.a_black:visited{
	color:#000000;
	text-decoration: none;
	}
	.a_black:link{
	color:#000000;
	text-decoration: none;
	}
	.a_black:hover{
	color: #000000;
	text-decoration: underline;
	}
	
	
.a_white:visited{
	color:#fff;
	text-decoration: none;
	}
	.a_white:link{
	color:#fff;
	text-decoration: none;
	}
	.a_white:hover{
	color: #fff;
	text-decoration: underline;
}

.td1 { background-color: #dce5ea; padding-left: 6px; }
.td_heave { background-color: #afc0c8; }
.td_heavex { background-color: #afc0c8; padding-left: 6px; }
.td_heave_big { background-color: #afc0c8; padding-left: 6px; }
.td_heave_big a { color: #fff; font-size: 20px; font-weight: bold; }
.input1 { border: solid 1px #b5bfc1; outline-color: #b5bfc1; }
.label1 { border-top: 1px solid #b5bfc1; border-left: 1px solid #b5bfc1; border-bottom: 1px solid #b5bfc1; border-right-color: #b5bfc1; border-right-width: 0; outline-color: #b5bfc1; }
.tr1 { border-color: #b5bfc1; border-style: solid; border-width: 0 0 1px 1px; }
.button1 { background-color: #fff; margin: 0; padding: 0; border: solid 1px #b5bfc1; }
.button_small { background-color: #fff; width: 30px; margin: 0; padding: 0; border: solid 1px #b5bfc1; }
.button2 { font-size: 10px; font-family: arial; background-color: #fff; border: solid 1px #b5bfc1; }
.button_manage { font-size: 10px; font-family: arial; width: 116px; background-color: #fff; border: solid 1px #b5bfc1; }
.button_addproject { font-size: 10px; font-family: arial; width: 80px; background-color: #fff; border: solid 1px #b5bfc1; }
.PPRP { text-align: right; }
.button_black { color: white; font-size: 10px; font-family: arial; background-color: #0d3155; width: 60px; border: solid 1px; }
.select1 { background-color: #fff; margin-top: 12px; margin-left: 6px; border: solid 1px #b5bfc1; }
#foot { color: #000; font-size: 12px; font-family: arial; text-align: center; width: 932px; height: 30px; margin-right: auto; margin-left: auto; }
#login_panel { font-size: 14px; background-color: #dce5ea; width: 300px; height: 140px; margin-right: auto; margin-left: auto; padding-left: 12px; }
#login_panel_white { font-size: 14px; text-align: right; width: 300px; height: 130px; margin-right: auto; margin-left: auto; padding-right: 30px; }
#greed { text-align: center; margin-left: 300px; }
#greed2 { text-align: center; padding-left: 800px; }
#reserved { color: #fff; font-size: 12px; text-align: center; }
/*info_set*/
#welcome_panel { width: 200px; height: 40px; float: right; margin: 0; padding: 0; }
#welcome { font-size: 11px; text-align: right; width: 120px; height: 36px; float: left; margin: 0; padding: 0; }
#logout { width: 72px; height: 40px; float: right; margin: 0; padding: 0; }
#nav { height: 32px; overflow: hidden; margin-left: 40px; }
#nav a { text-decoration: none; }
#nav2 { height: 38px; margin-left: 40px; }
#nav3 { height: 32px; overflow: hidden; margin-left: 40px; }
#nav3 a { text-decoration: none; }
#nav_font1 { line-height: 38px; background-image: url(../images/nav_state2.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; width: 127px; height: 38px; float: left; margin-left: 10px; }
#nav_font2 { color: #000; line-height: 38px; background-image: url(../images/nav_state1.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; vertical-align: middle; width: 127px; height: 38px; float: left; margin-left: 10px; }
#nav_font3 { line-height: 38px; background-image: url(../images/nav_state1.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; vertical-align: middle; width: 127px; height: 38px; float: left; margin-left: 10px; }
#nav_font12 { color: #000; line-height: 38px; background-image: url(../images/nav_state1.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; width: 127px; height: 38px; float: left; margin-left: 10px; }
#nav_font22 { color: #fff; line-height: 38px; background-image: url(../images/nav_state2.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; vertical-align: middle; width: 127px; height: 38px; float: left; margin-left: 10px; }
#nav_font32 { line-height: 38px; background-image: url(../images/nav_state1.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; vertical-align: middle; width: 127px; height: 38px; float: left; margin-left: 10px; }
#nav_font13 { color: #000; line-height: 38px; background-image: url(../images/nav_state1.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; width: 127px; height: 38px; float: left; margin-left: 10px; }
#nav_font23 { color: #000; line-height: 38px; background-image: url(../images/nav_state1.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; vertical-align: middle; width: 127px; height: 38px; float: left; margin-left: 10px; }
#nav_font33 { color: #fff; line-height: 38px; background-image: url(../images/nav_state2.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; vertical-align: middle; width: 127px; height: 38px; float: left; margin-left: 10px; }
#nav_font4 { background-image: url(../images/nav_state_select1.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; width: 233px; height: 38px; float: left; margin-left: 10px; }
#nav_font5 { margin-right: 20px; }
#content { background-image: url(../images/content_bg.gif); background-repeat: repeat-x; width: 940px; height: 490px; margin-right: auto; margin-left: auto; }
#content_bo { background-image: url(../images/content_bg.gif); background-repeat: repeat-x; width: 940px; height:100%; overflow:hidden; clear: both; margin-left: 20px; padding-top: 6px; border-width: 0; }
#content_panel { width: 919px; height: 100%; float:left!important; float:none; margin-left: 10px; background-color: #fff; overflow: hidden; }
/*
#content_bo { background-image: url(../images/content_bg.gif); background-repeat: repeat-x; width: 97%; height: 100%; margin-left: 20px; }
#content_panel { background-color: #fff; width: 919px; height: 800px; margin-left: 10px; }
*/
.info_title { width: 919px; height: 33px; float: left; padding-left: 10px; }
#con_pan_box1 { width: 308px; height: 300px; float: left; margin-left: 20px; padding-top: 4px; }
#con_pan_box2 { width: 308px; height: 300px; float: left; margin-left: 120px; padding-top: 4px; }
#con_pan_box3 { width: 308px; height: 60px; float: left; margin-left: 20px; padding-top: 4px; }
#con_pan_box4 { width: 308px; height: 60px; float: left; margin-left: 120px; }
/*News*/
#news { width: 97%; height: 97%; float: left; margin-right: auto; margin-left: auto; padding-left: 10px; }
#news_content { width: 90%; height: 80%; margin-right: auto; margin-left: auto; }
#bg_snow { background-color: #fff; text-align: left; width: 100%; height: 100%; padding: 10px; }
#send_mail { background-color: #fff; background-image: url(../images/bg_sendmail.gif); background-repeat: no-repeat; width: 550px; height: 460px; margin-right: auto; margin-left: auto; border: solid 5px #013694; }
#send_mail_content { text-align: left; width: 420px; height: 200px; margin-top: 220px; margin-right: auto; margin-left: auto; }
#powerby { font-size: 9px; float: right; margin-top: -58px; margin-right: 6px; }
/*choose project*/
#choose_content1 { width: 90%; height: 100%; margin-right: auto; margin-left: auto; }
#client_request { background-color: #fff; width: 100%; height: 100%; margin: 0; padding: 0; }
#client_new_project{ background-color: #fff; width: 400px; height: 250px; margin: 0; padding: 0; }
#client_new_mile{ background-color: #fff; width: 400px; height: 300px; margin: 0; padding: 0; }
#client_pop{ background-color: #fff; width: 400px; height: 100px; margin: 0; padding: 0; }

/*backoffice*/
.left_bo { width: 900px; float: left; margin-left: 10px; }
.right_bo { width: 900px; float: left; margin-left: 10px; }
.warp{white-space:normal; width:200px; }
#con_pan_box1_bo { width: 450px; float: left; margin: 0; padding: 0; }
#con_pan_box2_bo { width: 450px; float: left; margin: 0; padding: 0; }
#con_pan_box3_bo { width: 450px; float: left; margin-top: 2px; }
#con_pan_box4_bo { width: 450px; float: left; margin-top: 2px; }
.error { color: #b51107; font-weight: bold; width: 325px; margin-left: 10px; white-space: normal; }
#compiler { width: 400px; height: 400px; }
#process { width: 0px; }
.popmanage { background-position: 0 center; text-align: center; position: absolute; top: 40%; margin:0 auto; width:99%; z-index: 100; overflow: auto; }
.popmanage2 { background-position: 0 center; text-align: center; position: absolute; top: 4%; margin:0 auto; width:99%; height:100px; z-index: 100; }
.pop_message{ background-color: #fff; width: 30%; height: 80px; margin:0 auto; padding-top: 30px; border: solid 5px #013694; }
.pop_message_delete{ font-size: 14px; background-color: #fff; width: 30%; height: 100px; margin:0 auto; padding-top: 30px; padding-right: 6px; padding-left: 6px; border: solid 5px #013694; }
.pop_add_client{ background-color: #fff; text-align: left; width: 350px; margin:0 auto; padding-top: 6px; padding-right: 10px; padding-left: 10px; border: solid 5px #013694; }

.pop_add_project{ background-color: #fff; text-align: left; width: 350px; margin:0 auto; padding: 6px 10px; border: solid 5px #013694; }

.pop_milestone{ background-color: #fff; text-align: left; width: 500px; margin:0 auto; padding: 6px 10px; border: solid 5px #013694; }

.pop_add_file{ background-color: #fff; text-align: left; width: 400px; margin:0 auto; padding: 6px 10px; border: solid 5px #013694; }
.pop_companyinfo{ background-color: #fff; width: 360px; margin:0 auto; padding-top: 10px; padding-bottom: 10px; border: solid 5px #013694; }
.pop_mail{ background-color: #fff; width: 360px; height: 300px; margin:0 auto; padding-top: 10px; padding-bottom: 10px; border: solid 5px #013694; }
.pop_client_request{ background-color: #fff; text-align: left; width: 420px; margin:0 auto; padding: 6px 10px; border: solid 5px #013694; }
.pop_table { font-size: 12px; }
.pop_updete { background-color: #fff; width: 30%; height: 80px; margin:0 auto; padding-top: 30px; border: solid 5px #013694; }
.pop_news_content { background-color: #fff; width: 40%; margin:0 auto; padding: 6px 10px; border: solid 5px #013694; }
.img_title { margin-top: -1px;}
#upload { background-color: #fff; width: 100%; height: 100%; margin: 0; padding: 0; }
#iframe_manage { font-size: 10px; background-color: #fff; width: 100%; height: 100%; margin: 0; padding: 0; }

.pop_title {  color: #013694; font-size: 12px; font-weight: bold; text-align: left; margin-left: 18px; }
.pop_title2 { color: #013694; font-size: 12px; font-weight: bold; text-align: left; margin: 0; padding: 0; }
.scroll {width:850px; height:420px; overflow: auto; }
.img_logo {max-width: 100px; width:expression(this.width > 100 ? "100px" : this.width); }
/*.img_logo {max-width: 100px; width:expression(this.width > 100 ? "100px" : this.width); max-height: 50px; height: expression(this.height > 50 ? "50px" : this.height)}*/
