Na}{

File Content: `style.css`

BODY { BACKGROUND-COLOR: #FFFFFF; margin: 0;}

html, body, td, th, input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; COLOR: #444;
}
#main-wrapper {width:980px;margin:5px auto;}
#content-wrapper {border: 3px solid #f5f9fc;border-top: 0; padding:15px 20px 40px 20px;}

img {border: 0px; vertical-align:top;}

textarea {	width:100%; border-color:lightgray;}


a {color:#3f81c3;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {color:#db8406;}

.icon {	vertical-align: middle;	text-align: center;	width:16px;}

.icon_text {vertical-align: middle;}


/* 3 columns */
#c1 {
	border-right:1px solid #cdcdcd;
	padding-right:5px;
	width:140px;
}
#c2 {
	width:10px;
}
#c3 {

}

.th-clr {background-color:#c2dcf5; border-color:#a4c6e7;}


/* tabs */
.xtab {clear:both; border-bottom:1px solid #ccc; margin:15px 0;}
.xtab h5, .xtab h5{display:none; }
.xtab ul{margin:0; padding:0 5px 0 0; list-style:none; height:22px; display: table; }
.xtab li{display:inline-block; float:left; background:#e7eaf0 ; margin-right:4px;
-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;-o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
border: 1px solid #ccc; border-bottom-width:0;
background: -moz-linear-gradient(top, #fcfdff 0%, #e7eaf0 100%);
background: -webkit-linear-gradient(top, #fcfdff 0%, #e7eaf0 100%);
background: -o-linear-gradient(top, #fcfdff 0%, #e7eaf0 100%);
    }
.xtab li a{display:block; float:left; font:12px sans-serif; font-weight:bold; color:#5d5d5d; white-space:nowrap; text-decoration:none;padding:3px 6px;  }
.xtab li a:visited{color:#5d5d5d; text-decoration:none;}
.xtab li a:hover{-webkit-box-shadow: inset 0 2px 5px -1px #999;
-moz-box-shadow: inset 0 2px 5px -1px #999;
box-shadow: inset 0 2px 5px -1px #999;
filter: none;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
 -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.xtab li.on {background:#20334e; border: 1px solid #20334e;
background: -moz-linear-gradient(top, #2a6186 0%, #20334e 100%);
background: -webkit-linear-gradient(top, #2a6186 0%, #20334e 100%);
background: -o-linear-gradient(top, #2a6186 0%, #20334e 100%);
}
.xtab li.on a, .xtab li.on a:visited {color:#FFFFFF ; text-decoration:none;}

.xtbl {	background-color:  #a5c1dd;	margin-bottom:15px;}

.xtbl_header {	background-color:#a5c1dd; color:white; font-weight:bold; vertical-align: middle; margin: 2px;}
.xtbl_label, .xtbl_label_blocked { background-color: #f5f9fc; width: 200px;}
.xtbl_label_blocked, .xtbl_value_blocked {color: #999;}
.xtbl_label_vert {	background-color: #f5f9fc;text-align: center;}

.xtbl_value {background-color: white;}

.highlight-line tr:hover td{background-color:#f5f9fc;}

.xtbl_ttip {
	background-color: white;
	font-size:12px;
	text-align:center;
    width: 10px;
}


.xtbl_edit {font-size:12px;	vertical-align:middle; float: right; white-space: nowrap;}
.xtbl_edit a, .xtbl_edit a:visited {color:white;font-weight:bold;}
.xtbl_edit a:hover, .xtbl_edit a:active {text-decoration:underline;} 

.xtbl_title {color:#0a2246;vertical-align: middle;font-weight:bold;}

.xtbl_title2 {
	background-color: #f5f9fc;
	
}

.field_note {
	color: #009926;
    word-wrap: break-word;
}

.field_error {
	color: red;
    word-wrap: break-word;
}

.field_text {
    word-break: break-all;
}
/* not set */
.field_novalue {
	color: #e8e8e8;
}

.tips {
	background-color: #effcef;
	padding:10px 20px;
	margin:20px 0;
}

.tips ul {
	padding-left:10px;
	margin:0px;
}

.tips li {
	margin-top:5px;
}


#copyright {font-size:11px;	color: #aaa; padding:20px; display:block;}
#copyright a, #copyright a:visited {color: #aaa; text-decoration:none}
#copyright a:hover, #copyright a:active {color: #aaa; text-decoration:underline}


/* section title/header */
h2, .h2_font {color: #0a2246; font-size: 13px; font-weight: bold;}

.bottom_bar {border-bottom:1px solid #ccc; padding-bottom: 2px;margin:10px 0 20px;}

.status_running {
	background-color:#8ffc29;
}

.status_stopped {
	background-color:#FF4000;
}

.log_filter, .stat_filter{background-color:#f5f9fc;padding:10px; margin-bottom:10px;}
.log_filter span {margin-right:50px;}
.stat_filter div {margin:5px 0;}
.stat_filter span {margin-right:10px;}

.log_tbl {width:935px; table-layout:fixed;}
.log_tbl caption {font-size:12px; text-align:right;color:#81abd5;}
.log_tbl .col_time {width:170px;}
.log_tbl .col_level {width:50px;}
.log_tbl .col_mesg {width:680px; word-wrap:break-word;}
.log_N0, .log_N1, .log_N2, .log_I0, .log_I1, .log_I2  {	background: white;}

.log_W0, .log_W1, .log_W2 {	background: #FFE98F;}
.log_E0, .log_E1, .log_E2 {	background: #FF824D;}
.log_D0, .log_D1, .log_D2 {	background: #f5f9fc;}

.message {
	width:100%;
	text-align:center;
}

.message_error  {
	color: red;
	width:100%;
}


/* xui menu */

.xui_menu  {background:#45484f;color:rgba(255, 255, 255, 0.5);background-image:-webkit-linear-gr1adient(top, #4e535a, #3f4147);background-image:linear-gradient(to bottom, #4e535a, #3f4147);box-shadow:inset 0 -1px 0 rgba(0,0,0,0);}

.xui_menu ul {	height:21px;list-style: none;font-size: 12px;margin:5px 0 0 0;padding:3px;}

.xui_menu ul ul {
        background-color: #f5f9fc;
        border-color:#ccc;
        border-style:solid;
        border-width:1px 1px 1px;
        line-height:26px;
}

.xui_menu a {display: block; color:rgba(255, 255, 255, 0.9);
	text-decoration: none; padding:4px 22px 5px 20px; font-size: 12px;
}


.xui_menu li {
	float: left;
	padding: 0;
}

.xui_menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	font-weight: normal;
	margin: 0;
	padding: 5px 0;
}

.xui_menu li ul ul { 
	margin: -20px 0 0 9em;
}


.xui_menu li li {
	padding: 0;
	width: 14em
}

.xui_menu li ul a {
	width: 100%;
	text-indent: 8px;
	display: block;
	padding: 0px;
	color: #4f5054;
}

.xui_menu li a:hover {
	color: #4f5054;
}


.xui_menu li ul a:hover {
	width: 100%;
	color: #FFFFFF;
	background-color: #898989;
}

.xui_menu li:hover ul ul, .xui_menu li:hover ul ul ul, .xui_menu li.xuimenuhover ul ul, .xui_menu li.xuimenuhover ul ul ul {
	left: -999em;
}

.xui_menu li:hover ul, .xui_menu li li:hover ul, .xui_menu li li li:hover ul, .xui_menu li.xuimenuhover ul, .xui_menu li li.xuimenuhover ul, .xui_menu li li li.xuimenuhover ul {
	left: auto;

}

.xui_menu li:hover .xui_menu li:xuimenuhover {
	
}


#nav li:hover a.mainlevel, #nav li.xuimenuhover a.mainlevel {
background-color:#2e3034;
color:#fff;
}


/* tip */
/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}

/* Here's our default note styles. */
.notedefault, .notenested {
 position: absolute; visibility: hidden; top: 1.5em; left: 2em; width: 400px; text-align:left; font-weight:normal;}
.notedefault {
 padding: 10px;
 background-color:#FDFFB4;
 border:1px solid #DEDC65;

}
.notenested {
 width: 8em;
 padding: 3px;
 border: 1px solid #963;
 background-color: #C96;
 color: white;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
 margin-left: 5px;
 margin-top: 15px;
}

/* Headings within notes */
.notedefault h5 {
 margin: 0 0 5px 0;
 padding: 2px;
 background-color: white;
 color: black;
}

/* Note close marker is only shown within pinned notes. */
.note-close {
 float: right;
 margin-top: 2px;
 width: 14px;
 height: 14px;
 line-height: 14px;
 color: black;
 text-decoration: none;
 visibility: hidden
}
.snb-pinned .note-close {
 visibility: inherit;
}

/* gui message */

.panel_error, .panel_success, .panel_normal, .panel_warning, .panel_plain    
{color: #555; padding: 10px; margin-bottom: 15px; overflow: hidden; box-shadow: 1px 1px 3px rgba(20, 20, 20, 0.08);}

.panel_error {background: #fff2f2;}
.panel_success {background: #ddfadc;}
.panel_warning {background: #fcf6cd;}
.panel_normal, .panel_plain {	background: #f5f9fc;}

.panel_shell {background-color: #000000;color: #FFFFFF;	padding: 5px;border: 1px solid #a5c1dd;	overflow: hidden;font-family: Tahoma;font-size:12px;}

.gui_error {color: red;	}

.gui_warning {color: #E56717;}


.gui_normal, .gui_white, .gui_success {	}
File Content: style.css

File Content: `style.css`
