/*_____________________Universal________________________________________*/
/*BODY {background-color: #cccccc; background-image: url('http://www.seattle.gov/2004_img/seattle_back.gif'); margin-top: 0px; margin-left: 0px; margin-right: 0px}*/
BODY {background-color: #cccccc; background-image: url('/2004_img/seattle_back.gif'); margin-top: 0px; margin-left: 0px; margin-right: 0px}

TABLE{
    FONT-SIZE: 8pt;
    FONT-FAMILY: verdana, arial, helvetica
}

TD{
    FONT-SIZE: 8pt;
    FONT-FAMILY: verdana, arial, helvetica
}

HR {
        color: #cccccc;
        height:1px;
        border-style: solid;
        }

A:active{
    COLOR: navy;
    TEXT-DECORATION: underline
}

A:visited{
    COLOR: navy;
    TEXT-DECORATION: underline
}

A:hover{
    COLOR: #999966;
    TEXT-DECORATION: none
}

A:link{
    COLOR: navy;
    TEXT-DECORATION: underline
}


UL.altlist {
        margin-left: 25px;
        padding-left: 0px;
        text-indent: 0px;
}

.crumb {color: #999999;}
.crumb A:link {color: #999999; text-decoration: none;}
.crumb A:visited {color: #999999; text-decoration: none;}
.crumb A:hover {color: #999999; text-decoration: underline;}
.crumb A:visited:hover {color: #999999; text-decoration: underline;}

/* _______________ Tag Lines Beneath Section Headers -Permit Desk, Enforcment, etc. (also change dclupan.css)_____________________________________________________________________ */
.taglineSection {color:#666666;}

/* _______________ Main PAN Header Links (also change dclupan.css)_____________________________________________________________________ */
.mainHeader {font-size:8pt; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#19196F;}
.mainHeader A:link {font-weight:bold; color:#19196F; text-decoration: none;}
.mainHeader A:visited {font-weight:bold; color:#19196F; text-decoration: none;}
.mainHeader A:hover {font-weight:bold; color:#19196F; text-decoration: underline;}
.mainHeader A:visited:hover {font-weight:bold; color:#19196F; text-decoration: underline;}


/* _______________ Applications _____________________________________________________________________ */
.appname {font-weight: bold;font-size: 13pt; color: #000000; font-family: Arial, Helvetica, sans-serif;}
.fieldName {FONT-SIZE:8pt; FONT-WEIGHT: bold;}
.fieldReqAsterisk {FONT-SIZE:8pt; FONT-WEIGHT: bold; COLOR:Red;}
.button {BORDER-RIGHT: #104a7b 1px solid; BORDER-TOP: #afc4d5 1px solid; BACKGROUND: #EBEBEB; BORDER-LEFT: #afc4d5 1px solid; CURSOR: hand; COLOR: #000066; BORDER-BOTTOM: #104a7b 1px solid; TEXT-DECORATION: none; FONT-SIZE: 10pt;}
.buttonSm {BORDER-RIGHT: #104a7b 1px solid; BORDER-TOP: #afc4d5 1px solid; BACKGROUND: #EBEBEB; BORDER-LEFT: #afc4d5 1px solid; CURSOR: hand; COLOR: #000066; BORDER-BOTTOM: #104a7b 1px solid; TEXT-DECORATION: none; FONT-SIZE: 8pt;}
.ListMenu {FONT-SIZE: 10pt;}
.ListMenuSm {FONT-SIZE: 8pt;}
.textbox {FONT-SIZE: 10pt;}
.textboxSm {FONT-SIZE: 8pt;}

/*___________________________________Section and Minisites_________________________________________*/
.date {font-style: italic; font-size: 8pt; color: #999999; font-family: arial, helvetica;}
.colHeading {font-weight: bold; font-size: 11pt; color: #000000; font-family: verdana, arial, helvetica;}
.contentname {font-weight: bold; font-size: 11pt; color: #000000; font-family: verdana, arial, helvetica;}
.bulletHeading {font-weight: bold; font-size: 8pt; color: #406F9F; font-family: verdana, arial, helvetica;}
.newlink {font-weight:bold; color: #FF0000; font-family: verdana, arial, helvetica;}
li {  margin-top: 0px; margin-bottom:1px; padding-top: 0px; padding-bottom: 1px}
ul {  margin-left: 20px; padding-left: 20px; margin-top:3px; padding-top: 3px}
ul.BulletBoxRight {  margin-left: 8px; padding-left: 8px; margin-top:3px; padding-top: 3px}


/*___________________________________Content Pocket_________________________________________*/
.cpTitle {font-size: 22pt; color: #191970; font-family:times new roman; font-weight:normal;}
.cpTopic {font-size: 12pt; color:#C48240; font-family: verdana; font-weight: bold;}
.cpHeading {font-size: 8pt; color:#000000; font-family: verdana; font-weight: bold;}
.cpRightnavBg {Background-color:#ffcc33;}
.cpRightnavtitle {color: #006699; font-weight: bold; font-size: 9pt;}

UL.cpleftnav {margin-left: 15px; padding-left: 0px; line-height: 18px; text-indent: 0px; list-style-image:url('/dpd/Images/orsq.gif')}
UL.cprightnav {margin-left: 20px; padding-left: 0px; line-height: 18px; text-indent: 0px; list-style-image:url('/dpd/Images/blusq.gif')}

A.cpleftnav:active
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.cpleftnav:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.cpleftnav:hover
{
    COLOR: navy;
    TEXT-DECORATION: underline
}
A.cpleftnav:link
{   
    COLOR: #000000;
    TEXT-DECORATION: none
}
/*___________________________________News_________________________________________*/
.newstitle {font-size: 13pt; font-weight:bold;}
.newsdate {font-size: 8pt; color: #999999; font-family: arial, helvetica; font-style: italic;}

/*_____________________View Protection_________________________________________*/

.viewprotectiontitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: verdana, arial, helvetica
}
.viewprotectionsubtitle
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial, helvetica
}
/*_____________________Planning___________________________________________________*/
.planningtitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12pt;
    COLOR: #336699;
    FONT-FAMILY: verdana, arial, helvetica
}
.planningsubtitle
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-WEIGHT: bold;
        FONT-FAMILY: verdana, arial, helvetica;
}
A.planninglink:active
{
    FONT-SIZE: 8pt;
    COLOR: #666666;
    TEXT-DECORATION: underline
}
A.planninglink:visited
{
    FONT-SIZE: 8pt;
    COLOR: #666666;
    TEXT-DECORATION: underline
}
A.planninglink:hover
{
    FONT-SIZE: 8pt;
    COLOR: navy;
    TEXT-DECORATION: none
}
A.planninglink:link
{
    FONT-SIZE: 8pt;
    COLOR: #666666;
    TEXT-DECORATION: underline
}
A.asc:active
{
    COLOR: teal;
    TEXT-DECORATION: underline
}
A.asc:visited
{
    COLOR: teal;
    TEXT-DECORATION: underline
}
A.asc:hover
{
    COLOR: #999966;
    TEXT-DECORATION: none
}
A.asc:link
{
    COLOR: teal;
    TEXT-DECORATION: underline
}
A.lu:active
{
    COLOR: maroon;
    TEXT-DECORATION: underline
}
A.lu:visited
{
    COLOR: maroon;
    TEXT-DECORATION: underline
}
A.lu:hover
{
    COLOR: #999966;
    TEXT-DECORATION: none
}
A.lu:link
{
    COLOR: maroon;
    TEXT-DECORATION: underline
}
A.menubarlu:active
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.menubarlu:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.menubarlu:hover
{
    COLOR: maroon;
    TEXT-DECORATION: underline
}
A.menubarlu:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.menubarprc:active
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.menubarprc:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.menubarprc:hover
{
    COLOR: blue;
    TEXT-DECORATION: underline
}
A.menubarprc:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.menubarasc:active
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.menubarasc:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.menubarasc:hover
{
    COLOR: #009191;
    TEXT-DECORATION: underline
}
A.menubarasc:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
A.rail:active
{
    COLOR: #005177;
    TEXT-DECORATION: none
}
A.rail:visited
{
    COLOR: #005177;
    TEXT-DECORATION: none
}
A.rail:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline
}
A.rail:link
{
    COLOR: #005177;
    TEXT-DECORATION: none
}
A.headerwhite:active
{
    FONT-SIZE: 7.5pt;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.headerwhite:visited
{
    FONT-SIZE: 7.5pt;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.headerwhite:hover
{
    FONT-SIZE: 7.5pt;
    COLOR: #ffff99;
    TEXT-DECORATION: none
}
A.headerwhite:link
{
    FONT-SIZE: 7.5pt;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.headerblue:active
{
    COLOR: #191970;
    TEXT-DECORATION: none
}
A.headerblue:visited
{
    COLOR: #191970;
    TEXT-DECORATION: none
}
A.headerblue:hover
{
    COLOR: steelblue;
    TEXT-DECORATION: none
}
A.headerblue:link
{
    COLOR: #191970;
    TEXT-DECORATION: none
}

A.CenterSidenav:active
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.CenterSidenav:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.CenterSidenav:hover
{
    COLOR: navy;
    TEXT-DECORATION: underline
}
A.CenterSidenav:link
{   
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.centers:active
{
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    COLOR: #333333;
    TEXT-DECORATION: none
}
A.centers:visited
{
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    COLOR: #333333;
    TEXT-DECORATION: none
}
A.centers:hover
{
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    COLOR: navy;
    TEXT-DECORATION: underline
}
A.centers:link
{
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    COLOR: #333333;
    TEXT-DECORATION: none
}

A.DotSideNav:active
{
    COLOR: #000000;
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
}
A.DotSideNav:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
}
A.DotSideNav:hover
{
    COLOR: navy;
    TEXT-DECORATION: underline;
    FONT-WEIGHT: normal;
}
A.DotSideNav:link
{   
    COLOR: #000000;
    TEXT-DECORATION: none;
    FONT-WEIGHT: normal;
}

.showhand
{
    CURSOR: hand;
    COLOR: navy;
    TEXT-DECORATION: underline
}
.lbcell
{
    FONT-WEIGHT: bolder;
    LETTER-SPACING: 6px;
    TEXT-ALIGN: left
}

.BText 
{  font-family: Verdana, Arial, Helvetica, sans-serif;
   margin-top: 10pt;
   margin-bottom: 5pt           }

.HelpText {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        margin-top: 5pt;
        margin-bottom: 10pt;
        margin-left: 10px               }


.HelpHeader {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        margin-top: 10pt;
        margin-bottom: 5pt;
        margin-left: 10px               }
        
/*9D2020*****************************************WCMS BEGIN******************************************/
.Choose_Style{}
.PortalSubhead {font-size: 13pt; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif;}

.Subhead1_black {color: #000000; font-weight: bold; font-size: 9pt;}
.Subhead1_black_space {color: #000000; font-weight: bold; font-size: 9pt; line-height: 15pt;}

.Subhead1_blue {color: #0080C0; font-weight: bold; font-size: 9pt;}
.Subhead1_blue_space {color: #0080C0; font-weight: bold; font-size: 9pt; line-height: 15pt;}

.Subhead1_green {color: #336600; font-weight: bold; font-size: 9pt;}
.Subhead1_green_space {color: #336600; font-weight: bold; font-size: 9pt; line-height: 15pt;}

.Subhead1_orange {color: #FF8000; font-weight: bold; font-size: 9pt;}
.Subhead1_orange_space {color: #FF8000; font-weight: bold; font-size: 9pt; line-height: 15pt;}

.Subhead1_red {color: #AE1C1C; font-weight: bold; font-size: 9pt;}
.Subhead1_red_space {color: #AE1C1C; font-weight: bold; font-size: 9pt; line-height: 15pt;}


.Subhead2_black {color: #000000; font-weight: bold; font-size: 8pt;}
.Subhead2_black_space {color: #000000; font-weight: bold; font-size: 8pt; line-height: 15pt;}

.Subhead2_blue {color: #0080C0; font-weight: bold; font-size: 8pt;}
.Subhead2_blue_space {color: #0080C0; font-weight: bold; font-size: 8pt; line-height: 15pt;}

.Subhead2_green {color: #336600; font-weight: bold; font-size: 8pt;}
.Subhead2_green_space {color: #336600; font-weight: bold; font-size: 8pt; line-height: 15pt;}

.Subhead2_orange {color: #FF8000; font-weight: bold; font-size: 8pt;}
.Subhead2_orange_space {color: #FF8000; font-weight: bold; font-size: 8pt; line-height: 15pt;}

.Subhead2_red {color: #AE1C1C; font-weight: bold; font-size: 8pt;}
.Subhead2_red_space {color: #AE1C1C; font-weight: bold; font-size: 8pt; line-height: 15pt;}
/*****************************************WCMS END******************************************/

.PageCaption
{
        font-family: Verdana, MS Sans Serif, Helvetica;
        font-size: medium;
        color: black;
        font-weight:bolder;
}

.ReportGridHeading,
.ContentAreaHeading,
.ContentAreaHeadingNoBorder
{
        background-color: #BCCDE4;
        font-family: Verdana, MS Sans Serif, Helvetica;
        font-size: 10pt;
        color: black;
        font-weight: bold;
        text-align: left;
        text-decoration: none;
        padding: 3px 3px 3px 3px;
}

.ContentAreaHeading
{
        border-bottom: solid 1px white;
}

.ContentAreaBody
{
        background-color: #E2EAF4;
        padding: 15px 10px 10px 10px;
}

/*************************************************************************************
 * REPORTS (LISTS, GRIDS)
 *************************************************************************************/
.ReportListItem,
.ReportListItemCurrency
{
        padding: 2px 5px 2px 0px;
}

.ReportRow
{
        background-color: white;
        padding: 3px 0px 3px 8px;
}

.ReportRowAlternate
{
        background-color: #F0F5FA;
        padding: 3px 0px 3px 8px;
}

.ReportRowLine
{
        background-color: #E2EAF4;
}


.ReportListItem
{
        font-family: verdana, arial, helvetica;
        font-size: xx-small;
        color: black;
}

.ReportListItemCurrency
{
        font-family: verdana, arial, helvetica;
        font-size: xx-small;
        color: black;
        text-align: right;
}

.ReportGrid
{
        background-color: white;
        font-family: verdana, arial, helvetica;
}

.ReportGrid a:link
{
        font-family: verdana, arial, helvetica;
        font-size: 8pt;
        color: black;
        text-decoration: none;
}

.ReportGrid a:hover
{
        text-decoration: underline;
        color: #D39D49;
}

.ReportGrid a:visited
{
        text-decoration: none;
        color: black;
}

a.ReportLinkItem            
{
        font-family: verdana, arial, helvetica;
        font-size: 8pt;
        color: black;
        text-decoration: none;
}

a.ReportLinkItem:hover          {text-decoration: underline; color: orange; }
a.ReportLinkItem:visited        {text-decoration: none;          color: black;  }
a.ReportLinkItem:visited:hover  {text-decoration: underline; color: orange; }

.ReportLinkItem 
{
        font-family: verdana, arial, helvetica;
        font-size: 8pt;
        color: black;
        text-decoration: none;
}

.ReportLinkItem A:link          {color: black;  text-decoration: none;}
.ReportLinkItem A:visited       {color: black;  text-decoration: none;}
.ReportLinkItem A:hover         {color: orange; text-decoration: underline;}
.ReportLinkItem A:visited:hover {color: orange; text-decoration: underline;}

.ReportHeader
{
        background-color: #E2EAF4;
        padding: 3px 5px 3px 8px;
}

.ReportListHeader            
{
        font-family: verdana, arial, helvetica;
        font-size: 8pt;
        font-weight: bold;
        color: black;
        text-decoration: none;
}

a.ReportListHeader            
{
        font-family: verdana, arial, helvetica;
        font-size: 8pt;
        font-weight: bold;
        color: black;
        text-decoration: none;
}

a.ReportListHeader:hover          {text-decoration: underline;       color: orange; }
a.ReportListHeader:visited        {text-decoration: none;  color: black;  }
a.ReportListHeader:visited:hover  {text-decoration: underline;       color: orange; }

.SortIndicator
{ 
        font-family: webdings;
        font-size: xx-small;
}

/*************************************************************************************
 * FORMS
 *************************************************************************************/
.FormLabel
{
        font-family: Verdana, MS Sans Serif, Helvetica;
        background-color: #BCCDE4;
        font-size: xx-small;
        font-weight: bold;
        text-align:right;
        vertical-align: top;
        padding: 3px 6px 2px 10px;
}

.FormEdit
{
        font-family: Verdana, MS Sans Serif, Helvetica;
        font-size: x-small;
        vertical-align: middle;
}

.FormEditLabel
{
        font-family: Verdana, MS Sans Serif, Helvetica;
        font-size: 8pt;
}

.FormItem
{
        font-family: Verdana, MS Sans Serif, Helvetica;
        background-color: #F0F3F6;
        font-size: xx-small;
        vertical-align: top;
        padding: 3px 4px 3px 6px;
}

/*************************************************************************************
 * SECTIONS
 *************************************************************************************/

.SectionLabel,
.SectionLabelCtr
{
        font-family: Verdana, MS Sans Serif, Helvetica;
        background-color: #BCCDE4;
        font-size: 8pt;
        font-weight: bold;
        text-align:left;
        vertical-align: middle;
        padding: 3px 6px 2px 3px;
}

.SectionLabel
{
        text-align:left;
}

.SectionLabelCtr
{
        text-align: center;
}

.SectionItemLabel,
.SectionItemLabelR,
.SectionItemLabelTotal,
.SectionItemLabelC
{
        font-family: Verdana, MS Sans Serif, Helvetica;
        font-size: xx-small;
        font-weight: bold;
        vertical-align: middle;
        padding: 3px 6px 2px 3px;
}

.SectionItemLabel
{
        background-color: #E2EAF4;
        text-align:left;
}

.SectionItemLabelR
{
        background-color: #E2EAF4;
        text-align:right;
}

.SectionItemLabelTotal
{
        text-align:right;
}

.SectionItemLabelC
{
        background-color: #E2EAF4;
        text-align:center;
}

/*************************************************************************************
 * MISC
 *************************************************************************************/

.SmallButton 
{
        font-family: Verdana, MS Sans Serif, Helvetica;
        font-size: xx-small;
        BORDER-RIGHT: #104a7b 1px solid; 
        BORDER-TOP: #afc4d5 1px solid; 
        BACKGROUND: #BCCDE4; 
        BORDER-LEFT: #afc4d5 1px solid; 
        CURSOR: hand; 
        COLOR: black; 
        BORDER-BOTTOM: #104a7b 1px solid; 
        TEXT-DECORATION: none; 
        background-color: #BCCDE4;
}
.DPDAppHeader2 A:link {color: #ffffff; text-decoration: underline;}
.DPDAppHeader2 A:visited {color: #ffffff; text-decoration: underline;}
.DPDAppHeader2 A:hover {color: #ffffff; text-decoration: none;}
.DPDAppHeader2 A:visited:hover {color: #ffffff; text-decoration: none;}
.DPDAppHeader2 {COLOR: #ffffff;}

