@import url("table.css");


A:link { color: #2378CD; TEXT-DECORATION: none;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;cursor:hand;}
A:visited { COLOR: #2378CD; TEXT-DECORATION: none;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;cursor:hand;}
A:active  { COLOR: #2378CD; TEXT-DECORATION: none;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;cursor:hand;}
A:hover   { COLOR: #357FE7; TEXT-DECORATION: none;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;cursor:hand;}


.actived {display: block; font-size: 12px; font-weight: bold; padding: 5px 0 0 50px; width: 67px; height: 25px; background: url(images/actived.gif); color: #fff; text-decoration: none; }
.actived:hover { color:#fff; }

body {color:#303133;border:0 solid red;margin:0px;background-color: #F5F7F9;BORDER-BOTTOM:0px #F5F7F9;font-size:12px; scrollbar-3dlight-color:#1A1B20; scrollbar-arrow-color:#A8A8A8; scrollbar-base-color:#F5F7F9; scrollbar-darkshadow-color:#FAFAFA; scrollbar-face-color:#A8A8A8; scrollbar-highlight-color:#F5F7F9; scrollbar-shadow-color:#A8A8A8;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}

.bodycolor {BACKGROUND: #ffffff;border:0 solid #F5F7F9;border-width:10px;padding:20px;}
.bodyMaincolor {BACKGROUND: #F5F5F5;color:#303133;padding:10px;-moz-border-radius:8px; -webkit-border-radius:8px;width:98.5%;}

::-webkit-scrollbar {/*¹ö¶¯ÌõÕûÌåÑùʽ*/
width: 5px; /*¸ß¿í·Ö±ð¶ÔÓ¦ºáÊú¹ö¶¯ÌõµÄ³ß´ç*/
/*height: 5px;*/
}
::-webkit-scrollbar-thumb {/*¹ö¶¯ÌõÀïÃæС·½¿é*/
background-color: #979899;
-moz-border-radius:8px;
-webkit-border-radius:8px;
/*background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);*/
}
::-webkit-scrollbar-track {/*¹ö¶¯ÌõÀïÃæ¹ìµÀ*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #fff;
}




.redtext { BACKGROUND: #e9433e;padding:10px;}

.TOPSumyBox  {font-family: ΢ÈíÑźÚ;border:0px solid #d1d1d1;text-align:center;color:white;-moz-border-radius:8px; -webkit-border-radius:8px;  border-radius:8px;}

.TOPSumyBoxEx  {font-family: ΢ÈíÑźÚ;border:0px solid #d1d1d1;text-align:center;color:#595959;height:120px;BACKGROUND:#ffffff;-moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;}
.TOPSumyBoxsubtitle  {width:100%;border:1px solid #f6f6f6;height:32px;line-height:32px;}
.TOPSumyBoxlsubinfo  {width:30%;float:left;text-align:left;margin-left:10px;}
.TOPSumyBoxrsubinfo  {width:calc(68% - 20px);float:right;text-align:right;margin-right:10px;}
.TOPSumyBoxdayinfo  {width:24px;height:24px;line-height:24px;text-align:center;BACKGROUND:#e4f7f3;border:1px solid #41C7AC;color:#41C7AC;float:right;margin-top:4px;margin-left:2px;}
.TOPSumyBoxweekinfo  {width:24px;height:24px;line-height:24px;text-align:center;BACKGROUND:#E6F7FF;border:1px solid #1890ff;color:#1890ff;float:right;margin-top:4px;margin-left:2px;}
.TOPSumyBoxmonthinfo  {width:24px;height:24px;line-height:24px;text-align:center;BACKGROUND:#FFF1F0;border:1px solid #f5222d;color:#f5222d;float:right;margin-top:4px;margin-left:2px;}
.TOPSumyBoxRateDecinfo  {width:64px;height:24px;line-height:24px;color:#67ca3a;text-align:center;float:right;marigin-right:20px;margin-top:4px;}
.TOPSumyBoxSumInfo  {width:100%;margin-left:20px;text-align:left;font-size:32px;}



.tableGreenStatuinfo  {width:48px;height:24px;line-height:24px;text-align:center;BACKGROUND:#e4f7f3;border:1px solid #41C7AC;color:#41C7AC;margin-top:4px;margin-left:2px;}
.tableBlueStatuinfo  {width:48px;height:24px;line-height:24px;text-align:center;BACKGROUND:#E6F7FF;border:1px solid #1890ff;color:#1890ff;margin-top:4px;margin-left:2px;}
.tableRedStatuinfo  {width:48px;height:24px;line-height:24px;text-align:center;BACKGROUND:#FFF1F0;border:1px solid #f5222d;color:#f5222d;margin-top:4px;margin-left:2px;}


.MainPageMenu  {font-family: ΢ÈíÑźÚ;border:0px solid #f6f6f6;text-align:center;color:#595959;height:64px;BACKGROUND:#ffffff;-moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;margin-top:10px;cursor:hand;}
.MainPageMenuICON  {font-family: ΢ÈíÑźÚ;text-align:center;color:#595959;height:32px;line-height:32px;BACKGROUND:#ffffff;margin-top:8px;}
.MainPageMenuTitle  {font-family: ΢ÈíÑźÚ;text-align:center;color:#595959;height:24px;line-height:24px;BACKGROUND:#ffffff;font-size:12px;}



.topbar {font-size: 12px;HEIGHT:72px;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;BACKGROUND: #1A1B20; background-image: url("/theme/1/topbar_4.png");border-bottom:1px solid #F0F7FF;}
.slogan { float:left; font-size: 12px; line-height: 32px; font-family: ΢ÈíÑźÚ,'OpenSansBold', Arial; color:#fff; text-transform: uppercase; background: url('../images/separator-2.png') no-repeat; margin-left:26px; margin-top:20px; padding-left:26px; text-shadow: 1px 1px 0 #000, 2px 2px 0 #777; }
.logo h1 { float: left; margin-bottom: 0; }
h1 a { background: url("/images/logo.png") no-repeat scroll 0 0 transparent; display: block; height:40px; text-indent: -999em; width:160px; margin-top:20px;}




.panel{ font-size: 12px;BACKGROUND: #FAFAFA;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;background-image:}   #×ó±ßµÄ²Ëµ¥Çø
.timebar{ HEIGHT: 25px;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;background-image:url("/theme/1/taimebar.gif");}
.statusbar{}

.col{ BACKGROUND: #FAFAFA;PADDING-LEFT:0px; PADDING-RIGHT: 0px;background-image:url("/theme/1/ttt.BMP");}


.small  { font-size: 12px;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;}

.TableHeader5 { BACKGROUND:#f0f2f5;
height:32px;
line-height:32px; 
border-collapse:collapse;
border-bottom:1px solid #f0f2f5;
FONT-SIZE: 14px;
font-weight:normal;
color:#303133;
font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;

}

.TableHeader { BACKGROUND: #f0f2f5;
height:32px;
line-height:32px;
border-collapse:collapse;
border-bottom:1px solid #f0f2f5;
FONT-SIZE: 14px;
color:#303133;
font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;

}

.menuitem { BACKGROUND: #FFFFFF;height:29px;background-repeat: repeat-x;line-height:25px; border-collapse:collapse;border:1px solid #FAFAFA;font-weight: bold; FONT-SIZE: 12px;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;background-image: url("/theme/1/top.png");}
.menubottom { BACKGROUND: #FFFFFF;height:26px;background-repeat: repeat-x;line-height:18px; border-collapse:collapse;border:1px solid #C1DFF3;font-weight: bold; FONT-SIZE: 12px;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;background-image: url("/theme/1/top.png");}
.smalltable  { font-size: 12px;
		font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;
		BACKGROUND:#FAFAFA;
		height:36px;
		overflow:hidden;
		border:1px solid #E6E6E6;
		line-height:36px;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px; 
		 border-radius:5px;}


.small1  { font-size: 12px;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;}
.big { font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;font-weight: normal; FONT-SIZE: 12px;}

.Title {font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;font-weight: bold; FONT-SIZE:12px;}
.big1   { font-size: 12px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
.big2   { font-size: 18pt;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;}
.big3   { font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;font-weight: bold; FONT-SIZE:12px;COLOR: #000;}
.big4   { font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;}
.verybig{ font-size: 24pt;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}

.pagebutton,.smallButton,.formbtn { cursor:pointer;width: 80px; height:32px; border: 0; background: url(images/bluebtn.jpg);color:white;}
.BigButton{border: 0;font-family: ΢ÈíÑźÚ;font-weight:normal;width:80px; color:#ffffff; height:32px; background-color:#2378CD;-moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px;}

.smallButton {font-family: ΢ÈíÑźÚ; FONT-SIZE:12px;font-weight:normal; width:64px;HEIGHT: 26px; background:url(images/smallbluebtn.jpg) no-repeat;color:white;-moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px;}


.BigGreenButton{border: 0;font-family: ΢ÈíÑźÚ;font-weight:normal;width:80px; color:#ffffff; height:32px; background-color:#52B938;-moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px;}
.BigOrangeButton{border: 0;font-family: ΢ÈíÑźÚ;font-weight:normal;width:80px; color:#ffffff; height:32px; background-color:#2378CD; no-repeat;-moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px;}
.BigBlueButton{border: 0;font-family: ΢ÈíÑźÚ;font-weight:normal;width:80px; color:#ffffff; height:32px; background-color:#1E9FFF; no-repeat;-moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px;}
.BigRedButton{border: 0;font-family: ΢ÈíÑźÚ;font-weight:normal;width:80px; color:#ffffff; height:32px; background:url(images/redbtn.jpg) no-repeat;-moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px;}

.smallOrangeButton {border: 0;font-family: ΢ÈíÑźÚ; FONT-SIZE:12px;font-weight:normal; width:64px;HEIGHT: 26px;line-height:26px; background-color:#2378CD;color:white;-moz-border-radius:2px; -webkit-border-radius:2px;  border-radius:2px;}
.smallBlueButton {border: 0;font-family: ΢ÈíÑźÚ; FONT-SIZE:12px;font-weight:normal; width:64px;HEIGHT: 26px; line-height:26px; background-color:#1E9FFF;color:white;-moz-border-radius:2px; -webkit-border-radius:2px;  border-radius:2px;}

.smallGreenButton {border: 0;font-family: ΢ÈíÑźÚ; FONT-SIZE:12px;font-weight:normal; width:64px;HEIGHT: 26px;line-height:26px; background-color:#52B938; color:white;-moz-border-radius:2px; -webkit-border-radius:2px;  border-radius:2px;}
.smallRedButton {border: 0;font-family: ΢ÈíÑźÚ; FONT-SIZE:12px;font-weight:normal; width:64px;HEIGHT: 26px;line-height:26px; background:url(images/redsmallbtn.png) no-repeat;color:white;-moz-border-radius:2px; -webkit-border-radius:2px;  border-radius:2px;}

.smallOrangeZone {margin-left:4px;border: 0;font-family: ΢ÈíÑźÚ; FONT-SIZE:12px; width:40px;HEIGHT: 24px;line-height:24px;background-color:#2378CD;border-radius:2px;color:white;text-align:center;-moz-border-radius:2px; -webkit-border-radius:2px;  border-radius:2px;}
.smallGreenZone  {margin-left:4px;border: 0;font-family: ΢ÈíÑźÚ; FONT-SIZE:12px; width:40px;HEIGHT: 24px;line-height:24px;background-color:#2378CD;border-radius:2px;color:white;text-align:center;-moz-border-radius:2px; -webkit-border-radius:2px;  border-radius:2px;}
.smallRedZone    {margin-left:4px;border: 0;font-family: ΢ÈíÑźÚ; FONT-SIZE:12px; width:40px;HEIGHT: 24px;line-height:24px;background-color:red;border-radius:2px;color:white;text-align:center;-moz-border-radius:2px; -webkit-border-radius:2px;  border-radius:2px;}
.smallBlueZone   {margin-left:4px;border: 0;font-family: ΢ÈíÑźÚ; FONT-SIZE:12px; width:40px;HEIGHT: 24px;line-height:24px;background-color:#1E9FFF;border-radius:2px;color:white;text-align:center;-moz-border-radius:2px; -webkit-border-radius:2px;  border-radius:2px;}


.smallWhiteZone {border: 1px solid #E1E1E1;font-family: ΢ÈíÑźÚ;FONT-SIZE:12px;font-weight:normal; width:64px;HEIGHT:32px;line-height:32px; background-color:#FFFFFF;color:#303133;-moz-border-radius:2px; -webkit-border-radius:2px;  border-radius:2px;cursor:hand;}









.pagebutton {border: 0;font-family: ΢ÈíÑźÚ; FONT-SIZE:12px;font-weight:bold; width:64px;HEIGHT: 26px; background:url(images/greensmallbtn.png) no-repeat;color:white;}

.t_img {height:20px;width:20px;border:0px;vertical-align: middle;margin-left:5px;}
.VICHLENUM {align:center;padding:2px;width:120px;height:28px;line-height:28px;border:0px solid #dcdcdc;font-weight: bold;text-align:center;font-size:14px;moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px;}


input.BigInput,input.SmallInput,input.BigStatic,input.SmallStatic {
BACKGROUND: #FFFFFF;
text-align: middle;
border:1px solid #e4eef9;
FONT-SIZE:12px;
font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
FONT-VARIANT: normal;
border-radius: 4px;
padding-left: 12px;
HEIGHT: 28px; LINE-HEIGHT: 28px;

 }
 
.form-control {
    display: block;
    width: 100%;
    height: 28px;
    padding: 0px 12px;
    font-size: 12px;
    line-height: 28px;
    FONT-VARIANT: normal; 
    FONT-WEIGHT: normal;
    font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e4eef9;
    border-radius: 4px;
    
    /*
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    */
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.form-control-small {
    display: block;
    width: 100%;
    height: 16px;
    padding: 0px 12px;
    font-size: 12px;
    line-height: 16px;
    FONT-VARIANT: normal; 
    FONT-WEIGHT: normal;
    font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e4eef9;
    border-radius: 4px;
    
    /*
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    */
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* IEä¯ÀÀÆ÷ÏÂÒþ²ØÏÂÀ­°´Å¥ */
select::-ms-expand { display: none; }     

/* ¶¨ÒåÒþ²ØÏÂÀ­¿òĬÈÏÑùʽ¼°Í¼Æ¬¸²¸ÇÏÂÀ­°´Å¥ */   
.info-select{
    width: 200px;
    outline:none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
    color:#303133
    background: url(images/menu_downarrow.png) no-repeat scroll right center transparent;           
} 
       
       
select.BigSelect,select.SmallSelect  {-moz-border-radius:2px; -webkit-border-radius:2px;  border-radius:2px; ; BACKGROUND: #FFFFFF; border:1px solid #e4eef9;  FONT-SIZE: 12px; font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 24px; LINE-HEIGHT: normal}

select.BigStatic,select.SmallStatic  { BACKGROUND: #FFFFFF; border:1px solid #FAFAFA;FONT-SIZE: 12px; font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 24px; LINE-HEIGHT: normal}


textarea.BigInput,textarea.BigStatic { padding-left: 6px; BACKGROUND: #FFFFFF; border:1px solid #e4eef9; FONT-SIZE: 12px; font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif; FONT-VARIANT: normal; FONT-WEIGHT: normal;LINE-HEIGHT: normal;border-radius: 4px;}

.TableControl{BACKGROUND: #FFFFFF;height:32px;line-height:32px;FONT-SIZE: 12px;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;padding-left:12px;}

.TableData,.TableContent   { BACKGROUND: #FFFFFF;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;padding-left:12px;}
.TableDataMy { BACKGROUND: #FAFAFA;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;padding-left:12px;}

.triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 14px solid #ef6f6c;
    border-left: 14px solid transparent;
    }
.triangle-bottomright_transparent {
     width: 0;
    height: 0;
    border-bottom: 14px solid transparent;
    border-left: 14px solid transparent;
    }



.TableLine3  { BACKGROUND: #ED9D00;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;padding-left:12px;}
.TableLine2  { BACKGROUND: #FAFAFA;filter: alpha(opacity=10); opacity: 0.9;;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;padding-left:12px;}
.TableLine1  { BACKGROUND: #FFFFFF;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;padding-left:12px;}
.TableLineDisable  {BACKGROUND:#FF3F32;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;padding-left:12px;color:white;}

.statusbarText{HEIGHT: 25px;font-size: 12px;font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;)}


.CommentTextColor  { COLOR: #FF6600;font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;}

.nowtable {
	background-color: #e1e5ee;
	background-image: url("/theme/1/header.png");
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #bfc4ca;
	border-right-color: #bfc4ca;
	border-bottom-color: #bfc4ca;
	border-left-color: #bfc4ca;
	font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.deptlist {
	 background-color: #FAFAFA;
	 border:0 solid #C1DFF3;
	 BORDER-BOTTOM:1px double #C1DFF3;
	 font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
	 font-size: 12px;
}


.line_table {
	
	background-color: #e1e5ee;
	border: 1px solid #e1e5ee;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #bfc4ca;
	border-right-color: #bfc4ca;
	border-bottom-color: #bfc4ca;
	border-left-color: #bfc4ca;
	font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.login_bg2 {
	background-color: #ffffff;
	background-repeat: repeat-x;
	font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
	border:1 solid #C1DFF3;
	
}



.Menutop_Tab{margin:0 auto;width:100%;height:94%;}
.Menubox{height:28px;border-bottom:1px solid #b4e3f9;}
.Menubox ul{list-style:none;margin:0px 0px;position:absolute;width:100%;}
.Menubox ul li{
	float:left;
	line-height:32px;
	display:block;
	cursor:pointer;
	width:13%;
	text-align:center;
	vertical-align: middle;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
	border-radius:5px;
	border:1px solid #b4e3f9;
	margin-left:10px;}
	
	
	
	
	
/***** 28. NOTIFICATION MESSAGES *****/
/*************************************/


.notibar { 
	height: 51px; overflow: hidden; position: relative; margin-bottom: 10px; );
}
.notibar p { margin: 15px 10px 0 55px; font-size: 14px; }
.notibar a.close { 
	position: absolute; width: 14px; height: 14px; top: 5px; right: 5px;  background-repeat: no-repeat; }
.notibar a.close:hover { cursor: pointer; }
.msgalert a.close { background-position: -14px 0; }
.msgalert a.close:hover { background-position: -14px -14px; }
.msginfo a.close { background-position: -42px 0; }
.msginfo a.close:hover { background-position: -42px -14px; }
.msgsuccess a.close { background-position: -28px 0; }
.msgsuccess a.close:hover { background-position: -28px -14px; }

.msgerror a.close { background-position: -56px 0;}
.msgerror a.close:hover { background-position:  -56px -14px; }
.announcement a.close { background-position: -56px 0; }
.announcement a.close:hover { background-position: -56px -14px; }

.msgalert { border: 1px solid #eac572; background: #ffe9ad url(/images/notifications.png) no-repeat 0 -52px; }
.msginfo { border: 1px solid #99c4ea; background: #d1e4f3 url(/images/notifications.png) no-repeat 0 -156px; }
.msgsuccess { border: 1px solid #c1d779; background: #effeb9 url(/images/notifications.png) no-repeat 0 -104px; }
#.msgerror { border: 1px solid #e18b7c; background: #fad5cf url(/images/notifications.png) no-repeat  10px 10px; height: auto;}



.announcement { 
	border-bottom: 0px solid #FAFAFA; font-family:΢ÈíÑźÚ;background: #ffffff url(/images/icons/blogperfume/Advertisment/advertisment-32.png) no-repeat 10px 10px; 
	height: auto;-moz-border-radius:0px; -webkit-border-radius:0px;  border-radius:0px;
}
.announcement h3 { margin: 15px 10px 10px 55px; }
.announcement p { margin: 15px 10px 15px 55px; }



.largeinfo a.close { background-position: -56px 0; }
.largeinfo a.close:hover { background-position: -56px -14px; }

.largeinfo { 
	border: 1px solid #99c4ea; background: #FAFAFA; 
	height: auto;
}
.largeinfo h3 { margin: 15px 10px 10px 55px; font-size:14px;}
.largeinfo p { margin: 15px 10px 15px 55px; }



.msgerror { border: 1px solid #e18b7c; background: #fad5cf url(/images/notifications.png) no-repeat  0px 0px;}
.msgerror h3 { margin: 15px 10px 10px 55px; }
.msgerror p { margin: 15px 10px 15px 55px; }



.subtitle {margin: 20px 0; border-bottom: 2px solid #319cff; padding-bottom: 5px; padding-right: 10px; display: inline-block; font-weight: bold;width:auto;}
.subtitle h3 { font-size: 16px; font-weight: normal; text-transform: uppercase; font-weight: bold;}	




/***** 23. PROGRESS BAR STYLES *****/
/***********************************/


.progress { margin: 5px 0; }
.progress .bar { background: #FFFFFF; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; padding: 1px; border: 1px solid #bbb; }
.progress .bar { -moz-box-shadow: inset 2px 2px 3px #fff; -webkit-box-shadow: inset 2px 2px 3px #fff; box-shadow: inset 2px 2px 3px #fff; }
.progress .bar .value { 
	height: 5px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background-image: url(/images/progress.png); }
.progress .bar2 { background: #eee; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 1px; border: 1px solid #bbb; }
.progress .bar2 { -moz-box-shadow: inset 2px 2px 3px #fff; -webkit-box-shadow: inset 2px 2px 3px #fff; box-shadow: inset 2px 2px 5px #ccc; }
.progress .bar2 .value { padding: 2px 0; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; }
.progress .bar2 .value { background-image: url(/images/progress.png); background-position: 0 0; font-size: 12px; font-weight: bold; }

.progress .bluebar { 
	background-color: #06f; -moz-box-shadow: inset 1px 1px 2px #9af; -webkit-box-shadow: inset 1px 1px 2px #9af; 
	box-shadow: inset 1px 1px 2px #9af; 
}
.progress .orangebar { background-color: #F90; }
.progress .redbar { background-color: #cc0000; }
.progress .yellow { background-color: yellow; }

.progress150 { width: 150px; }

.CommentBody{
	word-break:break-all; 
	width:100%;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:4px;
	} 
	
	
/***** 13. DASHBOARD STYLES *****/
/********************************/

.shortcuts { list-style: none;  font-size: 12px; font-family: "Helvetica Neue",΢ÈíÑźÚ, Arial, Helvetica, sans-serif;  line-height:21px; }
.shortcuts li { 
	float: left; margin-right: 20px; margin-bottom: 20px; width: 100px; height: 100px; background: #d1e4f3; 
	padding: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px;  border-radius: 2px; position: relative; 
	-moz-box-shadow: inset 1px 1px 2px #ccc; -webkit-box-shadow: inset 1px 1px 2px #ccc; box-shadow: inset 1px 1px 2px #ccc;
}
.shortcuts li a { 
	width: 98px; height: 98px; display: block; background-color: #fff; background-repeat: no-repeat; background-position: center 10px; 
	border: 1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.shortcuts li a:hover { border-color: #FB9337; }
.shortcuts li a span { 
	text-align: center; display: block; padding-top: 70px; font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
}
.shortcuts li a.settings { background-image: url(/images/icons/64/settings.png); }
.shortcuts li a.users { background-image: url(/images/icons/64/users.png); }
.shortcuts li a.gallery { background-image: url(/images/icons/64/images.png); }
.shortcuts li a.events { background-image: url(/images/icons/64/events.png); }
.shortcuts li a.analytics { background-image: url(/images/icons/64/analytics.png); }




.Menutop_Tab{margin:0 auto;width:100%;height:94%;}
.Menubox{height:28px;border-bottom:1px solid #2378CD;}
.Menubox ul{list-style:none;margin:0px 0px;position:absolute;width:100%;}
.Menubox ul li{
	float:left;
	line-height:32px;
	display:block;
	cursor:pointer;
	width:13%;
	text-align:center;
	vertical-align: middle;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
	font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
	border-radius:5px;
	border:1px solid #2378CD;
	margin-left:10px;}
	
	
/********¶¨ÒåÊ×ҳϵͳ¸ÅÊöÎÄ×Ö******/	
.MainPageSummyLeft{
	width:7%;
	height:60px;
	line-height:60px;
	float:left;
	margin-top:1px;
	BACKGROUND:#FF6838;
	text-align:center;
	border:1px solid #FF6838;
	font-family: ΢ÈíÑźÚ,Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

/********Ðü¸¡²Ëµ¥******/
.rides-cs {font-size: 12px; background:#29a7e2; position: fixed; top:10px; right: 0px; position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;-webkit-border-radius: 6px 0px 0 6px;}
.rides-cs a {color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 32px; float:left; position: relative; z-index:1;margin-top: 21px;height:120px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li {line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(/images/floatRightMenu.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}			
.img-border-bg { background: #fff; padding:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 0 1px #e7e7e7 inset; -moz-box-shadow: 0 0 0 1px #e7e7e7 inset; box-shadow: 0 0 0 1px #e7e7e7 inset; behavior: url(js/PIE.htc); }


.ManagerIno {font-size: 14px;background-image: url(/images/smalldown.png);color:#ffffff;background-repeat:no-repeat;width:60px;background-position: 110px 8px;}
.ManagerIno:hover {background-image: url(/images/smallup.png);color:#ffffff;background-repeat: no-repeat;background-position: 110px 8px;"}





/***************frame****************************/

.frameTop{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
			z-index: 1500;
            overflow: hidden;
            vertical-align: middle;
        };

.frameContentLeft{
            position: fixed;
            top: 100px;
            left: 0;
            height: 100%;
            width: 320px;
            overflow: hidden;
            vertical-align: top;
            background-color: #D2E6FA;
        };
.frameContentRight{
            position: absolute;
            left: 320px;
            top: 100px;
            height: 100%;
            width: 100%;
            right: 0;
            bottom: 0;
            overflow: hidden;
            background: #fff;
        };