/*
 GREY - #7F8488
 BLUE - #21587F
*/

@font-face {
    font-family: 'BlissRegular';
    src: url('fonts/bliss-regular-webfont.eot');
    src: url('fonts/bliss-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bliss-regular-webfont.woff') format('woff'),
         url('fonts/bliss-regular-webfont.ttf') format('truetype'),
         url('fonts/bliss-regular-webfont.svg#BlissRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* STANDARD PAGE ELEMENTS */
body { font:normal 0.8em/1em Arial, sans-serif; color:#325581; background:none; background-color:#FFF; }
h1 { font-size:250%; margin:0 0 8px 0; clear:both; color:#21587F; font-weight:bold; clear: both; line-height: 1; }
h2 { font-size:120%; margin:12px 0; color:#666; padding:0; clear: both; }
p { margin:6px 0 0 0; font-size:100%; line-height:18px; }
p.last { margin:6px 0 10px 0; }
p.small_print { font-size:10px; }
p.large_display {width: 1000px; font-weight: normal; white-space:pre-line;}
textarea {font: 11px Arial,sans-serif;}
textarea, input { border: 1px solid #CCC; }
select, input { margin: 0; }
span.blue { font-size: 13px; color:#21587F; padding-left: 4px; }
span.right {float: right; }
.clear { clear: both; }

a.download { background:url('images/swan/download.png') left center no-repeat; display: block; margin:0 0 0 0; }
span.upload, a.upload { background:url('images/swan/upload.png') left center no-repeat; display: block; margin:0 0 0 0; }
a.pdf { background:url('images/swan/pdf.png') left center no-repeat; display: block; margin:0 0 0 0; }
a.doc { background:url('images/swan/word.png') left center no-repeat; display: block; margin:0 0 0 0; }
a.docx { background:url('images/swan/word.png') left center no-repeat; display: block; margin:0 0 0 0; }
a.xls { background:url('images/swan/excel.png') left center no-repeat; display: block; margin:0 0 0 0; }
a.xlsx { background:url('images/swan/excel.png') left center no-repeat; display: block; margin:0 0 0 0; }
span.indent, a.indent { padding:0 0 0 20px; }
span.no_indent, a.no_indent { padding:0 0 0 16px; text-indent: -9999px; } /* hides the link text */

a.action { background:url('images/swan/link_icon2.png') left center no-repeat; padding:0 0 0 20px; margin: 3px 0; display: inline-block; }
.action_active { background:url('images/green.png') left center no-repeat; padding:0 0 0 32px; margin:4px 0 0 0; display: block; color: #444 !important; }
.action_inactive { background:#DDD; padding:0 0 0 32px; margin:4px 0 0 0; display: block; color: #888 !important; }
a.no_margin { margin:0; }
a:link { color:#6eb727; font-weight:normal; }
a:hover { text-decoration:underline; }
a:visited { color: #6eb727; font-weight: normal; } /*#21587F*/
a.add_button { background: url('../Content/images/swan/add_button.png') no-repeat scroll left center transparent; color: #21587F; font-weight: normal; height: 16px; margin: 10px 0 0 0; padding: 10px 0 5px 20px; display: inline-block; }
a.del_button { background: url('../Content/plupload/img/delete.gif') no-repeat scroll left center transparent; color: #21587F; font-weight: normal; height: 14px; margin: 10px 0 0 0; padding: 10px 0 5px 20px; }
a.inline { margin:0 0 0 10px; display:inline; }
a:not([href]) { color:#21587F; }


.noprint table a.add_button { background:url('../Content/images/swan/add_button_white.png') no-repeat scroll left top transparent; padding:0 0 0 20px; margin: 3px 0; display: block; color: #FFF !important; }

ul { margin:10px 0 0 0; }
li { padding:0 0 6px 0; font-size:12px; }

/* TABLE STYLING */
table th.google-visualization-formatters-arrow-dr { float:right; border-left-style: none; border-bottom-style: none; }
table th.google-visualization-formatters-arrow-ug { float:right; border-left-style: none; border-bottom-style: none; }
table th.google-visualization-table-th { vertical-align: top; text-align:right; color: #264E94; }
table td.google-visualization-table-seq { border-right-color: black; }

table { margin:0 0 0 0; }
table th { font-size: 12px; padding:6px 10px 5px; background-color:#21587F; color:#FFF; border:1px solid #F7F7F7; vertical-align:middle; }
table th.sorting_disabled { background:#FFF; }
table tr {}
table tr.alert { background-color:red; color:#FFF; }
table td { border:1px solid #FFF; padding:5px 6px; vertical-align:middle; font-size:12px; line-height:16px;}
table td.borderless { border: none }
table td.number { text-align:right }
table td a { color: #FFF;}

.noprint {  }
.noprint table td { border:1px solid #FFF; padding:5px 6px; vertical-align:middle; font-size:12px; line-height:16px; background: #21587F; color: #FFF;}
.noprint table td.blank { border: 1px solid #FFF; padding: 5px 6px; vertical-align: middle; font-size: 12px; line-height: 16px; background: #f7f7f7; color: #FFF; }
.noprint a.action { background:url('images/swan/link_icon.png') left center no-repeat !important; padding:0 0 0 20px; margin: 3px 0; display: block; color: #FFF !important; }

table.nopadding td { border:1px solid #E3E3E3; padding:0px 0px; vertical-align:middle; font-size:12px; line-height:12px; overflow: hidden;}

table.display { margin:10px auto;margin-top:40px; }
table.display thead th { border-bottom:1px solid #FFF; font-size:100%; padding:3px 18px 3px 10px; color:#325581; }
table.display tfoot th { border-bottom:1px solid #FFF; font-size:100%; padding:3px 3px 3px 3px; background:#FFF; color:#325581; }
table.display tbody tr:hover { color:#FFF; background-color:#21587f; }
table.display tr { background-color:#FFF; }
table.display tr.odd { background-color:#F2F2F2; }
table.display td { padding:6px 10px; line-height: 18px; }

.dataTables_length { width:auto; }
.dataTables_filter { width:auto; }
#dynamics { clear:both; }
#dynamics table {font-size: 0.9em; margin:0 0 0 0; }
#tablediv { margin:10px 0 0 0; }

#username, #password { width:200px; }

/* FORM STYLING */
form { margin: 10px 0 0 0; }
form.in_table { margin:0; }
form input { padding:2px; }
form p { min-height:24px; padding:0 0 3px; clear:both; margin:0; }
form #footer p { clear: none !important; }
form p.small { font-size: 100%; }
form p.tiny { font-size: 12px; color: #284a70; width: 340px;}
label { width: 140px; margin-right: 10px; display:block; float:left; font-weight:bold; line-height: 18px; font-size: 12px; margin-top: 2px; }
span.label { line-height: 20px; font-size: 12px; margin-top: 2px; }
p .label{color:#284a70;}
label.auto { width:auto; }
textarea { font-size:11px; }
.mandatory { color:#E60004; font-weight:bold; margin:0 0 0 6px; }
.input_error { color:#E60004; }
input.radio_button { width:20px }
label.input_error {display:inline; float:right; width:auto; margin:8px 55px; font-weight:normal; font-size: 11px; }
label.size_80  { width:105px; }
label.size_120 { width:120px; }
label.size_160 { width:153px; }
label.size_200 { width:200px; }
label.size_250 { width:250px; }
label.large_display {width: 1000px; font-weight: normal; white-space:pre-line;}
/*label.vcenter { line-height:26px; }*/
label.vmiddle { line-height: 50px; }
textarea.input_email_area { width:300px; height:150px; }

td.label { font-weight:bold; vertical-align:top; }

/* BUTTON STYLING */
form .input_button, form a.input_button { background-color:#6eb727; border:none; color:#FFFFFF; font-size:14px; font-weight:bold; padding:10px 14px; -moz-border-radius: 5px 5px 5px 5px; cursor: pointer; margin: 0; display: block; clear: both; }
form .float .input_button, form .float a.input_button { clear: none; display: inline-block; }
form table .input_button, form table a.input_button { margin: -5px -6px; }
form .input_button:hover, form a.input_button:hover { background-color:#21587f; text-decoration:none; }

form .input_button_small, form a.input_button_small { background-color:#6eb727; border:none; color:#FFFFFF; font-size:12px; font-weight:bold; padding:4px 6px; -moz-border-radius: 5px 5px 5px 5px; cursor: pointer; margin: 0; } /* display: block; clear: both; */
form .input_button_small:hover, form a.input_button_small:hover { background-color:#21587F; text-decoration:none; }

#center_content a.dt-button { color: #000000; }
input[type="submit"]:disabled { border:none; }

/* Material Icons */
.material-icons.green { color: #4CAF50 }
.material-icons.red { color: #f44336 }

/*div.system_message {padding:6px; font-weight:bold; background:#F48327; border:1px solid #894916; color:#FFFFFF; margin:0 0 10px;}

#00557B - new blue
*/
div.system_message {
    padding: 6px;
    font-weight: bold;
    background: #7DAE35;
    color: #FFFFFF;
    margin: 0 0 10px;
} /* green background */

/* PAGE STRUCTURE ELEMENTS */
#wrapper { margin:0 auto; padding:0 30px; min-width: 1000px; }
#breadcrumb { float:right; }
#center_content { height: auto; margin: 10px 0 60px 0; padding:0px 20px; overflow:hidden; }
#center_content h1 { color: #21587f; margin: 30px 0 20px 0; font-family: 'BlissRegular'; font-weight: 200; line-height: 36px; }
#center_content h1 span { color: #6eb727; }
#center_content a { color: #6eb727; }
#center_content p { color: #21587f; }
.login_image p  { width: 375px; }
.login_image p:first-child  { width: 350px; }
.login_image h1  { margin-top: 0; }

.login_image .col1 p { width: auto; margin-bottom: 10px; }
.login_image .col1 p:last-child { margin-bottom: 0; }
.login_image .col1 h2 { margin-bottom: 20px; }

/* SB - fix for JqueryUI Tabs*/
#center_content a.ui-tabs-anchor { color:inherit; }

/*.login_image { background: url('images/swan/ceter_content_eye.jpg') no-repeat scroll right top; margin: 10px 0 40px 0; min-height: 330px; }*/

    /* images in same position */
    .login_image { min-height: 330px; }
    #eye-fade img {
            position: absolute;
		    right:40px;
		    -webkit-transition: opacity 1s ease-in-out;
		    -moz-transition: opacity 1s ease-in-out;
		    -o-transition: opacity 1s ease-in-out;
		    transition: opacity 1s ease-in-out;
	    }

    @keyframes eyeFadeInOut {
		    0% {	opacity:1;		}
		    5%	{	opacity:0.9;	}
		    10% {	opacity:0.8;	}
		    15% {	opacity:0.7;	}
		    20% {	opacity:0.6;	}
		    25% {	opacity:0.5;	}
		    30% {	opacity:0.4;	}
		    35% {	opacity:0.3;	}
		    40% {	opacity:0.2;	}
		    45% {	opacity:0.1;	}
		    50% {	opacity:0;		}
		    55% {	opacity:0.1;	}
		    60% {	opacity:0.2;	}
		    65% {	opacity:0.3;	}
		    70% {	opacity:0.4;	}
		    75% {	opacity:0.5;	}
		    80% {	opacity:0.6;	}
		    85% {	opacity:0.7;	}
		    90% {	opacity:0.8;	}
		    95% {	opacity:0.9;	}
		    100% {	opacity:1;		}
	    }

	    #eye-fade img.top {
		    animation-name: eyeFadeInOut;
		    animation-timing-function: ease-in-out;
		    animation-iteration-count: infinite;
		    animation-duration: 8s;
		    animation-direction: alternate;
	    }
    

#map_div { width: 530px; height: 260px; border:4px solid #666; margin:10px 0 0; }

.col0 { float:left; } /* width: 300px; */
.col1 { float:left; margin:0 30px 20px 0; background-color:#F7F7F7; border:1px solid #DFDFDF; padding: 10px; min-height: 80px; min-width: 150px; }
.col1_report { float:left; margin:0 30px 20px 0; background-color:#FFFFFF; border:1px solid #FFFFFF; padding: 10px; min-height: 80px; min-width: 150px; } 
.col2 { float:left; margin:0 0 20px 0; background-color:#F7F7F7; border:1px solid #DFDFDF; padding:10px 10px 10px 10px; }
.col2_noBorder { float: left; margin: 0 0 20px 0; background-color: #F7F7F7; border:none; padding: 0 10px 10px 10px; }
.col3 { float:left; margin:0 0 20px 0; background-color:#F7F7F7; border:1px solid #DFDFDF; padding:0 10px 10px 10px; }
.full_column { clear:both; margin:0 0 10px 0; }
/*.full_column .col1 { max-width: 1190px; } SB Removed - 20180917*/
.full_column .noprint table td { background: #FFF !important; }
.full_column #footer { margin: 60px 0 0 0 !important; }
.mid_column { margin:0 30px 20px 0; }
.button_block {margin:10px 0 0 0; width: 110%; } /* inherit or similar would be better */
.button_block a.input_button { 
padding: 9px 6px 9px 26px ;
vertical-align: middle;
font-size: 12px;
line-height: 16px;
background: url('images/swan/link_icon.png') 6px center no-repeat #21587F !important;
margin: 3px 1px 3px 0;
float:left;
color: #FFF !important; }

input.field-validation-error { color: #2D2D2D; }
label.field-validation-error { float: right; }

/* HEADER ELEMENTS */
#header { overflow:hidden; padding: 20px 20px 0; background: url(images/swan/header_logo_right.jpg) no-repeat scroll right top; margin-bottom:11px; height: 90px; }
#header ul.login_panel { float:right; margin-top: 63px; margin-right: 117px; }
#header.login { overflow:hidden; padding: 20px 20px 0; background: url(images/swan/header_logo_right.jpg) no-repeat scroll right top; margin-bottom:11px; height: 170px; }
#header.login ul.login_panel { float:right; margin-top: 150px; margin-right: 0; }
#header ul.login_panel li { padding:0 0 0 10px; float:left; display:block; font-size:13px; color:#21587f; }
#header ul.login_panel li a {color: #6eb727;}
#header ul.login_panel li.logout { color:#21587F; font-weight:bold; font-size:13px; }
#logo { float:left; padding: 15px 0; }

/* FOOTER ELEMENTS */
/*#footer { padding:20px 25px; background:url('images/swan/footer_logo3.jpg') right no-repeat #21587f; border-bottom:4px solid #6eb727; margin: 0 20px 30px 20px; }*/
#footer { padding: 20px 25px; background:url(images/footer-logo.png) right no-repeat #21587f; border-bottom:4px solid #6eb727; margin: 0 20px 30px 20px; }
#footer p { color:#FFF; font-size:11px; margin:0; width: 60%; line-height: 14px; width: 250px; float: left; }
#footer p:nth-child(2) { padding-left: 20px; }
#footer p span { color:#73b200; margin:0 15px 0 0; }
#footer p span:first-child { margin:12px 15px 0 0; }
#footer p.small_print { font-size:80%; padding-top: 8px; width: 685px; line-height: 1.5; }

/* GENERAL CLASSES */
.field-validation-error { margin:0 0 10px 0; font-weight:normal; display:block; text-align: right; }
.input-validation-error { margin:0 0 10px 0; font-weight:normal; } /*display:block;*/
td span.field-validation-error { float:none; margin:0; }
#dynamic_risk label.MvcDynamicFieldError { margin: 10px; font-weight:normal; font-size:11px; float:right; background: transparent; padding: 0 !important; display:block; width:auto; }
#form0 #dynamic_risk label.MvcDynamicFieldError { position: absolute; left: 340px; text-align: right; width: 300px; }
#form0 #dynamic_risk span:nth-child(4) label:first-child { width: 430px; padding-right: 175px; }

.input_box_small { width:30px; }
.input_box_medium_small { padding:2px; width:50px; height: 13px; }
.input_box_75 { padding:2px; width:75px; }
.input_box_75_noPad { width:140px; }
.input_box_medium { padding:2px; width:91px; }
.input_box_medium_large { padding:2px; width:150px; }
.input_box_long { padding:2px; width:150px; }
.input_box_long_area { padding:2px; width:250px; }
.input_box_long_large {padding:2px; width:800px; height: 100px}
.input_box_160_noPad { width:160px; }
.input_box_300_noPad { width:300px; }
.input_box_600_noPad { width:385px; }
.input_box_300 { padding:2px; width:300px; }
.input_box_325 { padding:2px; width:325px; }
.input_box_450 { padding:2px; width:450px; }
.input_box_600_noPad { width:570px; }
.input_box_tiny_label { width:30px; border:none; background:none; }
.input_box_small_label { width:40px; border:none; background:none; }
.input_box_medium_label { width:100px; border:none; background:none; }

.span_block { display:block; overflow:hidden; line-height:18px; }
.indented { padding:5px 0 5px 26px; }
.left_margin { margin:0 0 0 10px; }
.plus_sign { margin:0 0 0 -11px; }
.ext { width:30px; font-size:11px;}
.top_padding { padding-top:10px; }
.tiny { font-size:70%; }
.small_print { font-size:10px; }
.hasDatepicker { padding:2px; width:80px; } /* jQuery class */
.hasDatepickerDisabled { background-color:#CCC; color:#CCC;} /* jQuery class */
.clearDate { float:none; display:inline; font-size:11px; color:Red; }
.readonly { background-color: rgb(235, 235, 228); color: rgb(84, 84, 84); }

/* SORTER */
div.question_sorter { overflow:hidden; background-color:#F7F7F7; border:1px solid #7F8488; padding:4px; margin:0 0 6px 0; }
div.question_sorter div.question_label { float:left; width:150px; font-size:11px; }
div.question_sorter div.question { float:left; font-size:11px; width:690px; }
div.half { width: 450px; }
div.highlight { background-color:#C7CFD5; color:#36383a; }
div.placeholder { background-color:#21587F; }
/* div.dynamics DIV.dynamic { width:100%; } */

#custom-handle {    width: 4em;    height: 1.6em;    top: 50%;    margin-top: -.8em;    text-align: center;    line-height: 1.6em; }

/* ALTERNATIVES */
#alternatives_table div.header span { margin-left: 15px; width:124px; font-size: 11px; padding: 5px 5px; background-color:#21587F; color:#FFF; border:1px solid #F7F7F7; vertical-align:middle; font-weight:bold; text-align: left; display:block; float:left; }
div.top1 { background:url('images/swan/1.png') 0px 6px no-repeat; padding:0 0 0 16px; margin:8px 0 0 0; display: block; }
div.top2 { background:url('images/swan/1-2.png') 0px 6px no-repeat; padding:0 0 0 16px; margin:8px 0 0 0; display: block; }
div.top3 { background:url('images/swan/1-2-3.png') 0px 6px no-repeat; padding:0 0 0 16px; margin:8px 0 0 0; display: block; }
div.top4 { background:url('images/swan/1-2-3-4.png') 0px 6px no-repeat; padding:0 0 0 16px; margin:8px 0 0 0; display: block; }

/* SORTABLE */
#sortable1, #sortable2, #sortable3, #sortable4, #sortable5, #sortable6 { list-style-type: none; margin: 0; float: left; margin-right: 10px; background: #eee; padding: 5px; padding-top: 15px; padding-bottom: 35px; width: 265px;}
#sortable1 li, #sortable2 li, #sortable3 li, #sortable4 li, #sortable5 li, #sortable6 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 242px; }

/*  */
#dynamic_products_table {}
#dynamic_products_table td { padding:0; }
#dynamic_products_table input { width:44px; }
.multi_select_box_small { height:132px; width:100px; font-size:10px; }
.multi_select_box		{ height:130px; }
.multi_select_box_large { height:150px; }
.multi_select_box_large option { padding: 5px 4px; }/* background-color:red !important; }*/

#dynamic_risk { margin-bottom: 40px; }
#dynamic_risk.small { margin-bottom: 40px; max-width:800px; width: 100%; }
#dynamic_risk label { width: 75%; font-weight:normal; font-size:12px; line-height:16px; padding: 10px 5px; background-color: #FFF; } /* 587 Chris 20111115*/
#dynamic_risk h2 { font-size:120%; color:#666; padding: 12px 0; background-color: #FFF; margin: 0; }

div.div_spacing { display:block; float:left; width:569px; font-weight:normal; font-size:12px; line-height:16px;} /* MM */
#dynamic_risk ul.group_h { overflow:hidden; width: 180px; float: left; }
#dynamic_risk ul.group_h li { overflow:hidden; display:block; float:left; }
#dynamic_risk ul.horizontal li { overflow:hidden; display:block; float:left; width:240px; }
#dynamic_risk ul.group_h li input { float:left; margin: 0 !important; width: 20px; }
#dynamic_risk ul.group_h li label { width:auto; margin:0 10px 0 0; float:left; background-color: #F3F3F3; padding: 0 !important; }
#dynamic_risk input[type=text] { width:150px; }
#dynamic_risk input[type=text].input_box_percent { width:30px; } /* MM 20150203 */
#dynamic_risk span { border-bottom:1px solid #DDD; display:block; overflow:hidden; margin: 0; background-color: #f3f3f3; color: #21587f; }
#dynamic_risk span input { float: left; margin: 8px 0; }
#dynamic_risk span div { float: left; margin: 14px 0; } /* MM added 20150203 for text alignment after input textbox */
/*#dynamic_risk select { width:276px; }  270 Chris 20111115 --MM removed 20140522 */
#dynamic_risk h2 { font-weight: bold; color: #21587f; font-size: 130%; border-bottom: 1px solid #21587f; padding: 30px 5px 12px 5px; }
#dynamic_risk .h2 { font-size: 130%; }

.top_margin { border-bottom:1px solid #efefef; display:block; overflow:hidden; margin: 0; background-color: #f3f3f3; color: #21587f; padding: 0; }
#effective_date { width:75%; font-weight:normal; font-size:12px; line-height:16px; padding: 10px 5px; background-color: #FFF; display: block; float: left; }

input#strSubmit { margin: 30px 0 60px 0; background-color: ##6eb727 !important; }

#dynamic_prod_table {}
#dynamic_prod_table div { overflow:hidden; }
#dynamic_prod_table span { padding:3px 6px; vertical-align:middle; font-size:12px; line-height:16px; display:block; float:left; white-space: nowrap; overflow:hidden; } /*border:1px solid #E3E3E3;*/
#dynamic_prod_table span span { border:none; padding:0; }
#dynamic_prod_table div.header {}
#dynamic_prod_table div.header span { font-size: 12px; padding:3px 6px; background-color:#21587F; color:#FFF; border:1px solid #F7F7F7; vertical-align:middle; }
#dynamic_prod_table div.row {}
#dynamic_prod_table span.id { width:26px; }
#dynamic_prod_table span.link { width:40px; }
#dynamic_prod_table span.question { width:110px; }
#dynamic_prod_table span.status { width:97px; }
#dynamic_prod_table span.rate { width:40px; }
#dynamic_prod_table span.from { width:80px; }
#dynamic_prod_table span.to { width:80px; }
#dynamic_prod_table span.control { width:110px; }
#dynamic_prod_table span.name { width:110px; }
#dynamic_prod_table span.medium { width:200px; }

#facility_table { display:block; float:left; }
#facility_table div { overflow:hidden; }
#facility_table span { border:1px solid #E3E3E3; padding:1px 1px; vertical-align:middle; font-size:10px; line-height:16px; display:block; float:left; }
#facility_table span input { font-size:10px; }
#facility_table span span { border:none; padding:0; }
#facility_table div.header {}
#facility_table div.header span { font-size: 10px; padding:1px 1px; background-color:#21587F; color:#FFF; border:1px solid #F7F7F7; vertical-align:middle; font-weight:bold; text-align:center }
#facility_table div.header span.section1 { width:179px; }
#facility_table div.header span.section2 { width:362px; }
#facility_table div.header span.section3 { width:545px; }
#facility_table div.header span.section4 { width:728px; }
#facility_table div.header span.input_box_medium_large { width:157px; }
#facility_table div.row {}
#facility_table span.id { width:40px; font-weight:bold; }
#facility_table span.id label { height:21px; }
#facility_table div.header span.link { width:57px; }
#facility_table div.row span.link { width:57px; height:21px; font-weight:bold; }
#facility_table span.link2 { width:118px; text-align:center; height:21px; font-weight:bold; }
#facility_table span.three { width:179px; }
#facility_table span.three .clearDate { float:none; display:inline; font-size:11px; color:Red; }

#industry_grid { display:block; float:left; }
#industry_grid div { overflow:hidden; }
#industry_grid span { border:1px solid #E3E3E3; vertical-align:middle; font-size:10px; display:block; float:left; text-align:center; } /*line-height:16px;*/
#industry_grid div.header { background-color: #F3F3F3; }
#industry_grid div.header span { font-size: 11px; padding: 5px; background-color: #F3F3F3; border-right: 1px solid #FFF; vertical-align:middle; height: 70px; }
#industry_grid div.row span { padding: 5px; }
#industry_grid span.one { width:57px; }
#industry_grid span.onegreen { width: 57px; background-color: #D4EFA6; color: #444; border: 1px solid; border-color: #FFF; }
#industry_grid span.onered { width: 57px; background-color: #DDD; color: #888; border: 1px solid; border-color: #FFF; }
#industry_grid span.onegrey { width: 57px; background-color: Gray; border: 1px solid; border-color: #FFF; }
#industry_grid span.four { width:342px; text-align:left; }
#industry_grid span.four a { color: #325581; }

#three_col_table { display:block; float:left; }
#three_col_table div { overflow:hidden; }
#three_col_table span { border:1px solid #E3E3E3; padding: 4px 5px; vertical-align:middle; font-size: 12px; line-height:21px; display:block; float:left; font-weight:bold; }
#three_col_table span span { border:none; padding:0; }
#three_col_table div span.first { width:100px;  }
#three_col_table div span.second { width:60px; }
#three_col_table div.header span { font-size: 10px; padding: 4px 5px; background-color:#21587F; color:#FFF; border:1px solid #F7F7F7; vertical-align:middle; font-weight:bold; text-align:center }

/* CALENDAR FIXES */
/*
.ui-datepicker { background: none repeat scroll 0 0 white; }
.ui-datepicker th { background:none; color:#325581; font-size:8px; }
.ui-datepicker td { font-size:10px; }
.ui-datepicker td a {text-align:center; }
.ui-datepicker-header { background: none repeat scroll 0 0 #21587F; border: 1px solid #21587F; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none repeat scroll 0 0 #21587f; border: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: none repeat scroll 0 0 #7F8488; border: medium none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: url('jQuery/start/1.10.3/images/ui-bg_glass_55_f8da4e_1x400.png') repeat-x scroll 50% 50% #6eb727; border:none; color: #FFF; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { background: none repeat scroll 0 0 white; }
.ui-widget-content { border: 1px solid #dfdfdf; }
.ui-widget-header { border: 0; background: #F7F7F7; color: #21587f; font-weight: normal; } */

/* IMAGE UPLOADER */
#uploader { width:530px;}
#uploader div.plupload_wrapper { width:530px;}
#uploader #uploader_container { width:530px;}
.plupload_header_content { background:none; padding-left:10px; min-height:49px; }
.plupload_header_title { font-size:16px; font-weight:bold; padding:9px 0 3px; }
.plupload_header_text { font-size:11px; }
.plupload_cell { padding:4px 6px; font-size:11px; }

tr.ui-widget-header td.plupload_cell, tr.plupload_filelist_footer td { font-size:11px; color:#21587f; border: 1px solid #DFDFDF; }
tr.plupload_file td.plupload_cell { background-color:#F7F7F7; color:#325581; }
.plupload_buttons a.plupload_button { background-color:#BBB; border:1px solid #999; color:#FFFFFF !important; font-size:11px; font-weight:bold; padding:0px 2px 1px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; }
.ui-button-text { padding: 3px 5px 3px 24px; }
td.plupload_cell div.ui-icon { background-image:url('jQuery/start/1.10.3/images/ui-icons_056b93_256x240.png'); }

#dynamic_products_table {}
#dynamic_products_table th { font-size:10px; padding:5px 8px; }
#dynamic_products_table td {}


/* NAVIGATION BAR */
/*
#nav { height:20px; background:url('images/swan/nav_bg.jpg') left top repeat-x; overflow:hidden; padding:3px 0 2px 0; }
#nav ul { overflow:hidden; border-left:1px solid #B3B3B3; width:830px; float: right; margin:0; }
#nav li { display:block; float:left; border-left:1px solid #4D4D4D; border-right:1px solid #B3B3B3; padding:0; }
#nav li:last-child { border-right:none; }
#nav a { padding:2px 20px 4px; margin:0; font-size:13px; color:#FFF; font-weight:100; display:block; }
#nav a:hover { color:#325581; background-color:#fff; text-decoration:none; }
*/


#brute_force {}
#brute_force span { display:block; clear:both; border-bottom:1px solid #EFEFEF; margin:0 0 3px; }
#brute_force span label { width:720px; font-weight:normal;  }
#brute_force ul.group_h { overflow:hidden;}
#brute_force ul.group_h li { overflow:hidden; display:block; float:left; }
#brute_force ul.group_h li input { float:left; margin:0 4px 0 0; }
#brute_force ul.group_h li label { width:auto; margin:0 10px 0 0; float:left; }

#StateWarning { clear:both; display:block; margin:8px 0 0 150px; width:auto; font-weight:normal; }

/*-------------------------------------------*/
/* DDSMOOTHMENU JQUERY DROPDOWN MENU STYLING */
/*-------------------------------------------*/
.ddsmoothmenu { /*background:url('images/swan/nav_bg.jpg') left top repeat-x;*/ height:32px; background-color:#21587f; margin: 10px 20px 0px 20px; width:;  }
.ddsmoothmenu ul { z-index:100; margin:0; padding-top:0px; padding-bottom:0px; list-style-type:none; background-color:#21587f;}
.ddsmoothmenu ul li { position:relative; display:inline; float:left; padding:0;border-bottom:1px solid #ffffff } /*Top level list items*/
.ddsmoothmenu ul li a { display:block; /*background:url('images/swan/nav_bg.jpg') left top repeat-x*/; font-size:12px; color:white; padding:10px 20px; border-top:0px solid #ffffff; border-right:1px solid #ffffff; text-decoration:none; } /*Top level menu link items style*/
html.ie6 .ddsmoothmenu ul li a, html.ie7 .ddsmoothmenu ul li a { padding:1px 20px 4px 20px; }
html.ie8 .ddsmoothmenu ul li a { padding:5px 20px 7px 20px; }

/*IE6 hack to get sub menu links to behave correctly*/
* html .ddsmoothmenu ul li a { display:inline-block; }
.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited { color:white; }

.ddsmoothmenu ul li a.selected { background:#21587f; color:white; 0px solid #ffffff; } /*CSS class that's dynamically added to the currently active menu items' LI A element*/
.ddsmoothmenu ul li a:hover { background:#6eb727; color:white; border-top:0px solid #ffffff;} /*background of menu items during onmouseover (hover state)*/

/*1st sub level menu*/
.ddsmoothmenu ul li ul { position:absolute; left:0; display:none; visibility:hidden; box-shadow: 0 0 0 !important; -webkit-box-shadow: 0 0 0 !important; } /*collapse all sub menus to begin with*/
.ddsmoothmenu ul li ul li { display:list-item; float:none; } /*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li ul { top:0; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a { font:normal 12px Arial, sans-serif; width:160px; padding:5px; margin:0; border-top-width:0; border-bottom:0px solid gray; } /*width of sub menus*/
* html .ddsmoothmenu { height:1%; } /* Holly Hack for IE \*/

/*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position:absolute; top:12px; right:7px; }
.rightarrowclass { position:absolute; top:6px; right:5px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow { position:absolute; left:0; top:0; width:0; height:0; background:silver; } /*shadow for NON CSS3 capable browsers*/
.toplevelshadow { opacity:0.8; } /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/

.page_break { display:none; }

.blockOverlay { display: none; }

/*.PolicySubjectivity, .Endt { margin-bottom: 10px; }*/


#backButton { float: left; clear: none; margin-right: 10px; }
#nextButton { float: left; clear: none; }

#dropDownButton, #IndustryOther { margin-bottom: 7px; }

.jqx-tree-item { font-size: 100%; letter-spacing: normal; line-height: 8px; }
.jqx-dropdownlist-content { font-family: Arial; }
.dataTables_wrapper { margin-top: 0 !important; padding-top: 20px !important; }
.dataTables10Select {float:left;}

/* Spinner 
#displayBox { width: 121px; height: 121px; }*/

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    }
    to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}
.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
/* End Spinner */

/*
    Any classes which need different rules depending on Screen/Print need to be inside here
    and have a copy in the print stylesheet with print rules
*/
.selected {
    background: #6eb727;
    color: white;
}

@media screen {
    .printOnly { display:none;}
}

/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #ddd;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}