/*                   _                      
                    | |                     
   ___  ___ ___ _ __| |_ ___    ___ ___ ___ 
  / _ \/ __/ _ \ '__| __/ __|  / __/ __/ __|
 |  __/ (_|  __/ |  | |_\__ \ | (__\__ \__ \
  \___|\___\___|_|   \__|___/  \___|___/___/
*/

/* Global
================================================================ */
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	min-height: 100%;
	position: relative;
}
body {
	-webkit-text-size-adjust: 100%; /*stops safari mobile from changing font size automatically*/
}
ul, hr, form {
	margin: 0;
}
hr {
	height: 1px;
    border: 0;
    border-top: 1px solid #b7b7b7;
} 
a img {
	border: 0;
}




/* Global Mobile 
================================================================ */
.mobile, 
.mobile-inline {
	display: none !important;
}

@media screen and (max-width: 768px) {
	/*elements with class will only show on mobile view*/
	.mobile {display: block !important;}
	.mobile-inline {display: inline !important;}

	/*elements with this class will not show on mobile view*/
	.desktop {display: none !important;}

	/*in mobile, show containers as block, instad of table*/
	body,
	header,
	nav, 
	section, 
	#footer, 
	.mainContainer {
		display: block;
	}
}











/* Main Layout
================================================================ */
body {
	margin: 0 0 80px 0;
}
body,
.mainContainer {
	/*this corrects an issue of the header menu not going all the way across page when
	a table on the page is wider than the screen, producing a horizontal scroll bar.
	usually happens when theres a "nowrap" on td with a lot of data	*/
	display: table;
	width: 100%;
}
.mainContainer {
	margin: 0 auto;
	padding: 0 20px;
    max-width: 1200px;
    width: 100%;
}
.mainContainerFixed {
	/*stops page changing in mobile view*/
	width: 1200px;
}
@media screen and (max-width: 768px) {
	.mainContainer {
		padding: 0 10px;
	}
}
 







/*  Footer
================================================================ */
#footer {
	position: absolute;
	bottom: 0;
	height: 60px;
	width: 100%;	
	text-align: center;
}
 
#footer a,
#footer div {
	display: block;
	color: #999;
	height: 30px;
	text-align: center;
	font-size: 12px;
	width: 100%;
	line-height: 30px;
}
#footer div {
	padding: 0;
}
#footer a:hover { 
	opacity: 1;
}
#ftlogo {
	height: 30px;
}


#backToTop {
	position: fixed;
	top: 0;
	left: 50%;
	width: 180px;
	background-color: rgba(0, 0, 0, 0.4);
	margin-left: -90px;
	text-align: center;
 	color: white;
	border-radius: 0 0 15px 15px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
}
#backToTop:hover {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.6);
}
 
@media screen and (max-width: 768px) {
 	#footer div {
 		font-size: 12px;
 		height: 60px;
 	} 	
	#footer div {
	    padding: 0;
	}
	#backToTop {
		font-size: 14px;
	}
	body { margin: 0 0 180px;}
	#footer {height: 180px; padding-top:60px;}
}







/* grid 
================================================================ */
.grid > [class*='grid-'],
.grid10 > [class*='grid-'] {
	display: block; 
	float:left; 
	box-sizing: border-box;	
	margin: 0 0 0 2.6%; 
}
.grid > *:first-child,
.grid10 > *:first-child {
	margin-left: 0; 
}
.grid:after,
.grid10:after {
  content: "";
  display: table;
  clear: both;
}
.grid > .grid-col12 	{width: 100%}
.grid > .grid-col11 	{width: 90.53%}
.grid > .grid-col10 	{width: 82.06%}
.grid > .grid-col9 	{width: 73.6%}
.grid > .grid-col8 	{width: 65.13%}
.grid > .grid-col7 	{width: 56.66%}
.grid > .grid-col6 	{width: 48.2%}
.grid > .grid-col5 	{width: 39.73%}
.grid > .grid-col4 	{width: 31.26%}
.grid > .grid-col3 	{width: 22.8%}
.grid > .grid-col2 	{width: 14.33%}
.grid > .grid-col1 	{width: 5.86%}
.grid > .grid-colh 	{width: 2.43%}

.grid10 > .grid-col1 {width: 7.57%}
.grid10 > .grid-col2 {width: 17.72%}
.grid10 > .grid-col3 {width:  28.2%}
.grid10 > .grid-col5 {width: 47.8%}


@media (max-width: 768px) {
	.grid > [class*='grid-'],
	.grid10 > [class*='grid-']
	{
		width: 100%; 
		margin: 0 0 20px 0;
	}
	.grid > [class*='grid-']:last-child,  
	.grid10 > [class*='grid-']:last-child   
	{
		margin-bottom: 0;
	}
	.grid-mobile-no-margin > [class*='grid-'] 
	{
		margin-bottom: 0; 
	}
}






/*  Colors
================================================================ */
body {
	color: 	#333;
	background-color: 	#f9f9f9;
	background-color: 	#eee;
}
a {
	color: #3E61A3;
    opacity: 1
}
a:hover {
    opacity: .6;
    text-decoration: underline;
}








/*  Vertical Rhytem
================================================================ */
body {
	/* fit 3 lines into 2 30px rows*/
	/*line-height: 1.45;  */
	line-height: 1.429;  
}
section, .sub  {
	margin: 30px 0;
	min-height: 30px;
}
p {
	margin: 15px 0;
}
@media screen and (max-width: 768px) {
 	section {
	    margin: 20px 0;
	    min-height: 40px;
	}
 	p {
 		margin: 20px 0;
 	}	
}

.lh20 {
	line-height: 20px;
}

 






/*  Typography: Font Family, Font Size, Heading
================================================================ 
*	https://www.smashingmagazine.com/2009/08/typographic-design-survey-best-practices-from-the-best-blogs/
*	30px vertical grid
*	30px box padding
*	1.5 lines of text in one line.
	5px padding td sides
*/



/* Font Family */
body,
input,
button,
select,
textarea,
td, th {
    font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

h1,
h2,
.box-head {
	font-family: 'Oswald', sans-serif;
}
 

/* Headings  */
h1 { 
	font-size: 25px;
	font-weight: normal;
	border-width: 0 0 1px 0;
	border-style: solid;
	margin: 30px 0; 
	padding: 0; 
	height: 30px;
	line-height: 1;
}

h2.line {
	border-width: 0 0 1px 0;
	border-style: solid;
    margin: 15px 0 30px 0;
}

h2 {
	font-size: 30px;
	font-weight: normal;
    margin: 0;
    padding: 0;
 	height: 30px;
	font-size: 20px;   
}

h2 a,
h2 span,
h2 label
{
	font-family: 'roboto';
	font-size: 14px;
	font-weight: normal;
	position: relative;
	top: -5px;	
}

h2 a {
	float: right;
	text-decoration: underline;
    padding-right: 10px;
    margin: 0 10px 0 0;
    border-right: 1px solid #000;  
    top: 0;	
}
h2 a:first-of-type {
    border-right: 0 none;
    padding-right: 0;
    margin-right: 0;
}
h2 form {
	display: inline-block;	
}

h3, h4 {
	font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
    padding: 0;
    min-height: 30px;
    line-height: 30px;
}

h4 {
	font-size: 14px;
}




@media screen and (max-width: 768px) {

	body,
	input,
	button,
	select,
	textarea,
	h4,
	td, th
 	{
 		font-size: 18px;
 	}

	h1 {
		font-size: 30px;
		line-height: 40px;
 		height: auto;
 		min-height: 40px;
 		margin: 20px 0;
	}

	h2,
	section > h3, /*depreciated*/
	.build-wrapper > h3 /*depreciated*/  {
		height: auto;
		min-height: 40px;
	  font-size: 25px;
	  font-weight: normal;
	}

	h2 a,
	h2 span,
	h2 label,
	section > h3 a, /*depreciated*/
	section > h3 span, /*depreciated*/
	section > h3 label, /*depreciated*/
	.build-wrapper > h3 a, /*depreciated*/ 
	.build-wrapper > h3 span, /*depreciated*/ 
	.build-wrapper > h3 label /*depreciated*/ 
	{
		font-size: 18px;
	}

	.box-head,
	table.box th
	{
		/*font-size: 22px;*/
	}



	h2.line {
	    margin: 30px 0;
	    padding: 0;
	}

	h2 a,
	h2 form,
	section > h3 a, /*depreciated*/
	section > h3 form, /*depreciated*/
	.build-wrapper > h3 a, /*depreciated*/ 
	.build-wrapper > h3 form /*depreciated*/ 
	{
		margin-top: 0;
	    float: none;
	    /*display: block;*/
	    border: 0;
	}
	h2 a,
	section > h3 a, /*depreciated*/
	.build-wrapper > h3 a /*depreciated*/ 
	{
		padding: 0;
		height: 40px;
		line-height: 40px;
	}


 	h3 {
 		padding: 0;
 	}

}








 








/*  Menus
================================================================ */
 

/* All Menus 
================================ */
#header { 
	background-color: white;
	width:100%; 	
}

.menubar { 
	width:100%; 
	min-height: 30px;
	position: relative;
}
.menubar ul {
	margin: 0;
	padding: 0;
}
.menubar li { 
	line-height: 30px;
	list-style-type:none;
	display: inline-block;
}
.menubar a {
    border-right: 1px solid white;
    padding: 0 15px;
	text-decoration: none;
}
.menubar a:hover {
	text-decoration: underline;
}
.menubar a.fa-home {
	font-size: 22px;
	position: relative;
	top: 3px;
}




/* All Mobile Menu
================================ */

@media screen and (max-width: 768px) {

	#topnavbar i.fa {
		display: block !important;
 		float: left;
 		cursor: pointer;		
			    padding: 7px 10px;
	    font-size: 25px;
	}
	#topnavbar i.fa:nth-child(2) {
	    float: right;
	}

	.menubar-mobile-CurrentUser {
		display: inline !important;
		float: none;
		border: 0;
	    font-size: 18px;
	    line-height: 40px;
	    padding: 0;
	}
}









/* Top Menu
================================ */
.menubar-top li {}

.menubar-top li { 
  float:right; 
}
.menubar-top li:first-child a {
	border-right: 0;
}

/*menu top mobile*/
@media screen and (max-width: 768px) {
	.menubar-top  {
		text-align: center;
	}
	.menubar-top ul {
	    -moz-user-select: text;
	    /*background: branding*/
	    text-align: left;
	    padding: 0 20px; 
	    display: none;
	    outline: medium none;
	    overflow: hidden;
	    position: absolute;
		right: 0;
	    top: 60px;
	    z-index: 100;
	}
	.menubar-top ul li {
		display: block ;
		float: none;
	}
	.menubar-top ul a {
		border: 0;
		padding: 0;
	}
}





/* Main Menu 
================================ */
.menubar-main {}

.menubar-main li:last-child a {
	border-right: 0;
}


.link-uvs {
	position:absolute; 
	right:0; 
	top:0;
}
.link-uvs a {
	border-right: 0 none;
}

.link-ecertsStyle i {
	cursor: pointer;
}

.wrap-ecerts-style label,
.wrap-font-size label {
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	border-radius: 2px;
	display: block;
}

.wrap-spacing label {
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	border-radius: 2px;
	border: 1px solid #fff; 
	border-width: 1px 0px;  
}

.wrap-spacing label.compact {
	line-height: 20px;
	min-height: 20px;
	margin-top: 10px;
}


@media screen and (max-width: 768px) {
 	.link-uvs {
 		display: none;
 	}
 	.menubar ul {
 		padding-bottom: 20px;
 	}
	.menubar-main {
		display: none;
		/*width: 100%;*/
		width: 66.666%;
		overflow: hidden;
		position: absolute;
		/*top: 60px;*/
		top: 0px;
		/*z-index: 9;*/
		z-index: 101;
	}
	.menubar-main li {
		display: inline-block;
		border: 0;
		/*width: 33.33%;*/
		width: 100%;
		text-align: left;
	}
	.menubar-main li a {
		border: 0;
	}
} 



/* Main Menu and Top Menu
================================ */
 
/*active*/
.menubar li.active {
	/*background-color: #e5e5e5;*/
	background-color: #fff;
	font-weight: bold;
}
.menubar li.active a 	{
	color: #333;
}	


/* main and top menu mobile */
@media screen and (max-width: 768px) {
	.menubar-top ul,
	.menubar-main {
		box-shadow: 0 8px 8px rgba(0, 0, 0, 0.5);
 	}
	.menubar li { 
		/*line-height: 60px;*/
		line-height: 40px;
	} 
}



/* Sub Menu
================================ */
.menubar-sub { 
	/*background-color: #e5e5e5; */
	background-color: #fff; 
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16);
}

.menubar-sub .pair {
	display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
}
.menubar-sub .pair:first-child {
	padding-left: 15px;
}

.menubar-sub .pair a { 
	text-decoration: underline;
	border: 0;
	padding: 0 0 0 20px;
}
.menubar-sub .pair b { 
	font-weight: normal;
	padding-right: 5px;
}


.nav-fixedscroll {
	top: 0;
	z-index: 100;
	position: fixed;
	width: 100%;
	/*box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(0, 0, 0, 0.15);*/
	border-bottom: 1px solid #d3d3d3;
}
h1.scroll {
	margin-top: 42px;
}


/*  sub menu mobile */
@media screen and (max-width: 768px) {
	.menubar-sub {
	    padding: 0;
	    min-height: 40px;		
	}
	.menubar-sub .pair {
		display: block;
 		padding: 0 0 0 10px;
 		overflow: hidden;
	    margin: 0 ;
	    line-height: 40px ;
	}

	.menubar-sub .pair a {
		padding: 0;
	}
	.menubar-sub .pair:first-child {
		padding-left: 10px;
	}
	.nav-fixedscroll {position: static;}
} 

/*middle - for resizing browser*/
@media (max-width: 615px) {
	.menubar-sub.grid-mobile-no-margin > [class*="grid-"] {
	    width: 510px;
	    float: none;
	}
}
@media (max-width: 515px) {
	.menubar-sub.grid-mobile-no-margin > [class*="grid-"] {
	    width: 410px;
	}
}
@media (max-width: 415px) {
	.menubar-sub.grid-mobile-no-margin > [class*="grid-"] {
	    width: 300px;
	}
}



/* Shortcut block */
#shortcut {
	/*display: none;*/
}

#submenu_shortcut {
	text-align: right;
	padding-right: 20px;
	float: right;
	/* mimics grid-col2 */
	width: 18.72%;
	margin: 0 0 0 1.6%;
}
#submenu_shortcut a {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	#submenu_shortcut {
		display: none;
	}

	/*not used on mobile*/
	/*	
	#submenu_shortcut {
		text-align: left;
	}
	.shortcut-box {
		padding: 0 20px;
		position: static;
		clear: both
	}*/
}



/* Menu Drop Down
================================ */
.menubar-dropdown {
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	width: 240px;
    background: #eee ;
    z-index: 10;
    padding: 5px 15px 15px 15px;
}

.menubar-dropdown li {
	display: block;
	line-height: inherit;
}

.menubar-dropdown a {
	border: 0;
}

.menubar-dropdown table,
.menubar-dropdown tbody,
.menubar-dropdown tr,
.menubar-dropdown td,
.menubar-dropdown td a 
{
	/*display: block;*/
	border: 0;
}
.menubar-dropdown thead,
.menubar-dropdown caption {
	display: none;
}
.menubar-dropdown td,
.menubar-dropdown a {
	padding: 0;
	height: 40px;
}
.menubar-dropdown td a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.menubar-dropdown-foot {
	text-align: center;
	display: block;
	background-color:#ddd;
	padding:10px;
	height: 40px;
}


@media screen and (max-width: 768px) {
/*	.menubar-dropdown {
		position: static;
		width: 100%;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		border: 1px solid #bbb;
		margin: 15px 0;
	}
	a.menubar-dropdown-foot {
		height: 60px;
	}	*/
}












/* Logo
================================================================ */



.agency {
	min-height: 90px;
}

.agency-logo,
.agency-name {
	width: 30%;
	float: left;
}
.agency-logo a {
	height: 90px;
	display: block;
}
.agency-logo a:hover {
	opacity: 1;
}
.agency-logo img {
	display: block;
	max-height: 100%;
	padding: 2px 15px 0;
}
.agency-name {
  width:70%;
  min-height: 40px;
  text-align: right;
  padding: 10px 20px 10px 0;
  font-weight: bold;
}

/*mobile*/
@media screen and (max-width: 768px) {
	#logo {
		display: none;
	}
	.agency-logo,
	.agency-name {
		float:none;
		width: 100%;
		text-align: center;
		padding: 0;
		min-height: 60px;
	}
	.agency-logo {
		height: 120px;
		text-align: center;
	}

	.agency-logo img {
		padding: 15px 0 0 0;
		height: auto;
		display: inline;
	}
	.agency-name {
		white-space: normal;
		padding-top: 15px;
	}
/*	.agency-logo a,
	.agency-logo img {
		height: 90px;
	}*/

}










/* 
 * ================================================================
 * breadcrumbs
 * ================================================================ 
 */


.breadcrumbs {
	/*padding: 12px 0 0 0;*/
	/*min-height: 40px;*/
	color: #000;
}

.breadcrumbs a {
	/*color: #428bca;*/
	color: #333;
	text-decoration: underline;
}
.breadcrumbs a:hover {
	text-decoration: none;
}
.breadcolon {
	color: #999;
	padding: 0 10px;
}
.breadcrumbs i {
	color: #ccc;
	padding: 0 7px 0 10px;
	font-size: 20px;
}

@media screen and (max-width: 768px) {
 	.breadcrumbs {
/*		padding: 10px 0 0 0;
		min-height: 60px;*/
 	}
	.breadcrumbs i{
		font-size: 15px;
		position: relative;
		top: -5px;
	}
}






/* 
 * ================================================================
 * Inputs
 * ================================================================ 
 */

 

/* All inputs */
/*================================*/
select,
textarea,
input[type=text],
input[type=search],
input[type=password] {
    border-radius: 3px;
    padding: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -webkit-appearance:none;
    background-color: white;
    height: 30px;
}
select:focus,
textarea:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus  {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}
select {
 	padding: 4px ;
}
textarea {
 	height: 160px ;
 	margin: 0;
 	line-height: 20px;
}

textarea:disabled,
input[type=text]:disabled, 
select:disabled {
	cursor: not-allowed;
	background-color: #f5f5f5;
}



/*mobile*/
@media screen and (max-width: 768px) {

	/*when mainContainerFixed class is used, inputs do not change in mobile view*/
	.mainContainer:not(.mainContainerFixed) select,
	.mainContainer:not(.mainContainerFixed) textarea,
	.mainContainer:not(.mainContainerFixed) input[type=text] {	
		width:100%;
	    padding: 5px;
	    min-height: 40px;
	    border-radius: 5px;
	}
	.mainContainer:not(.mainContainerFixed) input.ivform_password,
	.mainContainer:not(.mainContainerFixed) input.ivform_passwordAgain,
	.mainContainer:not(.mainContainerFixed) .checkbox input[type=text] {	
		width: 80%;
	}

	/*turn off 100% width*/
	/*useful for td with city, state, zip inputs*/
	.mainContainer:not(.mainContainerFixed) .width-auto select,
	.mainContainer:not(.mainContainerFixed) .width-auto input[type=text] {
		width: auto;
		margin-bottom: 5px;
	}

}

 
/* input wrapper options */
/*================================*/

.disabled,
.disabled select,
.disabled textarea,
.disabled input {	
	color: #a0a0a0;
}


.i100 input[type=text],
.i100 input[type=password],
.i100 textarea,
.i100 select,
.i100 button,
input.i100 {
	width:100%;
	box-sizing:border-box;
}


.width-auto select,
.width-auto input[type=text] {
	width: auto;
}


.checkbox input[type=checkbox] {
	/*corrects spacing issues for checkbox in a table*/
    margin: 0 10px 0 0;
    position: relative;
    top: 1px;	
}


.radio input[type=radio] {
	/*corrects spacing issues for checkbox in a table*/
    margin: 0 10px 0 40px;
    position: relative;
    top: 1px;	
}
.radio-block input[type=radio],
.radio input[type=radio].first,
label.first input[type=radio] {
	margin-left: 0;
}
.radio-block label {
	display: block;
}











/* 
 * ================================================================
 * Buttons
 * ================================================================ 
 */



input[type=submit],
input[type=button],
button,
a.button-default,
a.button-edit {
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 14px;
	height: 30px;
    padding: 0 15px;
    line-height: 1;
    background-color: #e5e5e5;
    border: 1px solid #ccc ;
    border-radius: 3px;
    color: #000;
    text-decoration: none;
    white-space: nowrap;

	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+2,e5e5e5+100 */
	background: rgb(237,237,237); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237,237,237,1) 2%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 2%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(237,237,237,1) 2%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */  

}

input[type=submit],
input[type=button],
button,
a.button-default,
a.button-edit {
	background: #fff;
	color: #333;    
	border-radius: 4px;
	text-align: center;
	border: 1px solid #ccc;	
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}



section > input[type=submit],
section > input[type=button],
section > button,
section > a.button-default {
    margin-right: 10px;
}



input[type=submit]:hover,
input[type=button]:hover,
button:hover,
a.button-default:hover,
a.button-edit:hover {
    background-color: #E6E6E6;
    opacity: 1;
}


input.button-search,
input[name=btnSearch],
input.button-primary,
input[name=btnSave]  {
	color: #fff;
	background-color: #397CFD;
	border: 0;
}
input.button-search:hover,
input[name=btnSearch]:hover,
input.button-primary:hover,
input[name=btnSave]:hover {
	background-color: #2d65ce;
}



td input[type=submit],
td input[type=button],
td button
{
	height: 30px;
    line-height: 1;
}



a.button-default {
    display: inline-block;
 	height: 30px;
	line-height: 30px;   
}

a.button-edit {
    position:absolute; 
    right: 30px; 
    top: 60px;
    z-index: 1;
}

a.button-default i,
.button-edit i,
.edit-button i /*depreciated*/
{
	padding-right: 5px;
}

/*depreciated*/
	.edit-button {
	    position: absolute;
	    right: 20px;
	    top: 61px;
	}	
/* end depreciated*/



@media screen and (max-width: 768px) {
	button {
	    padding: 8px 20px;
	}
	button, 
	input[type=submit],
	input[type=button] {
		font-size: 18px;
		height: 40px;
		padding: 0 20px;
	}
	input[name=btnSave],
	input[name=btnSaveOther] {
	    margin-right: 30px;
	}
	a.button-default {
	 	height: 40px;
	}
	td input[type=submit],
	td input[type=button],
	td button,
	.grid input[type=submit],
	.grid input[type=button],
	.grid button {
		height: 40px;
		/*margin-top: 2px*/
	}
	a.button-edit {
		display: block;
	    position:static; 
	    width: auto; 
	    text-align: center;
	    margin-bottom: 20px;
	    line-height: 40px;
	    font-size: 18px;
	}
 
 
}





/*menu search form*/
.menubar-top input[name='searchTerm'] {
	/*position: relative;*/
	/*top: -6px;*/
	padding: 4px;
	border-right: 0;
	border-radius: 3px 0 0 3px;
}
.menubar-top input[type='submit'] {
	/*position: relative;*/
	/*top: -6px;*/
	padding: 0 5px;
	line-height: 1;
	height: 28px;
	border-left: 0;
	border-radius: 0 3px 3px 0;
}











 









/* Maintenance / Display 
================================================================ */
.maintenance {
    display: table;
    width: 100%;
}
.maintenance > div {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 66.66%;
}
.maintenance .table-edit tbody td { 
	padding-bottom: 0;
}
.maintenance .table-edit tbody td:first-child { 
	/*first column*/
    font-weight: bold;
}
.maintenance .table-edit tbody tr:first-child td:last-child {
	/* make room for edit button */
    padding-right: 100px;
}


.maintenance ul {
    margin: 0;
    padding: 20px 0 0 90px; 
} 
.maintenance ul:first-of-type {
    padding-top: 0; 
} 
.maintenance li {
	padding: 0;
	min-height: 20px;
	/*line-height: 20px;*//* not needed uses body */
} 
.maintenance li,   
.maintenance li a {  
	text-decoration: none;
    white-space: nowrap;
}
.maintenance li a:hover {   
	text-decoration: underline; 
}
.maintenance .nav-message {
	padding-left: 10%;
}



/*mobile*/
@media screen and (max-width: 768px) {
	.maintenance {
	    display: block;
	}
	.maintenance > div {
	    display: block;
	    width: auto;
	}
	.maintenance ul {
		padding: 0;
		margin: 20px 0;
		text-align: center;
		background-color: white;
		list-style-type: none;
		/*border: 1px solid #d2d4d5;*/
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
		border-radius: 5px;
	}
	.maintenance li {
		height: 40px;
		border-bottom: 1px solid #d2d4d5;
		/*padding-top: 10px;*/
	}
	.maintenance li:last-child {
		border: 0;
	}  
	.maintenance ul,
	.maintenance li, 
	.maintenance li a {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 100%;
	}
	.maintenance li a {
	    display: block;
	    line-height: 40px;
	}

	.maintenance .table-edit tbody tr:first-child td:last-child {
		/* make room for edit button */
	    padding-right: 0;
	}


}














 

/* Box Model 
================================================================ */


/* Standard Box Model
================ */
.box {
    background-color: #fff;
	position: relative;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); /*google*/
}
.box-head,
.box-foot {
	font-weight: normal;	
	padding: 0 15px;
	width: 100%;
    min-height: 30px;
    line-height: 30px;
}

.box-head {
	font-size: 20px;
	padding: 0 8px;
}

.box-body {
	position: relative;
	padding: 30px;
}
.box-foot {
	/*background-color: #f7f7f7;*/
	border-top: 1px solid #e5e5e5;
}


@media screen and (max-width: 768px) {

	.box-body {
		padding: 20px 10px;
	}	

	.box-head, 
	.box-foot {
	    min-height: 40px;
	    line-height: 1.45;
	    padding: 5px 10px;
	}




}





/* table.box-body shortcut
================ */
/* table is the box-body*/
/* table.box-body vs div.box-body > table */
table.box-body {
	padding: 0;
	margin: 30px 0;
}
table.box-body td:first-child  {
    padding-left: 30px;
}
table.box-body td:last-child {
    padding-right: 30px;
}

@media screen and (max-width: 768px) {
	table.box-body td:first-child,
	table.box-body td:last-child {
	    padding-left: 0;
	    padding-right: 0;
	}	
	table.box-body {
		padding: 0;
		margin: 20px 10px;
	}

	.maintenance .box-head + .button-edit {
		margin: 20px 10px;
	}
}


 
 



/* table.box Model
================ */
/* table is the entire box */
/* uses thead/tfoot as box head/foot */
table.box th,
table.box tfoot  {
	height: 40px;
	padding: 5px 15px;
}
table.box tbody {
	/*border: 1px solid #e5e5e5;*/
	/*border-width: 0 1px;*/
}
table.box tbody tr:first-child td {
    padding-top: 37px;
    padding-bottom: 5px;
}
table.box tbody tr:last-child td {
    padding-top: 5px;
    padding-bottom: 33px;
}
table.box tfoot {
	/*border: 1px solid #e5e5e5;*/
} 

@media screen and (max-width: 768px) {
	table.box tfoot {
		height: auto;
	} 	
	table.box tbody tr:first-child td {
	    padding-top: 0;
	}
	table.box tbody tr:last-child td {
	    padding-bottom: 0;
	}
	table.box tbody tr:first-child td:first-child {
		padding: 15px 15px 0 15px;
	}
	table.box tbody tr:last-child td:last-child {
		padding: 0 15px 15px 15px;
	}
	table.box tbody tr:first-child td,
	table.box tbody tr:last-child td,
	table.box tbody td:first-child,
	table.box tbody td:last-child,
	table.box tbody td {
	    padding-left:  15px;
	    padding-right: 15px;
	}
}






/* box options
================ */
.box-pop {
	/*combo .box and .box-body*/
	background-color: white;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); /*google*/
	padding: 30px;
}

@media screen and (max-width: 768px) {
	.box-pop {
		padding: 20px 10px;
	}

}

















/* 
 * ================================================================
 * All Tables
 * ================================================================ 
 */
 

table {
	width: 100%;
	border-collapse: collapse;	
}
th, td {
	/*padding: 0 5px;*/
	padding: 0 8px;
	height: 30px;
	vertical-align: middle;	
}
th {
	text-align: left;	
}

@media screen and (max-width: 768px) {
	td, th {
		padding: 0;
	}
}



/* Options
================================*/

/*striped*/
.table-striped tbody tr:nth-child(even) {
	background-color: #e5e5e5;
}

/*hover*/
.table-hover tbody tr:hover td {
	background-color: #fff6bf;
}

/*border*/
.table-border {
    border-width: 1px;
    border-style: solid;	
}
.table-noborder {
    border-width: 0;
    box-shadow: 0 0 0 0;	
}

 

















/* Edit Table
================================================================  */
.table-edit {}
.table-edit td, 
.table-edit th {
	height: 30px;
    white-space: nowrap;
}
.table-edit tbody td:first-child {
    width: 25%;
    text-align: right;
}
.table-edit.single tbody td:first-child {
	width: auto;
	text-align: left;
}

.table-edit tbody td { 
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}
.table-edit tbody tr:last-child td { 
	padding-bottom: 0;
}

@media screen and (max-width: 768px) {
	table.table-edit,
	.table-edit tr,
	.table-edit thead,
	.table-edit tfoot,
	.table-edit tbody,
	.table-edit td,
	.table-edit th {
		display: block;
		width: auto !important;
		text-align: left !important;
    	white-space: normal;
	}
	.table-edit tbody td {
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 0;
		height: auto;
		min-height: 40px;
	}
	.table-edit tbody tr:first-child td:first-child  { 
		min-height: 40px;
		padding-top: 6px;
	}

	.table-edit td:first-child  {
		padding-top: 27px;
		min-height: 60px;
	}
	.table-edit td.cityStateZip  {
		line-height: 20px;
	}

	.maintenance .table-edit td:nth-child(2) {
		padding-top: 6px;
	}

}




/*depreciated*/
	.border-clrTblHeading {
		border: 1px solid #ddd;
		background-color: white;
	}
	.border-clrTblHeading tbody td:first-child {
	    width: 25%;
	    text-align: right;
	}
	.border-clrTblHeading .clrTblHeading {
	    background-color: #3e61a3;
	    color: #ffffff;
	    padding: 3px 10px;
	}	
	.border-clrTblHeading .clrTblHeading td {
	    text-align: left !important;
		font-size: 19px;
	}	
	.maintenance-info tbody td:first-child {
	    font-weight: bold;
	}
	@media screen and (max-width: 768px) {
		.border-clrTblHeading tr,
		.border-clrTblHeading tbody,
		.border-clrTblHeading td {
			display: block;
			width: 100% !important;
			text-align: left !important;
	    	white-space: normal;
		}
		.border-clrTblHeading td {
			padding: 0 12px;
		}
	}
/*end depreciated*/






















/* 
 * ================================================================
 * Build List Table (_BuildList-2014.asp)
 * ================================================================ 
 */

.build-table, /*depricated*/
.table-buildlist {
    border-width: 0;
    border-style: solid;
    border-color: #b7b7b7;
}
.build-table th, /*depricated*/
.build-table td, /*depricated*/
.table-buildlist th, 
.table-buildlist td {
	height: 30px;
	border-right: 1px solid white;
}
.build-table th.pt0, /*depricated*/
.table-buildlist th.pt0 {padding-top: 0;}

.build-table, /*depricated*/
.build-table th:last-child, /*depricated*/
.build-table td:last-child, /*depricated*/
.table-buildlist,
.table-buildlist th:last-child,
.table-buildlist td:last-child {
	border-right: 0;
}

.build-table thead tr.main th, /*depricated*/
.table-buildlist thead tr.main th {
	/*this is for the extra goodies above the table like A-Z and Menu Items*/
	/*eventually the goodies will be outside the table and this will be not needed anymore.*/
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	font-weight: normal;
}
 
.build-table .table-navbar th, /*depricated*/
.build-table .table-navbar th a, /*depricated*/
.table-buildlist .table-head th,
.table-buildlist .table-head th a {
	text-align: center;
	font-weight: normal;
    white-space: nowrap;
    text-decoration: none;
}

.build-table .table-navbar th a:hover i,  /*depricated*/
.build-table .table-navbar th a:hover,  /*depricated*/
.table-buildlist .table-head th a:hover i,
.table-buildlist .table-head th a:hover {
	opacity: 1;
}
.build-table .table-navbar th a:hover,  /*depricated*/
.table-buildlist .table-head th a:hover {
	text-decoration: underline;
}






/* Row Colors */
/* ================================ */

/*main row color*/
.build-table > tbody tr,  /*depricated*/
.table-buildlist > tbody tr {
	background-color: #ffffff;
	/*border-bottom: 1px solid #d2d4d5;*/
}

/*striped*/
.build-table tbody tr:nth-child(even),  /*depricated*/
.table-buildlist tbody tr:nth-child(even) {
	background-color: #e5e5e5;
}
.build-table > tbody tr:last-child,  /*depricated*/
.table-buildlist > tbody tr:last-child {
	border-bottom: 1px solid #e5e5e5;
}

/* hover */
.build-table > tbody tr:hover td,  /*depricated*/
.table-buildlist > tbody tr:hover td {
	background-color:#fff6bf;	
}

/* active */
.build-table > tbody tr.active,  /*depricated*/
.table-buildlist > tbody tr.active {
	background-color:#B4BCC4;
	color: white;
    border-right: 1px solid #B4BCC4;
}
.build-table > tbody tr.active td,  /*depricated*/
.table-buildlist > tbody tr.active td {
    border-right: 1px solid #B4BCC4;
}

/* hover active */
.build-table > tbody tr.active:hover,  /*depricated*/
.table-buildlist > tbody tr.active:hover {
	background-color:#BEC7D1;
}
.build-table > tbody tr.active:hover td,  /*depricated*/
.table-buildlist > tbody tr.active:hover td {
    border-right: 1px solid #BEC7D1;
}




/* sort icon */
/*================================*/
.tbl-sort-icon,
.tbl-sorted-icon {
	font-size: 16px;
	margin-left: 5px;
}
.tbl-sort-icon {
	opacity: .4;
}
 





/* table-buildlist Stripes 2 Rows */
/*================================*/


.wrap-stripes2rows .table-buildlist > tbody tr:nth-child(even) {
	/*background-color: white;*/
}
.wrap-stripes2rows .table-buildlist > tbody tr.stripes2rows {
	/*background-color: #e5e5e5;*/
}

.wrap-stripes2rows .build-table > tbody tr:nth-child(odd), /*depricated*/
.wrap-stripes2rows .table-buildlist > tbody tr:nth-child(odd) {
	border-bottom: 1px solid transparent;
	padding-top: 4px;
	padding-bottom: 15px;
}
.wrap-stripes2rows .build-table > tbody tr:nth-child(even) td, /*depricated*/
.wrap-stripes2rows .table-buildlist > tbody tr:nth-child(even) td {
	padding-top: 4px;
	padding-bottom: 15px;
}



.build-table > tbody tr.s2r-hover, /*depricated*/
.table-buildlist > tbody tr.s2r-hover {
	background-color: #eee ;
}
.build-table > tbody tr.s2r-hover td, /*depricated*/
.table-buildlist > tbody tr.s2r-hover td {
	border-right: 1px solid #eee;
}

/*checkbox is checked and mouse is hovering*/
.build-table > tbody tr.s2r-hover.active, /*depricated*/
.table-buildlist > tbody tr.s2r-hover.active {
	background-color:#BEC7D1;}
.build-table > tbody tr.s2r-hover.active td, /*depricated*/
.table-buildlist > tbody tr.s2r-hover.active td {
    border-right: 1px solid #BEC7D1;}




/* misc
================================*/

.showingXofX {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}




/* Mobile buildlist table */
/*================================*/

.responsive-td-label,
.responsive-table-sort {display: none;}

@media screen and (max-width: 768px) {

	.build-table th,  /*depricated*/
	.build-table  td,  /*depricated*/
	.table-buildlist th, 
	.table-buildlist td {
		height: auto;
	}

	/* Force table to not be like tables anymore */
	.table-bl-responive,
	.table-buildlist-responsive, 
	.table-buildlist-responsive thead, 
	.table-buildlist-responsive tbody, 
	.table-buildlist-responsive th, 
	.table-buildlist-responsive td, 
	.table-buildlist-responsive tr { 
		display: block; 
	}

	/* table headers 
	Hide - but not display: none;, for accessibility */
	.table-buildlist-responsive .table-head { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table-buildlist-responsive caption { 
		font-weight: bold;
		text-align: left;		
		padding: 0px 10px;
		min-height: 40px;
		line-height: 40px;		
	}


	.table-buildlist-responsive td { 
		/* Behave  like a "row" */
		display: none;
		border: none;
		position: relative;
		padding-left: 30%; 
		padding-top: 7px;
		height: auto;
		min-height: 40px;
		border-right: 0 !important;
	}


	.table-buildlist-responsive td i.arrowShowRow { 
		display: none; /*hidden by default*/
		color: #566676;
		font-size: 20px;
		margin: 0 20px 0 0;
		cursor: pointer;
	}

	/*fits the text in by puttin dots...*/
	.responsive-td-label,
	.table-buildlist-responsive td { 
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}

	/*when open show all text*/
	.table-buildlist-responsive tr.open td { 
	    overflow: auto;
	    white-space: normal;
	}	

	
	.table-buildlist-responsive td:first-child { 
		display: block; 		/* always shows the first row*/
		padding-left: 60px; 	/* make room for arrow */	
	}

	/*always shows the first arrow in first row*/
	.table-buildlist-responsive td:first-child i { 
		display: inline-block;
		font-size: 30px;
	}

 
	.responsive-table-sort {
		display: block;
		white-space: normal;
		margin-bottom: 0px !important;
	}
	.responsive-table-sort th {
		/*border-top: 0px ;*/
		padding: 11px 15px 0 15px;
	}

	/*Show All link*/
	.build-table .responsive-table-sort th a, /*depricated*/
	.table-buildlist .responsive-table-sort th a {
		text-decoration: underline;
		position: relative;
		top: -5px;
		font-size: 16px;
	}


	.responsive-td-label { 
		position: absolute;
		display: block;
		top: 5px;
		left: 0;
		width: 30%; 
		padding: 0; 
		white-space: nowrap;
		padding-left: 10px;
	}
	.table-buildlist-responsive td:first-child .responsive-td-label { 
		/*dont show label text on first row*/
		width: 0; 
		padding: 0 21px;
	}

	.wrap-stripes2rows tr:nth-child(odd) {
		margin-bottom: 0;
	}	
	.wrap-stripes2rows tr:nth-child(even) .responsive-td-label {
		display: none;
	}


	/*hide all others, then show the active row*/
	.responsive-sortedTable td i,
	.responsive-sortedTable td i:first-child,
	.responsive-sortedTable td,
	.responsive-sortedTable td:first-child {
		display: none;
	}
	.responsive-sortedTable td i.active {
		display: inline-block;
	}
	.responsive-sortedTable td.active {
		display: block;
	}


 	/*overide corrections*/
	.table-buildlist-responsive th,
	.table-buildlist-responsive td,
	.table-buildlist-responsive th.right,
	.table-buildlist-responsive td.right,
	.table-buildlist-responsive th.center,
	.table-buildlist-responsive td.center {
		text-align: left !important;
	}



	/*onece it open dont wrap*/
	.table-buildlist-responsive tr.open td.nowrap {
		white-space: normal !important;
	}


	.table-buildlist-responsive td.nodata { 
 		padding-left: 0;
 		text-align: center !important;
	}


	/*this is a fix for those tables where there like 2 rows, the sencond row haveing all that text*/
	.bl_LightBox td {
		width: 100%;
		padding-left: 8px;
		white-space: normal;
	}

}



/*middle - for resizing browser*/
@media (max-width: 615px) {
	.table-buildlist-responsive td {width: 510px;}
	.table-buildlist-responsive tr.open td {width: auto;}
}
@media (max-width: 515px) {
	.table-buildlist-responsive td { width: 410px;}
}
@media (max-width: 415px) {
	.table-buildlist-responsive td { width: 310px;}
}
@media (max-width: 320px) {
	.table-buildlist-responsive td { width: 260px;}
}




/* table-buildlist Override dataTables.css*/
/*================================*/

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: normal;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 8px 18px 8px 8px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px;
}
table.dataTable thead th, table.dataTable thead td,
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0;
}




/* table A-Z */
/*================================*/
table.AZ {
	width: auto;
}

.AZ td {
	border: 0;
	text-align: center;
	font-weight: normal;
	padding: 0;
	width: 40px;
}
.AZ td a {
	display: block;
	width: 100%;
	height: 40px;
	padding-top: 9px;
	transition: background-color 0.15s ease-out 0s;
	border-radius: 3px;
}
.AZ td a:hover {
	background-color:#eee;
	opacity: 1;
}
.AZ td.selectedAZ {
	background-color: #b4bcc4;
	color:#fff; 
	padding: 9px;
	font-weight: bold;
	border-radius: 3px;
}

@media screen and (max-width: 768px) {
	table.AZ {
		display: none;
	}
	.azSelectLabel {
		padding-bottom: 5px;
		display: block;
	}
}



/* Menu Links */
/*================================*/

/* Menu links enabled/disabled depending on if a row checkbox is checked.*/

.BTmenuItemsWrapper {
	position: relative;
}
.BTmenuItemsWrapper .blocker {
    background-color: white;
    opacity: 0.01;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 110%;
    z-index: 1;
}
.BTmenuItemsWrapper.disabled a {
	text-decoration: none;
	color: #a0a0a0 !important;
}
/*these ones always show*/
.BTmenuItemsWrapper.disabled a.Cancel,
.BTmenuItemsWrapper.disabled a.Library,
.BTmenuItemsWrapper.disabled a.Menu,
.BTmenuItemsWrapper.disabled a.List {
	text-decoration: underline;
	color: #0000ff !important;
	position: relative;
	z-index: 2;
}



/* corrections */
/*================================*/
.build-table p, /*depricated*/
.table-buildlist p {
	margin: 0;
}





/* Search Form Above the buildlist table */
/*================================*/
/*this could be an edit table by modifieing buildlist*/

.buildlist-search {
	padding: 20px;
	background-color: white;
	margin-bottom: 40px;
	border: 1px solid #b7b7b7;
	border-radius: 5px;
	width: 66.66%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.buildlist-search .h2 {
	font-family: arial !important;
}

.buildlist-search input[type='text'],
.buildlist-search select {
	/*width: 100%;*/
}
.buildlist-search tr:first-child input[type='text'] {
	width: auto;
}
.buildlist-search td,
.buildlist-search th {
	height: 40px;
}

@media screen and (max-width: 768px) {
	.buildlist-search {
		padding: 39px 20px;
		width: 100%;
	}

	.buildlist-search td {
		display: block;
		width: 100% !important;
		text-align: left !important;
    	white-space: normal;
 		padding-right: 0 !important;
		padding-left:  0 !important;   	
	}
	.buildlist-search td.right {
		text-align: left !important;
	}

	/*corrects perimter padding on top & bottom & empty cells */
	.buildlist-search tbody tr:first-child td,
	.buildlist-search tbody tr:last-child td,
	.buildlist-search tbody tr td:first-child,
	.buildlist-search tbody tr td:last-child {
			padding: 0px 20px;
	}

	/* only top padding for the title row */
	.buildlist-search tbody tr td:nth-child(1) {
		padding-top: 20px;
	}

	.buildlist-search tr:last-child td:last-child {
			padding-bottom: 20px;
	}

	.buildlist-search tbody tr:not(.checkbox) td:first-child.emptyCell {
		/* first child because of case where there title but no data, we wnat padding to still show*/
		/* not.checkbox because we want padding to show when its a checkbox*/
		padding: 5px 0px;
	}
}











/* Home Table
================================================================ */

 
.table-home {
	width: 100%
}

.table-home td, 
.table-home th {
    white-space: nowrap;
    height: 45px;
    /*padding-bottom: 15px;*/
}

.table-home tr td:first-child {
    padding-left: 0;
}
.table-home tr td:last-child {
    padding-right: 0;
}
 .table-home tbody tr:nth-child(2n) {
    /*background-color: #e5e5e5;*/
}
.table-home tr hr {
	margin: 15px 0 14px 0;
}

.table-home #btnSearch,
.table-home #btnSearch22{
	width: 100%
}

/* Mobile 
================ */

@media screen and (max-width: 768px) {

	.table-home td, 
	.table-home th {
		height: auto;
	    min-height: 60px;
	}
	.table-home tr:last-child td,
	.table-home tr.fakeLastChild td {
	    min-height: 40px;
	}

	table.table-home,
	.table-home tr,
	.table-home tbody,
	.table-home td {
		display: block;
		width: 100% !important;
		text-align: left !important;
    	white-space: normal;
	}

	td.expdate {
		min-height: 10px;
		padding-bottom: 5px;
	}
}












/* ACORD Form tables/Pages
================================================================ */

 
.table-acord {
	background-color: white;
	border: 1px solid #ccc;
	margin-bottom: 40px;
}

.table-acord th {
 	padding: 9px 20px;   
}
.table-acord td {
	border: 1px solid #ccc;
	line-height: 2.85;	/*this matches about 40px height*/
 	padding: 20px;   

}

.cover-title,
td.cover-title,
tr.cover-title td {
	font-weight: bold;
	line-height: 1.425;
	white-space: nowrap;
 	padding: 10px 20px;   

}


.coverage div {
	clear: both;
	width: 200px;
}
.coverage span {
	float: left;
	width: 66%;
}
.coverage span:first-child {
	width: 32%;
	padding-right: 2%;
}
.coverage input[type=text] {
	width: 100%;
}


.options div {
	clear: both;
	width: 300px;
	white-space: nowrap;
}
.options label,
.options span {
	float: left;
	width: 50%;
}
.options span input[type=checkbox] {
	margin-right: 5px;
} 
 .options span input[type=text] {
	width: 110px;
} 


.limits div {
	clear: both;
	width: 320px;
}
.limits span {
	float: left;
	width: 39%;
}
.limits span:first-child {
	width: 59%;
	padding-right: 2%;
}
.limits input[type=text] {
	width: 100%;
	box-sizing: border-box;
}


.iac input[type=text] {
	width: 100%;
	box-sizing: border-box;
}




.lim-ded-A,
.lim-ded-B {
	width: 50%;
}
.lim-ded-A div,
.lim-ded-B div  {
	white-space: nowrap;
}
.lim-ded-A div span,
.lim-ded-A div label {
	width: 100px;
	white-space: nowrap;
	display: inline-block;
}
.lim-ded-A div span:first-child,
.lim-ded-A div label:first-child {
	width: 80px;
}
.lim-ded-A div span input[type=text] {
	width: 50px;
}
.lim-ded-B div span {
	width: 40px;
	display: inline-block;
}


.anyproprietor {
	padding: 10px 0;
	line-height: 1.5;
}
.insurer-letter input[type=text]{
	text-align: center;
}
.ordinance {
	width: 100px;
	display: inline-block;
}

.table-acord .border-bottom {
 	border-bottom: 1px solid #888;
}



























/* 
 * ================================================================
 * Popup Light Window
 * ================================================================ 
 */

.popup {
	margin: auto;
	max-width: 820px;
	width: 100%;
	position: relative;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.popup iframe {
	background: #fff;
	display: block;
	min-height: 150px;
	width: 100%;
}
.popup-close-icon {
	float: right;
	line-height: 30px;
	cursor: pointer;
	font-size: 22px;
}
.popup-close-icon:hover {
	opacity: .6;
}
.popup .box-body .snippet,
.popup .box-body  .sub-content,
.popup .box-body  #csFrmList {
    max-height: 400px;
    overflow-y: auto;
}
/*.popup .box-body  p {
	margin: 0 0 16px 0;
}*/

.mfp-large .popup 			{max-width: 860px;}
.mfp-large .popup iframe 	{min-height: 500px;}
.mfp-medium .popup 			{max-width: 650px;}
.mfp-small .popup 			{max-width: 400px;}


/*get rid of mfp js generated close button*/
.mfp-close-btn-in .mfp-close {
    display: none;
}


/*a legacy thing for form display, Standard Wording Snippets "Read More"*/
/*it hides the text after "Read More"*/
.bl_LightBox span {
    display: none;
}



/*mfp css override*/
.mfp-iframe-holder .mfp-content,
.mfp-title {
	line-height: inherit;
}
.mfp-bg {
    opacity: 0.9;
}





/* Tabs
================================================================ */
 

ul.tabs-so,
ul.tabs {
	padding: 0;
	margin: 0;
}	
.tabs-so li,
.tabs li {
	display: inline-block;
	padding: 0 20px;
	border-radius: 3px 3px 0 0;
	cursor: pointer;
	background-color: #fff;
	color: #777;	
	border: 0;
	font-weight: normal;
    font-size: 16px;	
    text-decoration: underline;
    position: relative;
    z-index: 9;
    margin-right: 5px;
    line-height: 45px;
    height: 45px;
    border: 1px solid #fff;
    top: 0;
}
.tabs-so li a,
.tabs li a {
    font-size: 16px;	
}
.tabs-so li.active,
.tabs li.active {
	background-color: #fff;
	color: #000;
	position: relative;
	border: 1px solid #d6d6d6;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	opacity: 1;
	top: 1px;
}
.tab-sos li.disabled, 
.tabs li.disabled { 
	opacity: 0.25;
	cursor: default;
}

.tab-content-so,
.tab-content {
	display: none;
	padding: 30px;
	border: 1px solid #d6d6d6;
	position: relative;
	background-color: #fff;
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16);
}
.tab-content-so {
	display: block;
}

.tab-content-so h2,
.tab-content h2 {
    font-size: 20px;
    font-weight: normal;
    /*border-bottom: branding.asp;	*/
}


.tab-box-foot {
	padding-bottom: 30px;
}
.tab-foot {
	width:100%; 
	position:absolute; 
	bottom:0; 
	left:0; 
	padding: 7px 20px; 
	background-color: #F5F5F5;	
	box-sizing: border-box;
}



/* Mobile */
/*================================*/
@media screen and (max-width: 768px) {
	.tab-box {
		padding: 29px 20px;
	}

	.tabs li a { 
		display: block;
	}
	.tabs li a.selected { 
		border-radius: 3px;
		border: 1px solid #b7b7b7;
	}	
/*	.tab-box {
		padding: 20px;
	}*/
	.tab-shadow-blocker {
		display: none;
	}

	.tab-content-so,
	.tab-content {
		padding: 20px 10px;
	}

}




/* Master Flag & Target
================================================================ */
 

.master-flag {
	padding: 0;
	border-radius:  3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	transition: background-color 0.5s ease-out 0s;			
}
.master-flag:hover {
	background-color: #f1f1f1;
}	
.master-flag label {
	padding: 0 20px;
	display: block;
	height: 60px;
	line-height: 60px;
}
.master-flag.active {
	background-color: #FFF6BF;
}
.master-flag.active:hover {
	background-color: #F9ECA2;
}


.mf-target td {
	padding-top:  10px;
	padding-bottom:  10px;
	border-bottom: 1px solid #eee;
	transition: background-color 0.5s ease-out 0s;			
}	
.mf-target tr:last-child td {
	border-bottom: 0;
}	
.mf-target tr {
	background-color: #fff;
	transition: background-color 0.5s ease-out 0s;			
}
.mf-target tr:hover {
	background-color: #f9f9f9;
}






/* Paper
================================================================ */


.box-paper {
	background-color: white;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	padding: 30px;
}
@media print {
	.box-paper {
		box-shadow: 0 0;
		padding: 0;
	}
}









/* Suggeest Box
================================================================ */
 
.suggest {
    position: relative;
    display: inline-block;
}

.si100 .suggest {width: 100%;}

.suggest div.suggestBox{
	/*used for new*/
	display: none;
    position: absolute;
    top: 18px;
    left: 0;
}
.suggestArrow {
	position: absolute;
	top: 4px;
	left: 15px;
	z-index: 3
}
.suggest ul.suggestList {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    z-index: 2;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #eee;
    border: 1px solid #ccc;
    color: #222;
    white-space: nowrap;
    /*---*/
    background-color: #F9FBFD;
    top: 30px;
    border-radius: 0 0 5px 5px;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
	border-top: 2px solid #3E61A3;
}
.suggest div.suggestBox ul.suggestList{
	/*override for new*/
	display: block;
    top: 11px;
}

.suggest ul.suggestList li {
    list-style: none;
    margin: 0px;
    padding: 6px;
    cursor: pointer;
    line-height: 1.5;
	padding: 5px 15px;
}
.suggest ul.suggestList li:first-child {
	padding-top: 10px;
}
.suggest ul.suggestList li:last-child {
	padding-bottom: 10px;
}
.suggest ul.suggestList li:hover,
.suggest ul.suggestList li:hover a { 
	color:#c77405; 
	background-color:#fdf5ce;
}

.suggest input.suggestIcon {
    background-image: url("/media/icons/suggestIcon.png");
    background-position: right center;
    background-repeat: no-repeat;
}













/* Alert Box
================================ */

body [class*='alert-'] {
    border-style: solid;
    border-width: 1px 0;
     background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 9px 7px;
    padding: 0 15px 0 31px;
    line-height: 28px;
    min-height: 28px;
    margin: 30px 0;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #bdd8b1;
    color: #3c763d;
    background-image: url('/images/icons/thumbs-up.png');
}
.alert-info {
    color: #31708f;
    background-color: #edf4f7;
    border-color: #bce8f1;
    background-image: url('/images/icons/info.png');
}
.alert-warning {
	background-color: #fcf8e3;
	border-color: #e8e1c2;
	color: #8a6d3b;
    background-image: url('/images/icons/warning.png');
}
.alert-error {
    background-color: #f2dede;
    border-color: #d6b8b8;
    color: #a94442;
    background-image: url('/images/icons/error.png');
}

.alert-noi, 
.alert.noi  {
	background-image: none;
	padding: 10px;
}


 








/* 
 * ================================================================
 * Badges
 * ================================================================ 
 */


.badge,
.tag2 {
    background-color: #3E61A3;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    margin-left: 5px;
}

.tag2 {
	margin-bottom: 2px;	
	background-color: #B4BCC4;
	font-weight: normal;
	transition: background-color 0.15s ease-out 0s;
}

a.tag:hover  {
  color: #fff;
  background-color: #BEC7D1;
  opacity: 1;
}




/* 
 * ================================================================
 * New Tab
 * ================================================================ 
 * This is the instance Where Page Opens in New Tab without Menu Links
 */

 
body.instanceTab .menubar-top li,
body.instanceTab .menubar-main li {
	display: none;
}
body.instanceTab .menubar-sub a {
	cursor: auto;
	text-decoration: none;
	color: black;
}





/* 
 * ================================================================
 * Miscellaneous
 * ================================================================ 
 */



/* previewbox 
================================
used on insured branding
*/
.previewbox {
    background: rgba(0, 0, 0, 0) repeating-linear-gradient(-45deg, #e8e8e8, #e8e8e8 10px, #eee 10px, #eee 20px) repeat scroll 0 0;
    position: relative;
    text-align: center;
    min-height: 160px;
}




/* Advanded Link 
================================
used on branding*/

.advanced-link {
	text-align: center;
}
.advanced-link  a {
   	background-color: white;
    font-size: 83%;
    padding: 0 20px;
    position: relative;
    z-index: 9;			
}
.advanced-link a:hover {
	opacity: 1;
}
.advanced-link hr {
	position: relative;
	top: -11px;
	opacity: .5;
}



/* Pulldowns above buildlists 
================================ */

.table-bl-pulldown select {
	width: 100%;
}
.table-bl-pulldown td {
     vertical-align: middle; 
     height: 30px; 
    padding: 0;
}

.table-bl-pulldown td:first-child  {
    padding-left: 0px;
}
.table-bl-pulldown td:last-child {
    padding-right: 0px;
}

.table-bl-pulldown.pulldown-agency td:last-child {
    width: 100%;
}
.table-bl-pulldown.pulldown-filter td:first-child {
    text-align: right;
} 
.table-bl-pulldown.pulldown-filter td:last-child {
    width: 100px;
} 

/* Mobile */
@media screen and (max-width: 768px) {
	.table-bl-pulldown td {
		height: 40px;
		display: block;
		width: 100% !important;
		text-align: left !important;
    	white-space: normal;
    	padding: 0;
	}

	/* top padding for the title row */
	.table-bl-pulldown tbody tr td:nth-child(1) {
		padding-bottom: 5px;
	}
	.table-bl-pulldown.pulldown-filter td:first-child {
	    padding-top: 15px;
	} 
}



 



/* iframe 
================================ */
body.iframe {
	margin: 0;
	background-color: white;
}










/* 
 * ================================================================
 * Default Branding 
 * ================================================================
 */

/*h1, h2.line					{border-color: 		#ddd;}

.menubar-color	 			{background-color: 	#3E61A3;}
.menubar-color a 			{color: 			#ffffff;
							 border-color: 		#ffffff;}

.maintenance ul				{color: 			#3E61A3;}

.table-head, .box-head 		{background-color:	#3E61A3; color: #ffffff; }
.table-head a 				{color: 			#ffffff;}

.color-menu-text 			{color: 			#ffffff;}
.color-menu-background 		{background-color:	#3E61A3;}
.color-menu-border 			{border-color: 		#ffffff;}
.color-table-text			{color: 			#ffffff;}
.color-table-background 	{background-color:	#3E61A3;}
.color-table-border 		{border-color: 		#3E61A3;}




*/







 








/* 
 * ================================================================
 * User Visual Settings 
 * ================================================================ 
 * NOT APPLIED TO MOBILE
 *
 * small font 		: 12px
 * med font 		: 14px (default)
 * large font 		: 16px
 * X large font 	: 18px
 * compact spacing 	: 24px row height
 * normal spacing 	: 40px row height (default)

 */


@media (min-width: 768px) {


	/* Small Font
	================================ */

	body.fontsize-S h1 {
	  font-size: 22px;
	  height: 27px;
	  margin-top: 33px;	  
	}
	body.fontsize-S h2 {
	  font-size: 17px;
	}
	body.fontsize-S h3  {
	  font-size: 14px;
	}
	body.fontsize-S input,
	body.fontsize-S .menubar,
	body.fontsize-S button,
	body.fontsize-S select,
	body.fontsize-S textarea,
	body.fontsize-S td,
	body.fontsize-S th,
	body.fontsize-S,
	body.fontsize-S h3 a,
	body.fontsize-S h3 span,
	body.fontsize-S h4 {
		font-size: 12px;
	}


	/* Default Font
	================================ 
	h1 25px
	h2 20


	*/



	/* Large Font
	================================ */

	body.fontsize-L h1 {
	  font-size: 28px;
	  height: 35px;
	  margin-top: 25px;
	}
	body.fontsize-L h2 {
	  font-size: 23px;
	}
	body.fontsize-L h3 {
	  font-size: 20px;
	}
	body.fontsize-L,
	body.fontsize-L th,
	body.fontsize-L td,
	body.fontsize-L .menubar,
	body.fontsize-L input,
	body.fontsize-L button,
	body.fontsize-L select,
	body.fontsize-L textarea,
	body.fontsize-L h3 a,
	body.fontsize-S h3 span,
	body.fontsize-L h4 {
		font-size: 16px;
	}



	/* X Large Font
	================================ */

	body.fontsize-XL h1 {
	  font-size: 31px;
	  height: 45px;
	  margin-top: 15px;

	}
	body.fontsize-XL h2 {
	  font-size: 26px;
	}
	body.fontsize-XL h3  {
	  font-size: 23px;
	}
	body.fontsize-XL,
	body.fontsize-XL td,
	body.fontsize-XL th,
	body.fontsize-XL .menubar,
	body.fontsize-XL input,
	body.fontsize-XL button,
	body.fontsize-XL select,
	body.fontsize-XL textarea,
	body.fontsize-XL h3 a,
	body.fontsize-XL h3 span,
	body.fontsize-XL h4 {
		font-size: 18px;
	}


}



 



/* 
 * ================================================================
 * Mobile Font Size & Spacing
 * ================================================================ 
 * ignores user visual setting
 * fonts base 	: 21px
 * spacing 		: 60px row height
 * side padding : 20px;
 */







/*
 * ================================================================
 * Print Styles
 * ================================================================ 
 * ignores user visual setting 
 */ 
 
	/*body {-webkit-print-color-adjust: exact;} */
	
@media print {
	.menubar,
	/*.breadcrumbs,*/
	.agency-logo,
	a.button-default,
	.maintenance ul,
	#footer {
		display: none;
	}

	.agency {
		display: block !important;
		font-size: 16px;
	}
	.agency-name {
		text-align: right;
	}
	
	.tag {
		border: 1px solid #ccc;
	}

	h1 {
		font-size: 26px;
		min-height: 10px;
	}

	h3,
	.box-head {
		font-size: 16px;
	}

	.menubar-sub, 
	.menubar li, 
	h3 a, 
	a.button-default, 
	.box-foot,
	body, 
	h4, 
	p, 
	li, 
	input, 
	select, 
	textarea, 
	button, td, th, caption {
	    font-size: 14px;
	}

	.box-head,
	.box-foot,
	td {
		min-height: 20px !important;
		line-height: 1.5
 	}

 	.box-foot,
	.box-body {
	    padding-top: 0;
	    padding-bottom: 0;
	}


}




/*
 * ================================================================
 * System Notifications
 * ================================================================ 
 */ 
 



.notification {
	width: 300px;
	height: 60px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	border: 1px solid #fff;
	padding: 10px 20px 10px 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border-radius: 2px;
	line-height: 1.6;
	font-weight: bold;
	background-color: white;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.notification i.fa-close {
	color: #999;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 2px;
    border-radius: 2px;
}
.notification i.fa-close:hover {
	color: white;
	background-color: #C9323C;	
}

.notification a.fa-cog {
	color: #666;
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    bottom: 4px;
    right: 4px;
    padding: 2px;
    border-radius: 10px;
    text-decoration: none;
}
.notification a.fa-cog:hover {
	color: white;
	background-color: #888;	
}





/* fieldset
================================================================ */ 
fieldset {
	background-color: white;
	border: 1px solid #d6d6d6;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16); 
	padding: 30px;
}





/*
 * ================================================================
 * Dev Tools
 * ================================================================ 
 */ 
 
.line-horiz,
.line-vert {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	border-style: solid;
	border-color: #fe9090;
	width: 0;
	height: 0;
}
.line-horiz {
	/*top by js*/
	width: 100%;
	border-width: 0 0 1px 0;
}
.line-vert {
	/*left by js*/
	height: 100%;
	border-width: 0 1px 0 0;
}

/*.line-horiz:nth-child(even),
.line-vert:nth-child(even) {
	border-color: #eee;
}*/
.links-toggleGrid {
	position: fixed;
	right: 5px;
	bottom: 0px;
	z-index: 1000;
	font-size: 12px;
}
.links-toggleHeatMap span,
.links-toggleGrid span{
	cursor: pointer;
	color: #0000ee;
}



.links-toggleHeatMap {
	position: fixed;
	left: 20px;
	bottom: 10px;
	z-index: 1000;	
}
.heatmap {
	z-index:999; 
	position:absolute; 
	top: 0; 
	left: 50%; 
	margin-left: -46%;
	width:92%; 
	opacity:.8;
}






/* Mobile Search
================================================================ */ 
.menuBG,
.searchBG,
.pauseBG {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	/*opacity: .97;*/
	width: 100%;
	height: 100%;
	z-index: 100;
}

.menuBG {
	opacity: .9;
}

.box-search {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 101;	
	padding: 0 20px;
}

.box-search input,
.box-search select {
	height: 40px;
	width: 100%;
}
.box-search i {
	cursor: pointer;
	font-size: 20px;
	color: #777;
}


#mobileSearchButtonWrap input {
	border-radius: 5px;
	/*width: 120px;*/
	text-align: center;
	border: 0;
	background: #397CFD;
	color: white;
}
 





/* Pause
================================================================ */ 
.pauseBG {
	opacity: .85;
	background-color: black;
}
.box-pause {
	position: fixed;
	border: 4px solid white;
	border-radius: 4px;
	background-color: white;
	z-index: 101;
	padding: 15px;
}

.close {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
.close:hover {
	opacity: .8;
	text-decoration: underline;
}









/* Icons (font awesome replacement)
================================================================ */ 
body [class*='erd-'] {
	display: block;
 	width: 20px;
 	height: 20px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: url("/css/images/icons/erd/erd-sprite-white.png") no-repeat 50% 0 transparent;	
}

.erd-home {
	background-position: 0 0;
	/*background-size: 21px 16px;*/
}
li.active a.erd-home {
	background-image: url("/css/images/icons/erd/erd-sprite-black.png");
}

.erd-search {
	background-position: 0 -40px;
}







/* Bridge Class
================================================================ */ 

/*validate js*/
.error2-msg {
	font-size: 95%;
     color: #C9323C;
     padding-bottom: 0;
     line-height: 30px;
 }
input.inputError,
select.inputError {
	border: 1px solid #C9323C;
	box-shadow: 0 0 3px #C9323C;
}
/*.PAGEERRORMESSAGE.red {
	color: #C9323C;
}*/
.asterisk {
	color: #C9323C;
	font-size: 125%;
}





#DebugInfo {
	position: absolute;
	left: -1px;
	top: 200px;
	width: 300px;
	/*min-height: 500px;*/
	max-height: 700px;
	background-color: #F9FBFD;
	border-radius: 0 15px 30px 0;
	box-shadow: -5px 5px 5px #ccc;
}
#DebugInfo .box-head {
	border-radius: 0 15px 0 0;
	background-color: orange;
	border-color: orange;
}	
#DebugInfo td {
	height: 15px;
}

#DebugInfo hr { 
	border:0; 
	height:1px; 
	background-color:#3E61A3;
}



#mobileAppFooterMenu {display: none;}

@media (max-width: 768px) {
	#footer {
		height: 210px;
	}
 	#mobileAppFooterMenu {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		height: 59px;
		background-color: white;
		width: 100%;
		opacity: .92;
		border-top: 1px solid #ccc;
	}
	#mobileAppFooterMenu > a {
		padding-top: 10px;
		text-decoration: none;
	}
	#mobileAppFooterMenu i,
	#mobileAppFooterMenu label {
		display: block;
		color: #555;
		font-size: 22px;
	}
	#mobileAppFooterMenu label {
		font-size: 12px;
	}
}



 
/*================================================================*/
/*PB OVerides*/

.table-bl-top {
	height: 30px;
	line-height: 30px;
}

.table-bl-top a,
.table-bl-top span,
.table-bl-top label
{
	font-family: 'roboto';
	font-size: 14px;
	font-weight: normal;
	position: relative;
	top: -5px;	
}

.table-bl-top a {
	float: right;
	text-decoration: underline;
    padding-right: 10px;
    margin: 0 10px 0 0;
    border-right: 1px solid #000;  
    top: 0;	
}
.table-bl-top a:first-of-type {
    border-right: 0 none;
    padding-right: 0;
    margin-right: 0;
}



.mfp-bg {
    opacity: 0.85;
    background-color: #000;
}



.alert-success {
    background-image: url('/images/icons/thumbs-up.png');
}
.alert-info {
    background-image: url('/images/icons/info.png');
}
.alert-warning {
    background-image: url('/images/icons/warning.png');
}
.alert-error {
    background-image: url('/images/icons/error.png');
}