body
{
    margin: 0px 0px;
    background-image:  url(/SeattleCommon/images/greyBack.gif);
    background-repeat: repeat;
    color:#000;
    font-size: 1em;
}
/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

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

.editor-field 
{
    margin:0.5em 0 0 0;
}

.required-field-indicator
{
   display: inline-block;
   width: 1em;
}
.label-value .display-label, .label-value .display-value
{
   display: inline-block;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

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

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

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

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

/* General layout styles
-----------------------------------------------------------*/

div.clear
{
   clear: both;
}
.nowrap
{
   white-space: nowrap;
}
.col
{
   display: inline-block;
   vertical-align: top;
}
.border
{
   border: solid 1px #ccc;
}
.border.rounded
{
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.indent
{
   padding-left: 1em;
}
.bold
{
   font-weight: bold;
}

/* Pay layout
-----------------------------------------------------------*/
.mainContainer
{
   width:960px; 
   background-color:#fff; 
   margin-left: auto; 
   margin-right:auto;
   min-height: 500px;
}
.mainContentContainer
{
   min-height: 400px;
   font-size: .8em;
   margin: 1em 0px;
}
.mainContentContainer div.left-right-layout .left.col
{
   width: 185px;
}
.mainContentContainer div.left-right-layout .right.col
{
}
.mainContentContainer div.left-right-layout .right.col .left.col
{
   width: 550px;
}
.mainContentContainer div.left-right-layout .right.col .right.col
{
   width: 185px;
}
.mainContent
{
   margin: 0px 1em;
}
.mainContent .headerLeft
{
   float: left;
}
.mainContent .headerRight
{
   float: right;
   text-align: right;
}
.mainContent .headerLeft h2
{
   margin-top: 0px;
   font-size:1.4em;
}
.mainContent .headerLeft div.requestSubmitTimestamp
{
   font-size: .9em;
   font-style: italic;
   margin-bottom: 2em;
   margin-left: 1em;
}
div.left-right-layout .mainContent
{
   display: inline-block;
   vertical-align: top;
   width: 100%;
   max-width: 740px;
}
.leftnav
{
   background: #fff url('/seattlecommon/dept/examiner/images/examinerphoto.jpg') no-repeat scroll top;
}
.leftnav ul.navitems
{
   margin: 114px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: 1px solid #ccc;
   border-top: none;
   border-bottom: none;
   list-style: none;
   list-style-position: outside;
}
.leftnav ul.navitems li
{
   margin: 0px 0px;
   border-bottom: 1px solid #ccc;
   padding: 0px 0px;
}
.leftnav ul.navitems li a
{
   display: block;
   font-size: .9em;
   color: #000;
   text-decoration: none;
   cursor: pointer;
   width: 153px;
   padding: 3px 10px 3px 20px;
   background: #fff url('/seattlecommon/dept/examiner/images/white_off.gif') no-repeat scroll left top;
}
.leftnav ul.navitems li a:hover
{
   text-decoration: underline;
   background-color: #fdf0e0;   
   background-image: url('/seattlecommon/dept/examiner/images/navexaminer_on.gif');
}
.section
{
   clear:both;
   margin-bottom: 2em;
}
.section h3
{
   font-size: 1em;
}
.sectionTitle
{
   font-weight: bold;
}
.sectionBody
{
   margin-left: 1em;
}
.inline-section
{
   display: inline-block;
}




/* Styles for e-File home page
-----------------------------------------------------------*/
.caseStatusDefinitions
{
   padding-left: .5em;
   padding-right: .5em;
   background-color: #ececec;
}
.caseStatusDefinitions h3
{
   text-align: center;
}
.caseStatusDefinitions ul
{
   list-style: none;
   padding-left: 0px;
   font-size: .9em;
}
.caseStatusDefinitions li
{
   margin-bottom: 1em;
}
.caseStatusDefinitions li .name
{
   font-weight:bold;
   text-decoration: underline;
}
ul.userRequestsAndCases
{
   width: 500px;
   list-style: none;
   padding-left: 0px;
}
ul.userRequestsAndCases li.request-case
{
	border-top: 1px solid #999;
}
ul.userRequestsAndCases li.request-case.first
{
	border-top: none;
}
.userRequestsAndCases ul
{
   list-style:none;
   padding-left: 0px;
   margin: 1em 0px;
}
.userRequestsAndCases ul.summaryInfo
{
	width: 375px;
	margin-left: 1em;
}
.userRequestsAndCases ul.summaryInfo .field-label
{
   display: inline-block;
	width: 13em;
}
.userRequestsAndCases ul.actionButtons
{
	vertical-align:top;
}


.userRequests
{
	width: 500px;
}
.userRequests ul
{
	display: inline-block;
	list-style: none;
	list-style-position: outside;
	margin-left: 0px;
	padding-left: 1em;
	vertical-align: top;
}
.userRequests ul.requestInfo
{
	width: 350px;
}
.userRequests ul.requestInfo .field-label
{
   display: inline-block;
	width: 13em;
}
.userRequests div.request
{
	border-top: 1px solid #999;
	padding: 10px 0px 10px 0px;
}
.userRequests div.request.first
{
	border-top: 0px;
}
.caseTypes.section h3
{
   text-decoration: underline;
}

/* Styles for Multi-Step Navigation Bar
-----------------------------------------------------------*/
div.multi-step-nav-bar-container
{
   clear: both;
   text-align: center;
   margin: 1em 0px;
}
ul.multi-step-nav-bar
{
   display: inline-block;
   list-style: none;
   margin: 0px 0px;
   padding: 0px 0px;
   clear: both;
}
ul.multi-step-nav-bar li.nav-item
{
   display: inline-block;
   text-align: left;
   width: 14em;
   background-color: #3366cc;
   color: #fff;
   margin-left: 1px;
}
ul.multi-step-nav-bar li.nav-item.first, ul.multi-step-nav-bar li.nav-item.first a
{
   -moz-border-radius-topleft: 15px;
   -moz-border-radius-bottomleft: 15px;
   -webkit-border-top-left-radius: 15px;
   -webkit-border-bottom-left-radius: 15px;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   margin-left: 0px;
}
ul.multi-step-nav-bar li.nav-item.last, ul.multi-step-nav-bar li.nav-item.last a
{
   -moz-border-radius-topright: 15px;
   -moz-border-radius-bottomright: 15px;
   -webkit-border-top-right-radius: 15px;
   -webkit-border-bottom-right-radius: 15px;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
}
ul.multi-step-nav-bar li.nav-item.inactive
{
   background-color: #c8c8c8;
}
ul.multi-step-nav-bar li.nav-item.selected
{
   background-color: #6699ff;
   font-weight: bold;
}
ul.multi-step-nav-bar li.nav-item a
{
   color: #fff;
}
ul.multi-step-nav-bar li.nav-item a
{
   clear: left;
   display: block;
   padding-left: 10px;    
   text-decoration: none;    
   color: inherit;    
   height: 100%;
   vertical-align: bottom;
}
ul.multi-step-nav-bar li.nav-item a:hover
{
   background-color: #6699ff;
}
ul.multi-step-nav-bar li.nav-item .outline-num
{
   font-size: 1.4em;
   padding-left: 10px;
}
ul.multi-step-nav-bar li.nav-item a .outline-num
{
   font-size: 1.4em;
   padding-left: 0px;
}

/* Styles for new decision (general/land use) appeal
-----------------------------------------------------------*/
.newDecisionAppeal ul.referenceNumberSelection
{
   list-style: none;
   padding-left: 0px;
}
.newDecisionAppeal ul.referenceNumberSelection li
{
   margin-bottom: 1.5em;
}
.newLicensingAppeal .appealReference label
{
   display: inline-block;
   width: 12em;
}
.newLicensingAppeal .appealReference .field-validation-error
{
   display: inline-block;
}

/* Styles for new licensing appeal
-----------------------------------------------------------*/
.newLicensingAppeal .appealReference input.text-box
{
   width: 12em;
}
.newLicensingAppeal .appealReference #CitationDate
{
   width: 10em;
}

/* Styles for new third-party utility billing complaint
-----------------------------------------------------------*/
.newThirdPartyUtilityBillingComplaint.section
{
   text-align: center;
}

/* Styles for citation appeal editor
-----------------------------------------------------------*/
.citationAppeal-editor .hearingType.section h3
{
   display: inline-block;
}
.citationAppeal-editor .hearingType.section .radioContainer
{
   padding-left: 2em; 
   text-indent: -2em;
   margin-bottom: 1em;
}

/* Styles for decision (general/land use) appeal billing complaint editor
-----------------------------------------------------------*/
div.appealDecisionEditor .numberBullet
{
   width: 2em;
   float: left;
   clear: left;
   margin: 1em 0 0 1.4em;
}
div.appealDecisionEditor .editor-label
{
   float: left;
   width: 32em;
   margin-left: 1em;
}
div.appealDecisionEditor .editor-field
{
   float: left;
   margin-top: .5em;
   clear: right;
}
.appealDecisionEditor ol li
{
   margin-top: .5em;
}
.appealDecisionEditor ul.decisionElements
{
   list-style-type: none;
}
.appealDecisionEditor ul.decisionElements li
{
   display: inline-block;
   width: 30em;
}
.decisionappeal-justification textarea
{
   width: 63em;
}

/* Styles for licensing appeal editor
-----------------------------------------------------------*/
.licensingAppeal-editor .justification.section div.textAreaContainer
{
   margin: 1em 1em;
}
.licensingAppeal-editor .license.section label
{
   display: inline-block;
   width: 9em;
   margin-top: .5em;
}

/* Styles for third-party utility billing complaint editor
-----------------------------------------------------------*/
.thirdPartyUtilityBillingComplaint-editor.section ul.utilityBillTypes
{
   list-style: none;
   padding-left: 1em;
}
.thirdPartyUtilityBillingComplaint-editor.section ul.utilityBillTypes li
{
   display: inline-block;
   width: 12em;
}
.thirdPartyUtilityBillingComplaint-editor.section .textAreaContainer
{
   margin-left: 0px;
}
.thirdPartyUtilityBillingComplaint-editor.section ol li
{
   margin-top: 1em;
}
.thirdPartyUtilityBillingComplaint-editor.section ol li label.yesno
{
   display: inline-block;
   width: 50em;
   vertical-align: top;
}
.thirdPartyUtilityBillingComplaint-editor.section ol li div.yesno-radio
{
   display: inline-block;
   vertical-align: top;
   margin-left: 2em;
}
.thirdPartyUtilityBillingComplaint-editor.section ol li div.yesno-radio label
{
   margin-right:1.5em;
}

/* Styles for contact editor
-----------------------------------------------------------*/
.contactEditor .editor-label, .contactEditor label
{
   display: inline-block;
   width: 12em;
   margin-top: 1em;
}

/* Styles for documents editor
-----------------------------------------------------------*/
.documents-editor .col
{
   width: 49%;
   min-height: 8em;
}
.documents-editor .left.col
{
   float: left;
}
.documents-editor .right.col
{
   float: right;
}
.documents-editor .col .newUpload, .documents-editor .col .documentList
{
   margin: 0px 1em 1em 1em;
}
.documents-editor .deleteDocumentButton
{
   margin-left: 1em;
}

/* Styles for hearing request summary
-----------------------------------------------------------*/
.hearingRequestSummary .contact
{
   margin-bottom: 1em;
}
.hearingRequestSummary .contact .col
{
   display: inline-block;
}
.hearingRequestSummary .contact .name-address.col
{
   margin-right: 2em;
   min-width: 25em;
}
.hearingRequestSummary .contact .email-phone.col
{
   margin-left: 2em;
}
.hearingRequestSummary .contact .email-phone.col .display-label
{
   display: inline-block;
   width: 4em;
}
.hearingRequestSummary .contact div
{
   white-space: nowrap;
}
.hearingrequest-submit-acceptance.section
{
   padding-left: 1em;
   padding-right: 1em;
}

.hearingrequest-submit-acceptance.section h3
{
   text-align: center;
}

.hxmContactInfo
{
   width: 18em;
   margin-left: auto;
   margin-right: auto;
}

/* Styles for case details
-----------------------------------------------------------*/
.caseDetails ul.contactList
{
   list-style-type: none;
   padding-left: 0px;
}
.caseDetails ul.contactList li
{
   margin-bottom: 1em;
}
.caseDetails ul.contactList li.first
{
   border-top: none;
}
.caseDetails ul.contactList li .inline-section
{
   vertical-align: top;
   margin-left: 1em;
}
.caseDetails ul.contactList li .name-address
{
   width: 25em;
}
.caseDetails table.dataTable td
{
   vertical-align: top;
   padding-right: 1em;
   text-align: left;
}
.caseDetails table.dataTable td.date
{
   text-align: right;   
}
.caseDetails table.dataTable td.audit
{
   white-space: nowrap;
}
.caseDetails table.dataTable td.timestamp
{
   white-space: nowrap;
}
.caseDetails .display-label
{
   white-space: nowrap;
   display: inline-block;
}
.caseDetails .general .inline-section
{
   vertical-align: top;
}
.caseDetails .general div.label-value
{
   margin-bottom: .5em;
}
.caseDetails .general .display-label
{
   vertical-align: top;
}
.caseDetails .general .display-value
{
   vertical-align: top;
   display: inline-block;
}
.caseDetails .general .name-address
{
   margin-right: 2em;
}
.caseDetails .general .name-address .display-label
{
   width: 11em;
}
.caseDetails .general .name-address .display-value
{
   min-width: 15em;
   max-width: 20em;
}
.caseDetails .general .filing .display-label
{
   width: 11em;
}
.caseDetails .citation .label-value
{
   margin-bottom: .5em;
}
.caseDetails .citation .display-label
{
   vertical-align: top;
   width: 11em;
}
.caseDetails .citation .type
{
   margin-bottom: 2.5em;
}
.caseDetails .citation .default
{
   margin-right: 2em;
}
.caseDetails .citation .default .display-value
{
   min-width: 15em;
   max-width: 20em;
}
.caseDetails .mup .label-value .display-label
{
   vertical-align: top;
}
.caseDetails .contacts .caseContact .name-address
{
   min-width: 14em;
   margin-right: 2em;
}
.caseDetails .contacts .email-phone
{
   margin-left: 0px;
}
.caseDetails .contacts .email-phone .display-label
{
   width: 4em;
}
.caseDetails .case-references .display-label
{
   width: 7em;
}
.caseDetails .case-references a
{
   margin-left: 1em;
}
.caseDetails ul.documents
{
   list-style: none;
   padding-left: 0px;
}
.caseDetails ul.documents a
{
   padding-left: 20px;
   min-height: 20px;
}
.caseDetails ul.documents a.msword
{
   background: url('./images/icon_word.gif') no-repeat left;
}
.caseDetails ul.documents a.pdf
{
   background: url('./images/icon_pdf.gif') no-repeat left;
}
.caseDetails ul.documents a.msexcel
{
   background: url('./images/icon_excel.gif') no-repeat left;
}
.caseDetails ul.documents a.jpg
{
   background: url('./images/icon_jpg.gif') no-repeat left;
}
.caseDetails ul.documents a.png
{
   background: url('./images/icon_png.gif') no-repeat left;
}
.caseDetails ul.documents a.gif
{
   background: url('./images/icon_gif.gif') no-repeat left;
}
.caseDetails ul.documents a.audio
{
   background: url('./images/icon_audio.png') no-repeat left;
}
.caseDetails ul.documents a.video {
    background: url('./images/icon_video.png') no-repeat left;
}
.caseDetails .address-block
{
   display: inline-block;
   line-height: normal;
}

/* Styles for case search
-----------------------------------------------------------*/
.caseSearch .searchSpecification
{
   margin-bottom: 2em;
}

.caseSearch .searchSpecification input
{
   margin-left: .5em;
}
.caseSearch .searchSpecification .searchText
{
   width: 20em;
}
.caseSearch .searchSpecification .date
{
   width: 8em;
}
.caseSearch .results
{
   border-top: 1px solid #999;
}
.caseSearch .results table
{
   width: 100%;
}
.caseSearch .results table th
{
   white-space: nowrap;
   padding-left: 2em;
   padding-right: 1em;
   text-align: left;
}
.caseSearch .results table td
{
   padding: 1em 1em 1em 2em;
   vertical-align: top;
   text-align: left;
}
.caseSearch .results table tr.altRow
{
   background-color: #f2f2f2;
}
.caseSearch .results table .caseID, .caseSearch .results table .filingDate
{
   white-space: nowrap;
   width: 1%;
}
.caseSearch .results table .caseID
{
   padding-left: 1em;
}
.caseSearch .hasDatepicker
{
   width: 9em;
}
.ui-datepicker-trigger
{
   vertical-align: bottom;
   margin-left: .5em;
   margin-bottom: .4em;
}
.ui-datepicker
{
   font-size: .8em;
}

/* EVM-TBD
-----------------------------------------------------------*/
div.textAreaContainer
{
   margin: 1em 2em;
}
div.textAreaContainer textarea
{
   min-height: 5em;
   width: 100%;
}