/******************
HTML Tags
******************/

body
{
    background-color: #fff;
    text-align: center;
    margin: 0px;
    min-height: 600px; /* for good browsers*/
    min-width: 1000; /* for good browsers*/
    font-size: 10px;
    font-family: Arial, Helvetica, Sans-Serif;
}

/*
fieldset { border: 1px ridge #b6cddc; color: #666}

input[type="text"],input[type="password"],select,textarea,.t-input {border: 1px ridge #b6cddc;  font-size: 10px; color: #666; background-color: #dfe9f0;}

input[type="submit"],input[type="reset"],input[type="button"]    {border: 1px ridge #b6cddc;  font-size: 10px; color: #666; background-color: #dfe9f0; cursor: pointer;}
*/


#breadcrumb-right label
{
    display: none;
}

/******************
FORM STYLES
******************/

/*

#content-container form{
	margin:20px 0px;
	padding:0px 0px 0px 0px;
	}



#content-container fieldset{
	margin:5px 0px 5px 0px;
	padding:0px 10px 10px 15px;
	}


#content-container fieldset fieldset{
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content-container legend{
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

#content-container fieldset fieldset legend{
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}

#content-container label{
	padding-top:0px;
	}

*/

#breadcrumb-right form
{
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#breadcrumb-right form fieldset
{
    margin: 0px;
    padding: 0px;
    border: none;
}

#breadcrumb-right form legend
{
    display: none;
}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link
{
    color: #0071BC;
}

a:visited
{
    color: #004EB7;
}

a:hover
{
    color: #999999;
    text-decoration: none;
}

a:active
{
    color: #B70000;
}


/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#breadcrumb-container a:link
{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

#breadcrumb-container a:visited
{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

#breadcrumb-container a:hover
{
    text-decoration: none;
}

#breadcrumb-container a:active
{
    color: #CCCCCC;
}


/******************
HEADINGS
******************/


h2, h3
{
    font-size: 12px;
}

h1
{
    font-size: 18px;
}

h4
{
    font-size: 21px;
    color: #003366;
    margin-top: 5px;
}

#three-column-container h2
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

/******************
LAYOUT DIVS
******************/
#body_in
{
    background-image: url(images/background_ribbon.png);
    background-repeat: repeat-x;
    height: 100%;
    width: 100%;
    display: table;
    vertical-align: middle;
}

#wrapper
{
    text-align: center;
    position: relative;
    vertical-align: top; /*use middle to center on browser page */
    display: table-cell;
}

#wrapper_inner
{
    width: 940px;
    background: #fff;
    text-align: left;
    margin-left: auto;
    margin-right: auto; /* border: 1px solid #000;*/
}

#header
{
    float: left;
    position: relative;
    width: 100%;
    height: 120px;
}

#header .logo
{
    position: relative;
    float: left; /*background: url(custom/logo.png) top left no-repeat;     width: 187px;     height: 96px;     margin: 1px 0px 0px 70px;     */
}

#topnav
{
    width: 650px;
    height: 20px;
    font-size: 12px;
    text-align: right;
    color: Black;
}

#topnav p
{
    padding-right: 30px;
}


#tray
{
    background: url(images/heading_tray.png) 16px 0px no-repeat;
    position: relative;
    height: 39px;
    width: 100%;
}


#sitetitle
{
    width: 650px;
    height: 80px;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    color: #666;
    float: left;
}
#sitetitle p
{
    padding-right: 30px;
    padding-top: 30px;
}

#header .logo a
{
    position: relative;
    float: left;
    width: 100%;
    height: 98px;
}
#header-container a
{
    text-decoration: none;
    color: #fff;
}

#header-name
{
    float: left;
    text-align: right;
    width: 25%;
    height: 99px;
}


/*Top Menu*/
#topmenu
{
    background: url(images/nav_bar.png) top left no-repeat;
    background-position: 21px 0px;
    position: relative;
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    height: 38px;
    margin: -20px 0px 0px 0px;
    z-index: 30;
}

#nav, #nav ul
{
    float: left;
    width: 100%; /*background:url(images/nav_bar_separator.png) top left no-repeat;*/
    list-style: none;
    line-height: 1.5;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 40px;
}

#nav a
{
    display: block;
    color: #7C6240;
    text-decoration: none;
    padding: 6px 0px 7px 0px;
}

#nav li
{
    float: left;
    padding: 0;
    margin: 0; /*background:url(images/nav_bar_separator.png) top right no-repeat;*/
}
#nav li a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 25px 10px 25px;
    color: #666;
}
#nav li a:hover, #nav li#current a, #nav li.parent.active a
{
    background: url(images/Nav_Bar_Hover.png) repeat-x;
    color: #666666;
}
#nav li#current ul li a
{
    background: none;
    background: #ffffff;
}
#nav li#current ul li a:hover
{
    background: #ffcc66;
    font-weight: bold;
}
#nav li:hover
{
    color: #666666;
}
#nav li ul
{
    position: absolute;
    left: -999em;
    height: auto;
    float: left;
    width: 175px;
    font-weight: normal;
    border-width: 0.25em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    z-index: 1000;
    overflow: hidden;
    background: url(images/bg_ul_submenu.png) no-repeat bottom left;
}

#nav li ul li
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 156px;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    background: url(images/bg_a_submenu.jpg) left bottom no-repeat;
}

#nav li.item11
{
    background: none;
}
#nav li:hover ul li
{
    background: url(images/bg_a_submenu.jpg) left bottom no-repeat;
    padding: 0px 0px 0px 0px;
    margin: -1px 0px 0px 0px;
}
#nav li:hover ul li.last
{
    background: none;
}
#nav li:hover ul li.item17
{
    background: none;
}
#nav li ul a, #nav li.parent.active ul a, #nav li.parent.active ul li#current a
{
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: none;
    background: none;
    padding: 7px 0px 7px 10px;
    margin: 0px 0px 0px 0px;
}
#nav li ul a:hover, #nav li.parent.active ul a:hover, #nav li.parent.active ul li#current a:hover
{
    background: #bbb;
    font-weight: bold;
}
#nav li ul ul
{
    margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{
    left: auto;
}

#nav li:hover, #nav li.sfhover
{
    /*background:url(images/bg_a_topmenu.jpg) bottom repeat-x;*/
    background: url(images/Nav_Bar_Hover.png) repeat-x;
}
#nav li:hover a, #nav li.sfhover a
{
    color: #666666;
}

#breadcrumb-container
{
    color: #FFFFFF;
    height: 35px;
    padding: 0px 44px;
    margin: 0px;
    background: #71727F;
}

#breadcrumb-left
{
    float: left;
    width: 70%;
    height: 28px;
    padding: 7px 0px 0px 0px;
}

#breadcrumb-right
{
    float: right;
    height: 28px;
    width: 155px;
    padding: 7px 0px 0px 0px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    background: #525463;
}

#content-container
{
    display: none;
}

.js #content-container
{
    display: block;
}

#fullwidth-content
{
    float: left;
    width: 940px;
    background-color: #FFF;
}


.padded-inner-content
{
    padding-left: 19px;
    padding-right: 19px;
}



#three-column-container
{
    width: 100%;
    margin: 30px 0px;
    text-align: justify;
}

#three-column-left
{
    float: left;
    width: 30%;
}

#three-column-right
{
    float: right;
    width: 30%;
}

#three-column-middle
{
    width: 30%;
    margin: 0px 31% 0px 35%;
}


#footer
{
    border-top: 1px solid #b6cddc;
    margin-top: 20px;
    color: #666666;
}

#footer p
{
    text-align: right;
    margin-right: 20px;
}



#subscribe
{
    float: left;
    line-height: 3em;
    text-align: left;
    padding-left: 30px;
}

#subscribe ul
{
    display: inline;
    list-style: none;
    margin: 0px;
    padding-left: 0px;
}
#subscribe li
{
    display: inline;
    margin: 0px;
}
#subscribe div
{
    display: inline;
    float: left;
}

#subscribe img
{
    border: 0;
    padding-left: 5px;
    padding-top: 3px;
}

#logindisplay
{
    font-size: 10px;
    font-weight: bold;
    display: block;
    text-align: right;
    line-height: 3em;
    margin-right: 30px;
    color: #666;
}

#logindisplay a:link
{
    color: #666;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #666;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #aaa;
    text-decoration: none;
}


/* Announcements */
#announcements li
{
    list-style: none;
    padding: 1px 0px 1px 12px;
    margin: 0px;
    background: url(images/bullet.gif) no-repeat;
    background-position: 0 .4em;
    color: #666666;
}

#announcements
{
    list-style: none;
    padding: 0;
    margin: 0;
}



#searchParametersPanel label
{
    font-size: 1em;
    font-weight: bold;
}


/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical
{
    margin: 10px 0px 20px 10px;
    padding: 0px;
}

#content ul.list li
{
    list-style: none;
    padding: 1px 0px 1px 12px;
    margin: 0px;
    background: url(images/bullet.gif) no-repeat;
    background-position: 0 .4em;
}

#content ul.link-list-vertical li
{
    list-style: none;
    margin: 0px;
}

#content ul.link-list-vertical li a:link
{
    padding: 1px 0px 1px 12px;
    background: url(images/bullet-link.gif) no-repeat;
    background-position: 0 .4em;
}

#content ul.link-list-vertical li a:visited
{
    padding: 1px 0px 1px 12px;
    background: url(images/bullet-link-visited.gif) no-repeat;
    background-position: 0 .4em;
}

#content ul.link-list-vertical li a:hover
{
    padding: 1px 0px 1px 12px;
    background: url(images/bullet-link-hover.gif) no-repeat;
    background-position: 0 .4em;
}

#content ul.link-list-vertical li a:active
{
    padding: 1px 0px 1px 12px;
    background: url(images/bullet-link-active.gif) no-repeat;
    background-position: 0 .4em;
}

/******************
LISTS - IN THE SIDE COLUMN
******************/

#content-side ul.list, #content-side ul.link-list-vertical
{
    margin: 10px 0px 20px 10px;
    padding: 0px;
}

#content-side ul.list li
{
    list-style: none;
    padding: 1px 0px 1px 12px;
    margin: 0px;
    background: url(images/bullet.gif) no-repeat;
    background-position: 0 .4em;
}

#content-side ul.link-list-vertical li
{
    list-style: none;
    margin: 0px;
}

#content-side ul.link-list-vertical li a:link
{
    padding: 1px 0px 1px 12px;
    background: url(images/bullet-link.gif) no-repeat;
    background-position: 0 .4em;
}

#content-side ul.link-list-vertical li a:visited
{
    padding: 1px 0px 1px 12px;
    background: url(images/bullet-link-visited.gif) no-repeat;
    background-position: 0 .4em;
}

#content-side ul.link-list-vertical li a:hover
{
    padding: 1px 0px 1px 12px;
    background: url(images/bullet-link-hover.gif) no-repeat;
    background-position: 0 .4em;
}

#content-side ul.link-list-vertical li a:active
{
    padding: 1px 0px 1px 12px;
    background: url(images/bullet-link-active.gif) no-repeat;
    background-position: 0 .4em;
}

/******************
TABLE STYLES
******************/

.table
{
    width: 100%;
    border: 1px solid #71727F;
}

.table td
{
    padding: 8px;
    border-left: 1px solid #71727F;
    border-right: 1px solid #71727F;
}

thead th, tfoot th
{
    background: #71727F;
    padding: 8px;
    color: #FFFFFF;
    border-left: 1px solid #71727F;
    border-right: 1px solid #71727F;
    border-top: 1px solid #71727F;
    border-bottom: 1px solid #71727F;
}

.table-row-1 td, .table-row-1 th
{
    background: #EAEAEA;
    border: 1px solid #71727F;
}

.table-row-2 td, .table-row-2 th, thead
{
    background: #F4F4F4;
    border: 1px solid #71727F;
}

/******************
CLASSES & TABLE STYLES
******************/

.button-big
{
    margin-top: 8px;
}

img.photobig, img.photosmall
{
    border: 1px solid #71727F;
    padding: 5px 5px 30px 5px;
    background: #E5E5E5;
}

img.photosmall
{
    margin-right: 10px;
    margin-bottom: 2px;
    float: left;
}

.searchbox
{
    height: 13px;
    margin: 0px;
    padding: 0px;
    width: 6em;
    color: #666666;
    font: 11px Verdana,Arial,Helvetica,sans-serif;
}

.button-search
{
    height: 17px;
    margin: 0px;
    padding: 0px 1px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    font: bold 10px Verdana,Arial,Helvetica,sans-serif;
    background: #9798A1;
}

.separator-side-column
{
    border-top: 1px solid #b6cddc;
    width: 100%;
    height: 2px;
    font-size: 1px;
    background: transparent;
}

.small-text
{
    font-size: .8em;
}

.none
{
    display: none;
}

.clear
{
    clear: both;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    padding-left: 10px;
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #dfe9f0;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/* this is the DIV for the validation summary */
.ajaxValidationSummary
{
    border: 1px solid #ff0000;
    background-color: #dfe9f0;
    font-size: 12px;
}
.ajaxValidationSummary ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.ajaxValidationSummary ul li
{
    list-style: none;
    padding: 1px 0px 1px 12px;
    margin: 0px;
    background: url(images/bullet.gif) no-repeat;
    background-position: 0 .4em;
}


/* Styles for editor and display helpers
----------------------------------------------------------*/
ul.form > li > label
{
    float: left;
    display: block;
    width: 75px;
    text-align: right;
    margin-right: 4px;
}

ul.form > li
{
    list-style: none;
}

ul.form > li > label:after
{
    content: ':';
}

.details-table
{
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.details-fieldset
{
    border-top-width: thick;
    border-top-color: Black;
    padding-top: 0px;
    margin-top: 0px;
}

.additionaldetails-fieldset
{
    border-top-width: thick;
    border-top-color: Black;
    padding-top: 0px;
    margin-top: 0px;
    width: 840px;
}

.permitdetails-fieldset
{
    border-top-width: thick;
    border-top-color: Black;
    padding-top: 0px;
    margin-top: 0px;
    width: 840px;
    height: 85px;
}

.permitworkflowdetails-fieldset
{
    width: 427px;
    height: 557px;
    padding: 0;
}

.addressdetails-fieldset
{
    border-top-width: thick;
    border-top-color: Black;
    padding-top: 0px;
    margin-top: 0px;
    width: 401px;
    height: 80px;
}

.contactdetails-fieldset
{
    border-top-width: thick;
    border-top-color: Black;
    padding-top: 0px;
    margin: 0px;
    width: 387px;
    height: 80px;
}

.completedinspections-fieldset
{
    border-top-width: thick;
    border-top-color: Black;
    padding-top: 0px;
    margin-top: 0px;
    width: 401px;
    height: 108px;
    padding: 0px;
    margin: 0px;
}

.manage-column2-fieldset
{
    border-top-width: thick;
    border-top-color: Black;
    padding-top: 0px;
    margin-top: 0px;
    width: 411px;
    height: 160px;
    padding: 0px;
    margin: 0px;
}

.scrolling-manage-column2-div
{
    overflow: auto;
    height: 160px;
}

.manage-column2-table
{
    padding: 0px;
    width: 411px;
}



.scrolling-permitworkflow-div
{
}

.remaininginspections-fieldset
{
    border-top-width: thick;
    border-top-color: Black;
    padding-top: 0px;
    margin: 0px;
    width: 387px;
    height: 108px;
    padding: 0px;
}

.remaininginspections-table
{
    border: 1px;
    padding: 0px;
    margin: 0px;
    width: 387px;
}

.gutter
{
    width: 26px;
}

.details-legend
{
    background: #7799CC;
    color: White;
    height: 18px;
    width: 200px;
    font-size: 1.3em;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 0px;
    margin-bottom: -10px;
}

.display-header
{
    background: url(images/gradiant.png) top left repeat;
    text-align: left;
    height: 18px;
    color: Black;
}

.display-label
{
    margin: 0 0 0 0;
    font-size: 1.3em;
    font-weight: bold;
    width: 120px;
    text-align: left;
}

.editor-label
{
    margin: 0 0 0 0;
}

.display-field
{
    margin: 0 0 0 0;
    width: 170px;
    text-align: left;
    font-size: 1.3em;
    color: #7799CC;
    vertical-align: top;
}

.CustomFloater
{
    float: left;
    margin-right: 25px;
    margin-bottom: 15px;
    width: 255px;
    height: 40px;
    overflow: auto;
}

.editor-field
{
    margin: 0px 0px 3px 0px;
}

.editor-field input[type="text"]
{
    width: 50%;
}

.editor-field select
{
    width: 50%;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


table .twoColumnEdit .r1
{
    margin: 0 0 0 0;
}

.twoColumnEdit .c1
{
    text-align: right;
    width: 150px;
}

.twoColumnEdit .c2
{
    text-align: left;
    width: 650px;
}

/* Styles for custom fields
----------------------------------------------------------*/

/*(.CustomFieldWrapper .c1
{
    padding-right: 10px;
    text-align: right;
}

.CustomFieldWrapper .c2
{
    text-align: left;
}*/

.CustomField_TextBoxLabel
{
    width: 45%;
    text-align: right;
    margin-right: 10px;
    float: left;
}

.CustomField_TextBox
{
    width: 45%;
    float: right;
}

.CustomField_TextBox input
{
    background-color: inherit;
}

.CustomField_ComboBoxLabel
{
    width: 45%;
    text-align: right;
    margin-right: 10px;
    float: left;
}
.CustomField_ComboBox
{
    width: 47%;
    float: right;
}

.CustomField_ComboBox select
{
    background-color: inherit;
}

/* TOOLTIP FOR DESCRIPTION EXPANSION */
div.info
{
    position: relative; /*this is the key*/
    display: inline;
    z-index: 24;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

div.info:hover
{
    z-index: 25;
}

div.info span
{
    display: none;
}

div.info:hover span
{
    /*the span will display just on :hover state*/
    
    display: block;
    position: absolute;
    top: 0em;
    left: 2em;
    width: 18em;
    border: 1px solid #7799CC;
    padding: 1px;
    background-color: #fff;
    color: #000;
    text-align: left;
}

table.tablecontacts
{
    width: 100%;
}

table.tablecontacts .col1
{
    width: 20%;
}

table.tablecontacts .col2
{
    width: 20%;
}

table.tablecontacts .col3
{
    width: 20%;
}

table.tablecontacts .col4
{
    width: 20%;
}

table.tablecontacts .col5
{
    width: 20%;
}

.panel300px {
    width: 300px;
    float: left;
    margin-right: 10px;
    padding-top: 10px;
}

.panel300px dl {
    clear: both;
}

.panel300px dl dd {
    width: 180px;
    text-align: left;
}


.panel300px dl dt {
    clear: both;
    width: 110px;
}

.panel300px dl dt label {
    color: blue;
    line-height: 15px;
    text-align: right;
}

.panel300px dl dd label {
    color: black;
    line-height: 15px;
    text-align: left;
}

.panel300px dl dd a {
    line-height: 15px;
    text-align: left;
}


.panel610px {
    width: 610px;
    float: left;
    margin-right: 10px;
    clear: both;
}

.panel610px dl {
    clear: both;
}

.panel610px dl dt {
    clear: both;
    width: 110px;
}

.panel610px dl dt label {
    color: blue;
    line-height: 15px;
    text-align: right;
}

.panel610px dl dd {
    width: 490px;
    text-align: left;
}

.panel610px dl dd label {
    color: black;
    line-height: 15px;
    text-align: left;
}
.roundedCorners {
    border-radius: 5px;
}

.calendar {
    margin: 20px;
}

.standardHeight {
    height: 1em;
}

.marginTopMinus10px {
    margin-top: -10px;
}

.marginTopReset {
    margin-top: 0;
}

.buttonLeftEdge {
    margin-right: -3px;
}

.buttonRightEdge {
    margin-left: -3px;
}

.gridWithTopMargin {
    margin-top: 3px;
}

.commentHeaderLabelDiv {
    text-align: left;
    margin-top: 3px;
}

.commentHeaderLabel {
    color: blue;
    text-align: left;
    line-height: 15px;
    
}

.commentLabel {
    color: black;
    text-align: left;
    line-height: 15px;
}