/* CSS Document */

*  {
	margin: 0;
	padding: 0;
}

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
    /* min-width: 780px; */
	max-width: 1260px;
	margin-top:25px;
    /* margin-left:25px;
	margin-right:25px; */
    margin-left: auto;
    margin-right: auto;
    /* background-color:#fff; */
	border: #7f5338 solid 1px;
    box-sizing: border-box;
    background-color: #c8ac6f;
}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#banner {
	height: 57px;
	background-color:#FFF;
}

#banner h1 {
	color:#4f261d;
	float:left;
	font-family:"Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	text-align: left;
	padding:10px 0 0 15px;
}

#banner form {
	float:right;
	margin-top:5px;
	width:225px;
}

#banner input.field {
	/*border: 1px solid #c3ccd6;*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right:5px;
	padding: 2px;
	width:130px;
}

#banner input.submit	{
	background-color: #952420;
	border-top: #d5a7a6 solid 1px;
	border-bottom: #3d0e0d solid 1px;
	border-left: #d5a7a6 solid 1px;
	border-right: #641715 solid 1px;
	color: #FFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    /*  dh overrode with below as padding was so tight */
    /* padding: 1px; */
    padding: 4px 7px;
	margin-top:15px;
}

#banner input.submit:hover	{
	background-color: #677623;
	border-top: #c2c8a7 solid 1px;
	border-bottom: #2e3608 solid 1px;
	border-left: #c2c8a7 solid 1px;
	border-right: #4d5915 solid 1px;
}

#navTop  {
	padding: 3px 0 0 0;
	background-color:#95231f;
	text-align:right;
	width: 100%;
	height:16px;
    overflow: hidden;
}

#navTop a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	vertical-align:top;
	margin: 0;
	padding: 0;
	clear:both;
}

#navTop a:hover  {
	text-decoration: underline;
}

#borderTop {
	margin:0 0 0 0;
	padding:0;
	background-image:url(/images/border-top.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:4px;
}

#leftCol {
	margin: 0;
	padding: 0;
	background-color:#fff;
	background-image:url(/images/col-left-bg.gif);
	background-repeat:repeat-y;
	background-position:top left;
    overflow-x: hidden;
    /* removes horiz scrollbar */
}

#leftNav {
	float: left;
    width: 153px;
    /*LC width*/
	margin:0px;
	padding: 10px 0 0 0;
	text-align:left;
}

#leftNav p {
	padding:0;
	font-family: "Book Antiqua", "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight:bold;
	color:#95231f;
	text-align:center;
	width: 153px;
}

#rightCol {
	float:right;
    width: 147px;
    /*RC width*/
	padding-left: 19px;
	padding-right: 19px;
	background:#fff;
	text-align: center;
}

#rightCol img {
	margin: 20px 0px 0px 0px;
	border: #7f5338 solid 1px;
}

#content  {
	position: relative;
	display: block;
	/* background: #FFF; */
	text-align: left;
	margin: 0px 165px 20px 152px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	/*min-height:525px;*/
}

#content p.small {
	font-size:10px;
}

#content p {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 10px 0px 5px 10px;
}

#content span.small {
	font-size:10px;
}

#content .left {
	padding-left:15px;
}

#content .right {
	text-align:right;
	width:20px;
}

#content fieldset {
	margin:0px 0px 0px 10px;
	border-style:none;
}

#content fieldset p {
	padding: 10px 0px 5px 0px;
}

#content fieldset ol {
	padding:5px 5px 0px 5px;
	list-style:none;
}

#content fieldset li {
	padding-bottom:5px;
}

form {
  display: inline;
}

table.formMgr td:first-child{
	/*dh 7/25/2018 commenting out as it breaks things like indent. 
	  Is there another way to solve this where it was needed elsewhere? */
	/* padding-left: 10px; */  
}

input[readonly],
input[disabled],
select[readonly],
select[disabled],
textarea[readonly],
textarea[disabled] {
	border: 1px solid #999;
	background-color: #fcfcfc;
	color: #666;
	cursor: not-allowed;
}

input[disabled] {
	border: 1px solid #999;
	background-color: #fcfcfc;
	color: #666;
	cursor: not-allowed;
}

label.top {
	width:100%;
}

#lblpharLicNoLbl,
#lblpharCoLbl,
#lblinChargeLbl,
#lblpharLicClassLbl,
#lblpharSecClassLbl {
	min-width:20em;
}

#ctrl-pharSecClassTxt {
	vertical-align: bottom;
}

#lblcontactM,
#lblcontactL {
	color: white;
}

#lblauthEdu,
#lblauthCont,
#lblcertifyTxt {
	max-width: 95%;
}

.top {
	padding-top: 8px;
}

label {
	display:inline-block;
	max-width:100%;
	margin-bottom:5px;
}

#exp_disc__label {
	width:99%;
}

#lblCARD_AMOUNT,
#lblCARD_NUM,
#lblCARD_CVV,
#lblCARD_EXP_MO,
#lblCARD_FIRST_NAME,
#lblCARD_LAST_NAME,
#lblCARD_ADDRESS,
#lblCARD_CITY,
#lblCARD_STATE,
#lblCARD_ZIP,
#lblCARD_COUNTRY {
	font-weight:bold;
}

#ctrl-rcptDate {
	width:100px;
}

:required {
	border:1px solid #FF0000;
}

#req {
	color:#FF0000;
}

#error {
	color:#FF0000;
	font-size:16px;
}

#groupPaymentLink {
	font-size:14px;
}

.cbox {
	padding-top:3px;
}

input,
select,
textarea {
	color:#000;
	padding: 2px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.apply input,
.apply input, .apply select {
	width:140px;
}

.apply textarea {
	width:440px;
}

.apply input[type="checkbox"],
.apply input[type="radio"],
.apply input[type="button"] {
	width:auto;
}

.corp input {
	width:440px;
}

.zip input {
	width:85px;
}

.tel input {
	width:90px;
}

.type select {
	width:440px;
}

fieldset legend {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #677623;
	padding: 10px 0px 5px 0px;
}

p legend {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #677623;
}

fieldset label {
	float:left;
	width:150px;
	margin-right:5px;
	text-align: right;
}

fieldset fieldset {
	border: none;
	background-color: transparent;
	background-image: none;
	margin-top:-5px;
}

fieldset fieldset legend {
	color:#000;
	top:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
}

fieldset fieldset ol {
	position: relative;
	top:-34px;
	margin: 0px 0px 0px 115px;
	padding: 0px;
}

fieldset fieldset label {
	float:none;
	width:auto;
	margin-right:auto;
}

.formMgr td {
	vertical-align:top;
}

.form-display .required label {
	color:#8c0000;
	font-weight: bold;
}

.form-display .field-yn .radio-inline {
	width: 72px;
}

.form-display * {
	font-family: sans-serif;
}


/* .font-display h1 {
	font-size: 2em;
}

.font-display h2 {
	font-size: large;
}

.font-display h3 {
	font-size: large;
} */

 {
	padding-top:10px;
}

/* hide page columns for formMgr */

[data-formcode="INSP"] #leftCol,
.form-INSP #leftCol
{
	background-image: none;
}

[data-formcode="INSP"] #leftNav,
.form-INSP #leftNav
{
		display: none;
	}

[data-formcode]:not([data-formcode=""]) #rightCol,
.form-INSP #rightCol
{
		display: none;
	}


	[data-formcode] #content {
		width: 83%;
	}

body .form-display {
    /* why did we adding padding in global formstyles?!  TODO try removing from global */
		padding: 0;
	}

[data-formcode="INSP"] #content,
.form-INSP #content
{
    width: 100%;
		margin-left:0;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
	}

/* end hide page columns for formMgr */

[data-formcode="INSP"] h1 {
	padding-left: 0;
	color: #90986d;
	font-size: 32px;
}

[data-formcode="INSP"] button:not([class~="btn-xs"]) {
	padding: 8px 14px;
	font-size: larger;
}

[data-formcode="INSP"] #btnSubmit {
	background-color: #dff0d8;
}

	[data-formcode="INSP"] #btnSubmit:hover {
		background-color: #dce9d5;
	}


[data-pagecode="certify-pharm.asp"] #btnSave {
    background-color: #dff0d8;
}

    [data-pagecode="certify-pharm.asp"] #btnSave:hover {
        background-color: #cfeec3;
    }

[data-formcode="INSP"] .form-display table {
	width: 100%;
}

/* [data-pagecode="inspection.asp"] .form-display td[id^=ctrl], 
[data-pagecode="inspection.asp"] .form-display td.text-nowrap {
    text-align: right;
} */

[data-formcode="INSP"] label,
[data-formcode="INSP"] .form-display label:not([class]) {
	vertical-align: top;
}

[data-formcode="INSP"] legend {
    margin-left: -15px;
    border-top: 2px solid #c8ac6f;
    color: rgb(175, 143, 74);
    /* don't confuse with success color */
    padding-top: 10px;
    font-size: 20px;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

[data-formcode="INSP"] h3 {
    color: #9a6c06;
    /* don't confuse with success color */
}

[data-formcode="INSP"] .form-display  label {
	font-weight: bold;
}

/* left align labels on staff info page that appear as label top but are un-positioned in admin yet */
[data-formcode="INSP"] .form-display label:not([class]) {    
    text-align: left;
}

	[data-pagecode="pharminfo.asp"] .form-display label:not([class]) {
		text-align: right;
		min-width: 13em;
	}

.insp-ques-cont {
	width: 75%;
}

/* big question labels */
[data-formcode="INSP"] .form-display label[id*="lblinsp"]:not([class='RIGHT']) {
	width: 75%;
	text-align: left;
}

/* Trial the split YN question into 2 <td>. remove min-width */
[data-formcode="INSP"] .form-display .radio-group {
	min-width: auto;
}

[data-type="descYN"].insp-ques {
	width: 100%;
}

[data-formcode="INSP"] .required.is-valid [data-type="descYN"] {
	color: #578457;
	font-weight: bold;
}

[data-formcode="INSP"] .required [data-type="descYN"] {
    color: #8c0000;
    font-weight: bold;
}

.form-display .required [data-type="descYN"]:after ,
.form-display .required label:not([class='RIGHT']):after {
	content: "";
}

[data-formcode="INSP"] fieldset {
	margin-bottom: 2em;
}

.insp-ques { 
	/* text-align: right; */
	text-align: left;
} 

.form-display [id*="ctrl-yn-insp"] label.radio-inline {
	/* fix alignment issues on yn insp */
	/* padding-left: 0;  */
}


/* DIAG shows the field id on the page */


/* /* .insp-ques label:before, */

td:first-child[name^='ctrl-insp'] span[name^='spninsp']:before,
td:first-child[name^='ctrl-insp'] span.insp-ques-cont:before,
.insp-ques-cont span:before {
    content: attr(name);
    margin-right: .3em;
    font-weight: normal;
    color: #ccc;
    width: 10em;
    display: block;
    float: left;
    height: 3em;
    display: none;
}

td:first-child[name^='ctrl-insp'] label+span:before {
    content: "";
    /* disable when a span comes after label */
}


/*show the question ID before the label, helps reporting and troubleshooting*/

/* td:first-child[name*='ctrl-insp'] label:first-of-type::before {
    content: attr(for);
    margin-right: .3em;
    font-weight: normal;
    color: #ccc;
    width: 10em;
    display: block;
    float: left;
    height: 3em;
    /* display: none; */
    /* disable for production */
} */


/* End Diag show field id */

.insp-ques label { 
	width: 75%;
	text-align: left;
} 

.insp-ques--bb {
	border-top: 1px solid #eae8e8;
	padding-bottom: .5em;
}

.insp-ques--noborder {
	border: 0 !important;
}


/* container class not working, so this is a stand-in for now */
[name*="ctrl-insp"] {
	border-top: 1px solid #eee;
	padding-bottom: 5px;
}

@media only screen and (max-width:768px) {
    [name*="ctrl-insp"] {
        border-top: 0px solid #eee;
        padding-bottom: 0px;
    }
    .formMgr tr:not(:first-child) {
        /* border-top: 1px solid #eee; */
        /* commenting out as maybe we don't need borders, and the empty ones double up */
        padding-bottom: 1em;
    }
    .form-display td {
        width: auto;
    }
    .form-display td.text-nowrap {
        padding-top: 0;
        padding-left: 2em;
        margin-bottom: 5px
    }
    [data-formcode="INSP"] .form-display label[id*="lblinsp"]:not([class='RIGHT']) {
        width: 100%;
    }
    .radio-group label {
        padding-bottom: 0;
    }
}


/* consistent widths */
.form-display label:not([class]) + select.insp-ques,
.form-display label:not([class]) + textarea.insp-ques,
.form-display label:not([class])+input[type='text'].insp-ques {
	width: 200px;
	min-width: 130px;
} 


/* consistent widths */
.form-display tr [id*="ctrl-insp"] input:not[type='radio'], 
.form-display tr [id*="ctrl-insp"] textarea, 
.form-display tr [id*="ctrl-insp"] select {
	width: 200px;
}


/* legal reference */


/* .show-ref [data-type="descYN"]:after {
    content: attr(data-ref);
    margin-left: 2em;
    color: #900;
    display: inline-block;
    white-space: nowrap;
    text-align: right;
    float: right;
} */


/*** TODO MAYBE ADD TO FORMSTYLES.CSS ? **/


/* spans with no value, except for spacers and comments */

[data-formcode="INSP"]:not([data-pagecode*="comments"]) .form-display span:not([name="spacer"]):not([name*="comments"]):not([name*="photo"]):not([data-type="YN"]):not([data-type="NY"]):not([data-fieldtype="YN"]):not([data-max_files]):not([name^="hdn"]):not([class*="insp-ques"]):empty {
    background-color: #bfbfbf03;
    display: inline-block;
    /* width: 60px; */
    height: 2em;
    border: 1px solid #cccccc40;
    border-radius: 4px;
    line-height: 1 !important;
    padding-top: 5px;
    padding-left: 5px;
}

[data-formcode="INSP"]:not([data-pagecode*="comments"]) .form-display span:not([name="spacer"]):not([name*="comments"]):not([name*="photo"]):not([data-type="YN"]):not([data-type="NY"]):not([data-fieldtype="YN"]):not([data-max_files]):not([name^="hdn"]):not([class*="insp-ques"]):empty::after,
span[name^="hdn"] {
    content: "no value";
    color: #999;
}


/*** END TODO MAYBE ADD TO FORMSTYLES.CSS ? **/


/* ================ COPIED FROM WVBOP ============================== */


/* ========= Inspection forms ============= */


/*diag*/

[data-formcode="INFY"] .formMgr td {
    /* border: 1px dashed #ccc; */
}


/* make room for na onclick fields */

[data-formcode="INFY"] .form-display .field-yn .radio-inline {
    width: 33%;
}

[data-formcode="INFY"] .formMgr {
    width: 100%;
}

[data-formcode="INFY"]:not([data-pagecode="inspfac.asp"]) tr td {
    border-bottom: 1px solid #cccccc47;
}

[data-formcode="INFY"] [name="multiple"]+table.formMgr td {
    border: none;
}

[data-formcode="INFY"] td:first-child label {
    width: 74%;
}

[data-formcode="INFY"] legend {
    border-bottom: none;
    margin-left: -.5em;
    width: auto;
}


/* don't indent first col span? */

[data-pagecode="inspfac.asp"] .form-display fieldset td:first-child span {
    padding-left: 0;
}


/* y we don't want this indent on these spans */

[data-pagecode="inspfac.asp"] .form-display fieldset span {
    padding-left: 0;
}


/* if labels aligned top, then they should be full width and input should wrap. TODO add to global */


/* this made https://dev.nodakpharmacy.com/renew/pharmacy/ inputs smaller, zoe didn't like */

[data-pagecode="inspection.asp"] .form-display label.top {
    display: block;
}

[data-formcode="INFY"] .form-display fieldset {
    /* background-color: #eee; */
    width: inherit;
    border-bottom: none;
    margin-top: 2em;
    border-top: 1px solid #bbc;
    border-top-right-radius: 8px;
}

[data-formcode="INFY"] legend {
    font-weight: bold;
    color: #679;
    padding-right: 20px;
}


/* spans with no value, except for spacers and comments */

[data-formcode="INFY"]:not([data-pagecode*="comments"]) .form-display span:not([name="spacer"]):not([name*="comments"]):not([name*="photo"]):not([data-type="YN"]):not([data-type="NY"]):not([data-fieldtype="YN"]):not([data-max_files]):empty {
    background-color: #bfbfbf03;
    display: inline-block;
    /* width: 60px; */
    height: 2em;
    border: 1px solid #cccccc40;
    border-radius: 4px;
    line-height: 1 !important;
    padding-top: 5px;
    padding-left: 5px;
}

[data-formcode="INFY"]:not([data-pagecode*="comments"]) .form-display span:not([name="spacer"]):not([name*="comments"]):not([name*="photo"]):not([data-type="YN"]):not([data-type="NY"]):not([data-fieldtype="YN"]):not([data-max_files]):empty::after {
    content: "no value";
    color: #999;
}


/* [data-formcode="INFY"] .form-display td:first-child, */

[data-formcode="INFY"] .cont-descYN {
    width: 100%;
}

[data-formcode="INFY"] .form-display .cont-descYN label {
    text-align: left;
}

[data-formcode="INFY"] .form-display td:first-child [data-type="descYN"] {
    /* hopefully the big question sentence */
    width: 100%;
    max-width: 100%;
}


/* override how the required asterisk is replacing the ref in formstyles TODO fix */

[data-formcode="INFY"] .form-display .show-ref td [data-type="descYN"]:after {
    content: attr(data-ref);
    color: #900;
    display: inline-block;
    white-space: nowrap;
    text-align: right;
    font-size: small;
    margin-left: .5em;
}

.form-INFY .formMgr label.required:after,
.form-INFY .formMgr .required label:after {
    content: "";
}

.form-INFY .formMgr tr td {
    /*	border-bottom: 1px solid #ccc;*/
    padding-bottom: 5px;
    /* vertical-align: bottom; */
    /* commenting out because makes inspfac2.asp pic go to bottom */
}

.form-INFY .formMgr label {
    /* width:75%; */
    margin-right: 1em;
    text-align: left;
}

.form-INFY .formMgr label {
    /*font-weight: normal;*/
    /* color: black; */
}

.form-INFY legend {
    border: none;
}

.form-INFY .formMgr input:not([type="checkbox"], [type="radio"]),
.form-INFY .formMgr select,
.form-INFY .formMgr textarea {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-INFY input[type=radio] {
    height: inherit;
    /* margin-top: 10px; */
    /* I'm getting rid of this*/
}

[data-pagecode="general1.asp"] .formMgr label+select,
[data-pagecode="general2.asp"] .formMgr label+select,
[data-pagecode="charnuc.asp"] .formMgr label+select {
    width: auto;
}

[data-pagecode="general1.asp"] .formMgr label,
[data-pagecode="general2.asp"] .formMgr label,
[data-pagecode="charnuc.asp"] .formMgr label {
    width: 75%;
}

[data-pagecode="general1.asp"] .formMgr select,
[data-pagecode="general2.asp"] .formMgr select,
[data-pagecode="charnuc.asp"] .formMgr select {
    width: 22%;
}

[data-pagecode*="inspfac.asp"] .formMgr {
    width: auto;
}

[data-pagecode*="inspfac.asp"] td:first-child label {
    width: 100%;
}


/* comments */

[data-pagecode="general1.asp"] .formMgr label[id*="comments"],
[data-pagecode="general2.asp"] .formMgr label[id*="comments"],
[data-pagecode="charnuc.asp"] .formMgr label[id*="comments"] {
    width: 100%;
}


/* #comments_gen1_field,
#comments_gen2_field,
#comments_charnuc_field
{
	max-width: 200px;
} */

#comments_gen1_text,
#comments_gen2_text,
#comments_charnuc_text {
    min-width: 700px;
}

[id^="fs_comm"] table tr:nth-last-child(1) td,
[id^="fs_comm"] table tr:nth-last-child(2) td {
    border-bottom: none;
}

[id^="fs_comm"] br {
    display: none;
}

[id^="fs_comm"] p {
    margin-top: 0;
}

[data-form="INFY"] div[id$="table"],
div[id$="add"] {
    border-top: none;
    border-bottom: none;
}


/* attr class .field-depend carries over to explain field and indents, which we don't want  TODO how to fix perm? */

[data-pagecode*="explain"] td.field-depend:first-child {
    padding-left: 0;
}

[data-formcode="INFY"] #ctrl-explain label {
    text-align: left;
    padding-bottom: 2em;
}

.form-INFY .formMgr select {
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    /* margin-top: .5em; */
    /* dh 10/2/2018 commeing out because on inspfac.asp the selects dont line up with text inputs */
}

.form-INFY .formMgr textarea {
    height: auto;
    width: 100%;
}


/* 
.form-display table {
	width: 100%;
}

	.form-display td:first-child {
		width: 80%;
	} */

[data-type="descYN"] {
    /* width: 70%; */
}


/* span that's an inspection, but a radio */


/* [data-ref] {
    font-weight: bold;
} */


/* auto prefix with the question ID */


/*  DH 11/5/2018 do we need this? below does this too. Commenting out. If we keep, scope to avoid radio inputs. */


/* .insp-ques label:before
 {
	content: attr(for);
    margin-right: .3em;
    font-weight: normal;
    color: inherit;
    width: 10em;
    display: block;
    float: left;
    height: 2em;
} */


/* auto prefix (spans and labels) with the question ID */

[data-pagecode="general1.asp"] [data-id]:before,
[data-pagecode="general2.asp"] [data-id]:before,
[data-pagecode="charnuc.asp"] [data-id]:before {
    content: attr(data-id);
    margin-right: 1em;
    font-weight: normal;
    color: inherit;
    display: block;
    float: left;
    height: 20px;
    width: 2em;
    width: 3ch;
    overflow: hidden;
}

.formprogress-heading {
    font-size: large;
    color: #666;
}

@media only screen and (max-width: 992px) {
    [data-pagecode="general1.asp"] span[data-id]:before,
    [data-pagecode="general2.asp"] span[data-id]:before,
    [data-pagecode="charnuc.asp"] span[data-id]:before {
        /* height: 3em; */
    }
}

[data-pagecode="general1.asp"] span[data-type],
[data-pagecode="general2.asp"] span[data-type],
[data-pagecode="charnuc.asp"] span[data-type] {
    font-weight: bold;
}


/* alternative method of prefixing from the input, without relying on class to limit scope */


/* .insp-ques:before {
    content: attr(id);
    position: absolute;
    left: 0;
} */

[data-pagecode="general1.asp"] td,
[data-pagecode="general2.asp"] td,
[data-pagecode="charnuc.asp"] td {
    position: relative;
}

[data-formcode="INFY"] .form-display td:last-child input[type="radio"]+label {
    margin-right: 0em;
}


/* consistent widths of question col */

[data-pagecode="general1.asp"] td:first-child {
    width: 71%;
}


/* consistent widths of question col */

[data-pagecode="general2.asp"] td:first-child,
[data-pagecode="charnuc.asp"] td:first-child {
    /* width: 75%;  consistent widths of question col */
    width: 71%;
    /* consistent widths of question col */
}

#ctrl-lic_class label {
    text-align: right;
    margin-right: 0;
    width: auto;
}

[data-form="INFY"] .text-nowrap label {
    min-width: auto;
}


/* indv fields */


/* [name="lbl125_otcnarcandoc"],
#ctrl-yn-125_otcnarcandoc label
{
	width: 33%;
} */

[data-pagecode="general2.asp"] .form-display .field-yn label.radio-inline:first-child {
    width: 33%;
}


/* ================ END COPIED FROM WVBOP ======================================= */

h1  {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #677623;
	padding: 10px 0px 0px 0;
}

h2  {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #677623;
	padding: 10px 0px 0px 0;
}

h2 a {
	color:#677623;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	color: #677623;
	padding: 10px 0px 0px 0;
}

a  {
	color: #952420;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a:hover  {
	text-decoration: none;
}

#content ul:not(:has(+ .tip-upload)) {
	display:block;
	padding-left:50px;
}

#content ul li {
	display: list-item;
	margin:5px 75px 0px 0px;
}

#content ul li ul {
	margin:0;
	padding-left:15px;
}

#content ul li ul li {
	padding-left:5px;
}

#content ol {
	display:block;
	padding-left:50px;
}

#content ol li {
	display: list-item;
	margin:5px 75px 0 0;
	padding:0;
}

#content ol li ol li {
	margin:0;
	padding:0 0 0 5px;
}

ul.list {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	float: left;
	text-align: left;
	list-style: none;
	width:91%;
}

ul.list li {
	float: left;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	width: 190px;
}

.alert {
	color:#E80732;
	font-weight:bold;
}

.alert.alert-success {
    color: #060;
}

fieldset.submit {
	float:none;
	border-style: none;
	padding-left:10px;
}

.submit input  {
	background-color: #952420;
	border-top: #d5a7a6 solid 1px;
	border-bottom: #3d0e0d solid 1px;
	border-left: #d5a7a6 solid 1px;
	border-right: #641715 solid 1px;
	color: #FFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:1px;
	margin-top:15px;
}

.submit input:hover  {
	background-color: #677623;
	border-top: #c2c8a7 solid 1px;
	border-bottom: #2e3608 solid 1px;
	border-left: #c2c8a7 solid 1px;
	border-right: #4d5915 solid 1px;
}

.button  {
	background-color: #95231f;
	border-top: #d5a7a6 solid 1px;
	border-bottom: #3d0e0d solid 1px;
	border-left: #d5a7a6 solid 1px;
	border-right: #641715 solid 1px;
	color: #FFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:1px;
	margin-top:15px;
}

.button:hover  {
	background-color: #677623;
	border-top: #c2c8a7 solid 1px;
	border-bottom: #2e3608 solid 1px;
	border-left: #c2c8a7 solid 1px;
	border-right: #4d5915 solid 1px;
}



.btn {
	padding: 3px 5px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.btn:hover,
.btn:focus {
    color: #333333;
    text-decoration: none;
}

.btn-xs {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

#rightCol .buttonHome {
	text-align: center;
	width: 100%;
}

.buttonHome  {
	background-color: #677623;
/*	border-top: #c2c8a7 solid 1px;
	border-bottom: #2e3608 solid 1px;
	border-left: #c2c8a7 solid 1px;
	border-right: #4d5915 solid 1px;*/
	color: #FFF;
	/*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	font-weight: bold;
	/*padding:1px;*/
	margin:5px 0 0 0;
}

.buttonHome:hover  {
	background-color: #95231f;
	color: white;
	border-top: #d5a7a6 solid 1px;
	border-bottom: #3d0e0d solid 1px;
	border-left: #d5a7a6 solid 1px;
	border-right: #641715 solid 1px;
}

.clearfix {
	height: 1px;
	clear: both;
	overflow:hidden;
}

#borderBottom {
	margin:0 0 0 0;
	padding:0;
	background-image:url(/images/border-bottom.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:4px;
}

#footer {
	display: block;
	background-color: #95231f;
	color: #fff;
 	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 2px 0 3px 0;
}

.adminRequiredField {
	color:#FF0000;
	font-weight:bold;
}


/*** alerts/warnings ***/

.info,
.success,
.warning,
.error,
.validation {
    border: 1px solid;
    margin: 0px 0px 5px 0px;
    padding:12px 10px 12px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	font-weight:bold;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/info.png');
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/success.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/warning.png');
}

.error {
    color: #D8000C;
    background-color: #FFcac9;
    background-image: url('/images/error.png');
    padding-left: 50px;
}

.error:not(.alert-info):not(.alert-warning):not(.alert-success) {
    padding-left: 50px;
    /* override formstyles.css that kills padding */
}

.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('/images/validation.png');
}

ul#validation {
    list-style-image: none;
    color: #D63301;
    padding-bottom: 0;
}

#validation li {
    color: #D63301;
}


/*** IE6 Fix ***/

* html #left {
    left: 150px;
    /* RC width */
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/* End hide from IE-mac */


 /*printer styles*/

 @media print{
	/*change bg color, remove border*/
    html {
        backgound-color: #ffffff;
    }
    body {
        border: none 0;
        background-color: #ffffff;
    }
	/*hide the left column when printing*/
    #leftcol {
        display: none;
    }
	/*hide the right column when printing*/
    #rightcol {
        display: none;
    }
    #twocols,
    #maincol {
        width: 100%;
        float: none;
        border: none 0
    }
	#ctrl-printRcpt {
		display: none;
	}
}