/* species list superscript */
#rwscb_38[pidlbl^="fish"]:after {content:" \00B9";}
#rwscb_39[pidlbl^="fur"]:after {content:" \00B2";}
#rwscb_43[pidlbl^="poultry: other"]:after {content:" \00B3";}
#rwscb_28[pidlbl^="rabbit"]:after {content:" \2074";}

html									{ background-color: #f1f2f2;}
body 									{ background-color: #F1F2F2; background-image:none; font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;}

#pidheader, .pgBreak{background:#F5F5F3 url(../img/pid2bgheader.jpg) no-repeat left top;text-align:right;height:144px; width:100%; overflow:hidden; position:relative;}

/* switched from id to class as part of PIDII-32 -- view summary screen has the logo multiple times on a single screen*/
.ablogo {position:absolute; top:100px; right:12px;}
.ablogo.bkgd {background: url(../img/ABLogo-rev.png) no-repeat left bottom; width:133px; height:39px}


#pidbanner								{float:left;text-align:left;}
#userId									{ color: #fff; }

span.todo								{ color: purple; font-weight: bold; }
span.error 								{ color: red;    font-weight: bold;  padding-right: 0.5em;font-style: italic; font-size: 0.9em;}
span.active								{ color: blue; font-weight: bold; }
span.deactivated						{ color: red; font-weight: bold; }

img.statusIndicator						{ padding-right: 0.25em; }

/* The background gradient is 600 pixels tall */
#page									{ min-height: 600px; }

div#m									{ margin-bottom: 1em; margin-top: 1em; font-size: 1.25em; }
/*rs - added a rules --previously not set in CSS for overall page... */
a:link, a:visited {color:blue/*#0057d0*/; text-decoration:underline;
-webkit-transition:color 0.4s ease-in; transition:color 0.4s ease-in}
a:hover, a:active, a:focus{color:darkblue/*#003987*/; text-decoration:underline;
-webkit-transition:color 0.2s ease-in; transition:color 0.2s ease-in;}

/*rs - changed font-weight from bold to normal for h1*/
div#m	h1								{ margin-bottom: 0.5em; font-weight: normal; }
div#m	h1	span.links					{ font-weight: bold; font-size: 75%; padding-left: 0.5em; }
div#m	h1	span.links	a				{ text-decoration: none; }

/*h1.wStepHdr {padding-left:0.5em}*/
/*rs - color change */
div#m	h2								{ margin-bottom: 0.25em; margin-top: 0.75em; color: #36424a; /*background-color:#d1d4d3; padding:0.5em;*/}
/*rs - new (too much grey at top...so no background-color) */
div#m h2.toggle { background-color:transparent}
/*rs - color change */
div#m	h2	> a							{ text-decoration: none; color:#36424a}
div#m	h2	span.updateLink				{ padding-left: 0.5em; float:right}
div#m	h2	span.updateLink	> a			{ text-decoration: none; font-size: 75%; }
div#m	h2	span.updateLink.nav > a		{ font-weight:normal; font-size:.5em;}
div#m	h2	span.updateLink	a button	{ text-decoration: none; font-size: 100%; padding: 0.5.em; }
/*div#m	h2	span.updateLink	a.butlink:link	{ text-decoration: none; font-size: 55%; padding: 0.2em 1em; border: 2px; border-radius: 1px; background-color: #A9A9A9; color: #000000; margin-right: 1em; float: right;}
div#m	h2	span.updateLink	a.butlink:visited	{ text-decoration: none; border: 2px outset; background-color: #A9A9A9; color: #000000; }
div#m	h2	span.updateLink	a.butlink:hover	{ text-decoration: none; background-color: #BEBEBE; color: #000000; }
*/
span.updateLink	a.butlink:link,
.buttons > a.butlink				{ text-decoration: none; padding: 0.2em 1em; margin-right: 1em;}
span.refererLink	a.butlink:link	{ text-decoration: none; padding: 0.2em 1em; margin-right: 1em; min-height: 25px; }


div#m 	h3.boldclass					{ margin-bottom: 0.25em; margin-top: 1em; color: darkgreen; }
div#m	h3								{ margin-bottom: 0.25em; margin-top: 1em; color: darkblue; }
div#m	h3	a							{ text-decoration: none; }
div#m	h3	span.updateLink				{ padding-left: 0.5em; }
div#m	h3	span.updateLink	a			{ text-decoration: none; font-size: 75%; }

div#m	p								{ margin-bottom: 0.5em; }

/* START search field styles */
div#m	fieldset						{ -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #bbb; }
div#m	fieldset						{ padding-bottom: 0.5em; }
div#m	fieldset	legend 				{ margin-left: 1em; font-size: 1.2em; color: darkblue; }

/* a fieldset containing inline content like text, as opposed to block content like tables */
div#m   fieldset.inline					{ padding: 0.5em; }

/* adjustments for common elements when inside a fieldset */
div#m	fieldset	table.entry			{ margin-bottom: 0; }
div#m	fieldset	table.entry	th		{ padding-top: 0.1em;  margin: 0; vertical-align: baseline; }
div#m	fieldset	table.entry	td		{ padding-top: 0.1em;  margin: 0; vertical-align: baseline; }
/*rs - color change*/
div#m	fieldset	label				{ font-weight: normal; color: #36424a;}

div#m	fieldset	table.checkboxes	tr	td	{ padding: 0.1em; }
div#m	fieldset	table.checkboxes	ul		{ margin: 0; padding: 0; }
div#m	fieldset	table.checkboxes	ul	li	{ padding: 0.1em; white-space: nowrap; }

/* END search field styles */

div.sec									{ padding: 0.2em; }
/*rs - color change*/
.req									{ color: #ff7900; font-style: normal; font-weight: bold; }
/*new -- just pushed the * symbol to the right a bit*/
.control .req							{padding-left: 0.25em; padding-right:0.5em; display:inline-block;}

.instructions							{ color: #444;}
.example								{ font-style: italic; color: #444; }
.reqInstructions						{ float: right; vertical-align: bottom; color: #444; /* padding-top:10px; font-size:1.25em*/}


table.summary							{ width: 100%; }
table.summary	td.sep					{ width: 2em; }
table.summary	td.half					{ width: 49%; vertical-align: top; }
table.summary	td.onethird				{ width: 33.3%; vertical-align: top; }
table.summary	td.twothirds			{ width: 66.6%; vertical-align: top; }
table.summary	td.spanning				{ width: 100%; border: 2px solid #ccc; padding: 0.5em; }


div.otherbox							{ border: 1px solid #ccc; padding: 1em; background-color: #efefef; -webkit-border-radius: 5px; border-radius: 5px;}
/* 2014 - increased padding from 0.5em to 1em*/
div.otherInstructions					{ border: 1px solid #ccc; padding: 1em; background-color: #efefef; -webkit-border-radius: 5px; border-radius: 5px;}
/*2014 - rs - set color; was empty before*/
div.otherInstructions	dt				{ font-weight: bold; color:#36424a;}
div.otherInstructions > dl > dd ~ dt {padding-top:1em}
/*2014 - rs - removed indent; changed to margin-left*/
div.otherInstructions	dd				{ margin-left: 1em; margin-bottom: 0.5em; }
div.otherInstructions.halfW{font-size:0.8em; width:50%; display:inline-block;}
div.emptyVert							{ height: 200px; }

table.location							{ width: 100%; }
table.location	td						{ vertical-align: top; }

table.premisesLocations					{ width: 100%; }
/*table.premisesLocations	td				{ vertical-align: top; width: 50%; }*/
table.premisesLocations	> tbody > tr >td	{ vertical-align: top; width: 50%; }
table.premisesLocations > tbody > tr >td.firstCol{width:67%}
table.premisesLocations	td.radios		{ vertical-align: top; }
table.premisesLocations	td.mapTd		{ text-align: right; }

table.accountpremiseslocations					{ width: 100%; }
table.accountpremiseslocations td.locationtype { font-weight:bold; border-style: none; }
table.accountpremiseslocations td.locationvalue {font-weight:normal; padding-left:.5em; border-style:none; }

table.accountcontacts					{ width: 100%; }
table.accountcontacts td.primaryindicator { rowspan: 3; font-size: 1.0em; color:#36424a; font-weight:bold; width: 1.0em; vertical-align: baseline; border-style: none; }
table.accountcontacts td.namelink		{ font-size: 85%; font-weight:normal; border-style:none; vertical-align: baseline; }
table.accountcontacts td.info			{ font-size: 85%; font-weight:normal; padding-left:.5em; border-style:none; vertical-align: baseline; }
table.accountcontacts.addr td.info		{padding: 0 0 0 0.5em; white-space:pre-wrap;}
td.addrFmt {white-space:pre-wrap;}
table.accountcontacts td.noinfo			{ font-size: 85%; height: 1.5em; border-style: none; vertical-align: baseline; }

.primaryindicator 						{ font-size: 1.0em; color:#36424a; font-weight:bold; vertical-align: baseline; }

/*.googlemapcontainer						{ margin-left: 0.25em; padding: 0.5em;  height: 30.5em; }*/ 
/*.googlemapcontainer						{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #bbb; }*/
/* 2014 rs - modded corners and height */
.googlemapcontainer{height:30.5em;
	-moz-box-shadow: 0px 0px 4px #d1d4d3;
	-webkit-box-shadow: 0px 0px 4px #d1d4d3;
    box-shadow: 0px 0px 4px #d1d4d3;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left: 0.25em; padding: 0.5em;}

#locMap{ width:75%; display:block;}
#locMap.offscreen{opacity:0; visibility:hidden; position:absolute; left:-1200px; top:0}
#locMap.onscreen{opacity:1; visibility:visible;}

#locSelect {width:65%; display:table-cell; position:relative}
#locSelMapit{display:table-cell; vertical-align:top; padding-left:2.3%;padding-top:0.5em;font-size:1.25em; position:relative;}
#locSelMapit > input{position:relative;left:0; top:1em}

.locSelDisplay{display:table-cell; padding: 1em; vertical-align:middle}
#locSelRedo{margin-left: 4em; font-size:0.9em; width:25%; text-align:right;}
#locSelData, #locLatLngData{width:75%; text-align:center; font-size: 1.1em}
#locSelData:before, #locSelData::before {content:"Location entered: "; font-size:0.8em}

.mapInstructions						{ font-size: 0.8em; font-weight: bold; }

.map									{ margin-left: 0.25em; padding: 0.5em;  height: 450px; }
.vbotm		{vertical-align:bottom;}
.vtop		{vertical-align:top;}
.map.vbotm	{height:auto; padding:0.25em 0;}
td.gsBusCardCol			{width: 35%; vertical-align:top;}
td.gsBusCardCol.alignpad{padding: calc(1em - 1px) 0 0.25em;}
td.gsBusCardCol.alignpad > .otherInstructions{font-size:0.8em}

div.systemRequirements					{margin-top: 2em; margin-bottom: 3em; font-size: 90%; }
div.systemRequirements	h3				{ font-weight: bold; }
div.systemRequirements > h2 {font-size:1.2em; font-weight: bold;}

.radioSub								{ margin-left: 1.25em; margin-bottom: 1em;}

/* changed color from #555 and added transitions */
.locType								{ color:#5f6a72; background-color: #eee; padding-bottom: 0.25em; 
-webkit-transition:background-color 0.4s ease-out, color 0.2s;
transition:background-color 0.4s ease-out, color 0.2s;}
/*.locType								{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #bbb; margin-bottom: 0.25em;  }*/
/* changed color from #bbb and "added" rounded corners...that work */
.locType{
border:2px solid #eee;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:0.25em;
}
/*.firstCol > .locType{margin-left:0;}*/


/* 2014 - rs -- changed display to table & removed indent so second line wraps better */
/*.locTypeLabel							{ text-indent: -1em; padding: 0.25em; padding-bottom: 0.25em; padding-left: 1.25em;  }*/
.locTypeLabel							{ display:table; margin-right:2em}
/* 2014 - rs - previously was just bold; added everything else */
.locTypeLabel > label					{ font-weight: bold; font-size:0.9em;
white-space:nowrap; display:table-cell; padding:0.5em; padding-left:0.25em}
/* 2014 - rs - previously was just 0.9em; changed font-size to 0.8em; added everything else;  */
.locTypeLabel > .desc					{ padding-left:0.5em; font-size: 0.8em; /*text-indent:0; */display:table-cell;padding-bottom:0.5em}

.locType > .locTypeControl				{ padding-left: 1.25em; padding-bottom: 0.25em; font-size: 0.9em; }
.locTypeControl	> label					{ font-weight: normal;  }

.locType > .locTypeDetail				{ padding-left: 1.25em;  font-size: 0.8em; padding-bottom:0.25em}
.locTypeControl > .locTypeDetail		{font-size:0.9em}
					
table.addressControl	th				{ width: auto; padding: 0.1em; }
table.addressControl	td				{ width: auto; padding: 0.1em; }

.locType		.instructions			{ font-style: normal; }
.locType		.error					{ font-weight: bold; color: red; padding-right: 0.5em; }	
.locType		.example				{ font-style: italic; /*color: #444;*/ }

.selectedLocType						{ background-color: #fff; color: #000; border-color: #5f6a72; /*#777;*/ 
-webkit-transition:border-color 0.4s, background-color 0.35s ease-out, color 0.2s;
transition:border-color 0.4s, background-color 0.35s ease-out, color 0.2s;}
.selectedLocType > .locTypeLabel > label{ color:#36424a}
.unselectedLocType:hover				{ background-color: #eee /*#f7f7f7*/; color: #36424a /*#444*/; border-color: #eee /*#777*/;
	-webkit-transition:color 0.2s;
	transition:color 0.2s;}
/* end of changes to location type selection */

li.band0								{ background-color: #fff; }
li.band1								{ background-color: #eee; -webkit-border-radius: 5px; border-radius: 5px;}


table.two								{ border-collapse: collapse; border: none; margin-bottom: 1em; margin-left: 1em; width: calc(100% - 1em); }
table.two		tr						{ height: 1.5em;  }
table.two		tr.empty	td			{ height: 0.75em;   background-color: none;}
table.two		td.empty				{ height: 0.5em; }
table.two		th						{ width: 13em; font-weight: bold; padding: 0.2em; vertical-align: baseline; color: #36424A; }
table.two		td						{ font-weight: normal; padding: 0.2em; }
table.two		td			*			{ width: auto; }
table.two		td.numeric				{ text-align: right; }
table.two		td.money				{ text-align: right; }
table.two		td.control				{ }
table.two		td.button				{  text-align: right; }
table.two		td.control	img			{  vertical-align: bottom; }
table.two		td.spacer				{ width: 1em;  white-space: nowrap; }
/*2014 - rs - wider column... (from 20em to 30em */
table.two		th.label				{ width: 30em; font-weight: bold; padding: 0.2em; vertical-align: baseline; color: #36424a}
table.two.nowrap th.label	{width:10em; white-space: nowrap;}
table.two.nowrap td {padding-left:1em}
table.two		th.indentnotes			{ padding-left:1em; font-size:90%; }
table.two		td.indentnotes			{ padding-left:1em; font-size:90%; }

table.twored								{ border-collapse: collapse; border: none; margin-bottom: 1em; width: 100%; }
table.twored		tr						{ height: 1.5em;  }
table.twored		tr.empty	td			{ height: 0.75em;   background-color: inherit;}
table.twored		td.empty				{ height: 0.5em; }
table.twored		th						{ width: 13em; font-weight: bold; padding: 0.2em; vertical-align: baseline; }
table.twored		td						{ font-weight: normal; padding: 0.2em; background-color: #eee; border: 2px solid #fff; color: #ff0000}
table.twored		td			*			{ width: auto; }
table.twored		td.numeric				{ text-align: right; }
table.twored		td.money				{ text-align: right; }
table.twored		td.control				{ }
table.twored		td.button				{  text-align: right; }
table.twored		td.control	img			{  vertical-align: bottom; }
table.twored		td.spacer				{ width: 1em;  white-space: nowrap; }


table.twogreen								{ border-collapse: collapse; border: none; margin-bottom: 1em; margin-left: 1em; width: 100%; }
table.twogreen		tr						{ height: 1.5em;  }
table.twogreen		tr.empty	td			{ height: 0.75em;   background-color: inherit;}
table.twogreen		td.empty				{ height: 0.5em; }
table.twogreen		th.account				{ width: 13em; font-weight: bold; font-size: 150%; padding: 0.2em; vertical-align: baseline; color: #006633; }
table.twogreen		tr.account 	td			{ font-weight: normal; font-size: 150%; padding: 0.2em; border: none; color: #006633; }
table.twogreen		td.account 				{ font-weight: normal; font-size: 150%; padding: 0.2em; border: none; color: #000000; }
table.twogreen		td			*			{ width: auto; }
table.twogreen		td.numeric				{ text-align: right; }
table.twogreen		td.money				{ text-align: right; }
table.twogreen		td.control				{ }
table.twogreen		td.button				{  text-align: right; }
table.twogreen		td.control	img			{  vertical-align: bottom; }
table.twogreen		td.spacer				{ width: 1em;  white-space: nowrap; }

div.mapInfo								{ height: 300px; overflow: auto; }
mapInfo			table	tr.empty	td	{ height: 0.75em;   background-color: inherit;}
mapInfo			table	td.empty		{ height: 0.5em; }
mapInfo			table	tr				{}
mapInfo			table	th				{ font-weight: bold; padding: 0.2em; vertical-align: baseline; }

table.entry								{ border-collapse: collapse; border: none; margin-bottom: 1em; width: 100%; }
table.entry		tr						{ height: 1.5em;  }
table.entry		tr.empty	td			{ height: 0.75em;  }
table.entry		td.empty				{ height: 0.5em; }
/*rs - color change; padding change; color change; align change */
table.entry		th						{ padding: 0.5em 0.5em 0 0; vertical-align: baseline; max-width: 13em; width: 13em; text-align: left; font-weight: bold; color: #36424a}
table.entry.w50 th {width:50%; max-width:22em;}
table.entry.w80 th {width:80%; max-width:22em;}
table.entry		td						{ font-weight: normal; padding: 0.2em; }
/*rs - commented out...for now?...
table.entry		td			*			{ width: auto; }*/
table.entry		td			span.readonly		{  padding: 0.2em; }
table.entry		td.numeric				{ text-align: right; }
table.entry		td.money				{ text-align: right; }
table.entry		td.control				{ }
table.entry		td.control	img			{  vertical-align: bottom; }
table.entry		td.spacer				{ width: 1em;  white-space: nowrap; }

span.specify, div.specify				{ padding-left: 4.3em; font-style: italic; }

td.col1									{ width: 100%; }
td.col2									{ width: 50%; }
td.col3									{ width: 33.3%; }
td.col4									{ width: 25%; }
td.col5									{ width: 20%; }
td.col6									{ width: 16.6%; }

table.hea								{ width:100%; border:none; }
table.hea	td							{ white-space:nowrap; }
table.hea	td.right					{ text-align: right; }

table.col	tr.highlight				{ border: 1px solid darkblue; background-color: #ddddff; }

table.letter							{ width: 100%;border: 1px solid black; text-align: top; vertical-align: center; }
table.letter	th						{ border: none; font-weight: bold; background-color: #eee; padding-bottom:15px;padding-top:15px;}
table.selection							{ width: 100%;border: none; text-align: top; vertical-align: center; }
table.letter    td.line  				{ width: 50%; border: none; padding-top: 15px; padding-bottom: 15px;font-weight: bold; }
table.letter    td.desc					{ width: 15%; border: none; padding-top: 15px; padding-bottom: 15px;font-weight: bold; }
table.letter    td.entry				{ width: 35%; border: none; padding-top: 15px; padding-bottom: 15px}
div.letterbuttons						{ text-align: left; font-size: 1em;  background-color: #eee; padding-top: 15px;padding-bottom: 15px;  }
mandatoryfield                          { font-weight: bold; color: red;border: 1px solid black; }

div.buttons, span.buttons				{ text-align: center; font-size: 1.25em; padding-top: 1em; }
div.buttons.left						{ text-align:left}
div.buttons	input						{ margin-right: .5em; margin-left: .5em; }
div.rbuttons input				{ margin-right: .5em; margin-left: .5em; float:right;}
div.rbuttons, span.buttons.right{ text-align: center; font-size: 1.25em; padding-top: 1em; float:right;}
div.rbuttons > .btnCancel {margin-right:1em; margin-left:1em;}
div.rbuttons > .btnCancel > a {text-decoration:none}
.group:after {
	visibility: hidden;	display: block;	content: ""; clear: both; height: 0;}
div.clearfix{clear:both};

div#statementOfCertification					{ font-size: 80%; padding-bottom: 1em; }
div#statementOfCertification	.head		{ text-align: center; font-weight: bold; margin-bottom: 1em; }
div#statementOfCertification	h1			{ font-size: 1.5em; margin-bottom: 0.5em; padding: 0;}
div#statementOfCertification	h2			{ color: #000; margin-bottom: .5em; }
div#statementOfCertification	ul	li		{ list-style:  none; margin-bottom: .5em; }
div#statementOfCertification	ol	li		{ list-style: lower-alpha; }
div#statementOfCertification 	ol li ol li { list-style: lower-roman; }
p.certification					{ padding: 0.5em; padding-left: 1.5em; text-indent: -1.15em; font-weight: bold; }

// 
/* general styles */
/*2014 - rs - commented out next two...any side effects? */
/*
a										{ text-decoration: none; font-weight: bold; color: darkblue;}
*/
/*a:hover									{ text-decoration: underline; }*/
strong									{ font-weight: bold; }
input.money								{ text-align: right; }
input.numeric							{ text-align: right; }
.erroredControl							{ background-color: #fdd; }
.warnedControl							{ background-color: orange; }
ol										{ margin-left: 1.5em; }
ol			li							{ display: list-item; list-style: decimal; }
ul										{ margin-left: 1.5em; }
ul			li							{ display: list-item; list-style: disc; }
ul.inside								{ list-style-position:inside; margin-left:3em; }
.invisible								{ visibility: hidden; }
ul.indent2		{margin-left:2.5em}	
ul.indent2 li	{list-style-type:circle}

div#doc2								{ background-color: #fff; border: 0px solid #bbb; }

div#hd		 							{ border-bottom: 0px solid #333; padding: 15px; padding-top: 10px; padding-bottom: 10px;  }

table#header 							{ width: 100%; }

td.logo									{ text-align: right; }
td.user									{ text-align: left; height: 20px; }
td.sp									{ text-align: right; font-weight: bold; font-size: 20px; vertical-align: bottom;}
td.languages							{ text-align: left; padding-left: 10px; font-size: 15px; vertical-align: top; padding-top: 5px; font-weight: bold; }

tr.menu	td								{ border: 1px solid #000; border-bottom: none; }
tr.menu	td								{ width: 115px; color #eee; background-color: darkorange; font-size: 18px; font-weight: bold;  }
tr.menu	td.empty						{ border: none; background-color: #fff; border-top: 2px solid #fff; } /* border-top is webkit hack */
tr.menu	td.selected						{ background-color: orange; }
tr.menu	td	a 							{ color: #fff; text-decoration: none;  display: block; text-align: center; padding-top: 20px; padding-bottom: 20px; }
tr.menu	td	a:hover						{ background-color: orange; }

div#bd									{ color: #222; padding-bottom: 15px; padding-right: 15px; padding-left: 15px; min-height: 490px; }

/* secondary menu */
div.secondaryMenu	span.sep			{ color: #bbb; }
div.secondaryMenu						{ color: #777; }
div.secondaryMenu						{ float: right; font-size: 18px; font-weight: bold; padding: 5px; }	


/* messages */
div.error								{ font-weight: normal; font-size: 15px; background-color: #ffdddd; margin-bottom: 1em; padding: 0.5em; padding-left: 1em; }
div.error								{ border: 2px solid darkred; display:inline-block; -webkit-border-radius: 5px; border-radius:5px;}
div.error	span.label					{ font-weight: bold; color: red; }
div.info								{ font-weight: bold; font-size: 15px; background-color: #d1d4d3; margin-bottom: 1em; padding: 0.5em; padding-left: 1em; }
div.info								{ border: 2px solid #a5acb0;  -webkit-border-radius: 5px; border-radius:5px;}
div.warning								{ font-weight: normal; font-size: 15px; background-color: #fff8dd; margin-bottom: 1em; padding: 0.5em; padding-left: 1em; }
div.warning								{ border: 2px solid darkorange; -webkit-border-radius: 5px; border-radius:5px;}
div.emptyMessage						{ height: 30px; margin-bottom: 20px; }

#messages	ul	 						{ margin: 0; margin-left: 10px; padding: 0.25em; list-style-position: outside; }
#messages	ul.errorPage				{ font-size: 15px; line-height: 30px; }
#messages	ul	li						{ font-weight: bold; list-style: disc; }
#messages 	{ -webkit-border-radius: 5px; border-radius: 5px; }
span.label								{ font-weight: bold; }
span.literal							{ font-style: italic; }
span.warningIndicator					{ font-weight: bold; font-variant: small-caps; color: #D18300; } /* darker orange */
.warning	span.label					{ font-weight: bold; color: darkorange; }	
.overridden span.label					{ font-weight: bold; color: #333; }
	
/* per-control messages */
div.ctrl								{ -webkit-border-radius: 5px; border-radius: 5px; }
div.ctrl 			ul.errors			{ padding-top: 0.5em; padding-bottom: 0.5em; }	
div.ctrlError							{ font-weight: normal; font-size: 15px; background-color: #ffdddd; margin-bottom: 1em; padding: 0.5em; padding-left: 1em; }
div.ctrlError		span.label			{ color: red; }
div.disabledCtrl > div.ctrlError, div.ctrlOverridden	{ font-weight: normal; font-size: 15px; background-color: #eee; margin-bottom: 1em; padding: 0.5em; padding-left: 1em; }
.overrideCtrl							{  }
.overrideDetails	{display:block; padding:1ex 1em 0;}

		
/* filter */
div.filter								{ margin-bottom: 10px; padding: 5px; background-color: #eee; font-weight: bold; }
div.filter								{ text-align: center; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #bbb; }
div.filter	input						{ font-weight: normal; }
div.filter	select						{ font-weight: normal; }
div.filter	span.or						{ font-weight: normal; font-style: italic; }

/* search box */
div.searchbox							{ margin-bottom: 5px; padding: 5px; background-color: #eee; font-weight: bold; }
div.searchbox							{ text-align: left; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #bbb; }
div.searchbox	td						{ padding: 1px 5px;}
div.searchbox	p						{ font-weight: normal;}
div.searchbox   p.notes                 { font-size: 0.60em; }
div.searchbox	input					{ font-weight: normal; }
div.searchbox   input[type="text"]		{ width:110px }
div.searchbox	select.wide				{ font-weight: normal; width: 230px }
div.searchbox	select.narrow			{ font-weight: normal; width: 110px }
div.searchbox	span.or					{ font-weight: normal; font-style: italic; }
.acctSrchLbl {width:9.5em; text-align:right}




/* banner */
/* not used...
div.banner								{ background-color: #eee; border: 2px solid #bbb; padding: 10px; margin-bottom: 15px; }
div.banner								{ -webkit-border-radius: 5px; border-radius: 5px;}
*/			

/* detail form */
/*div.detailForm							{ background-color: #eee; border: 2px solid #bbb; padding: 10px; margin-bottom: 15px; }
div.detailForm							{ -moz-border-radius: 5px; -webkit-border-radius: 5px; } */
div.detailForm							{ padding: 10px; margin-bottom: 15px;}
	
div.detailForm	div.status				{ height: 20px; margin-bottom: 20px; padding: 5px; }
div.detailForm	div.status		input	{ margin-left: 10px; float: right; font-size: 15px; }
div.detailForm	div.important			{ font-weight: bold; font-style: italic; font-size: 15px;  margin-bottom: 25px; border-bottom: 3px solid #bbb; }		
	
/* four column table */
table.four								{ border-collapse: collapse; border: none; margin-bottom: 16px; width: 100%; background-color: #fff; }
table.four		tr						{ height: 1.5em; background-color: #fff; }
table.four		tr.empty	td			{ height: 0.75em; background-color: #fff; }
table.four		td.empty				{ background-color: #fff; height: 0.5em; }
table.four		th						{ width: 17%; font-weight: bold; padding: 2px; vertical-align: baseline; }
table.four		td						{ width: 28%; font-weight: normal; padding: 2px;  background-color: #fff; border-bottom: 3px solid #fff; }
table.four		td.spanning				{ width: 82%; }
table.four		td			*			{ width: auto; }
table.four		td.numeric				{ text-align: right; }
table.four		td.money				{ text-align: right; }
table.four		td.control				{ background-color: #fff; }
table.four		td.button				{ background-color: #fff; text-align: right; }
table.four		td.control	img			{ background-color: #fff; vertical-align: bottom; }
table.four		td.spacer				{ width: 12px; background-color: #fff; white-space: nowrap; }

table.four		td	span.extra			{ background-color: #fff; margin-left: 1em; height: auto;}

table.checkboxes						{ width: 100%; }
table.checkboxes	tr		td			{ padding: 0.25em; vertical-align: top; }
table.checkboxes	ul					{ margin: 0; padding: 0; }
/* rs 2014 - increased padding from 0.25 to 0.5 em */
table.checkboxes	ul > li				{ list-style-type: none; padding: 0.5em;  }
table.checkboxes.plusInputs ul > li		{padding:0.25em}

/* columnar table */
div.tableHeader							{ background-color: #eee; border: 2px solid #bbb; font-weight: bold; padding: 5px; }
div.tableHeader							{ text-align: right; border-bottom: none;  line-height: 20px; }
div.tableHeader							{ -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; }
div.tableHeader	span.tableControls		{ float: left; font-weight: normal; }
div.tableHeader	div.tableTitle			{ text-align: left; }
div.toggle								{ text-align: left; border-bottom: 1px solid #bbb; font-size: 15px; }
div.toggle		a						{ color: #000; display: block; }
div.toggle		a img					{ float: right; }

tr.band0								{ background-color: #fff; }
tr.band0.ctrlError {background-color: #ffdddd;}
tr.band1								{ background-color: #eee; }
tr.inact								{ color: red; }
tr.inact a								{ color: red; }

table.col								{ width: 100%; border:0; margin-bottom: 15px; }
table.col.two	{width: calc(100% - 1em); margin-top:3px; margin-bottom:2em}
table.col	th							{ padding:6px 3px; border: 1px solid #bbb; font-weight: bold; background-color: #eee; vertical-align: baseline; }
table.col	th.asc		a				{ text-decoration: underline; }
table.col	th.desc		a				{ text-decoration: underline; }
table.col	th			a				{ display: block; text-decoration: none; vertical-align: baseline; }
table.col	th.checkbox					{ width: 20px; text-align: center; }
table.col	th.permissionCheckbox		{ width: 35px; text-align: center; }
table.col	td.permissionCheckbox		{ width: 35px; text-align: center; }
table.col	th.numeric					{ text-align: right; }
table.col	th.numericC					{ text-align: center; }
table.col	th.date						{ width: 90px; }
table.col	th.dateTime					{ width: 150px; }
table.col	th.phone					{ width: 90px; }
table.col	th.op						{ width: 140px; }
table.col	th.userId					{ width: 120px; }
table.col	th.appNumber				{ width: 100px; }
table.col	th.status					{ width: 180px; }
table.col	th.version					{ width: 60px; text-align: right; }
table.col	th.counter					{ width: 3.5em; text-align: center; }

table.col	td							{ padding: 3px ; border: 1px solid #bbb; vertical-align: baseline;}
table.col	td.numeric					{ text-align: right; }
table.col	td.numericC					{ text-align: center; }
table.col	td.date						{ width: 4em; white-space: nowrap;}
table.col	td.datetime					{ width: 120px; }
table.col	td.checkbox					{ width: 20px; text-align: center; }
table.col	td.phone					{ width: 90px; white-space: nowrap;}
table.col	td.userId					{ width: 120px; }
table.col	td.appNumber				{ width: 100px; }
table.col	td.status					{ width: 140px; }
table.col	td.version					{ width: 60px; text-align: right;  }
table.col	td.primarycontact			{ background-color: #ebce7b; }

table.col	tr.primary { background-color: #ebce7b;}
td > div.flag {width:20px; display:inline-block;padding-left:5px;}
table.col	tr.primary > td > div.flag::before{content:" \25BA"}
table.col	tr.primary.highlight {background-color: #fcba19}

table.col	td.counter					{ width: 3.5em; text-align: center; }

table.col	td.empty					{ height: 10px;  }

table.col	tr.clickable:hover	 		{ background-color: #ffff98; cursor: pointer; }
table.col	tr.clickableIE6				{ background-color: #ffff98; cursor: pointer; }
table.col	tr.clickableIE6 td.checkbox { cursor: auto; background-color: transparent; background-color: #fff; }
table.col	tr.clickableIE6 td.checkbox { cursor: auto; background-color: transparent; background-color: #eee; }
table.col	tr.band0 td.checkbox 		{ cursor: auto; background-color: transparent; background-color: #fff; }
table.col	tr.band1 td.checkbox 		{ cursor: auto; background-color: transparent; background-color: #eee; }

table.col	tr.lastUpdated				{ background-color: #e3ffdd; }

table.colred								{ width: 100%; border: 2px solid #bbb; margin-bottom: 15px; }
table.colred	th							{ padding: 3px; padding-top: 5px; padding-bottom: 5px; border: 1px solid #bbb; border-bottom: 3px double #bbb; font-weight: bold; background-color: #eee;}
table.colred	th.asc		a				{ text-decoration: underline; }
table.colred	th.desc		a				{ text-decoration: underline; }
table.colred	th			a				{ display: block; text-decoration: none; vertical-align: baseline; }
table.colred	th.checkbox					{ width: 20px; text-align: center; }
table.colred	th.permissionCheckbox		{ width: 35px; text-align: center; }
table.colred	td.permissionCheckbox		{ width: 35px; text-align: center; }
table.colred	th.numeric					{ text-align: right; }
table.colred	th.date						{ width: 90px; }
table.colred	th.dateTime					{ width: 150px; }
table.colred	th.phone					{ width: 90px; }
table.colred	th.op						{ width: 140px; }
table.colred	th.userId					{ width: 120px; }
table.colred	th.appNumber				{ width: 100px; }
table.colred	th.status					{ width: 180px; }
table.colred	th.version					{ width: 60px; text-align: right; }
table.colred	th.counter					{ width: 3.5em; text-align: center; }

table.colred	td							{ padding: 3px ; border: 1px solid #bbb; color: #ff0000; vertical-align: baseline;}
table.colred td > a:link,
table.colred td > a:visited {color:red; text-decoration:underline;
	-webkit-transition:color 0.4s ease-in; transition:color 0.4s ease-in}
table.colred td > a:hover,
table.colred td > a:active,
table.colred td > a:focus{color:blue; text-decoration:underline;
	-webkit-transition:color 0.2s ease-in; transition:color 0.2s ease-in;}
table.colred	td.numeric					{ text-align: right; }
table.colred	td.date						{ width: 90px; }
table.colred	td.datetime					{ width: 120px; }
table.colred	td.checkbox					{ width: 20px; text-align: center; }
table.colred	td.phone					{ width: 90px; }
table.colred	td.userId					{ width: 120px; }
table.colred	td.appNumber				{ width: 100px; }
table.colred	td.status					{ width: 140px; }
table.colred	td.version					{ width: 60px; text-align: right;  }
table.colred	td.counter					{ width: 3.5em; text-align: center; }

table.colred	td.empty					{ height: 10px;  }

table.colred	tr.clickable:hover	 		{ background-color: #ffff98; cursor: pointer; }
table.colred	tr.clickableIE6				{ background-color: #ffff98; cursor: pointer; }
table.colred	tr.clickableIE6 td.checkbox { cursor: auto; background-color: transparent; background-color: #fff; }
table.colred	tr.clickableIE6 td.checkbox { cursor: auto; background-color: transparent; background-color: #eee; }
table.colred	tr.band0 td.checkbox 		{ cursor: auto; background-color: transparent; background-color: #fff; }
table.colred	tr.band1 td.checkbox 		{ cursor: auto; background-color: transparent; background-color: #eee; }

table.colred	tr.lastUpdated				{ background-color: #e3ffdd; }

table.accountstatus th.info					{ width: 100%; padding-left:1.4em; padding-bottom:0.3em; font-size:90%; }

.baseline								{ vertical-align: baseline; }

.b4TableNote{padding-bottom:4px}

/* for Labeled Marker */
div.markerLabel     { direction:ltr; text-align: center; letter-spacing:1px;font-size: 14px; line-height: 16px; font-family: Arial; font-weight: 600; padding:1px 2px 1px 3px; background-clip:padding-box; border: 1px solid white; border-radius:5px;}
div.markerLabel.mlOnDk{ color:#fff; background-color: rgba(0, 0, 0, 0.4); border-color:#ececec;}
div.markerLabel.mlOnLt{ color:#000; background-color: rgba(255, 255, 255, 0.9); border-color: #333;}
.markerInfo                     	{ text-align: left;/* width: 2.7in; font-weight: normal;  background-color: #fff;*/ overflow:display} /*hidden added for V3 visual update in 3.14*/
table.markerInfo > tbody > tr > td {padding-bottom:0.5ex}

.summary_width							{ width: 100%; }

.balloon a:hover {background-color: #FFFF99;;color:#0000FF;}
.balloon a:link span{display: none;}
.balloon a:visited span{display: none;}

.balloon a:hover span {
  position: absolute;
  margin:15px 0px 0px 20px;
  max-width:400px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #C0C0C0;
  font: normal 10px/12px Arial;
  text-decoration:none;
  color: darkblue;
  text-align:left;
  display: block;
    z-index: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
 }
 
/*rs new (from here on down*/
div.mainText	{padding:0 3em 1ex}
div.mainText p	{min-width:50%; max-width:85%; padding:0.75em 0 0; margin:0}
div.mainText.errorPg {min-height:230px};
div#m h1.wStepHdr	{color: #36424a; font-weight: normal; margin:0.25em 0}
div#m h3{color: #36424a;}

.placeholdersjs {color: #5f6a72 !important}


/*rs new*/
input, select, textarea, .radio_button_group
	{border:1px solid #a5abc0; padding:0.25em; /*display:inline-block;*/
	-webkit-transition:background-color 0.3s ease-out, color 0.2s, border 0.3s;
	transition:background-color 0.3s ease-out, color 0.2s, border 0.3s;
  -moz-box-sizing: border-box;/* support Firefox, WebKit, Opera and IE8+ */
       box-sizing: border-box;}
.radio_button_group{display:inline-block}

input:focus, select:focus, textarea:focus, .hilite
	{border:1px solid #000000}
input:-moz-read-only, textarea:-moz-read-only
	{border:none; background: transparent}
input:read-only, textarea:read-only
	{border:none; background: transparent}
/*next rule for IE8-10*/
input[type="radio"], input[type="checkbox"]{border-width:0}
input[type="radio"], input[type="checkbox"]{vertical-align:middle}
span.checkboxLabel > input[type="checkbox"] + label {padding:0.25em 0.5em; margin-left:3px; display:inline-block;
	-webkit-transition:background-color 0.3s ease-out, color 0.2s, border 0.3s;
	transition:background-color 0.3s ease-out, color 0.2s, border 0.3s;
	-webkit-border-radius: 5px; border-radius: 5px; }
span.checkboxLabel > input[type="checkbox"]:checked + label {background-color:#0083A9; color:#fff;}
	
textarea.fullW{width:98%;}
textarea.notesWz{width:30em;/*width:40em;*/}

input:disabled, select:disabled, textarea:disabled {color:#36424a; background-color:#d1d4d3;
	-webkit-transition:background-color 0.3s ease-out, color 0.2s;
	transition:background-color 0.3s ease-out, color 0.2s;}

div#m a.butlink:link, div#m a.butlink:visited,
input[type="submit"], input[type="reset"], input[type="button"], input[type="file"]
	{background-color:#36424a; border:1px solid #36424a; font-weight:400; color:#ffffff;
	-webkit-transition:background-color 400ms ease-out, color 200ms;
	transition:background-color 400ms ease-out, color 200ms;
	min-width: 100px;
	padding:0.25em 0.5em;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
	
div#m table.summary a.butlink:link {border-width:0}

/*.updateLink:hover, .updateLink:focus,*/
div#m a.butlink:link:hover, div#m a.butlink:link:focus, div#m a.butlink:visited:hover, div#m a.butlink:visited:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="button"]:hover, input[type="button"]:focus, 
input[type="reset"]:hover, input[type="reset"]:focus  
	{background-color:#5f6a72; border:1px solid #5f6a72; color: #ffffff;
	-webkit-transition:background-color 400ms ease-out, color 200ms;
	transition:background-color 400ms ease-out, color 200ms;
	min-width:100px; }
/*input[type="reset"]:active, input[type="reset"]:hover
	{transform: rotate(360deg);transition:transform 1s;}
*/

div#m a.butlink:link:disabled,
input[type="submit"]:disabled, input[type="button"]:disabled{
	background-color:#d1d4d3; border: 1px solid #d1d4d3; color: #a5acb0;}


div#m a.butlink:link, div#m a.butlink:visited, div#m a.butlink:link:hover, div#m a.butlink:link:focus, div#m a.butlink:visited:hover, div#m a.butlink:visited:focus
	{
    display: table-cell;
    min-height: 10px;
    min-width: 80px;
    padding: 0.25em 0.5em;
    max-width: 170px;
    text-align: center;
	}

div#m a.butlink:link.noMaxW{max-width:inherit}

th label.reqi		{color:#36424a}
th label.reqi:after	{content:" *"; color:#ff7900; font-weight:bold}

/*#wSize table.entry > tbody > tr > td{padding-bottom:0.5em}*/
 /*input[required] + span:before {content:"**"}
 input[required] ~ label:after{content:"****"};
.control .req:after{content:"*"}*/

.control .instructions {display:none; position: relative;}
input:focus ~ .instructions {display:inline-block;}
span[data-descr]{position: relative;
		text-decoration: underline;
		color: #00F;
		cursor: help;}
span[data-descr]:after	{content:attr(data-descr);
		position: absolute;
		left: 0;
		top: 24px;
		min-width: 200px;
		border: 1px #aaaaaa solid;
		border-radius: 10px;
		background-color: #ffffcc;
		padding: 12px;
		color: #000000;}
		
		
		
span.msgs{ position: relative; visibility:hidden; opacity:0; z-index: 50;
	-webkit-transition:visibility 0s 0.4s, opacity 0.4s;
	transition:visibility 0s 0.4s, opacity 0.4s;}
span.msgs.mMidScreen{position:fixed; top:50%; left:50%;}
span.msgs.mBelow{display:block}

.msgs > .help { 
	background-color: #5f6a72; color: #ffffff;
	font-weight:400;
	/*font-size:90%;*/
	/*line-height:1.5; div#m overrides this...*/
	padding: 1em 1.5em 0.5em;
	position: absolute;	top: -8ex; left:1em;
	width: 18em; max-width:350px;
	outline: 0;
	text-align: left;
	-moz-box-shadow: 0px 0px 4px #ffffff;
	-webkit-box-shadow: 0px 0px 4px #ffffff;
    box-shadow: 0px 0px 4px #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.msgs.mBelow > .help{top:0.5em; left:-1em; width: 30em; max-width:450px;}
.msgs.mMidScreen > .help{width:30em; max-width:450px; padding-bottom:2ex;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.help a, .help span.active {color:#fdc688; text-decoration:none}
.help a:hover{color:#93beea; text-decoration:underline}

div#m .help h2{color:#d1d4d3}

div.lightbox{
	position:fixed;
	top:0; right:0; bottom:0; left:0;
	background-color: rgba(31,31,31,0.5);
	opacity:0;
	/*pointer-events:none;*/
	padding-top:15%;
	padding-left:50%;
	-webkit-transition:opacity 400ms ease-out;
	transition:opacity 400ms ease-out;
	z-index:-100;
}
div.lightbox:target{
	opacity:1;
	pointer-events:auto;
	z-index:5000;
}
div.lightbox > .dialog{
	display:none;
	width:30em;
	max-width:450px;
	position:relative;
	background-color: #f2f2f2;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding:2ex 2em 2ex;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-weight:400;
	z-index: 5001;
}
div.lightbox:target > .dialog{display:block}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
div.lightbox.ieclose:target > .dialog{display:none;}
div.markerLabel {padding-top:2px; padding-bottom:0}
}

div.lightbox > .dialog > .closeMe{
	background-color: #36424a; color: #ffffff;
	position:absolute;
	top:-14px; right:-14px;
	text-align:center;
	width:28px;
	border: 2px solid #f2f2f2;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	z-index:5002;
}
div.lightbox > .dialog > .closeMe > a{
	text-decoration:none;
	color:white;
	font-weight:bold;
	line-height:24px;
	height:26px;
	width:28px;
	display:inline-block;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}
div.lightbox > .dialog > div.lbd_msg{padding:0.5em 0 1em}
div.lightbox > .dialog > .btns > .updateLink
{ padding-left: 0.5em; float:right}

div.lightbox > .dialog > .closeMe:hover,
div.lightbox > .dialog > .closeMe > a:focus
{
	background-color: #fcba19;
}


input:focus ~ .msgs,
.hlp:link:focus ~ .msgs,
a.hlp:focus ~ .msgs,
.hlp:link:focus ~ .mMidScreen,
textarea:focus ~ .msgs { display: inline; visibility:visible; opacity:1;
	-webkit-transition:visibility 0s 0s, opacity 0.25s;
	transition:visibility 0s 0s, opacity 0.25s;}
textarea:focus ~ .mBelow {display:block;}

.hlp:link, a.hlp{font-size:75%; margin-left:0.5em}
.fullsize:link{font-size:100%}
.hlp.fullsize{margin-left:0}


.helpTextShaded,
#spiniinote .helpText{background-color: #d1d4d3; color:#36424a; padding: 0.5em 1em; outline:0; margin:0;margin-left:5px;
	-moz-box-shadow: 0px 0px 4px #ffffff;
	-webkit-box-shadow: 0px 0px 4px #ffffff;
    box-shadow: 0px 0px 4px #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.helpTextShaded.hilite{background-color: #36424a; color:#fff; font-weight:bold; border:0}
#spiniinote .helpText{font-size:80%}
	
.helpText{color:#36424a; padding: 0.5em 1em 0.5em 0; outline:0; margin:0;}
.helpTextShaded.footnote{padding: 1em 1em 0.5em; margin:1em;}

.footnote > ol > li{font-size:85%; padding-bottom:0.5em}

.30wide{max-width:30em}
.toLeft{right:1em}

.indent{margin-left:2em}
.inlineB{display:inline-block}

ul.radio_button_group {margin-left:0}
ul.radio_button_group > li{list-style:none outside none; padding:0.25em}
.boldLabel {font-weight:bold;} /* likely gone, not used */

#mapLINCnote {padding:0 1em 0.5em; font-weight:300; }

/*#wSize{font-size:80%}
#wSize #map{font-size:110%}*/

div.btnRow{display:table; width:100%}
div.btnRow > .btnCancel{display:table-cell;font-size:80%; text-align: left}
div.btnRow.btnL > .btnCancel > a{text-decoration:none;}

div.delCentre{margin-left:calc(100% - 20em); width:15%}
div.delCentre > div.btnRow > .btnCancel{font-size:125%}
div#m div.delCentre > div.btnRow > .btnCancel > a{text-decoration:none; padding:0.3em 0.7em;}
div.delCentre > div.btnRow > .btnSetR > .buttons > input {margin-left:1em; vertical-align:baseline;}

div.btnRow > .btnSetR{display:table-cell}
div.btnRow > .btnSetR > .buttons{text-align:right;}
/* is the next one used? was removed from BC...*/
div.btnRow > .centrCell{display:table-cell; text-align:center}

#certLocCBox p {font-weight:normal}
#certLocDiv {width: 65%;}

.enteredVal > span{padding-right:.25em;padding-left:0}
.enteredVal > span:empty, span.cityAddrLabel{padding-right:0}
span.cityAddrLabel:after{content:","; padding-right:.25em}
span.provAddrLabel{padding-right:1em}
.enteredVal > .warning{margin-bottom:0; margin-left:0}

/* used in species entry */
.spsRow {display:table-row}
.spsCell{display:table-cell; padding-right:0.4em;}
.spsCell.lastCell{padding-right:0;}
.spsCell label{font-weight:normal;} /*override bootstrap*/

div#wSize fieldset.summary, fieldset.contactSet {border-color:#D1D4D3;
padding:0.5em 1em 0.5em;
	-webkit-border-radius: 10px;
	border-radius: 10px;
-webkit-transition:border-color 0.4s;
transition:border-color 0.4s;}
fieldset.contactSet{margin-left:1em; margin-right:5em}
	
div#wSize fieldset.summary.hiliteme{border-color:#000;
-webkit-transition:border-color 0.4s;
transition:border-color 0.4s;}

div#wSize fieldset.summary.noBtn{padding:0 1em; border-color:#fff;}

fieldset.summary > div.eBtn{float:right;margin-top:0.25em;}
fieldset.summary > div.eBtn:after{clear:both}

div#m div.fsetFirst > h2 {margin-top:0.25em}

table.two.wizSumm {margin-left:0; width:auto;margin-bottom:0}
table.two.wizSumm th {padding: 0.4em 0.4em 0.4em 0; font-weight:bold; text-align:left}
table.two.wizSumm td {padding: 0.4em; vertical-align:baseline;}
table.two.wizSumm ul {margin-left:1em}

#speciesROTbl th{font-weight:normal;padding:0.4em; border-bottom: 1px solid #d1d4d3;}
#speciesROTbl .col1{width:7em; text-align:right}
#speciesROTbl .col2{width:20em; text-align:left}
#speciesROTbl td{padding:0.1em 0.4em}
#speciesROTbl .num{text-align:right}

div#m .certification > label{color:#000; font-weight:bold}

div#primarContactHint	ol	li		{ list-style: upper-alpha; }
div#primarContactHint 	ol ol li { list-style: lower-alpha; }


@-webkit-keyframes wzStepFade {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes wzStepFade {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes wzStepFadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes wzStepFadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.stepIn {position:relative;
  -webkit-animation: wzStepFadeIn 0.2s; /* Chrome, Safari 4+, Opera 15+ */
  animation:         wzStepFadeIn 0.2s; /* IE 10+ , Fx 16+ */
}
.stepOut {
  -webkit-animation: wzStepFade 0.2s; /* Chrome, Safari 4+, Opera 15+ */
  animation:         wzStepFade 0.2s 0.1s; /* IE 10+ , Fx 16+ */
}


@-webkit-keyframes wzSlideIn {
  0%   { -webkit-transform:translateX(200%); }
  100% { -webkit-transform:translateX(0); }
}
@keyframes wzSlideIn {
  0%   { transform:translateX(200%); }
  100% { transform:translateX(0); }
}
.slideInLeft{-webkit-animation: wzSlideIn 1s; animation: wzSlideIn 1s;}
@-webkit-keyframes wzSlideInR {
  0%   { -webkit-transform:translateX(-200%); }
  100% { -webkit-transform:translateX(0); }
}
@keyframes wzSlideInR {
  0%   { transform:translateX(-200%); }
  100% { transform:translateX(0); }
}
.slideInRight{-webkit-animation: wzSlideInR 1s; animation: wzSlideInR 1s;}

@-webkit-keyframes wzZapHeight {
  0%   { max-height:1000px;}
  100% { max-height:0; }
}
@keyframes wzZapHeight {
  0%   { max-height:1000px}
  100% { max-height:0;}
}
.zapHeight{overflow:hidden; -webkit-animation: wzZapHeight 0.4s; animation: wzZapHeight 0.4s;}


.inputPlusBtnAlignR{display:inline-block}
.inputPlusBtnAlignR > .buttons {text-align:right}
.inputPlusBtnAlignR > .buttons input{margin-right:0}
div#m .inputPlusBtnAlignR > .buttons > a:link{margin-right:0; display:inline-block;}

/*td.control {position:relative; display:block;}*/
.validChecker{display:inline-block; vertical-align:top; -webkit-border-radius: 5px; border-radius: 5px;
}
.ctrlError.validChecker{padding: 0.3em 1em; margin: 0 1em 0.8em}

input.notValid, textArea.notValid, select.notValid, ul.notValid {
    box-shadow: 0 0 1.5px 1px #FF0000; margin-bottom:2px
}

td.control > div.control,
td.control > div.ctrlError > div.control {display:table-cell; padding:0 0.4em 0 0}
td.control > div.control > div.ctrlError {display:block}

#wSize.nodisp{display:none}

div.error.notValid {margin-top:0.5em; margin-bottom:0}
.left-arrow:before	{content:'\21D0'; font-size:1.5em; font-weight:bold; }

.acctRightSideDiv{position:relative}
.acctRightSide{right:1em; top:0; position:absolute; font-size:0.9em}

.h2inlineHelp{position:relative; line-height:1}
.h2inlineHelpBox{position:absolute; top:0; left:0; font-size:0.65em}
div#m .h2inlineHelpBox > span > a {text-decoration:none;color:blue;white-space:nowrap}

h2.altLH13{line-height:1.3}
tr.noLRpad > th {padding-right:0; padding-left:0}
table.two.highlight > tbody > tr, table.two > tbody > tr.highlight { background-color: #ddddff; }
table.two.highlight tr.noLRpad {background-color: white}

[hidden]{display:none;}/*for IE8-10... */

div.fileInfoChiclet{display:inline-block; min-width:275px; max-width:350px; padding:10px; margin:10px;
	border: 1px solid #ff7900; border-radius:5px;text-align:center; color:black;
	-webkit-transition:background-color 400ms ease-out, color 200ms;
	transition:background-color 400ms ease-out, color 200ms;
}
div.fileInfoChiclet:hover {background-color:#5f6a72; border-color: #5f6a72;
	-webkit-transition:background-color 400ms ease-out, color 200ms;
	transition:background-color 400ms ease-out, color 200ms;
}
div.fileInfoChiclet a {display:block;
	-webkit-transition:background-color 400ms ease-out, color 200ms;
	transition:background-color 400ms ease-out, color 200ms;}
div.fileInfoChiclet:hover, 
div.fileInfoChiclet:hover a{color: white;
	-webkit-transition:background-color 400ms ease-out, color 200ms;
	transition:background-color 400ms ease-out, color 200ms;}
.fileInfoChiclet .lnk {display:block;}
.fileInfoChiclet .sub {font-size:80%;padding-right:1em;}


/*goa footer*/
#footer {
	background: #f1f2f2 url(../img/page-bottom.png) no-repeat scroll center bottom;
	font-size:140%;
    clear: both;
    height: 95px;
    margin-top: 5px;
    overflow: hidden;
    padding: 70px 0 0;
    line-height:inherit;
}
#footer a {
    color: #36424B;
    font-size: 11px;
    text-decoration: none;
}
#footerLogo {
    display: inline;
    float: left;
    padding: 10px 10px 0 20px;
    width: 120px;
}
#footer #termsConditions {
    font-size: 11px;
    list-style: none outside none;
    margin: 0 0 0 148px;
    padding: 3px 5px;
    width: 620px;
    line-height:inherit;
}
#copyright {
    border-top: 1px solid #FF7900;
    color: #36424B;
    display: inline;
    float: left;
    font-size: 11px;
    margin: 10px 0 0;
    padding: 10px 0 0;
    width: 750px;
    line-height:inherit;
}
#footer #copyright {
    float: left;
    margin: 0 0 0 20px;
    padding: 0 5px;
    width: 850px;
}
#footer #copyright a {
    margin-left: 20px;
}
#goaLinks, #siteLinks {
    margin: 2px 0;
    padding: 0;
    width: 750px;
}
#goaLinks li, #siteLinks li {
    display: inline;
    list-style-type: none;
    padding: 0 2px;
}
/*end goa footer*/

/*uploads*/
div#m div.upControl a.butlink,
div#m div.upControl a.butlink:link:hover,
div#m div.upControl a.butlink:visited:hover,
div#m div.upControl a.butlink:link:focus {
    border-width: 0;
    text-decoration: none;
}

div#m div.upControl{margin-left:2em}
div#m div.upControl > .upInputBox{opacity:.5}
div#m div.upControl > .dd{height:10em; width:20em; border:1px solid #36424a}
div.upControl > div.selected {margin-top:1em; display:table;}
div.selected > div.filename {display:table-cell; border:1px solid #bbb; min-height:1.25em; min-width:20em; padding:.5em}
div.selected > div.fileNfo {display:table-cell; min-height:1.25em; min-width:5em; padding:.5em}
fieldset.summary > div.fsetPad {padding:0em 1em 1em}
fieldset.summary > div.fsetPad.full {padding:1em}

/*tablekit*/

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #DDFFAC;
	background-image: url(../img/up.gif);
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(../img/down.gif);
}
.nosort {
	cursor: default;
}

table.two th.sortcol, table.col th.sortcol {padding-right:20px}

/*end tablekit*/

.clearfix:after{
	clear:both;
}
.clearfix:before, .clearfix:after{
	content:"";
	display:table;
}

@media all {
	.pgBreak {display: none;}
}

@media print {
	html, body{background-color:#ffffff}
	body {text-align:left}
	#topNav, #secondaryNav {display:none}
	.butlink, .hlp{display:none !important}
	div#m {font-size: 1.00em}
	
	.pgBreak {display:block;  page-break-before:always}
	div.avoidPgSplit{page-break-inside: avoid;}
	table.col{ width: 100%; border: 0; margin-bottom: 15px; padding:2px;}
	table.col th, table.col td{border: 1px solid #bbb;}
}
@media screen and (max-device-width:900px){
div.lightbox{
	padding-top:10ex;
	padding-left:10em;
}
div.lightbox > .dialog{
	-webkit-transform: translateX(-5em);
	transform: translateX(-5em);
}
}