/* 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 */
.b-panel {
    left: 0px; top: 0px; position: absolute;
}

.b-dialog {
    left: 300px; top: 100px; z-index: 998; 
}

.toast-dialog {
    z-index: 999; -ms-word-break: break-all;
}

.toast-content {
    background: rgb(249, 237, 190); padding: 0px 28px 0px 8px; left: 0px; top: 0px;
}

.b-bdr-6 {
    border: 1px solid rgb(251, 218, 145);
}

.bdr-rnd-3 {
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
}

.box-shadow {
    box-shadow: 1px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
}

.toast-outer {
    max-width: 370px; _width: 370px;
}

.toast-msg {
    margin: 0px; text-align: center; color: rgb(0, 0, 0); line-height: 21px; font-size: 12px; border-top-color: rgb(251, 242, 209); border-top-width: 1px; border-top-style: solid; white-space: nowrap; -ms-overflow-x: hidden;
}

.b-in-blk {
    vertical-align: middle; display: inline-block; -ms-zoom: 1;
}

.b-ic-dimen-1 {
    margin: 0px 5px 0px 0px; width: 20px; height: 20px;
}

.ic-mini-ok {
    background-position: -42px -226px;
}

div.ssnmsg
{
    padding-top: 6px;
    padding-bottom: 4px;
    background-color: #F9EDBE;
    position: absolute;
    top:140px;
    border:0px;
}

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;
}
#imglogo { margin-left: 20px;height:60px; }

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 */
table.tableNav { margin: 25px 0px 0px 2px; width: 190px; font-size:12px; }
table.tableNav td { text-indent: 5px; width: 100%; }
table.tableNav td.menu_level1 { cursor: pointer; text-indent: 15px; height: 26px; width: 132px; font-weight: bold; color: #000000; }
table.tableNav td.menu_level1_over { cursor: pointer; text-indent: 15px; height: 26px; width: 132px; font-weight: bold; color: #940606; }
table.tableNav td.menu_level1_open { cursor: pointer; text-indent: 15px; height: 26px; width: 132px; font-weight: bold; color: #940606; }

table.tableNav table.navFoding { margin-top: 0px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; width: 100%; border: 1px solid #cccccc; 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: #000000; text-indent: 20px; height: 20px; }
table.tableNav table.navFoding td.menu_level2_over { cursor: pointer; color: #000000; text-indent: 20px; height: 20px; background-color: #e4e0e0; }
table.tableNav table.navFoding td.menu_level2_open { cursor: pointer; color: #000000; text-indent: 20px; height: 20px; font-weight: bold; }

/* tabctrl.asp */
body.button { background-color: #464e53; padding-left: 200px; }
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: 200px;
}
span.footCompanyItem
{
    text-align: center;
    margin-right: 30px;
}
#footRefresh
{
    float: right;
    min-width:260px; 
    width: fit-content;
}
#footRefreshMsg
{
    float: left;
    min-width: 110px;
    width: fit-content;
    text-align: left;
}
#footRefreshCtrl
{
    float: right;
    width: fit-content;
}

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

/* config pages and form_result.asp */
body.main 
{ 
    padding-top: 10px;
}
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
{
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 20px;
    border: 0px solid #cccccc;
}
div.configFormSubFrame
{
    margin-left: 20px;
    margin-right: 20px;
    border: 1px solid #cccccc;
}
div.configFormElem
{
    padding-left: 20px;
    height: 25px;
    line-height: 25px;
}
div.configFormElemGray
{
    padding-left: 20px;
    height: 25px;
    line-height: 25px;
    background-color: #eeeeee;
}
div.helpboxFrame
{
    z-index: 9999;
    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;
}
span.redmsg
{
    color: #ff0000;
}

/* 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: center;
}
div.resultContent
{
    color: #000000; 
    font-size: 16px;
}

table.container { width: 100%; border: 1px solid #cccccc; }
td.tdtitle { LINE-HEIGHT: 25px; BACKGROUND-COLOR: #5893B0; padding-left: 20px; color: #ffffff }

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

/* Forms */
input, select {font-size: 12px; font-family:  Verdana, Arial, Helvetica; vertical-align: middle; } 
input.button { color: #011774; padding: 0px;min-width:130px; width: fit-content; height: 25px; font-size: 14px; font-weight: bold; }

select.agglist { width: 120px }

.tips
{
    vertical-align:bottom;
    text-align:center;
    line-height:22px;
    font-size: 12px;
    font-weight: bold; 
    color: #000000;
}

.logoFrame
{
    width: 100%;
    border: solid 0px #000000;        
}

.portsGroupFrame
{
    width: 100%;
    border: solid 0px #000000;
}

.portNameFrame
{
	height: 16px;
    border: solid 1px #000000;
}

.portBgUpFrame
{
    height: 32px;
}

.portBgDownFrame
{
    height: 32px;
}

.portNameBg
{
	width: 27px;
    height: 16px;
    text-align:center;
    font-size: 9px;
}

.portBg
{
    width: 27px;
    height: 27px;
    border-style:solid;
    border-width: 2px 2px 2px 2px;
    border-color: #000000;
    background: #ffffff;
    padding:1px 1px 1px 1px;
}

.linkupPort
{
    width: 27px;
    height: 27px;
    border-style:solid;
    border-width: 1px;
    border-color: #000000;
    background: #91D250; 
    margin:1px 1px 1px 1px;
    margin-left: auto;
    margin-right: auto;
}

.linkdownPort
{
    width: 27px;
    height: 27px;
    border-style:solid;
    border-width: 1px;
    border-color: #000000;
    background: #A5A5A5; 
    margin:1px 1px 1px 1px;
    margin-left: auto;
    margin-right: auto;
}

.errDisablePort
{
    width: 27px;
    height: 27px;
    border-style:solid;
    border-width: 1px;
    border-color: #000000;
    background: #FFFF00; 
    margin:1px 1px 1px 1px;
    margin-left: auto;
    margin-right: auto;
}
.customNav
{
}