#header
{
display:block;
top:0px;

}
#title {
 display:block;
 vertical-align:text-bottom;
}

#title .right{
     display:block;
     float:right;
     font: 17px arial,helvetica,verdana,sans-serif;

 
}
#title .left{
    float:left;
    display:block;
    font-weight: bold;
    font: 18px arial,helvetica,verdana,sans-serif;
    COLOR: #004666;


}

#title .center{
 float:left;
 font-weight: bold;
 font: 18px arial,helvetica,verdana,sans-serif;
 COLOR: #004666;

}

#qosleft{
    margin-left:40px;
    display:block;
    float:left;
    width:45%;
    
}
#qosright{
    margin-right:40px;
    display:block;
    float:right;
    width:45%; 
}

#mainpage {
padding-top: 0px;
display:block;
}

#footer {
display:block;
 position:fixed;
 left:0px;
 bottom:0px;
 width:100%;
 background-color: #FFFFFF;
}

#page {
 background-image: url(/images/MSBG.jpg);
 background-repeat: no-repeat;
 padding-top: 12px;
 padding-left: 12px;
 padding-right: 12px;
 margin:0px auto;
 width: 1024px;
 background-color: #ffffff;
 border:2px solid #2288aa;
 border-radius: 15px;
 min-height: 500px;
}

body
{
padding: 0px;
margin: 0px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#004666));
background: -moz-linear-gradient(top,  #fff,  #004666);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#004666');
background-repeat: no-repeat;
height:auto;
min-height: 600px;
background-color: #004666;
}

div,p,th,td,li,dd,dl,dt {font: 12px arial,helvetica,verdana,sans-serif}

h1,h2,h3,h4,h5,h6 {display: inline; margin: 1px; font-family: arial,helvetica,sans-serif; font-weight: bold;}


.GBox
{
margin: 0px auto;
background-color:#ffffff;
border:1px solid #cfcfcf;
border-collapse:collapse;
}

td
{
vertical-align: top;


}
.table
{
width: 100%;


}

.table td
{
vertical-align: top;

}

.traffic 
{
float: left;
border:2px solid #2288aa;
border-radius: 15px;
width: 65%;
min-height: 400px;
max-height: 400px;
overflow: auto;
}

.traffic table {
width: 100%;
}
.dns 
{
float: right;
border:2px solid #2288aa;
border-radius: 15px;
max-width: 33%;
min-height: 400px;
max-height: 400px;
overflow: auto;
}

label {
text-align: left;
vertical-align: middle;
}


INPUT
{
BORDER-RIGHT: #a5acb2 1px solid;
BORDER-TOP: #a5acb2 1px solid;
FONT: bold 11px verdana, sans-serif;
BORDER-LEFT: #a5acb2 1px solid;
COLOR: #333366;
BORDER-BOTTOM: #a5acb2 1px solid
}

a img {border: 0px;}

form {margin: 0px}


A
{
COLOR: #004666;
TEXT-DECORATION: none
}
A:link
{
COLOR: #004666;
TEXT-DECORATION: none
}
A:visited
{
COLOR: #004666;
TEXT-DECORATION: none
}
A:hover
{
COLOR: #000000
}
A:active
{
COLOR: #077cd0;
BACKGROUND-COLOR: #FFFFEF
}

#MainNav a
{
padding: 0px 8px 2px 8px;
margin-bottom: 40px;
font-size: 13px;
font-weight:600;
background: #ffffff;
border:1px solid #ffffff;
color: #004666;
text-decoration: none
}

#MainNav a:link
{
}

#MainNav a:visited
{
COLOR: #004666;
TEXT-DECORATION: none
}
#MainNav a:hover
{
border: 1px solid #004666;
color: #000000;
}
#MainNav a:active
{
COLOR: #077cd0;
BACKGROUND-COLOR: #ffffef
}


A.footerlink
{
COLOR: #000000;
TEXT-DECORATION: none
}
A.footerlink:link
{
COLOR: #000000;
TEXT-DECORATION: none
}
A.footerlink:visited
{
COLOR: #000000;
TEXT-DECORATION: none
}
A.footerlink:hover
{
COLOR: #ffffff
}
A.footerlink:active
{
COLOR: #000000;
BACKGROUND-COLOR: #ffff30
}


A.SideNav
{
display: block;
width: 138px;
padding: 2px 10px 2px 10px;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-right: #000000 1px solid;
FONT-SIZE: 14px;
COLOR: #000000;
TEXT-DECORATION: none
}
A.SideNav:link
{
TEXT-DECORATION: none
}
A.SideNav:visited
{
COLOR: #000000;
TEXT-DECORATION: none
}
A.SideNav:hover
{
BACKGROUND: #077cd0;
COLOR: #ffffff;
}
A.SideNav:active
{
COLOR: #077cd0;
BACKGROUND-COLOR: #ffffef;
}


INPUT.button {
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    color: #FFFFFF;
    text-align: center;
    width: 250px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    padding: 1px;
    background-color: #0079ad;
}
INPUT.button:hover {
    font: normal 14px arial, sans-serif;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width: 250px; 
    border: 1px inset #1D4C6F;
    margin: 2px;
    background-color: #00a9cd;
    color: white;
    }
INPUT.button2 {
    font: normal 14px arial, sans-serif;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF;
    text-align: center;
    width: 200px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    background-color: #0079ad;
}
INPUT.button2:hover {
    font: normal 14px arial, sans-serif;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width: 200px; 
    border: 1px inset #1D4C6F;
    margin: 2px;
    background-color: #00a9cd;
    color: white;
    }

A.button {
    display: block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    color: #FFFFFF;
    text-align: center;
    width: 250px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    padding: 1px;
    background-color: #0079ad;
    }

A.button:hover {
    display: block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    text-align: center;
    width: 250px; 
    border: 1px inset #1D4C6F;
    margin: 2px;
    padding: 1px;
    background-color: #00a9cd;
    color: white;
    }

A.button2 {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    color: #FFFFFF;
    text-align: center;
    width: 199px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    background-color: #0079ad;
    }

A.button2:hover {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    text-align: center;
    width: 199px; 
    border: 1px inset #1D4C6F;
    margin: 2px;
    background-color: #00a9cd;
    color: white;
    }

A.button3 {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    color: #FFFFFF;
    text-align: center;
    width: 30px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    background-color: #0079ad;
    }

A.button3:hover {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    text-align: center;
    width: 30px;
    border: 1px inset #1D4C6F;
    margin: 2px;
    background-color: #00a9cd;
    color: white;
    }

A.sortf {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 11px arial, sans-serif;
    font-weight: bold;
    color: #000000;
    text-align: center;
    min-width: 40px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    padding: 2px;
    background-color: #bbcccc;
    }

A.sort {
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    font: normal 11px arial, sans-serif;
    font-weight: bold;
    color: #000000;
    text-align: center;
    min-width: 40px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    padding: 2px;
    background-color: #bbcccc;
    }

A.sort:hover {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 11px arial, sans-serif;
    font-weight: bold;
    text-align: center;
    min-width: 40px;
    border: 1px inset #1D4C6F;
    padding: 2px;
    margin: 2px;
    background-color: #ddeeee;
    color: #000000; 
    }


A.nav {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    min-width: 50px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    padding: 3px;
    background-color: #0079ad;
    }

A.nav:hover {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    text-align: center;
    min-width: 50px;
    border: 1px inset #1D4C6F;
    padding: 3px;
    margin: 2px;
    background-color: #00a9cd;
    color: #FFFFFF; 
    }

A.nav2 {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    color: #1D4C6F;
    text-align: center;
    min-width: 250px;
    border: 1px ridge #1D4C6F;
    margin: 1px;
    padding: 1px;
    background-color: #dddddd;
    }

A.nav2:hover {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    color: #1D4C6F;
    text-align: center;
    min-width: 250px;
    border: 1px ridge #1D4C6F;
    margin: 1px;
    padding: 1px;
    background-color: #eeeeee;
    }



A.status {
    display: block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    color: #FFFFFF;
    text-align: center;
    width: 250px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    padding: 1px;
    background-color: #11B702;
    }

A.status:hover {
    display: block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    text-align: center;
    width: 250px; 
    border: 1px inset #1D4C6F;
    margin: 2px;
    padding: 1px;
    background-color: #33d722;
    color: white;
    }

A.navred {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    color: #000000;
    text-align: center;
    min-width: 50px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    padding: 3px;
    background-color: #c00000;
    }

A.navred:hover {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    text-align: center;
    min-width: 50px;
    border: 1px inset #1D4C6F;
    padding: 3px;
    margin: 2px;
    background-color: #f00000;
}
A.navgreen {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    color: #000000;
    text-align: center;
    min-width: 50px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    padding: 3px;
    background-color: #00CC00;
    }

A.navgreen:hover {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    text-align: center;
    min-width: 50px;
    border: 1px inset #1D4C6F;
    padding: 3px;
    margin: 2px;
    background-color: #00DD00;
}

A.navmslow {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    color: #000000;
    text-align: center;
    min-width: 50px;
    border: 1px ridge #1D4C6F;
    margin: 2px;
    padding: 3px;
    background-color: #FF9933;
    }

A.navmslow:hover {
    display: inline-block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: normal 14px arial, sans-serif;
    font-weight: bold;
    text-align: center;
    min-width: 50px;
    border: 1px inset #1D4C6F;
    padding: 3px;
    margin: 2px;
    background-color: #FFBB00;
}


#left {
    float: left;
}	

#right {
    float: right;
    text-align: right;
}

#hold {
   position:relative;
   height:280px;
}

#top {
    position:absolute;
    top:0;
    left:0;
    }

#bottom {
    position:absolute;
    left:0;
    bottom:0;
}
#grey {
    background: #f0f0f0;
}
#grey a {

}
#grey .green {
    background: #11cc00;

    text-align: center;
}
#grey .red {
    background: #DD5353;

    text-align: center;
}
#grey .yellow {
    background: #EEDD00;

    text-align: center;
}
#grey .mslow{
    background: #DD9900;
	text-align: center;
}

#white {
    background: #ffffff;
}
#white A {

}
#white .green {
    background: #33ff00;

    text-align: center;
}
#white .red {
    background: #FF5353;

    text-align: center;
}
#white .yellow {
    text-align: center;
    background: yellow;

}
#white .mslow{
        background: #EE9900;
	text-align: center;
}

#detail {
visibility:hidden;
float:center;
position:fixed;
width:450px;
left:240px;
border:2px solid #2288aa;
background-color:#004666;
border-radius: 15px;

}

#inside{
margin-top:20px;	
background-color:#d6dfe3;
border-radius: 15px;
padding-left: 10px;
padding-right: 10px;

}

#inside2 {
margin-top:20px;	
background-color:#FFFFFF;
border-radius: 15px;
padding-left: 10px;
padding-right: 10px;
}

fieldset {
text-align: center;
float: left;
clear: both;
width: 75%;
margin: 0 0 0em 0;
padding: 1em ;
border: 1px solid #BFBAB0;
background-color: #F2EFE9;
    -moz-border-radius: 5px;
        border-radius: 5px;
}
legend {
text-align:left;
margin-left: 1em;
color: #000000;
font-weight: bold;
font-size: 1.2em;
}
fieldset ol {
padding: 0em 0em 0 0em;
list-style: none;
}
fieldset li {
padding-bottom: 0em;
}
fieldset.submit {
border-style: none;
}
#lineheader {
background-color: #004666;
color: 	  white;
}