v\:* {
    behavior:url(#default#VML);
}

div.info { width: 300px; }
p.name { color: red; font-weight: bold; }
p.desc { font-size: smaller; }
p.moreinfo { font-size: smaller; }

div.hidden { display: none; }
div.shown { display: inherit; }


/* ------- */
html, body {
  height : 100% ;
}
body
{
  background : #e0e0e0 ;
  color: #000;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: small;
  padding: 0;
  border: 0;
  margin: 0;
  width : 100% ;
}
a:link {
    text-decoration : none ;
    color : blue ;
}
a.link {
    text-decoration : none ;
    cursor: pointer;
    color : blue ;
}
a:visited {
    text-decoration : none ;
    color : navy ;
}
a:hover, a:active {
    text-decoration : underline ;
    color : blue ;
}
img {
    border : none ;
}

div#page
{
  width : 100% ;
  padding: 0;
  border: 0;
  height : 100% ;
  margin : 0 ;
}

#main {
    padding : 0 ;
    margin : 0 auto ;
    height : 100% ;
    width : 780px ;
}

#content {
  border: 0;
  margin: 0;
  padding : 0 ;
  height : 90% ;
  background : url(faux-col.png) top left repeat-y ;
}

#box {
  height : 100% ;
  background : #fff ;
  padding: 0;
  border: 0;
  margin: 0 ;
  /*width: 600px;*/
  width: 100%;
  float : left ;
}

#map {
    width: 100%;
    height: 100%;
    border: 0 /*1px solid gray*/;
    margin-bottom : 120px ;
}

#portal-logo {
    background: url(prepaid_banner1.jpg) center left no-repeat;
    border: 0;
    margin : 0 ;
    padding: 0;
}

#portal-logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 190px;
    height: 0px !important;
    height /**/: 190px;
    width: 780px;
    cursor: pointer;
}

div#header {
  padding : 0 ;
  margin : 0 auto ;
  background : #87cefa ;
  min-height : 190px ;
  height:expression(document.body.clientHeight > 190? "190px": "auto" );
  width : 780px ;
}

div#headerText { display: none; }

div#nav
{
    background : #fff8dc ;
    color : #000 ;
    padding : 8px 0 ;
    margin : 0 ;
    text-transform : lowercase ;
    font-size : 120% ;
}    
#nav ul {
    padding : 0 ;
    margin : 0 ;
    list-style : none ;
}
#nav li {
    display : inline ;
    padding : 0 ;
    margin : 0 ;
}
div#nav ul li a
{
    padding : 5px 15px ;
    color : black ;
    text-decoration : none ;
    height: auto;
    margin : 0 ;
}

div#nav ul li a:hover, div#nav ul li.active a:hover, div#nav a:active
{
    background : #b4e0fc
}

div#nav ul li.active a
{
    font-weight : bold ;
    background : #e0d193 ;
}

div#nav span.accel {
    text-decoration : underline ;
    }
#message {
    font-weight : bold ;
    position: absolute ;
    z-index: 5 ;
    border : solid 2px #600 ;
    background : #ffe ;
    padding : 0.5em ;
    margin : 50px 0 0 100px ;
}

#userbox {
    width : 150px ;
    float : right ;
    text-transform : lowercase ;
    margin : 0 0 0 0 ;
    padding : 8px 15px 0 15px ;
    background : #b4e0fc ;
    min-height : 62px ;
    height:expression(document.body.clientHeight > 62? "62px": "auto" );
}
#userbox h2 {
    font-size : 100% ;
    margin : 0;
    padding : 0 ;
}
#userbox a {
    color : #003c61 /*#507a94*/ ;
}

div#footer
{
  clear: both;
  text-align: center;
  clear: both;
  color: #aaa;
  font-size: smaller;
  background : #f9f9f9 ;
  padding : 1em 0 ;
  margin : 0 ;
}

div#footer p { margin-bottom: 0; }

#footer p#timer
{
  margin-top: 0;
  font-size: smaller;
}

h4 {
    font-size : 110% ;
}

#right-col {
    padding : 15px ;
    background : #b4e0fc ;
    float : right ;
    width : 150px ;
}

#right-col h3 {
    margin : 0 ;
    padding : 0 ;
}

p {
    margin : 0 ;
    padding : 0 ;
}

#selectors {
    background : #fff8dc ;
    padding : 0.5em ;
}

.description {
    color : #333 ;
    line-height : 1em ;
    border-bottom : solid 1px #87cefa ;
    margin : 0 0 1em 0 ;
    padding : 0 0 1em 0 ;    
}    

#nav-right {
    text-transform : lowercase ;
}

#nav-right ul {
    font-size : 120% ;
    margin : 0;
    padding : 0 ;
    list-style-type : none ;
}

#nav-right li a {
    color : black ;
    display : block ;
    margin : 0 0 0.5em 0 ;
    padding : 0 0.2em 0 0 ;
    border-right : solid 1em #87cefa ;
    border-bottom : solid 1px #87cefa ;
    text-decoration : none ;
}

#nav-right li a:hover, #nav-right li.active a:hover, #nav-right a:active
{
    border-right : solid 1em #fff8dc ;
    border-bottom : solid 1px #fff8dc ;
}

#nav-right ul li.active a
{
    color : #004c7d  ;
    font-weight : bold ;
    border-right : solid 1em #004c7d ;
    border-bottom : solid 1px #004c7d ;

}

#nav-right span.accel {
    text-decoration : underline ;
}

option.level1
{
  color: #000;
  font-weight: bold;
  color : blue ;
}

option.level2
{
  color: #333;
}

option.level3
{
  color: #666;
  font-size: smaller;
}

.no-script {
    width : 500px ;
    border: 1px solid #222;
    background: #fafcca url(warning.gif) no-repeat scroll right center;
    text-align: left;
    vertical-align: middle;
    padding: 1em;
    padding-right: 70px;
    margin: 0 0 1em 0;
    font-weight: bold ;
    color : #330 ;
}