﻿body
{
    
    margin: 0px;  
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #ccccff;
    FONT-SIZE: 9pt; 
	font-family: "宋体"; 

}

table {font-family: "宋体"; font-size: 9pt}

.BorderNone
{
	border:none
	font-family: "宋体";
	font-size: 12px;
}	
.bordergray
{
	border:#cccccc
}	
th, td, body, input, p, textarea, select {
	font-family: Arial, sans-serif;
	color: #000000; 
}

.padding {
	background-color: #dedec8;
	padding-left: 20px;
	padding-top: 20px;
}

.space {
	border: 0px !important;
}

.fixedwidth, .info, .message {
	font-family: "Arial", "Courier", "Courier New", monospace;
}

input, option, select,textarea {
	font-family: Arial, sans-serif;
	font-size: 95%;
}

td { 
	font-size: 100%;
	padding-left: 2px;
	padding-right: 2px;
}

p { font-size: 100%; }

ul, li {
	margin-top: 8px;
}

textarea.oddrow-l {
	background-color: #ffffff;
}




form {
	margin: 0px;
}

table tr td table {
	border: none;
}

.tableNormal * td
{
	background-color:Transparent;
	border:none;
}

.tableView, .tableInline,
.grouping-positive, .grouping-negative, .grouping-neutral {
	background-color: #cdcdbe;
}
.tableView {
	margin-bottom: 10px;
}
.tableView .space {
	background-color: #ccccff;
}
table {
	
	border-spacing: 0px;
  	border: 1px solid #4f556a;
	empty-cells: show;
}

.tableView * td {
  	border-left: 1px solid #4f556a;
  	border-right: 1px solid #4f556a;
  	border-bottom: 1px solid #4f556a;
}

.tableForm, .tableAction {
	background-color: #cdcdbe;
	margin-bottom: 10px;
  	border: 1px solid #4f556a;
}
.tableForm {
	border-top: none;
}
.tableInline td {
	border: none;
}
.tableInline {
	border-spacing: 1px;
}
.tableModiy
{
	background-color: #cdcdbe;
  	border: 1px solid #4f556a;
	behavior: url(/public/htc/table.htc);

}

.grouping-positive { color: #187863; }
.grouping-negative { color: #C60829; }
.grouping-neutral { color: #717171; }

.info {
  	color: #4f556a;
	padding: 4px;
}

.message {
	padding: 10px;
	font-size: 95%;
	font-weight: normal;	
	/*background-color: #ffe5e9;*/
	color: #C60829;
	text-align: center; 
	letter-spacing: 1px;
	border-top: 1px solid #c60829;
	border-bottom: 1px solid #c60829;
}

.widebuttons, .action input
{
    font-size: 8pt;
    height: 19px;
    cursor: hand;
    color: #000000;
    background-color: #cdcdbe;
    background-image: url(Images/btnBack.gif);
    background-repeat: repeat-x;
    border: 1px solid #4f556a;
    border-spacing: 0px;
    letter-spacing: normal;
}
.action input { width: 100px; }
.action input.button2 { width: 200px; }

/*.widebuttons { width: 95%; }*/

/*******************************
 * topmenu settings
 *******************************/

body.topbar {
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 1px solid #E2E0E4;
	border-right: 1px solid #736F77;
	border-top: 1px solid #E2E0E4;
	border-bottom: 1px solid #736F77;
	background-color: #bebebe;
}
body.topbar, body.topbar table tr td { 
	padding-left: 0px;
	padding-right: 0px;
}
body.topbar table tr td table {
	background-color: transparent;
	border: 0px !important;
}

.toptitle {
	display: block;
	font-size: 100%;
	background-color: transparent;
	color: #5a9cce;
	font-weight: bold;
	font-style: italic;
	white-space: nowrap;
	margin-left: 6px;
	text-align: left;
	letter-spacing: 2pt; 
	font-weight: bold;
}

.topimage {
	background-image: url("images/Leftheader.gif");
	background-repeat: repeat-x;
}

.topmenu {
	text-align: left;
	color: #172870;
}
.topmenu a { 
	padding-left: 6px;
	color: #97a1c9;
	text-decoration: none;
}
.topmenu a:hover { color: #FFFFFF; }

#idKeymessage {
	position: absolute;
	top: 40px;
	right: 162px;
	z-index: 1;
	bottom: auto;
	left: auto;
}
.keymessage {
	white-space: nowrap;
	font-weight: bold;
	text-decoration: blink;
	letter-spacing: 6px;
	color: #ff0000;
	display: block;
	border: 1px solid #ff0000;
	background-color: transparent;
}
/*******************************
 * menu settings
 *******************************/

body.menu {
	margin: 0px;
	padding-left: 3px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 0px;
	border-left: 1px solid #E2E0E4;
	border-right: 1px solid #736F77;
	border-top: 1px solid #E2E0E4;
	border-bottom: 1px solid #736F77;
}

.menuitem, .menuitem-unclickable {
	background-color: #dedec8;
	border-right: solid 1px #4f556a;
	border-left: solid 1px #4f556a;
}
.menuitem {
	cursor: hand;
}

.menuitemspan, .menuitemspanie, .menuitem a {
	color: #0063a4;
	text-decoration: none;
}

.menuseparator {
	border-top: solid 1px #4f556a;
}

.menu, body.menu table {
	background-color: #bebebe;
	border: none;
}

.menusection, .menusection-Action, .menusection-Server, 
.menusection-Logs, .menusection-Packages, .menusection-Adapters, 
.menusection-Security, .menusection-Settings, .menusection-Solutions {
	height: 19px;
	color: #ffffff;
	background-color: #6780b8;
	letter-spacing: normal;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 15px;
	border-bottom: none;
	background-image: url("images/Triangle.gif");
 	background-attachment: fixed;
  	background-position: right;
  	background-repeat: no-repeat;
}

.menu * td.menusection, .menu * td.menusection-Action,
.menu * td.menusection-Server, .menu * td.menusection-Logs,
.menu * td.menusection-Packages, .menu * td.menusection-Adapters,
.menu * td.menusection-Security, .menu * td.menusection-Settings,
.menu * td.menusection-Solutions { 
	border: solid 1px #4f556a;
	border-bottom: none;
}

/*******************************
 * body settings
 *******************************/

.heading {
	background-color: #6780B8;
	color: #ffffff;
	font-weight: normal;
	letter-spacing: normal;
	height: 19px;
	padding-left: 5px;
	text-align: left; 
  	border-top: 1px solid #4f556a;
}

.subHeading, .subHeading-r {
	background-color: #DCCDC6;
	color: #352821;
	padding-left: 5px;
	font-size: 67%;
}
.subHeading { text-align: left; }    
.subHeading-r { text-align: right; }

.memgraph {
	background-color: #F0F0E0;
	vertical-align: bottom;
	text-align: center;
}

li a, .subHeading-r a, .subHeading a,
.oddrow a, .oddrow-l a, .oddrowdata a, .oddrowdata-l a, 
.oddrowdata-r a, .oddcol a, .evenrow a, .evenrow-l a, 
.evenrowdata a, .evenrowdata-l a, .evenrowdata-r a, .evencol a {
	font-weight: normal;
	color: #0063a4;
	text-decoration: none;
}

li a:hover, .subHeading-r a:hover, .subHeading a:hover,
.oddrow a:hover, .oddrow-l a:hover, .oddrowdata a:hover,
.oddrowdata-l a:hover, .oddrowdata-r a:hover, .oddcol a:hover,
.evenrow a:hover, .evenrow-l a:hover, .evenrowdata a:hover,
.evenrowdata-l a:hover, .evenrowdata-r a:hover, .evencol a:hover {
	font-weight: normal;
	color: #0000ff;
	text-decoration: underline;
}

li a:active, .subHeading-r a:active, .subHeading a:active,
.oddrow a:active, .oddrow-l a:active, .oddrowdata a:active,
.oddrowdata-l a:active, .oddrowdata-r a:active, .oddcol a:active,
.evenrow a:active, .evenrow-l a:active, .evenrowdata a:active,
.evenrowdata-l a:active, .evenrowdata-r a:active, .evencol a:active {
	font-weight: normal;
	color: #0000ff;
	text-decoration: underline;
}

.oddrow, .evenrow, .oddrow-l, .evenrow-l,
.oddcol, .oddcol-l, .oddcol-r,
.evencol, .evencol-l, .evencol-r,
.rowlabel {
	color: #000000;
	background-color: #cdcdbe;
}

.oddrowdata, .oddrowdata-l, .oddrowdata-r,
.evenrowdata, .evenrowdata-l, .evenrowdata-r {
	font-weight: normal;
}

.oddrowdata, .oddrowdata-l, .oddrowdata-r {
	color: #4f556a;
	background-color: #f5f4e7; 
}


.evenrowdata, .evenrowdata-l, .evenrowdata-r {
	color: #4f556a;
	background-color: #ebead8;
}

.oddcol-l, .evencol-l {
	text-align: left;
	padding-left: 2px;
}
.oddcol-r, .evencol-r {
	text-align: right;
	padding-right: 2px;
}
.evencol, .oddcol, .oddrowdata, .evenrowdata {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
.oddrow, .oddrowdata-r, .evenrow, .evenrowdata-r,
.rowlabel {
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
}	
.oddrow-l, .oddrowdata-l, .evenrow-l, .evenrowdata-l,
.rowdata {
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}

.action, table tr td table tr .action {
	background-color: #cdcdbe;
	color: #ffffff;
	text-align: left; 
	letter-spacing: 2px;
	padding-top: 2px;	
	padding-bottom: 2px;	
}

.imagelink {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: hand;
	behavior: url('public/htc/imagelink.htc');
	/*height: 14px;*/
}

image 
{
	border:0px;
}
.table004 {
	BORDER-RIGHT: #00215a 1px dashed; BORDER-TOP: #00215a 1px dashed; BORDER-LEFT: #00215a 1px dashed;  BORDER-BOTTOM: #00215a 1px dashed
}	
.tableBian 
{
	BORDER-RIGHT: powderblue 2px ridge; BORDER-LEFT: powderblue 2px ridge; 
}
.tablechange
{
    font-family: 宋体;
    font-size: 9pt;   
    
}

.gridStyle
{
	height:25px;
	border-top:1px solid #007EB0;
	border-bottom:1px solid #007EB0;
	border-left:1px solid #007EB0;
	border-right:1px solid #007EB0;
}

.gridHeaderStyle
{
	background-image:url(../images/new_027.gif);	
	text-align:center;
	color:black;		
	height:27px;
	font-weight:bold;
}

.gridItemStyle
{
	height:23px;
	background-color:White;
	text-align:center;
	display:inline;
}

.gridAlternatingItemStyle
{
	background-color:White;
	text-align:center;
	display:inline;
}
.gridDeviceItemStyle
{
	height:23px;
	background-color:White;
	text-align:right;
	display:inline;
}

.gridDeviceAlternatingItemStyle
{
	background-color:White;
	text-align:right;
	display:inline;
}

.gridSelectedItemStyle
{
	background-color:#E7EBEE;
	text-align:center;
	display:inline;
}
.font1
{
	border:none
	font-family: "宋体";
	font-size: 12px;
}	
A.nav13:link {
	COLOR: #0042BB; TEXT-DECORATION: none
}
A.nav13:visited {
	COLOR: #0042BB; TEXT-DECORATION: none
}
A.nav13:hover {
	COLOR: #0042BB; TEXT-DECORATION: underline
}
/*Right*/
.right{ margin-left:196px; text-align:left; _margin-left:193px; margin-right:3px; width:77%;  height:auto!important; height: 400px; min-height:400px; }


.right span#nav
{
    background-image:url(/ContainerMonitor/Web/Images/rightTitle.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left:20px;
	
}
.rightcontent{ margin-top:10px; padding:0px;}
.content{padding-top:5px; font-size:12px;}



.tableOcean
{
    border: 1px solid #A0C6EC;
    border-collapse: collapse;
    margin-bottom: 10px;
    margin-left: 4px;
}
.tableOcean caption
{
    border-color: #FFFFFF;
    font-size: 14px;
    padding-bottom: 10px;
  
    font-weight: bold;
}
.tableOcean th{border:1px solid #A0C6EC; font-size:12px; background:#CDDDEC; line-height:28px; font-weight:normal; text-align:left; padding-left:5px;}
.tableOcean td{border:1px solid #A0C6EC; font-size:12px; line-height:28px;padding-left:5px;text-align:left; background:#ecf6fc; }

.input{width:90%; border:solid 0px; border-bottom:solid 1px #999999;background:#ecf6fc;}
textarea{border:solid 1px #999999; overflow:auto;width:99%; padding-left:2px;}
.tableOcean a:link{  color:#3A7DB8; text-decoration:underline;}
.tableOcean a:visited{  color:#3A7DB8; text-decoration:underline;}
.tableOcean a:hover{  color:#3A7DB8; text-decoration:underline;}
.tableOcean a:active{  color:#3A7DB8; text-decoration:underline;}
.tableOcean span
{
    color: #000000;
}
.kuang { margin-top:20px;margin:0px auto;  text-align:center; }
.kuang table{margin:0px auto; }
.kuang table th{ color:#D16728;font-size:14px; text-align:left; font-weight:normal;}
.kuang table a{ color:#3A7DB8; text-decoration:underline;}
.kuang table td{ font-size:12px;}
.kuang table td ul{ list-style:none; text-align:left;}
.kuang table td ul li{ height:20px; line-height:20px;}
.kuang table td span{ color:#32A3D4;font-weight:bold;}
.kuang img{ padding:auto 40px;}

.heading_container h1,.heading_container h2,.heading_container h3,.heading_container h4,.heading_container h5,.heading_container h6,.previous_next_container h1,.previous_next_container h2,.previous_next_container h3,.previous_next_container h4,.previous_next_container h5,.previous_next_container h6,.rounded_box h1,.rounded_box h2,.rounded_box h3,.rounded_box h4,.rounded_box h5,.rounded_box h6{padding:5px 8px 4px 8px;margin:0;font-size:.95em;}
.heading_container,.heading_right_top,.heading_bottom,.heading_bottom span{background:url(./i/bg_heading.png) no-repeat;position:relative;_height:1px}
.heading_container{background-color:#7AA4DD;margin-top:6px;padding:0;clear:both}
.heading_container.first{margin-top:0}
.heading_right_top{background-position:0 -70px;height:5px;width:5px;float:right;overflow:hidden}
.heading_bottom{margin-top:-5px;background-position:0 -80px;height:5px;margin-bottom:10px;font-size:1px}
.heading_bottom span{display:block;height:5px;width:5px;float:right;background-position:0 -75px;overflow:hidden}
.heading_bottom_connected{margin-bottom:0}

.bucket_container{background:url(./i/bg_bucket_alt.png) repeat-x 0 -92px;min-height:1px;_height:1px;position:relative}
.bucket_top{border-left:2px solid #9fbde5;border-right:2px solid #9fbde5;background:url(./i/bg_bucket.png) no-repeat;height:10px}
.bucket_top span{background:url(./i/bg_bucket.png) no-repeat right -10px;width:10px;height:10px;float:right;overflow:hidden}
.bucket_content{border-left:2px solid #9fbde5;border-right:2px solid #9fbde5;min-height:1px;_height:1px;position:relative;padding:0 10px}
.bucket_bottom{background:url(./i/bg_bucket.png) no-repeat 0 -22px;height:10px;margin-bottom:4px}
.bucket_bottom span{background:url(./i/bg_bucket.png) no-repeat right -34px;width:12px;height:10px;float:right;overflow:hidden}
p.bucket_row_who_is_using,.bucket_row_who_is_using{float:left;width:180px;padding-left:10px;font-size:.65em}
p.bucket_row_items,.bucket_row_items{float:left;width:115px;padding-left:10px;font-size:.65em;text-align:center}
p.bucket_row_items_three,.bucket_row_items_three{float:left;width:30%;margin-right:2.2% !important}
.bucket_container_gray{background-color:#f2f2f2}
.bucket_container_gray .bucket_content{padding-top:6px}
.bucket_container_gray,.bucket_container_gray .bucket_top,.bucket_container_gray .bucket_top span,.bucket_bottom_gray,bucket_bottom_gray span{background-image:url(./i/bg_bucket_gray.png) !important}
.bucket_gray_menu,.bucket_gray_menu_content{background:url(./i/bg_bucket_gray_menu.png) no-repeat}
.bucket_gray_menu{background-color:#DAE0E7;margin-top:6px;position:relative}
.bucket_gray_menu_content{background-position:right -150px;position:relative;min-height:76px;_height:76px}
.bucket_gray_menu ul{margin:0 0 0 221px;padding:2px 0 0 0}
.bucket_gray_menu li{float:left;list-style:none;margin:0;padding:0}
.bucket_gray_menu li a:link,.bucket_gray_menu li a:visited{color:#034efa !important;font-size:.9em;font-weight:bold;text-align:center;border-right:1px solid #b6b6b6;border-left:1px solid #FFF;background:url(./i/bg_bucket_gray_menu_button.png) repeat-x;display:block}
.bucket_gray_menu li a:hover{background-position:0 -50px;cursor:pointer}
.bucket_gray_menu li.active a:link,.bucket_gray_menu li.active a:visited{color:#FFF !important;background-image:url(./i/bg_bucket_gray_menu_active.png);border-left-color:#3b68b4;border-right-color:#000}




