/* Master Page */
/* body */
body { background-image: url(../images/layout/stripe.gif); background-color: Transparent; background-repeat: repeat; margin: 0px; padding: 0px; border: 0px; top: 0px; left: 0px; font-family: Verdana, Arial; font-size: smaller;}
div.clear {}
span#headerleft {top: 0px;}
span#headerprint {visibility:hidden; height:0px; position:absolute;}
span#headerright {top: 0px;}
div#texttop  { background-color:Transparent; background-image: url(../images/layout/stateBarHomeWide.gif);  background-repeat:no-repeat;  position:relative; top:0px; left: 10%; height:25px; width:80%; z-index: 100; } 
span#date  {color:White; padding-left:50px; position:absolute; top:5px;} 
span#texttopright  { background-color:Transparent; background-image: url(../images/layout/stateBarHomeRight.gif);  background-repeat:no-repeat; float:right; position:absolute; width:45px; right: -1px; z-index:500; background-position-x:right;
height:25px;}
div#belowtop  { background-color:Transparent; background-image: url(../images/layout/belowmaroon.gif);  background-repeat:no-repeat;  position:relative; top:0px; left: 10%; height:26px; width:80%; z-index: 100; } 
span#belowmaroon  {color:White; padding-left:50px; position:absolute; top:5px;} 
span#belowmaroonright  { background-color:Transparent; background-image: url(../images/layout/belowmaroonright.gif);  background-repeat:no-repeat; float:right; position:absolute; width:45px; right: -1px; z-index:500; background-position-x:right;
height:26px;}
/* main area layout */
div.left { position: absolute;  float: left; top: 0; width: 10%}

div.middle { position: relative; top: 0px;  background-color:#ffffff; color:Black; width:80.01%; display:inline-block; left:10%; right:0px; }
div.content {padding-left:15px; padding-right:45px; position:relative; }

div.right { display:inline; z-index:2000;  background-color:Transparent; float:right; position:absolute; width:200px; top:20px; right:10%;} 
div#floater { position: relative; z-index: 3000; top: 80px; border: solid maroon 2px; width: 250px; height: 300px; background-color:Beige; float:right; display:inline-block; padding:3px;  overflow-y:scroll;  }
div.loginbox { border: solid 1px maroon; background-color:Beige; width:180px; padding:3px;}
/* bottom area */
div#bottom  { background-color:Transparent; background-image: url(../images/layout/bottomwhitein.gif);  background-repeat:no-repeat;  position:relative; top:0px; left: 10%; height:48px; width:80%; z-index: 100; } 
span#bottomright  { background-color:Transparent; background-image: url(../images/layout/whitecurvebotright.gif);  background-repeat:no-repeat; float:right; position:absolute; width:172px; right: -1px; z-index:500; background-position-x:right;
height:48px;}
span#pwd { text-align:center; width:100%;}
/* links */
a { font-weight: normal; font-size: 1em; color: #32608B;  text-decoration:underline; }
div.loginbox A {font-size: 0.8em; }
#headerleft IMG {width:150px; height:93px;}
#headerright IMG {width: 415px; height: 55px; vertical-align:top;}

input {
    width: 110px;
    height: 1.2em;
}
input.button{
    width: auto;
    height: auto;
    font-size: 0.9em;
    margin: 5px 40px 5px 0px;
}
.subtitle{
    font-size:1.1em;
    font-weight:bold;
     font-style:italic;
     padding-bottom:2px;
}
.error { color: Red; font-weight: bold; }

.warning { color: Teal; font-weight: bold; }

.success { color: Green; }

.note { font-size: 0.8em; color:Gray; font-style:italic ;}

span#logoff {float:right;  position:absolute; right: 50px; top: 5px; z-index:1000;}

span#logoff a { color:White;  text-decoration:underline;}

.beige {color:#906C1D;}

.bold {font-weight: bold;}

.bolditalic {font-weight: bold; font-style:italic;}