@charset "utf-8";
/* CSS Document */

body {
	margin: 0 auto;
	width:100%;
	/*padding: 2px 2px 2px 0px;*/
	padding-bottom: 50px; /*whatever the height of your footer is*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#HMAgrp-PageWrapper {
	/*
	width: 1200px;
	min-height:600px;
	text-align:left;
	margin: 0 auto;
	*/
	min-height:600px;
	text-align:center;
	margin: 0 auto;
	padding: 0 0 25px 20px;
	font-weight: normal;
}

.clear {
	clear: both;
}

.spaceabove {
	margin: 15px 0 0 0;
}

.newline {
	clear:both;
	display:block;
}

.sameline {
	display:inline-block;
}

.samelineleft {
	display:inline-block;
	float:left;
}
.samelinenopad {
	display:inline-block;
	float:left;
}

 /* tech support link */
.std-link a:hover {color: #918A11;}

 /* tech support link */
.support-link a:link {color: #0F6F93; }
.support-link a:visited {color: #454545;}
.support-link a:hover {color: #918A11;}
.support-link a:active {color: #0F6F93;} 

.padtop {
	padding: 10px 0 0 0;
}

.required input:after {
	content: "*";
	color: #F00;
}

.required label:after {
	content: "*";
	color: #F00;
}

input[type=text], input[type=checkbox], select, textarea {
	width: 200px;
	display: inline-block;
	border: 1px solid #999;
	height: 25px!Important;
	/*
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	*/
	padding-left: 5px;
}

input[type=text].invisible {
	width: 200px;
	display: inline-block;
	/*border: 1px solid #999;*/
	border: none;
	height: 25px;
	/*-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-left: 5px;
	background-color:#CCC;
}

.clickable-link:hover {
	cursor: pointer;
}


/*************************/
/****** Font Styles ******/
/*************************/

.black_italic_10 {font-size:10pt; color:#000; font-style:italic;  }
.black_italic_12 {font-size:12pt; color:#000; font-style:italic;  }

.blue_italic_10 {font-size:10pt; color:#09F; font-style:italic;  }
.blue_italic_12 {font-size:12pt; color:#09F; font-style:italic;  }

.red_italic_10 {font-size:10pt; color:#900; font-style:italic;  }
.red_italic_12 {font-size:12pt; color:#900; font-style:italic;  }

.yellow_italic_10 {font-size:10pt; color:#FC0; font-style:italic;  }
.yellow_italic_12 {font-size:12pt; color:#FC0; font-style:italic;  }

.breadcrumbs{
	padding-left: 35px;
	text-align: left;
	font-size: 10px;
	color: #33A0D9;
}
S.breadcrumbs a{
	text-decoration: none;
}
.breadcrumbs a:link{ color: #666; }
.breadcrumbs a:visited{ color: #666; }
.breadcrumbs a:hover{ color: #960; }
.breadcrumbs a:active{ color: #666; }


/********************/
/****** Header ******/
/********************/
#header {
	/*background-image:url(../../../images/HMAbkgnd-03.png);*/
	background-repeat:no-repeat;
	width:100%;
	min-height:60px;
}

#header-image-container {
	clear: both;
	float: left;
	display:inline-block;
	height:72px;
	width:197px; /* Add left padding to width  */
	padding:2px 0 0 50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	/*border: #6db thin solid;*/
}

#header-image {
	background-image: url(../images/logo/logo.png);
	display:block;
	background-repeat:no-repeat;
	height:109px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	width:197px;
	padding-left:50px;
}

#header-title {
	float: left;
	display:inline-block;
	width: 700px; /* Add left padding to width  */
	padding: 25px 0 0 0;
	font: 24px bold Arial, Helvetica, sans-serif;
	color: #3134C4;
	line-height: 75px;
	text-align: center;
	/*border: #F33 thin solid;*/
}

.header-search {
	float: right;
	padding: 5px 5% 0 0;
	display: inline;
}

.header-search input {
	width: 150px;
}

.loggedinuser {
	location: absolute;
	width: 150px;
	height: 25px;
	float: right;
	padding: 20px 5% 0 0;
	font: .8em bold Arial, Helvetica, sans-serif;
	color: #4198BA;
	/*border: #0F3 thin solid;*/
}

.date-time {
	location: absolute;
	float: right;
	padding: 5px 5% 0 0;
	font: 10px bold Arial, Helvetica, sans-serif;
	color:#333;
	/*border: #F03 thin solid;*/
}

.login-logout {
	location: absolute;
	float: right;
	padding: 5px 5% 0 0;
	font: 10px bold Arial, Helvetica, sans-serif;
	display: inline;
	color: #C00;
	margin-right: 20px;
}

.login-logout a:link{ color: #C00; }
.login-logout a:visited{ color: #C00; }
.login-logout a:hover{ color: #F0C; }
.login-logout a:active{ color: #C00; }

.blueborder{
	border: #03C thin solid;
}
.grayborder{
	border: #666 thin solid;
}
.ltgrayborder{
	border: #CCC thin solid;
}
.greenborder{
	border: #0C3 thin solid;
}
.orangeborder{
	border: #F60 thin solid;
}
.redborder{
	border: #F00 thin solid;
}

/********************/
/****** FOOTER ******/
/********************/
#footer-container {
	width: 100%;
	padding-top: 10px;
	clear: both;
}

#footer {
	width: 100%;
	min-height: 50px;
	position:fixed;
	bottom:0;
	background-color:#0A2E3B;
	color:#CCC;
	padding-top:8px;
	font-size:12px;
}

#footer-text {
	font-size: 9pt;
	text-align: center;
	color: #101141;
}

#footer-right {
	font-size: 9pt;
	color: #101141;
	location: absolute;
	padding-top: -30px;
	float: right;
	width: 170px;
	padding-right: 20px;
	text-align: right;
}

/*style="float:right; width:170px; display:inline; padding-right:20px; text-align:right;"*/

#footer-right a { color:#101141; text-decoration:none; }
#footer-right a:hover { color:#1D2647; }

/**********************/
/****** Special *******/
/**********************/
.notation{
	font-size: 9pt;
	color: #349636;
}

.devnotes{
	color:#F39; /* pink */
	color:#0C0; /* green */
	font-size:10px;
	padding:0 100px;
	text-align:left;
}

.calladmin{
	color:#CF0;
	background-color:#000;
	font-size:9px;
	font-weight:bold;
	float:right;
	margin-right:50px;
	padding:2px 4px; 
}

.subtitle{
	font-weight:bold;
	font-size:20px;
}

.displayinput{
	background-color:#E9E9E9;
	padding-left:3px;
	font-size:.8em;
	color:#33A0D9;
	color:#5E6C79;
}
.orangeMessage {
	display:inline-block;
	padding:10px 0;
	color:#F60;
	min-height:18px;
}

.noTitleStuff .ui-dialog-titlebar {display:none;}

#alert0 {
	font-size:18px;
	color:#09F;
}


/*************************/
/****** Menu Items *******/
/*************************/
.menu_item {
	float:left;
	padding:.1em 0 0 2em;
}

.menu_item a {
	/*display: block;*/
	color: #282A2B;
	text-decoration: none;
	outline-style: none;
}

.menu_item a:hover {
	text-decoration: none;
	color: #F90;
}

.menu_item a:active {
	text-decoration: none;
	color: #4198BA;
}

.adminmenu a {
	color:#666;
}

.specialmenu a {
	color:#63C;
}

.clientmenu a {
	color:#E0E3FC;
}
/*
body.home div.home a,
body.customers div.customers a,
body.orders div.orders a,
body.sorting div.sorting a,
body.authentication div.authentication a,
body.imaging div.imaging a,
body.certification div.certification a,
body.billing div.billing a,
body.shipping div.shipping a,
body.scancheck div.scancheck a,
body.documentation div.documentation a,
body.help div.help a,
body.administrator div.administrator a
{ color: #4198BA; }
*/
body.billing{
	overflow-y: scroll!Important; /*For Horizontal scroll */
}


/*************************/
/***** Input Fields ******/
/*************************/
.inputbox-narrow{
	width:15px;
	text-align:center;
	color:#36F;
}
.inputbox-medium{
	width:100px;
	text-align:center;
	color:#36F;
}
.inputbox{
	width:150px;
	text-align:center;
	color:#36F;
}
.inputbox-wide{
	width:250px;
	text-align:center;
	color:#36F;
}
.inputbox-extrawide{
	width:350px;
	text-align:center;
	color:#36F;
}

/*****************************/
/****** Workorder Pages ******/
/*****************************/

.workorder_fieldset { min-height:155px; }
.workorder_fieldset legend { color:#222; font-size:14pt; padding:0 4px; }
.workorder_fieldset div, #price_change_fieldset p { padding:0; margin:0; }
.workorder_fieldset p { font-size:12pt; text-align:center; padding:0 4px 2px 4px; }
.workorder_fieldset input { font-size:.8em;	background-color:#E9E9E9; text-align:left; padding-left:3px; color:#5E6C79; width:200px; }

.workorder_fieldset_eq { min-height:25px; }

.eqbutctr {
	padding:10px 0;
	white-space:nowrap;
}
.eqbutctr input {
	min-width:20px;
	color:#FF0;
}
.workorderlabel {
	text-align:right;
	width:100px;
}
.workorderitem {
	width:200px;
	text-align:left;
}


/* Tooltip container */
.tooltip {
    position: relative;
    /*display: inline-block;*/
    /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/*********************************/
/****** Administrator Pages ******/
/*********************************/

.tilecontainer {
	border:#4198BA thin solid;
	width:200px;
	height:200px;
	padding:0px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center;
	
	font-size:1.5em;
	font-weight:normal;
	color:#FFF;
	display:table-cell;
	vertical-align:bottom!Important;
	position: relative;

	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;

}
div.tilecontainer div.tiletext {
	position: absolute;
	bottom: 0px;
	padding: 0 2px 10px 10px;
	color:#03C;
	text-align:left;
}
.tilecontainercontainer{
	padding:10px;
	display:inline-block;
}



#dropdowninfotable {
	font-size: .7em;
	white-space: nowrap;
}
#dropdowninfotable tr {
	white-space: nowrap;
}
#dropdowninfotable td {
	padding: 0 2px;
	/*white-space: normal;*/
}


#cyclone_component_selection_table {
	/*font-size:9pt;*/
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.th {
	font-size:10pt;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
#cyclone_component_selection_table p {
	margin: 0;
}


table.display {
	font-size:12px;
	white-space:nowrap;
	padding:0 10px 0 10px;
	border-collapse: collapse;
	border: 1px solid #0099FF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width:10px;
}
tr th {
	border: 1px solid #4198BA;
	border-collapse: collapse;
}
tr.heading {
	text-decoration:underline;
}
tr.light td {
	padding: 0 10px 0 10px!Important;
	border-top: 1px solid #0099FF;
	border-bottom: 1px solid #0099FF;
	background: #EBEBEB;
}
tr.dark td {
	padding: 0 10px 0 10px;
	border-top: 1px solid #0099FF;
	border-bottom: 1px solid #0099FF;
	background: #DFDFDF;
}
tr.light td.plain {
	background: #FFF;
	width: 40pt;
}
tr.dark td.plain {
	background: #FFF;
	width: 40pt;
}
td.plain {
	background: #FFF;
	width: 30pt;
	text-align: center;
}
td{
	padding: 0px 7px;
}


.cyclone_short_input{
	width:70px;
	padding-left:5px;
}
.cyclone_medium_input{
	width:150px;
	padding-left:5px;
}
.cyclone_wide_input{
	width:342px;
	padding-left:5px;
}


.ccd_div{
	text-align:left;
	width:600px;
	padding:5px 0 10px 40px;
	border: #CCC thin solid;
}
.ccd_row{
	text-align:left;
	width:700px;
	padding:5px 0 10px 40px;
	border: #CCC thin solid;
}
.ccd_field{
	display:inline-block;
	text-align:left;
	width:460px;
	font-size:80%;
}
.ccd_label{
	display:inline-block;
	text-align:left;
	width:200px;
	font-size:90%;
}
.ccd_input{
	width:350px;
	font-size:80%;
	padding-left: 10px;
}
.ccd_input_narrow{
	width:185px;
	font-size:80%;
	padding-left: 10px;
}
.ccd_input_very_narrow{
	width:55px;
	font-size:80%;
	padding-left: 10px;
}
.ccd_select{
	width:355px;
	font-size:75%;
}

.id-row{
	background:#FDD7A8;
}
.dim-row{
	background:#CAF0FF;
}

/*-----------------------*/
/*-- Admin List Tables --*/
/*-----------------------*/
.admin_list_table{
	border-collapse: collapse;
}

/************************/
/****** More Admin ******/
/************************/

.disabled{
	background:#E0E0E0;
}

.divreqbefore > div:before {
	content: " *";
	color:#F00;
	font-size:18px;
	position:relative;
	top:2px;
}
	
.divrequired > div:after {
	content: " *";
	color:#F00;
	font-size:18px;
	position:relative;
	top:2px;
}
	
.labelreqbefore > label:before {
	content: " *";
	color:#F00;
	font-size:18px;
	position:relative;
	top:2px;
}
	
.labelreqafter > label:after {
	content: " *";
	color:#F00;
	font-size:18px;
	position:relative;
	top:2px;
}
	
.spanreqbefore > span:before {
	content: " *";
	color:#F00;
	font-size:18px;
	position:relative;
	top:2px;
}
	
.spanrequired > span:after {
	content: " *";
	color:#F00;
	font-size:18px;
	position:relative;
	top:2px;
}


/* form2Layout is used in cyclone setup... */
.form2Layout {
	/*background-color: #f3f3f3;
	border: solid 1px #a1a1a1;*/
	display: block;
	padding: 5px;
	width: 420px;
	background-color:#F6F;
}

.form2Layout label {
	display: block;
	width: 80px;
	float: left;
	text-align: right;
	padding-right: 5px;
	font-size: 10pt;
	/*border: solid 1px #F93;*/
}

.form2Layout input {
	display: block;
	width: 120px;
	float: left;
	height:16px;
	margin-bottom: 10px;
	/*border: solid 1px #a1a1a1;*/
}

.form2Layout select {
	display: block;
	width:50px;
	float: left;
	height:19px;
	margin-bottom: 10px;
	font-size:12px;
}


/***********************/
/****** Site Info ******/
/***********************/

.site_div{
	text-align:left;
	padding:5px 0 10px 5px;
	border: #CCC thin solid;
}
.site_row{
	text-align:center;
	padding:5px 0 5px 5px;
	margin-right:10%;
}
.site_field{
	display:inline-block;
	text-align:left;
	width:350px;
	font-size:70%;
}
.site_label{
	display:inline-block;
	text-align:right;
	width:300px;
	font-size:130%;
}
.site_input{
	text-align:left;
	width:350px!Important;
	/*font-size:80%!Important;*/
	font-size:90%!Important;
	padding:2px 5px 2px 5px;
	color:#000;
}
.site_select{
	width:360px!Important;
	font-size:90%!Important;
}


/***************************/
/****** User Accounts ******/
/***************************/

.user_div{
	text-align:left;
	padding:5px 0 10px 5px;
	border: #CCC thin solid;
}
.user_row{
	text-align:center;
	padding:5px 0 5px 5px;
	margin-right:10%;
}
.user_field{
	display:inline-block;
	text-align:left;
	width:350px;
	font-size:70%;
}
.user_label{
	display:inline-block;
	text-align:right;
	width:300px;
	font-size:14px;
}
.gg_label{
	display:inline-block;
	text-align:right;
	width:300px;
	font-size:130%;
}
.user_input{
	text-align:left;
	width:350px!Important;
	/*font-size:80%!Important;*/
	font-size:90%!Important;
	padding:2px 5px 2px 5px;
	color:#000;
}
.user_select{
	width:360px!Important;
	font-size:90%!Important;
}


/*** New Stuff ***/
.user-accounts{
	font-weight: normal;
}

.user-accounts-bold{
	font-weight: bold;
}

/**********************/
/****** Tonnages ******/
/**********************/

.tonne_label_div{
	width: 325px;
	text-align: right;
	/*border:#C93 thin solid;*/
}
.tonne_data_div{
	width: 400px;
	text-align: left;
	padding-left: 20px;
	/*border:#363 thin solid;*/
}
.tonne_inputbox{
	width: 250px;
	text-align: center;
	height: 16px;
}
.cell_ref{
	font-size: 60%;
	font-weight: bold;
	color: #666;
	padding-top: 8px;
	text-align: left;
}


/************************/
/****** DEMO PAGES ******/
/************************/

.demo_div{
	text-align:left;
	padding:5px 0 10px 5px;
	border: #CCC thin solid;
}
.demo_row{
	text-align:center;
	/*width:700px;*/
	padding:5px 0 10px 5px;
}
.demo_field{
	display:inline-block;
	text-align:left;
	width:350px;
	font-size:120%;
}
.demo_label{
	display:inline-block;
	text-align:left;
	width:200px;
	font-size:130%;
}
.demo_input{
	width:350px;
	font-size:80%;
}
.demo_select{
	width:355px;
	font-size:75%;
}


table.demo {
	font-size:12px;
	white-space:nowrap;
	padding:0 10px 0 10px;
	border-collapse: collapse;
	border: 1px solid #0099FF;
}
table.demo tr th, table.demo tr td {
	border: 1px solid #4198BA;
}
table.demo tr th {
	background-color:#F3F3F3;
}
table.demo tr.heading {
	text-decoration:underline;
}
table.demo tr.light td {
	padding: 0 10px 0 10px!Important;
	border-top: 1px solid #0099FF;
	border-bottom: 1px solid #0099FF;
	background: #EBEBEB;
}
table.demo tr.dark td {
	padding: 0 10px 0 10px;
	border-top: 1px solid #0099FF;
	border-bottom: 1px solid #0099FF;
	background: #DFDFDF;
}
table.demo tr.light, table.demo td.plain {
	background: #FFF;
	width: 40pt;
}

table.demo tr.dark, table.demo td.plain {
	background: #FFF;
	width: 40pt;
}
table.demo td.plain {
	background: #FFF;
	width: 30pt;
	text-align: center;
}
table.demo td{
	padding: 0px 7px;
}
	


/******************************/
/****** Inspection Pages ******/
/******************************/

.insp_div{
	text-align:left;
	padding:5px 0 10px 5px;
	border: #CCC thin solid;
}
.insp_row{
	text-align:center;
	/*width:700px;*/
	padding:5px 0 10px 5px;
}
.insp_field{
	display:inline-block;
	text-align:left;
	width:350px;
	font-size:120%;
}
.insp_label{
	display:inline-block;
	text-align:left;
	width:200px;
	font-size:130%;
}
.insp_input{
	width:350px;
	font-size:80%;
}
.insp_select{
	width:355px;
	font-size:75%;
}


/* Inspection Table */
table.insp {
	font-size:12px;
	white-space:nowrap;
	padding:0 10px 0 10px;
	border-collapse: collapse;
}
table.insp tr th, table.insp tr td {
	border: 1px solid #4198BA;
}
table.insp tr th {
	background-color:#F3F3F3;
	height: 28px;
}
table.insp tr td {
	
}
table.insp tr.heading {
	text-decoration:underline;
}
table.insp tr.light td {
	padding: 0 10px 0 10px;
	border-top: 1px solid #0099FF;
	border-bottom: 1px solid #0099FF;
	background: #EBEBEB;
}
table.insp tr.dark td {
	padding: 0 10px 0 10px;
	border-top: 1px solid #0099FF;
	border-bottom: 1px solid #0099FF;
	background: #DFDFDF;
}
table.insp tr.light, table.insp td.plain {
	background: #FFF;
	width: 40pt;
}

table.insp tr.dark, table.insp td.plain {
	background: #FFF;
	width: 40pt;
}
table.insp td.plain {
	background: #FFF;
	width: 30pt;
	text-align: center;
}
table.insp input[type="checkbox"]{
	width: 30px;
	margin:0px;
}
table.insp input[type="radio"]{
	width: 30px;
	margin:4px;
}


/* Measurements Table */
table.measurements {
	font-size:12px;
	white-space:nowrap;
	padding:0 10px 0 10px;
	border-collapse: collapse;
	border: 1px solid #000; /* Creates border around table... */
}
table.measurements tr th {
	border: none; /* Eliminates the blue border around cells... */
}

table.measurements tr th {
	border-top: 1px solid #000; /* Creates black top border on heading... */
	border-bottom: 1px solid #000; /* Creates black top border on heading... */
}
table.measurements tr th.light {
	background-color:#FFF;
	height: 28px;
}
table.measurements tr.dark-orange th {
	background-color:#F8CBAD;
	height: 28px;
}
table.measurements tr.dark th {
	background-color:#ACB9CA;
	height: 28px;
}
table.measurements tr td {
	background-color:#FFF;
}
table.measurements tr.datarow {
	height: 24px;
}
table.measurements tr.datarow td {
	border:none;
}
table.measurements tr.datarow td.left {
	text-align:left;
}
table.measurements tr.datarow td.shaded {
	background-color:#D6DCE3;
}
table.measurements tr.light td {
	padding: 0 10px 0 10px;
	background: #FFF;
}
table.measurements tr.dark td {
	padding: 0 10px 0 10px;
	background: #ACB9CA;
}
table.measurements tr.dark, table.measurements tr.light, table.measurements td.plain {
	background: #FFF;
	width: 40pt;
}
table.measurements tr.green td {
	background: #E2EFDA;
}
table.measurements tr.blue td {
	background: #D9E2FF;
}
table.measurements td.plain {
	background: #FFF;
	width: 30pt;
	text-align: center;
}
table.measurements tr.datarow td.light-orange {
	background: #FCE4D6;
	border: 1px solid #000;
}
table.measurements input[type="checkbox"]{
	width: 30px;
	margin:0px;
}
table.measurements input[type="radio"]{
	width: 30px;
	margin:4px;
}

.measurement_data_input{
	width: 40px!Important;
	height: 16px!Important;	/* Doesn't work, have to use local CSS */
	text-align: right;
	padding-right: 5px;
}

.heavy-wear-location-selector{
	display: inline-block;
	width: 25px!Important;
	height: 16px!Important;	/* Doesn't work, have to use local CSS */
	padding: 0px;
	font-size: 12px;
}

#wear_loc_slider .rs-control .rs-range-color {
    background-color: #54bbe0;
}
#wear_loc_slider .rs-control .rs-path-color {
    background-color: #FFF;
}
#wear_loc_slider .rs-control .rs-handle {
    background-color: #838383;
}
#wear_loc_slider .rs-control .rs-bg-color {
    background-color: #FFF;
}

.transparentbkgnd { background:transparent; }

.shadow-col {
	color: #999!Important;
}



/********************/
/****** Popups ******/
/********************/

#popup1 div, #popup2 div, #popup3 div, #popup4 div, #popup5 div, #popup6 div, #popup13 div, #popup14 div{
	font-size:12pt;
}

.instructions, #popup1 .instructions, #popup2 .instructions, #popup3 .instructions, #popup4 .instructions, #popup5 .instructions, #popup6 .instructions, #popup13 .instructions, #popup14 .instructions{
	font-size:12pt;
	color:#06C;
	color:#376680;
	color:#1D6F96;
	color:#2FA2D8;/**/
	color:#0078D7;
	color:#1D6F96;
	color:#226A90;
	padding:0px 0 0px 0;
}

.instructions-green{
	font-size:12pt;
	color:#090;
	padding:0px 0 0px 0;
}

.tinyinstructions{
	font-size:8pt;
	color:#666;
}

.message{
	font-size:10pt;
	color:#C46200;
}

#popup1 label, #popup2 label, #popup3 label, #popup4 label, #popup5 label, #popup6 label, #popup9 label, #popup13 label, #popup14 label{
	font-size:12pt;
	color:#222;
	font-weight:bold;
}

#cyclone_notes_div label{
	font-size:10pt!Important;
	font-weight:normal!Important;
}

.popup_date_label {
	padding-left:0px;
	color:#C3C!Important;
	font-size:14pt!Important;
}


.popup_content_label{
	font-size:14pt!Important;
	color:#C3C!Important;
}

#popup1 button, #popup2 button, #popup3 button, #popup4 button, #popup13 button, #popup14 button{
	font-size:10pt;
}


/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	background: #999999;	/* GAG 01/10/20 */
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}


/******************/
/****** Tabs ******/
/******************/

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	margin-bottom: 3px;	/* GAG 01/10/20 */
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs-nav li.ui-tabs-active {
	color:#999999;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
#tabs_a .ui-tabs-nav, #tabs_b .ui-tabs-nav {
    margin-bottom: -3px;
}



/******************/
/****** More ******/
/******************/

.ui-widget-header {
	background-color: #57A3CA!Important;
}
.ui-tabs-nav {
	margin-bottom: 3px!Important;
	background-image: url(../images/icons/bluepixel.png)!Important;
	background-size: auto 42px;
	background-repeat: repeat-x!Important;
	background-color: #999999!Important;
}

.dropdown-editor-top-instr{
	color:#57A3CA;
	height:14px;
}

.actionresult{
	color:#F90!Important;
}


/***********************************/
/****** MUST BE AT THE END!!! ******/
/***********************************/

.autowidth{
	width:auto;
	margin-left:3px;
}


/****************************************************/
/***         datepicker custom styling            ***/
/****************************************************/
/************* Date Picker *************/

.datepick-ctrl {
	background-color: #447398!Important;
}

.ui-datepicker {
	width: 17em;
	width: 15em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	background-color: #57A3CA!Important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	margin: .2em .2em .2em ;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	padding: 0000;
	font-weight: normal;
	font-size: 12pt;
	color: #447398;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}


/* @group Blink */
.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
/* @end */


/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/



/***********************/
/****** Customers ******/
/***********************/

.CSSTableGenerator1 {
	margin:0px;padding:0px;
	width:100%;
	/*box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;*/
	
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}.CSSTableGenerator1 table{
    border-collapse: collapse;
    border-spacing: 0;
		width:100%;
		height:100%;
		margin:0px;padding:0px;
}
.CSSTableGenerator1 tr:last-child td:last-child {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}
.CSSTableGenerator1 table tr:first-child td:first-child {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
}
.CSSTableGenerator1 table tr:first-child td:last-child {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-right-radius:5px;
}
.CSSTableGenerator1 tr:last-child td:first-child{
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
}
.CSSTableGenerator1 tr:hover td{
	
}
.CSSTableGenerator1 tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableGenerator1 tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGenerator1 td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:5px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.CSSTableGenerator1 tr:last-child td{
	border-width:0px 1px 0px 0px;
	border-width:0px 1px 1px 0px;
}
.CSSTableGenerator1 tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator1 tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator1 tr:first-child td{
		background:-o-linear-gradient(bottom, #73a9bc 5%, #cccccc 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #73a9bc), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #73a9bc 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#73a9bc", endColorstr="#cccccc");	background: -o-linear-gradient(top,#73a9bc,cccccc);

	background-color:#73a9bc;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:15px;
	font-family:Arial;
	font-weight:bold;
	color:#4c4c4c;
}
.CSSTableGenerator1 tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #73a9bc 5%, #cccccc 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #73a9bc), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #73a9bc 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#73a9bc", endColorstr="#cccccc");	background: -o-linear-gradient(top,#73a9bc,cccccc);

	background-color:#73a9bc;
}
.CSSTableGenerator1 tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator1 tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}





/********************/
/****** Table2 ******/
/********************/


/***********************************/
/****** jQuery User Interface ******/
/***********************************/








/****** Old stuff below ******/
/****** Old stuff below ******/
/****** Old stuff below ******/
/****** Old stuff below ******/
/****** Old stuff below ******/
/****** Old stuff below ******/
/****** Old stuff below ******/
/****** Old stuff below ******/
/****** Old stuff below ******/
/****** Old stuff below ******/


/*********** Participant Reporting ***********/