h1, h2, h3 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 100%;
    color: #003464;
}
body {
    margin: 0;
    padding: 0;
    background-color: #EAECEE;
    font-family: Verdana, Arial, sans-serif;
    font-size: 8pt;
}
img {
    border-width: 0;
}

#logo-block {
    float: left;
}
#welcome-block {
	color: white;
    text-align: right;
    float: right;
    font-size: 10pt;
    font-weight: bold;
}

/* FDR-1563: add a dollar sign next to field 10A disposition permit input field, which is a online table */
#Field10A table
{
        display:inline-table;
}
#Field10A label
{
        font-weight:bold;
        display:inline-block;
        float:left;
        margin-right:2px;
        margin-top:8px;
}

/* FDR-1411: for use on the shareRecords.xhtml page.  Overrides especially opacity, which is set to 0.33 for primefaces picklist <li> elements*/
.organizationShareDisplay li
{
	color: black !important;
	opacity: 1.0 !important;
}

#welcome-block td
{
	vertical-align:middle;
	white-space:nowrap;
}

#welcome-block a:link, #welcome-block a:visited, #welcome-block a:hover, #welcome-block a:active
{
	color: white;
}
#menu-block {
    margin: 0 2px;
    clear: both;
}
#content-block {
    margin: 0 2px;
    clear: both;
}
.wrap {
    clear: both;
}
.pageTitle {
    font-size: 12pt;
}
.editPanel tr, .editPanel td {
    border: none;
}
.commandPanel {
    margin: 4px 0;
}
.menuButton {
    margin-right: 2px;
}
.norm {font:8pt "Verdana", "Arial", "Helvetica"; color:#003464; }
.normwhite {font:8pt "Verdana", "Arial", "Helvetica"; color:white}
.headerWhite {font:12pt "Verdana", "Arial", "Helvetica"; color: white; text-align:center; padding-top:3px; padding-bottom: 3px;}
.tableRowHeading {font:8pt "Verdana", "Arial", "Helvetica"; color:#003464}
.label {font:8pt "Verdana", "Arial", "Helvetica"; color:#003464}
.lightBlueBG {background-color:#3C78B6}
.borderError { border:1px; border-style:solid; border-color:red; padding:2pt; background-color:white; }
.input {font:8pt "Verdana", "Arial", "Helvetica"; color:#003464; border-width:1px; border-style:solid; border-color:#003464 }
.btn {
    background-color: #003466;
    background-position: center;
    background-repeat: repeat;
    border: none;
    cursor: hand;
    color: white;
    font-size: 11px;
    height: 20px;
}

.inputfield {
    text-align: left
}

.outputfield {
    text-align: left
}

.fieldLabel {
    text-align: left
}

.tiny-icon-trailer {
    display: inline-block;
    margin-left: .5em;
}

/* hide the ugly layout border.

We can turn it on adhoc:

    <style type="text/css">
        .ui-layout, .ui-layout-doc, .ui-layout-unit, .ui-layout-wrap, .ui-layout-bd, .ui-layout-hd{
             border: none;
        }
    </style>

*/
#EditPermit
{
	border: none !important;
	padding: 0px !important;
	margin: 0px !important;
}
#EditPermitTab
{
	padding: 0px !important;
}
.ui-layout, .ui-layout-doc, .ui-layout-unit, .ui-layout-wrap, .ui-layout-bd, .ui-layout-hd {
    border: none;
    margin:0;
    padding:0;
}
#certificateEdit .ui-state-disabled {
    background-color: #F0F0F0;
    opacity: .95;
    filter: Alpha(Opacity = 95);
}
.ui-inputfield {
	padding: 2px;
}
.ui-button {
    vertical-align: top;
}
.ui-button-icon-only {
    width: 2.4em;
    height: 1.72em;
}
.ui-onelinecomponent
{
        float:left;
        width:200px;
}
.ui-onelinetable td
{
        text-align left;
        padding-left: 0px;      
        padding-right: 5px;
        white-space: nowrap;
        border: none;
        width: 5px !important;
        vertical-align:middle;
}
.ui-onelinetable select
{
        border: 1px solid #A8A8A8;
        display: block;
        white-space: nowrap;
        overflow: visible;
        border-collapse: collapse;
}
a.ui-cdphlink:link, a.ui-cdphlink:visited, a.ui-cdphlink:hover, a.ui-cdphlink:active
{
	text-decoration:none;
	font-weight: bold;
}

.certificate-search tr, .certificate-search td {
    border: none;
    padding: 1px 1px;
}

.certificate-search input, .certificate-search select, .certificate-search ui-inputfield{
    padding: 1px;
}

.clabel td {
    text-align:right;
    padding: 1px
}

.button-grid {
    border: none;
    overflow: hidden;
}
.ui-layout-unit-content {
    background-color: #EAECEE;
}
.ui-menuitem-text {
    font-family: Verdana, Arial, sans-serif;
}

.certificate-search label {
    font: 8pt "Verdana", "Arial", "Helvetica";
    color: #003464;
}

.searchSelect select {
    width: 110px
}

.certificate-search-results div {
    font: 8pt "Verdana", "Arial", "Helvetica";
    color: #003464;
}

.clabel {
    text-align: right
}

/*.browse-results-panel {*/
/*float:left;*/
/*width:500px;*/
/*background:#9c9;*/
/*}*/
/*.search-panel {*/
/*float:right;*/
/*width:250px;*/
/*background:#c9c;*/
/*}*/
#footer-panel {
    margin: 2em 2px;
    border-top: 4px solid #DDDDDD;
    text-align: center
}
.footer-links {
	margin: 2em 0 4em 0;
}
.color1 { color: #ece6ce}
.color2 { color: #ffffff}
.color3 { color: #ece6d0}
.color4 { color: #3cad3b}
.color5 { color: #3dae3a}
.color6 { color: #3bab3d}
.color7 { color: #3eac39}
.color8 { color: #34ae35}
.color9 { color: #3fb03a}
.color10 { color: #39ae39}
.color11 { color: #35af36}
.color12 { color: #39ae3b}
.color13 { color: #ede7d9}
.color14 { color: #f0e5c7}
.color15 { color: #36ab42}
.color16 { color: #d3e4ee}
.color17 { color: #3cb13c}
.color18 { color: #f2e6d6}
.color19 { color: #003993}
.color20 { color: #878cb6}
.color21 { color: #8096bf}
.color22 { color: #7c899a}
.color23 { color: #41af3c}
.color24 { color: #fefefe}
.color25 { color: #fefefc}
.color26 { color: #fbf9ed}

.ui-tabs .ui-tabs-nav .tab-complete {
    background: #A6CCA3;
    background: #A6CCA3 linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) );
    background: #A6CCA3 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8) ), to(rgba(255, 255, 255, 0) ) );
    background: #A6CCA3 -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) );
}
.ui-tabs .ui-tabs-nav .ui-tabs-selected.tab-complete {
    background: #CFFFCC;
}
.overlay-page-panel {
    position: absolute;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
}
.help-frame {
    width: 640px;
    height: 480px;
    border: 0 none;
    display: block;
}
.reference-frame {
    width: 640px;
    height: 640px;
    border: 0 none;
    display: block;
}
.status-panel {
    width: 100%;	
}
.disposition-panel {
    width: 100%;	
}
.disposition-panel td.title
{
	padding: 1px 4px;
	color:black;
	font-weight:bold;
}
.disposition-panel td.label
{
	padding: 1px 4px;
	width: 33%;
}
.disposition-panel td.value {
    padding: 1px 4px;
}
.layout-panel > tbody > tr > td {
    vertical-align: top;
}
.info-status-panel {
    width: 80em;	
}
#certificate-info-panel .ux-readonly-value
{
    padding: 0px !important;    
}

#certificate-info-panel
{
	background-color: #E9E9E9;
}

#disposition-header
{
	background-color: #E9E9E9;
}

.details-panel tr, .details-panel  td {
    border: none;
}

.details-panel .label {
	text-align: right;
}

.details-panel .value {
    font: 10pt "Verdana", "Arial", "Helvetica";
    font-weight: bold;
    margin: 0 .5em; 
}
.create-panel {
    margin: 0 auto;	
}
.create-panel tr, .create-panel  td {
    border: none;
}
.create-panel td {
    padding: 0;
}
.create-panel td.label {
	padding-right: 4px;
}
.create-panel .label {
    text-align: right;
}
.create-panel .value {
    font: 10pt "Verdana", "Arial", "Helvetica";
    font-weight: bold;
    margin: 0 .5em; 
}
.edit-panel tr, .edit-panel td {
	border: none;
}
.edit-panel td {
    padding: 0;
}
.edit-panel td.label, .edit-panel td.value {
    padding: 2px 4px;
}
.edit-panel .section-header {
	font: bold 10pt "Verdana", "Arial", "Helvetica";
	padding-top: 2px;
}
.confirm-panel {
	margin-top: 1em;
	font-weight: bold;
}
.confirm-panel tr, .confirm-panel  td {
    border: none;
}

.acknowledge-text {
    font:10pt "Verdana", "Arial", "Helvetica";
    font-style: italic;
    font-weight:bold;
    color:#003464;
    margin: .5em 0; 
}
.ux-readonly-value {
	font:11px "Verdana", "Arial", "Helvetica";
	font-weight:bold;
	white-space:nowrap;
}

.ux-selectoneedit {
    outline: 0 none;
    border: 0 none;
/*    display: inline-block;
	outline: medium none;
	border: 1px solid #A8A8A8;
	-moz-box-shadow: 0 2px 2px #8F8F8F inset;
	-moz-border-radius: 3px 3px 3px 3px; */
}
a.ux-message-link {
	text-decoration: underline;
	cursor: pointer;
}
.ui-selectonemenu {
    display: inline-block;
    position: relative;
    width: auto;
    zoom: 1;
    cursor: pointer;
    overflow: visible;
    *display: inline;
}
.ui-selectonemenu .ui-selectonemenu-label {
    outline: 0 none;
	display: block;
    border: none;
    white-space: nowrap;
    overflow: visible;
    font-weight: normal;
    width: 100%;
    float: none;
}
.ui-inputfield,.ui-widget-content .ui-inputfield,.ui-widget-header .ui-inputfield {
    background: #ffffff;
    -moz-box-shadow: inset 0 1px 1px #8f8f8f;
    -webkit-box-shadow: inset 0 1px 1px #8f8f8f;
    box-shadow: inset 0 1px 1px #8f8f8f;
}
.ui-chkbox .ux-chkbox-label-readonly {
    display: block;
    float: left;
    margin: 0 3px;
    outline: medium none;
    z-index: 1;
    font:8pt "Verdana", "Arial", "Helvetica";
    color:#003464;
}

.top-layout td {
    vertical-align: top;
}
#certificateEdit .ui-tabs-nav {
    position: fixed;
    left: 0;
    bottom: 0;
}

#dispositionEdit .ui-tabs-nav {
    position: fixed;
    left: 0;
    bottom: 0;
}

#certificateEdit .options-grid {
	border: 1px solid #A8A8A8;
}
#certificateEdit td.options-cell {
    padding: 2px 4px;
}

#certificateEdit .ui-state-error {
	background: #FFBABA;
}
#certificateEdit .ux-state-warning {
    border: 1px solid #9F6000;
    background: #FEEFB3;
}
#certificateEdit .edit-panel .ui-state-focus {
    background: #E2FFFF;
}
#certificateEdit .ux-readonly-value {
    display: inline-block;
    padding: 4px;
}

#certificateCreate .ui-state-error {
    background: #FFBABA;
}
#certificateCreate .ux-state-warning {
    border: 1px solid #9F6000;
	background: #FEEFB3;
}
#certificateCreate .create-panel .ui-state-focus {
    background: #E2FFFF;
}

#certificateCreatePaper .ui-state-error {
    background: #FFBABA;
}
#certificateCreate .ux-state-warning {
    border: 1px solid #9F6000;
    background: #FEEFB3;
}
#certificateCreatePaper .create-panel .ui-state-focus {
    background: #E2FFFF;
}

#menu .ui-menu .helpReferencesMenu {
	float: right;
	margin-right: 2.5em;
}
.viefax-header {
    border-bottom: 1px solid #CCCCCC;
}
.viewfax-icon {
	display: block;
    margin: auto;
}
.resize-image-button {
	cursor: pointer;
	color: #4F4F4F;
    font-weight: bold;
    font-family: Arial,sans-serif;
    font-size: 1.1em;
}
.full-span-panel {
	width: 100%;
}
.summaryOuter td
{
	height:12px;
}
.summaryInner td
{
	white-space: nowrap;
	height:12px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.summaryData
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;  
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}
.dispositionInnerTable td
{
	width: 0%;
	border: none;
	padding-left:1px !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	padding-right: 1px !important;
}

.dispositionInnerTableData
{
}

.dispositionInnerTableLabel
{
	text-align: left;
	white-space:nowrap;
	width: 0%; 
}

/*styles for the site welcome message and links on the login page*/
.sm 
{
	font:7pt "Verdana", "Arial", "Helvetica"; 
	color:#003464; 
}
.sm B 
{
	font-weight:bold
}

.menu-options-link:active 
{  
	color : #003464; 
	text-decoration: none;
}
.menu-options-link 
{  
	color : #003464; 
	text-decoration: none;
}
.menu-options-link:hover 
{  
	color : #003464; 
	text-decoration: underline;
}
.menu-options-link:visited 
{  
	color : #003464; 
	text-decoration: none;
}

table.passwordexpiring
{
    table-layout: fixed;
    margin-top: 2em;
    margin-bottom:2em;
}

.linkbtn {
    display:inline-block;
    text-decoration: none;
    background-color: #003466;
    background-position: center;
    background-repeat: repeat;
    border: none;
    cursor: hand;
    font-size: 11px;
    padding: 4px;
    margin:2px;
}

A.linkbtn, A.linkbtn:visited, A.linkbtn:hover {
    color: white !important;
}

#passwordUpdateErrors {
    width: 400px;
    font-size: 10px;
    color: red;
}

#pwdreq {
    display: none;
    max-width: 450px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    font-size: 10px;
    padding: 5px;
    margin: 3px;
}

#pwdbutton {
    border:none;
    background:blue;
    color:white;
}

#passwordhelpqm {

    font-size: 12px;
    font-weight: bold;
    font-size: 1.5em;
    color: orange;
    text-shadow: 2px 2px 1px black;
    text-decoration: none;
    cursor: default;

}

#passwordhelpqm:hover{
    cursor: pointer;
}