/*
green: #41AD49
medium green: #7DD483
light green: #DFECDB
*/
body {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial;
    font-size: 13px;
    line-height: normal;
    color: #222;    
}

img {
    border: 0;
}

a {
    color: #0000ff;
}
a visited {
    color: #0000ff;
}
a:hover {
    color: #284775;
}

table td {
    padding: 3px;
    margin: 0px;
    /*border: 2px solid pink;*/
}

#navigation table td{
   padding: 0;
    margin: 0;
}

.horizontalList ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.horizontalList li {
    display: inline;
    margin: 0;
    padding: 1px 2px 2px 4px;
    list-style-type: none;
    border-right: solid 1px #996;
}

.horizontalList ul li.noSeparator {
    border: none;
}

span.required {
    color: #990033;
    font-weight:bold;
    font-size: 10px;
}

#footer {
    margin: 10px 0 0 190px;
    color: #999;
    font-size: 10px;
}

#footer img {
    float: left;
    margin-right: 5px;
}

#footer p {
    margin: 0 0 0 0;
    font-size: 11px;
}
 
#footer ul {
    padding-top: 15px;
}

#MainWrapper {
    position: relative;
    width: 800px;
    margin-left:10px;
}

#pdsheader, #navigation {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#header
{
    position:relative;
    margin: 5px;
}

#pdsonlineSections li
{
    margin-bottom: 10px;
}
#pdsonlineSections div 
{
    font-size: 16px;
}

#pdsonlineSections div span
{
    display: inline;
 
    font-weight: bold;
}

#pdsonlineSections div span em 
{
   color: #41AD49; 
}

#tabs {
    line-height:normal;
    overflow:hidden;
    border-bottom: solid 2px #dcdcdc;
    width: 725px;
}

   
#tabs ul 
{
    margin:0;
    padding: 0 0 0 0;    
    list-style:none;
    float: right;
}

#tabs li {
    display:inline;
    margin:0;
    padding:0;   
}

#tabs a {
    float:left;
    background:url("../images/left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
    color: #fff;
    text-decoration:none;
    position: relative;  
}
    
#tabs a span {
    display:block;
    background:url("../images/right.gif") no-repeat right top;
    padding:6px 15px 4px 6px;
    margin-right:1px;
}
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
    }

#tabs a:hover {
    background-position:0% -42px;
    text-decoration: underline;
    }

#tabs a:hover span {
    background-position:100% -42px;
    }
    
#tabs a span.new,
#tabs a:hover span.new
{
    display: block;
    position:absolute;
    z-index: 999999;
    height: 24px;
    width: 24px;
    background: url("../images/black_new.png")  no-repeat;
    top: -2px;
    left: 115px;
}     

#content 
{
    width: 800px;
    padding: 10px 0 0 12px;
    position:relative; 
}

.UpdateMessageText {
}

.TableBorders {
    border: #dcdcdc 1px solid;
}


h3 {
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    color: #333399;
}

hr 
{
    border: 0;
    background-color: #dcdcdc;
    height: 1px;
}


hr.green 
{
    border: 0;
    background-color: #dcdcdc;
    height: 2px;
    margin: 2px;
}

small {
    color: #0B2E51;
    /*color: #647d9c;    */
    font-size: 11px;
    font-weight:normal;
}

em {
    font-weight:bold;
    font-style:normal;
}


.itemCounts table 
{    
    border-spacing:0px;
    width: 185px;
    padding: 0px;
    margin: 0px;
}
.itemCounts table td 
{
    padding: 2px 2px 2px 0px;
    margin: 0px;
}

.itemCounts div 
{
    display:none;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    float:right;
    color: #3B5998;
    background: #D8DFEA;
    width: 19px;
}

img.loadImages {
     display:none;
}

.subMenu {
    border-bottom: 1px solid gainsboro;
}

.SearchHeader {
    text-align: center;
    font-weight: bold;
    color: #fff;
    height: 17px;
    font-size: 11px;   
    /*background: url(../images/green_header2.jpg) repeat-x;
    background-color: #41AD49;*/    
    background: url(../images/backcolor2.png) repeat-x;
    margin: 0px;
    padding: 0px;
   
}

.summaryItem 
{
    margin: 10px; width: 310px; padding: 5px; float: left;
}

.SearchTable {    
    background-color: #fbfbfb;
    border: solid 1px #dcdcdc;
}

.SearchColLabel {
    white-space: nowrap;
    color:#536a84;
    font-weight:bold;
    font-size: 12px;
    color:#4c5e70;
    color: #222B33;
}

.SearchColLabelRight {
    white-space: nowrap;
    font-weight:bold;
    font-size: 12px;
    color:#4c5e70;
    text-align: right;
    color: #222B33;
}

.SearchColLabelCenter {
    font-weight:bold;
    font-size: 12px;
    color:#4c5e70;
    text-align: center;
    color: #222B33;
}

.ConfirmFormLabel {
    text-align: right;
    font-weight:bold;
    font-size: 12px;
    color:#4c5e70;
    color: #222B33;
}

.ConfirmFormText {
    text-align: left;
    padding:4px 10px 4px 10px;
}

.SearchButton 
{
    font-size: 12px;
    padding: 1px 2px 1px 2px; 
    color: #333;
}
.SearchButton:Hover {
    cursor: pointer;
}

a.linkButtons {
    text-decoration: none;
    text-align: center;
    color: #0000ff;
}

a.linkButtons: visited {
    color: #0000ff;
}

a.linkButtons:hover {
    text-decoration: underline;
    color: #284775;
}

.ErrorText {
    color: #ff0000;
    font-weight:bolder;
    margin-top: 3px;
}

.ErrorSummary {
    background-color: #F8F8Ee;
    border: #9a9a9a 1px dotted;
    font-weight: bold;
}
.ErrorSummary ul {
    margin: 10px;
    padding: 0px;
    list-style-type: square;
    margin-left: 30px;
     
}
.ErrorSummary ul li {
    margin: 3px 0 3px 0;
}

.TableBorders {
    border: #dcdcdc 1px solid;
}

#ProgressBar {
    background-color:#fff; 
    border-top: outset 2px #ccc; 
    border-bottom: outset 2px #aaa; 
    border-left: outset 2px #ccc; 
    border-right: outset 2px #aaa; 
    width:230px; 
    position:fixed;
    left:300px; 
    top:35%;
    padding: 10px;
    font-size: 16px;
    text-align:center;
}

* html #ProgressBar {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(35 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.CalendarControl td {
    margin: 0;
    padding: 1px;
}

.CalendarControlHeader{
    font-weight: bold;
    color: #ffffff;
    background-image: url(../images/backcolor2.png);
    padding: 0;
    margin: 0;
    height: 20px;    
     /*BackColor="#566e89" BorderColor="#dcdcdc" BorderStyle="Solid" 
        BorderWidth="1px" Font-Bold="True" ForeColor="#ffffff"*/
}

.modalBackground 
{
    background-color:#000;
    filter:alpha(opacity=40);
    opacity:0.65;
}

#cityTopMenu {
    font-family: Tahoma, Arial;
    background-color: #999967;
    font-size: 11px;
    height: 17px;
    letter-spacing: 1px;
}

#cityTopMenu ul {
    padding:0; 
    margin:0; 
    list-style-type: none;
}

#cityTopMenu ul li {
    float:left;
    border-left: #fff 2px solid;
     padding: 4px 15px 4px 15px;
}

#cityTopMenu ul li a {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}

#cityTopMenu ul li a:hover {
    text-decoration: underline;
}



.nav {
    padding: 0px;
    margin: 0px;
    list-style: none;
   /* font-family: Tahoma, Arial;*/
     font-size: 11px;
}

.nav li {
    padding-bottom: 12px;
}

.cell {
    padding-bottom: 5px;
}

.level1text {
    color: #000;
    text-decoration: none;
    font-weight:bold;
}

.level1link {
    color: #000;
    text-decoration: none;
    font-weight:bold;
}

.level1link:hover {
    color: Navy;
    font-weight:bold;
    text-decoration: underline;
}

.level2link {
    padding-left: 20px;
    text-decoration: none;
    color: #000;
    font-weight: normal;
}

.level2link:hover {
    color: Navy;
    text-decoration: underline;
}

#helpLink {
    display: inline;
    position:relative;
}

#helpLink a {
    text-decoration:none;
    position:relative;
    margin-left: 5px;
    color: #0000ff;
}

#helpLink div { 
    position:absolute; 
    top: -2px; 
    left:-9999px; 
    text-decoration: none; 
    color: #FFF; 
    background: #647d9c;
    width: 350px;
    padding: 10px; 
    margin: 0px; 
    z-index: 99999;
    border: solid 1px #dcdcdc;
    font: 12px;
}

#helpLink a:hover {
    border: none; /*ie6 fix*/
}

#helpLink a:hover div {    
    left: 17px;       
}

#helpLink ul {
    margin: 2px 2px 2px 10px;
    list-style-position: inside
}

.AddressSearch span {
    display:block;
    margin-left: 10px;
}
.AddressSearch div {
    float:left;
}


#pageHeader 
{
    position:absolute;
    overflow: visible;
    width: 300px;
    bottom: 7px;
    left: 10px;
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap;
    font-family: Verdana;
    letter-spacing: -.5px;
}

.didYouknow 
{    
    position: absolute;
    left: 375px;
    top: -12px;
    font-size: 12px; 
    z-index: 9999;   
}
.didYouknow div 
{
    padding: 10px;     
    background-color: #FBFBF4;    
    border: darkgray solid 1px;
    width: 400px;
    display:none;
}


#applicationList ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#applicationList ul li
{
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0px 0px 15px;
}

#applicationList ul li li
{
    font-weight: normal;
    margin: 7px 0px 0px 20px;
}
#applicationList ul ul
{
    margin-left: 25px;        
}

#newApplications
{
    margin: 5px 0px 10px 15px; 
    font-weight: bold;
    height: 28px;
    width: 700px;
    text-align: right;
}
#newApplications a
{
    text-decoration: none;       
}
#newApplications a:hover span
{
    
    text-decoration: underline;   
}

.feesDueNotification 
{
    font-weight: bold;
    margin: 10px 3px;
    padding: 2px;
    color: #333;
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
}

#stop
{
    width: 600px;
    color: #333;
    background-color: #fffbf8;
    background-color: #fff;
    border: 1px solid #dd3c10;
    border: 1px solid #dcdcdc;
    padding: 4px;   
    margin: 10px;
    font-weight:bolder;
    font-size: 12px;
}