/* Body */
body
{
    font-family: Verdana, Arial, Helvetica; 
    margin: 0px; 
    padding: 0px; 
    font-size: 12px;
    color: #000000;
    background-color: #ffffff;
}

/* Table */
table
{
    font-size: 12px;
}
/* A */
a { TEXT-DECORATION: none; color: #0000ff; }
a:hover { TEXT-DECORATION: underline; color: #0000ff; }

/* logo.asp, z-top.asp */
body.top, .toplogo { }
body.logo { border-bottom: 1px solid #cccccc }

#z_logoFrame
{
    position:relative;
    width: 155px;
    height: 64px;
}
#z_logoFrame div
{
    position:absolute;
    left:0;
    width: 150px;
    height: 60px;
    background-color: #ffffff;
    text-align: center;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
#z_logoFrame div.z_logoContent_top:hover
{
    opacity:0;
}
div.ssnmsg
{
    padding-top: 6px;
    padding-bottom: 4px;
    background-color: #FBEB9A;
    position: absolute;
}
span.ssnmsg
{
    margin: 0px;
    padding-left: 10px;
    padding-right: 15px;
    font-size: 12px;
    font-weight: bold; 
    color: #000000;
}
span.logoTxtCompany
{
    font-size: 20px; 
    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica;
    color: #000000
}
span.logoTxtCopyright
{
    font-size: 20px; 
    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica;
    color: #000000
}
span.logoTxtDevice
{
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #114E99;
    display: none;
}
span.logoTxtDevType
{
	font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #114E99;
}
#z-logoImg
{
	margin-top: 5px;
	width: 140px;
	height: 40px;
}
#imglogo { margin-left: 20px }

a.lan { TEXT-DECORATION: none; font-size: 12px; font-weight: bold; color: #333399; }
a.lan:hover { TEXT-DECORATION: underline; font-size: 12px; font-weight: bold; color: #940606; }

/* navbar.asp, z-navbar.asp */
body.nav{ }
table.tableNav { margin: 25px 0px 0px 2px; width: 187px; font-size:12px; }
table.tableNav td { text-indent: 5px; width: 100%; }
table.tableNav td.menu_level1 { cursor: pointer; text-indent: 15px; height: 36px; width: 132px; color: #ffffff; font-size:13px; }
table.tableNav td.menu_level1_over { cursor: pointer; text-indent: 15px; height: 36px; width: 132px; color: #ffffff; background-color: #313131; font-size:13px; }
table.tableNav td.menu_level1_open { cursor: pointer; text-indent: 15px; height: 36px; width: 132px; color: #ffffff; font-size:13px; }

table.tableNav table.navFoding { margin-top: 0px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; width: 100%; font-size: 12px;}
table.tableNav table.navFoding a:link { color: #000000; text-decoration: none; }
table.tableNav table.navFoding a:hover { color: #000000; text-decoration: none; }
table.tableNav table.navFoding a:visited { color: #000000; text-decoration: none; }
table.tableNav table.navFoding td.menu_level2 { cursor: pointer; color: #ffffff; text-indent: 30px; height: 30px; font-size:12px; }
table.tableNav table.navFoding td.menu_level2_over { cursor: pointer; color: #ffffff; text-indent: 30px; height: 30px; background-color: #313131; font-size:12px; }
table.tableNav table.navFoding td.menu_level2_open { cursor: pointer; color: #ffffff; text-indent: 30px; height: 30px; background-color: #3088ef; font-size:12px; }

/* tabctrl.asp, z-tabctrl.asp */
body.z_button { }
body.button { background-color: #464e53; padding-left: 160px; }
table.z_button { margin: 0px; padding: 0px; height: 35px; border-left: 1px solid #cccccc }
table.z_button td 
{
    font-size: 14px; 
    font-weight: bold;
    border-color: #cccccc;
    border-style: solid;
    border-width: 0px;
}
table.z_button td.butActive 
{ 
    cursor: pointer; 
    color: #094067; 
    padding-left: 25px;
    padding-right: 25px; 
    border-top-width: 1px;
    border-right-width: 1px;
}
table.z_button td.butUnactive 
{ 
    cursor: pointer; 
    color: #7490A3; 
    padding-left: 25px;
    padding-right: 25px; 
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
}
table.z_button td.butUnactiveHover 
{ 
    cursor: pointer; 
    color: #094067; 
    padding-left: 25px;
    padding-right: 25px; 
    /* background-color: #eeeeee; */
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
}
table.z_button td.butPad { border-bottom-width: 1px; }

table.button { margin: 0px; padding: 0px; height: 35px; }
table.button td{ font-size: 12px; }
table.button td.butActive 
{
    cursor: pointer;
    font-weight: bold;
    color: #ff6600;
    padding-left: 15px;
    padding-right: 15px;
}
table.button td.butUnactive 
{
    cursor: pointer;
    font-weight: bold;
    color: #cccccc;
    padding-left: 15px;
    padding-right: 15px;
}
table.button td.butUnactiveHover
{
    cursor: pointer;
    font-weight: bold;
    color: #ff6600;
    padding-left: 15px;
    padding-right: 15px;
}

/* footer.asp */
body.foot{ border-top: 1px solid #dddddd }
#footFrame
{
    height: 25px;
    line-height: 25px;
}
#footCompany
{
    float: left;
    margin-left: 160px;
}
#footRefresh
{
    float: right;
    width: 260px ;
}
#footRefreshMsg
{
    float: left;
    width: 110px;
    text-align: left;
}
#footRefreshCtrl
{
    float: right;
}

a.foot { TEXT-DECORATION: none; color: #000000; }
a.foot:hover { TEXT-DECORATION: underline; color: #000000; }

/* config pages and form_result.asp */
body.main 
{ 
    padding: 15px;
    background:#eceff2;
}
a.helpLauncher
{ 
    TEXT-DECORATION: none; 
    color: #999999; 
}
a.helpLauncher:hover 
{ 
    TEXT-DECORATION: none; 
    color: #000000;
}
a.helpClose
{
    TEXT-DECORATION: none; 
    font-size: 9px;
    color: #000000; 
}
a.helpClose:hover
{
    TEXT-DECORATION: none; 
    font-size: 9px;
    color: #000000; 
}
div.configFrame
{
    width: 99%;
    border: 1px solid #cccccc;
}
div.configTitle
{
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 20px;
    height: 25px;
    line-height: 25px;
    background-color: #5893B0;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}
div.configFormFrame
{
    border: 0px solid #cccccc;
}
div.configFormElem
{
    height: 25px;
    line-height: 25px;
}
div.helpboxFrame
{
	padding: 6px;
    background-color: #FBEB9A;
    position: absolute;
    border: 1px solid #464e53;
}
div.helpboxCloseButton
{
	background-color: #FBEB9A;
	height: 15px;
	width: 100%;
	text-align: right;
	font-size: 9px;
	color: #000000;
}
div.helpboxMsgBox
{
	background-color: #FBEB9A;
	text-align: left;
	font-size: 12px;
	color: #000000;
}
#aboutBox
{
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 100px;
}
#companyName
{
    font-size: 16px;
    font-weight: bold;
}

/* form_result.asp only */
#resultBox
{
    margin-top: 50px;
    margin-bottom: 100px;
    margin-left: 20%;
    width: 60%;
    padding-top: 50px;
    padding-bottom: 50px;
    border: 1px solid #cccccc;
    text-align: left;
}
div.resultContent
{
    color: #000000; 
    font-size: 16px;
}

table.container { width: 100%; background:#ffffff;}
td.tdtitle { border-left: 3px solid #5ea8ff;LINE-HEIGHT: 25px; padding-left: 20px; color: #000000; font-size:16px; background:#ffffff; height:30px;}

table.simplelist { border: 1px solid #cccccc }
table.simplelist tr{ height:24px; }
td.listframe { background-color: #cccccc }
tr.listlight { background-color: #ffffff }
tr.listdark { background-color: #f7f7f7 }

/* Forms */
input, select {font-size: 12px; font-family:  Verdana, Arial, Helvetica; vertical-align: middle; border:2px solid #d3d3d3;} 
input.button { border-color:#ffffff; color: #ffffff; border-radius:5px; background:#5ea8ff; padding: 5px 15px 5px 15px; height: 32px; font-size: 12px; font-weight: bold; margin-left:2.5%;}

select.agglist { width: 60px }

.newCell{	text-align:center;}


.mytr1 { 
    display:table; width:100%; table-layout:fixed;
}
.mythead1{
    display:table; width:100%; table-layout:fixed;  width: calc( 100% - 1em ); 
}
.mytbody1{
    display:block;  overflow-y:scroll;overflow-x:auto;
}
.onustatusActive{
    color:green;
}
.onustatusInActive{
    color:red;
}