/* 
    Document   : notary styles
    Created on : Jul 9, 2012, 1:29:39 PM
    Author     : chrbar
    Description:
        Notary styling.
*/

body.dessin {
    width: 950px;
    margin: 0 auto;
    font-family: Calibri, Arial, sans-serif;
    font-size: 12pt;
    background-color: #333;
}

#reportContent iframe {
    width: 910px;
}

div.dessin {
    background-color: white;
    padding-bottom: 4px;
}

form.dessin, #divForm.dessin {
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
}

fieldset.dessin {
    margin-bottom: 10px;
    border-color: #426E93;
    border-width: 1px;
}

legend.dessin {
    color: white;
    background-color: #8F6C2F;
    padding: 2px 5px;
    font-size: 12pt;
}

span.dessin {
    margin-bottom: 10px;
    font-family: sans-serif;
    font-size: 11pt;
}

span.fixdLgth {
    display: inline-block;
    font-family: sans-serif;
    font-size: 11pt;
    margin: 2px;
    padding: 2px;
}

.fldVal {
    display: inline-block;
}

label.dessin {
    margin-right: 10px;
    font-weight: bold;
    display: inline-block;
}

label.lblLeft {
    margin-right: 10px;
    font-weight: bold;
    display: inline-block;
    text-align: right;
}

.dataTable {
    width: 100%;
    border-collapse: collapse;
    margin: 2px;
}

.dataTable td {
    border-collapse: collapse;
    padding: 4px;
}

.dataTableHdr {
    padding-left: 9px;
    padding-right: 9px;
}

.tdEvnt {
    color: #2c4359;
    border: 1px solid #aaaaaa;
    background-color: lightblue;
}

input[type="text"].dessin, select.dessin, textarea.dessin {
    margin-right: 10px;
    border-color: #426E93;
    font-family: sans-serif;
}

dd.label { margin-left: 0; }
dd.dessin { margin-left: 185px; }
dd.label .dessin { width: 171px; }

#xtrnlTrngPrefix {
    text-transform: uppercase;
}

input[type="button"].dessin, input[type="submit"].dessin {
    margin: 10px;
    margin-bottom: 0;
    font-family: sans-serif;
    width: 127px;
}

.veryShLgth { width: 65px; }
.shorterLgth { width: 100px; }
.shortLgth { width: 175px; }
.mediumShorterLgth {width: 240px;}
.mediumShortLgth { width: 300px; }
.mediumLgth { width: 350px; }
.extraMediumLgth { width: 450px; }
.longLgth { width: 525px; }

.padl-15 { padding-left: 15px; }
.padl-19 { padding-left: 19px; }
.padr-10 { padding-right: 10px; }
.padt-4 { padding-top: 4px; }

.maxWidth525 {
    width: 100%; 
    max-width: 525px;
}

label.error {
    font-weight: bold;
    font-size: 0.8em;
    color: crimson;
    width: 181px;
    display:  block;
    float: right;
}

input[type="text"].error, input[type="password"].error, select.error  {
    border-color: #F00;
}

input[type="text"].valid, input[type="password"].valid, select.valid  {
    border-color: chartreuse;
}

.correct {
    background-color: chartreuse;
}

.incorrect {
    background-color: tomato;
}

.errorMessage {
    font-weight: bold;
    font-size: 0.8em;
    color: #F00;
    width: 181px;
    float: right;
    list-style: none;
    margin: 0;
}

.errorField {
    font-weight: bold;
    font-size: 0.8em;
    color: #F00;
    float: right;
    list-style: none;
    margin: 0;
}

.errorFieldNoFloat {
    font-weight: bold;
    font-size: 0.8em;
    color: #F00;
    list-style: none;
}


.errorHeader {
    font-weight: bold;
    color: #F00;
    float: none;
/*    width: 525px;*/
    margin: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.messageHeader {
    font-weight: bold;
    float: none;
    width: 525px;
    margin: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.messageHeader2 {
    font-weight: bold;
    font-size: larger;
    margin: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

/*#footer {
    height: 80px;
    padding: 10px;
    background-color: #31526e;
    color: white;
    font-size: 9pt;
}*/

#contactBox {
    width: 277px;
    float: right;
}

#contactBox #title {
    padding-top: 1px;
    padding-left: 10px;
    background-color: #8F6C2F;
    height: 20px;
    font-size: 11pt;
}

#contactBox #info {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    background-color: white;
    color: black;
}

.annc {
    padding: 4px;
    background-color: #31526e;
    font-size: 11pt;
    width: 277px;
    float: right;
}

.anncTitle {
    padding-top: 1px;
    color: white;
    background-color: #8F6C2F;
    height: 20px;
    text-align: center;
}

.anncMsg {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: white;
    color: black;
}

.header {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 25pt;
    color: #916e33;
    height: 105px;
    background-color: #FFFFFF;
}

#sos_seal {
    display: block;
    float: left;
    position: relative;
    background-color: white;
}

#sos_seal_bg_image {
    padding-left: 177px;
    position: absolute;
    height: 120px;
}

#sos_seal_text {
    display: block;
    font-size: 24pt;
    margin-left: 1em;
    color: #426e93;
    position: relative;
    z-index: 1;
}

#sos_seal_text_secretary_name {
    font-size: 27pt;
    font-weight: bold;
}

span.blockRight {
    display: block;
    float: right;
}

/*#nav_bar {
    height: 30px;
    background-color: #426e93;
    position: relative;
}

.navbar {
    padding: 0;
}

.navbar li {
    float: left;
    display: block;
}

.navbar li:hover {
    background: #BCA683;
}*/

/*.navbar a {
    color: #fff;
    line-height: 30px;
    font-size: 12px;
    text-decoration: none;
    padding: 0 10px;
}*/

.appTitle {
    color: #fff;
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    padding: 0 10px;
    background: #A28553;
    margin-bottom: 10px;
}

.infoLink {
    color: #fff;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    background: #A28553;
    margin-bottom: 10px;
    text-decoration: underline;
    cursor: pointer;
}

.cancelLink {
    display:  block;
    float: right;
    margin-top: 10px;
    padding: 0 10px;
}

.chgLink {
    color: blue;
    font-size: small;
}       

.footnote {
    color: blue;
    font-size: small;
    margin-left: 185px;
}       

.hideMe {
    display: none;
}

.noticeBox {
    padding: 0 .7em;
}

.noticeIcon {
    float: left;
    margin-right: .3em;
}

.noticeBox div {
  padding-top: 4px;
  padding-bottom: 4px;
}

.ui-state-sos {
    padding: 5px;
    border: 1px solid #93c3cd;
    background: #93c3cd url(hot-sneaks/images/ui-bg_diagonals-small_50_93c3cd_40x40.png) 50% 50% repeat;
}

.instructional {
    font-style: italic;
    color: blue;
}

/* This over-writes the style in jquery-ui-1.8.22.custom.css */
.ui-widget {
    font-size: 0.9em
}

.wait {
    background-color: lightcoral;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
}

.wait img {
    border-color: black;
    border-width: 1px;
    border-style: solid;
    vertical-align: bottom;
    margin-bottom: 3px;
}

noscript {
    background-color: white;
    font-size: larger;
}

.txtRight {
    text-align: right;
}

.txtCenter {
    text-align: center;
}

.txtPadded {
    padding: 5px;
}

.borderBlackThin {
    border: 1px solid black;
}

.comntTxt {
    width: 35em;
    height: 5em;
}

/*** Select the current item on the nav bar. ***/
div.home nav.navbar a.home,
div.queue nav.navbar a.queue,
div.srch nav.navbar a.srch,
div.admn nav.navbar a.admn,
div.amnd nav.navbar a.amnd,
div.oath nav.navbar a.oath,
div.case nav.navbar a.case {
	color: yellow;
}

nav.navbar-dark div.navbar-nav .custom-nav-link {
	color: white;
}

/*** Indent on word wrap - useful for lists with lengthy text. ***/
.indentTxt {
    text-indent: -30px;
    margin-left: 30px;
}

/*** Indent on word wrap - useful for list items with lengthy text. ***/
.indentLstItm {
    text-indent: -40px;
}

.scrollingArea {
	height: 120px;
	max-height: 120px;
	overflow: auto;
	overflow-y: scroll;
}

/*** BEGIN: Styles for the Queue. ***/

.checkedIn { 
    color: red;
}

.checkedOut { 
    color: green;
}

.confirmIcon {
    float: left; 
    margin: 0 7px 20px 0;    
}

.alignTop {
    vertical-align: top; 
    margin-top: 5px;    
}

.listWidth {
    width: 130px; 
    margin-right: 10px;
}

.loadingMsgWidth {
    width: 260px; 
}

.waitMsg {
    border-color: black;
    border-width: 1px;
    border-style: solid;
    padding: 6px;
}

.waitMsg img {
    border-color: black;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left: 4px;
}

/*** END: Styles for the Queue. ***/



/*** BEGIN: Styles for Search. ***/

#idSearchCommissionNumber {
    width: 200px;
}

#idSearchFirstName {
    width: 200px;
}

#idSearchMiddleName {
    width: 200px;
}

#idSearchLastName {
    width: 200px;
}

.searchControl {
    margin-right: 10px;
}

.ui-jqgrid .ui-jqgrid-title {float: none}

.ui-jqgrid .ui-jqgrid-titlebar-close {float: left !important}

/* roughly centers the table
#searchByNameResultsDiv {
    padding: 0px 0px 0px 50px;    
}
*/
#mockSearchByNameResultsTbl {
    border: 1px solid #93c3cd;
    border-collapse: collapse;
}

#mockSearchByNameResultsTbl th {
    background: #93c3cd url(hot-sneaks/images/ui-bg_diagonals-small_50_93c3cd_40x40.png) 50% 50% repeat;
    border: 1px solid #93c3cd;
    padding: 3px 10px;
}

#mockSearchByNameResultsTbl td {
    border: 1px solid #93c3cd;
    padding: 3px 10px;
}

#mockCommissionSummaryTbl {
    border: 1px solid #93c3cd;
    border-collapse: collapse;
}

#mockCommissionSummaryTbl th {
    background: #93c3cd url(hot-sneaks/images/ui-bg_diagonals-small_50_93c3cd_40x40.png) 50% 50% repeat;
    border: 1px solid #93c3cd;
    padding: 3px 10px;
}
/* roughly centers the table
#commissionSummaryDiv {
    padding: 0px 0px 0px 70px;    
}
*/
#mockCommissionSummaryTbl td {
    border: 1px solid #93c3cd;
    padding: 3px 10px;
}
/*
#commissionDetailDiv {
    border: 1px solid #93c3cd;
}
*/
#mockCommissionDetails0Tbl th {
    padding: 0px 0px 0px 30px;
}

#mockCommissionDetails1Tbl th {
    padding: 0px 0px 0px 30px;
}

#mockCommissionDetails1Tbl td {
    padding: 0px 0px 0px 30px;
}

#mockCommissionDetails2Tbl th {
    padding: 0px 0px 0px 30px;
}

#commissionTransactionDiv {
    padding: 0px 0px 0px 130px;
}

#commissionDetailControls {
    padding: 0px 0px 0px 30px;
}
/*
.commIdValue {
    padding-right: 20px;
}
*/
.errorMessageLong {
    width: 500px;
    color: red;
}

/*** END: Styles for Search. ***/

.hdrContent {
	border: 1px solid black;
}

.rowContent {
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.rowContent:hover {
    background: #93c3cd url(hot-sneaks/images/ui-bg_flat_75_ba9217_40x100.png) 50% 50% repeat;
}

.rowContent:active {
    background: #93c3cd url(hot-sneaks/images/ui-bg_diagonals-small_75_ccd232_40x40.png) 50% 50% repeat;
}

.rowContentActv {
    background: #93c3cd url(hot-sneaks/images/ui-bg_diagonals-small_75_ccd232_40x40.png) 50% 50% repeat;
}

.toUpper {
	text-transform: uppercase;
}