/****************************************
 * TAG                                  *
 ****************************************/

body
{
  margin : 0px;
  padding : 0px;

  background-color : #FFFFFF;

  color : #222222;
  font-size : 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#HSSTmenu /* HomeLAN Security Services Toolkit Menu */
{
  position: absolute;
  top: 20px;
  right: 10px;
  text-align: right;
  padding-top: 2px;
  padding-right: 2px;
  border-right: 1px solid #0000DD;
  color: #0000DD;

}

#HSSTmenu a.onL
{
  text-decoration: underline;
  color: #0000DD;
}

#HSSTmenu a.onL:hover
{
  text-decoration: underline;
  color: #0000DD;
}

#HSSTmenu a.offL
{
  text-decoration: none;
  color: #222;
}

#HSSTmenu a.offL:hover
{
  text-decoration: underline;
  color: #0000DD;
}

.HSSTpanel /* HomeLAN Security Services Toolkit Panel */
{
  position: absolute;
  top: 32px;
  left: 20px;
  visibility: hidden;
  width: 400px;
  margin: 0px;
  padding: 0px;
  line-height:16px;
}

.HSSTpanel h2
{
  margin : 0px;
  padding : 0px;

  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: 600;
  color:#666;

  text-align : left;
}

td
{
  margin : 0px;
  padding : 0px;

  background-color : #FFFFFF;

  color : #222222;
  font-size : 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input
{
  margin : 0px;
  padding : 0px;

  border : 1px #CCCCCC solid;

  background-color : #FFFFFF;

  color : #222222;
  font-size : 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  height:18px;
}

.submit
{
  cursor: pointer;
}

.menubutton {cursor: pointer}


.sp
{
  width : 4px;
}

.vsp
{
  height : 1px;
}

.terms
{
  margin : 0px;
  margin-top : 4px;
  padding : 0px;

  width : 510px;
}

.red
{
  color : #FF0000;
}

form
{
  margin : 0px;
  padding : 0px;
}

img
{
  margin : 0px;
  padding : 0px;
  border : 1px solid #222222;
}

.noborder
{
  border: none;
}

/****************************************
 * LINK                                 *
 ****************************************/

a:link
{
  margin : 0px;
  padding : 0px;

  color : #333;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  text-align : left;
  text-decoration : underline;
}

a:visited
{
  color : #333;

  text-decoration : underline;
}

a:active
{

}

a:hover
{
  color : #0000DD;

  text-decoration : underline;
}

/****************************************
 * HEADER                               *
 ****************************************/

#headerleft
{
  position : absolute;
  top : 360px;
  left : 0px;

  height : 125px;
  width : 186px;

  margin : 0px;
  padding : 0px;

  background-color : transparent;
  background-image : url('images/cat5left.jpg');
  background-repeat : no-repeat;
}

#headerright
{
  position : absolute;
  top : 20px;
  left : 520px;

  margin : 0px;
  padding : 0px;

  width : 216px;
  height : 121px;
  
  background-image: url('images/wifilogo.jpg');
  background-repeat : no-repeat;
}

#headermid
{
  position : absolute;
  top : 0px;
  left : 30px;

  margin : 0px;
  padding : 0px;
  height: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #666;

  width : 205px;
  height: 179px;

  background-image: url('images/dlinkwap.jpg');
  background-repeat : no-repeat;
  
  border-top :none;
}
/****************************************
 * DISPLAYLOGINNAME                     *
 ****************************************/
#displayloginname
{
  position:absolute;
  top: 180px;
  left:170px;
  font-weight: bold;
  color: #666;
  border-bottom: 1px solid #CCC;
}

/****************************************
 * CONTENT                              *
 ****************************************/

.content
{
  position : relative;
  top : 160px;
  left : 180px;

  height : auto;
  width : 600px;

  margin : 0px;
  padding : 0px;

  background-color : transparent;

  text-align : left;
}

.content h1
{
  margin : 0px;
  padding : 0px;
  padding-bottom: 1px;
  padding-left: 2px;
  border-bottom : 1px #666 solid;

  color : #0000DD;
  font-size : 16px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : 550;
  text-align : left;
}

.content h6
{
  margin : 0px;
  margin-bottom : 180px;
  padding: 0px;
  padding-top : 2px;

  border-top : 1px #666 solid;

  color : #999999;
  font-size : 10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : 550;

  text-align : center;
}

.content p
{
  margin : 0px;
  margin-left : 10px;
  padding-top : 5px;
  padding-left: 10px;
  border-left: 1px solid #0000DD;
  text-align : left;
  line-height: 18px;
}

.content p p
{
  margin : 0px;
  padding : 0px;

  text-align : left;
}

.content p.q
{
padding-bottom:1em;
border-top: 1px solid #222;
}

.content p.q:first-letter
{
font-family: "Times New Roman", Times, serif;
font-weight:600;
  color: red;
  font-size: 20px;
}

.content p.a
{
line-height: 18px;
padding-bottom: 1em;
}

.content p.a:first-letter
{
font-family: "Times New Roman", Times, serif;
font-weight:600;
  color: green;
  font-size: 20px;
  font-weight: 600;
}

.content p.t
{
border-top: 1px solid #222;
font-weight: 600;
color:#0000DD;
}

.content p.d
{
padding-bottom:1em;
}

/****************************************
 * MENU                                 *
 ****************************************/

#menu
{
  position : absolute;
  top : 160px;
  left : 0px;
 
  height : auto;
  width : 160px;

  margin : 0px;
  padding : 0px;
  background-color : transparent;
}

#menu h1
{
  margin : 0px;
  padding : 0px;
  padding-bottom : 1px;
  padding-left: 2px;
  border-bottom: 1px solid #666;
  color : #0000DD;
  font-size : 16px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : 550;
}

#menu h2
{
  margin : 0px;
  margin-bottom : 16px;
  padding : 0px;

  color : #999999;
  font-size : 16px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : 550;
}

#menu a:link
{
  margin : 0px;
  padding : 0px;

  color : #000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

  text-align : left;
  text-decoration : none;
}

#menu a:visited
{
  color : #000;
  text-decoration : none;
}

#menu a:active
{

}

#menu a:hover
{
  color : #0000DD;

  text-decoration : underline;
}

#menu p
{
  color: #0000DD;
  margin:0px;
  padding:0px;
  margin-left:10px;
  padding-top: 2px;
  padding-left: 2px;
  border-left: 1px solid #0000DD;

}

.client {margin:0px; margin-bottom: 10px; padding:0px; width:auto;}

.info {margin: 0px; padding: 0px 2px; text-align: left;}
.status {margin: 0px; padding: 0px 2px; text-align: right;}
.service {margin: 0px; padding: 4px; text-align: center;}
.service input {width:100%;}


.transaction {margin:0px; padding:0px; width:510px; border: 1px solid #CCC; border-bottom: 1px solid #206EDF;}

.transaction td {margin:0px; vertical-align: top;}

.solid {border-top: 1px solid #206EDF; height: 1px; line-height: 0px; margin: 0px; padding: 0px;}

.dot {border-top: 1px dotted #206EDF; height: 1px; line-height: 0px; margin: 0px; padding: 0px;}

.date {text-align: left; padding:2px; width:80px}

.description {text-align: left; padding:2px; width:205px}

.debit {text-align: right; padding:2px;width:75px}

.credit {text-align: right; padding:2px;width:75px}

.balance {border-left: 1px solid #206EDF; text-align: right; padding:2px; width:75px}

.disabled {background-color:#FCFCF9; border-color: #BCBCB9}
.enabled {background-color: #FFFFFF; border-color: #CCCCCC}