@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Common to all layouts */

#software_container {
	width: 100%;
	clear: both;
}

.software_col {
	
	float: left;
	width: 250px;
	margin-right: 4px;
	margin-left: 4px;
	overflow: auto;
	
}

.software_col_top {
	width: 250px;
}

.software_col_bottom {
	width: 230px;
	background-image: url(../images/col_bg_software.png);
	background-repeat: no-repeat;
	min-height: 250px;
	padding: 10px;
	overflow: auto;
}

.big_button {

	border: 1px solid #AAAAAA;
	width: 200px;
	height: 50px;
	text-align: center;
	padding-top: 10px;
	-webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
			border-radius: 12px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2fcbff), to(#0099cc)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #2fcbff, #0099cc); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #2fcbff, #0099cc); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #2fcbff, #0099cc); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #2fcbff, #0099cc);

	overflow: auto;
}

.green_button {
	display: inline-block;
	padding: 10px;
	padding-right: 13px;
	padding-left: 24px;
	background-color: #41AFA5;
	background-image: url(../images/arrow_white_right.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	border: 0;
}


.green_button:hover {
	background-color: #225B56;
}

.green_button_back {
	display: inline-block;
	padding: 10px;
	padding-right: 13px;
	padding-left: 24px;
	background-color: #41AFA5;
	background-image: url(../images/nav_arrow_white_left.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	border: 0;
}


.green_button_back:hover {
	background-color: #225B56;
}

.green_button_forward {
	display: inline-block;
	padding: 10px;
	padding-right: 24px;
	padding-left: 13px;
	background-color: #41AFA5;
	background-image: url(../images/nav_arrow_white_right.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	border: 0;
}


.green_button_forward:hover {
	background-color: #225B56;
}

.grey_button_forward {
	display: inline-block;
	padding: 10px;
	padding-right: 24px;
	padding-left: 13px;
	background-color: #BBBBBB;
	background-image: url(../images/arrow_white_right.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	border: 0;
}


.grey_button_forward: hover {
	background-color: #DDDDDD;
}


.input_box {
	border: 1px solid #AAAAAA;
	padding: 6px;
}


input[type=submit]  {
	display: inline-block;
	padding: 10px;
	padding-right: 13px;
	padding-left: 24px;
	background-color: #41AFA5;
	background-image: url(../images/arrow_white_right.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	border: 0;
}


input[type=submit]:hover {
	background-color: #225B56;
}

input.error {
	border: 2px solid #BB0000;
}

select.error {
	border: 2px solid #BB0000;
}

textarea.error {
	border: 2px solid #BB0000;
}


.menu_entry {
	clear: both;
	height: 86px;
	cursor: pointer;
	border: 2px solid #FFFFFF;

	-webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
			border-radius: 12px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
}

.drop_flip_on {
	border: 2px solid #990099;

	-webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
			border-radius: 12px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
}

.menu_icon {
	float: left;
	width: 30%;
}

.menu_text {
	float: left;
	width: 65%;
	padding-top:10px;
}

#drop_panel {

	border: 1px solid #AAAAAA; 

	-webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
			border-radius: 12px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

	padding-left: 15px; 
	padding-right: 15px; 
	padding-top: 15px; 
	padding-bottom: 15px; 

	margin-bottom: 15px;

	display: none;

}

#home_search_form {
	text-align: center;
}

.input {
	border: 1px solid #BBBBBB;
	padding: 5px;
}



/* For Admin Page Sales and Onboarding Summary */

.in_process_summary_hdr_row {
	width: 100%; 
	clear: both;
	text-align: center;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	overflow:auto;
}

.in_process_summary_row {
	width: 100%; 
	clear: both;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	overflow:auto;
}


.in_process_hdr_col1 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#800000;
	color: #FFFFFF;
}

.in_process_hdr_col2 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#b30000;
	color: #FFFFFF;
}

.in_process_hdr_col3 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#cc5200;
	color: #FFFFFF;
}

.in_process_hdr_col4 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#cc6600;
	color: #FFFFFF;
}

.in_process_hdr_col5 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#e69900;
	color: #FFFFFF;
}

.in_process_hdr_col6 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#ffcc00;
	color: #FFFFFF;
}

.in_process_hdr_col7 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#ffe600;
	color: #FFFFFF;
}

.in_process_hdr_col8 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#ace600;
	color: #FFFFFF;
}

.in_process_hdr_col9 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#00e600;
	color: #FFFFFF;
}

.in_process_hdr_col10 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#00e673;
	color: #FFFFFF;
}

.in_process_hdr_col11 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#00b386;
	color: #FFFFFF;
}

.in_process_hdr_col12 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#2eb8b8;
	color: #FFFFFF;
}

.in_process_hdr_col13 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#00a3cc;
	color: #FFFFFF;
}

.in_process_hdr_col14 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#1a75ff;
	color: #FFFFFF;
}

.in_process_hdr_col15 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color: #7070db;
	color: #FFFFFF;
}

.in_process_hdr_col16 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#a64dff;
	color: #FFFFFF;
}


/* ---  ^ headers     v column bodies   --- */

.in_process_col1 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color: #ff9999;
}

.in_process_col2 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#ffb3b3;
}

.in_process_col3 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#ffd1b3;
}

.in_process_col4 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#ffd9b3;
}

.in_process_col5 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#ffe6cc;
}

.in_process_col6 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#fffae6;
}

.in_process_col7 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#ffffcc;
}

.in_process_col8 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#e6ff99;
}

.in_process_col9 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#ccffcc;
}

.in_process_col10 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#b3ffd9;
}

.in_process_col11 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#b3ffec;
}

.in_process_col12 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color: #c2f0f0;
}

.in_process_col13 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#b3f0ff;
}

.in_process_col14 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#cce0ff;
}

.in_process_col15 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#d6d6f5;
}

.in_process_col16 {
	float:left;
	overflow:auto;
	width: 5.75%;
	padding: 0.25% ;
	background-color:#e6ccff;
}

.step_icon {
	width: 90%;
	padding: 0.12%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1px;
	background-color: #ffcf3f;
	border: 1px solid #555555;
}

.step_icon:hover {
	background-color: #ffeeaa;

}

.form_row {
	clear: both;
}

.form_col_1 {
	float:left;
	width: 30%;
}

.form_col_2 {
	float:left;
	width:68%;
}


/* -- end admin stuff --*/



/* WORKING HERE: */

.popup_buttons {
	cursor: pointer;
}

#popup_container {
	position: absolute;
}

.popup_tips {
	display: none;
	z-index: 100;
	width: 100%;
	max-width: 250px;
	min-width: 120px;
	padding: 2px;
	border: 1px solid #555555;
	background-color: #FFFFFF;
	color: #265CFF;
	font-size: 0.85em;
	font-family: "Century Gothic";
	overflow: auto;
}


#tip_header {
	display: none;
	z-index: 100;
	max-width: 250px;
	min-width: 120px
	width: 100%;
	height: 11px;
	border: 1px solid #555555;
	background-color: #444444;
	text-align: right;
	padding: 2px;
}


#stepper_window {
	position: absolute; 
	top: 150px; 
	width: 50%; 
	left: 23%; 
	z-index: 10; 
	background-color: #EFEFEF; 
	border: 0px solid #555555; 
	padding: 0%; 
	display: none; 
	overflow: auto;
	box-shadow: 10px 10px 5px #888888;
	margin-bottom: 25px;
}

.formRow {
	clear: both;
}

.formCol1 {
	float:left;
	width: 20%;
	text-align: right;
}

.formCol2 {
	float:left;
	width: 76%;
}

.ticket_row_top {
	clear:both; 
	border-bottom: 1px solid #AAAAAA; 
	overflow: auto;
	background-color: #E8E8E8;
}

.ticket_row {
	clear:both; 
	border-bottom: 1px solid #AAAAAA; 
	overflow: auto;
}

.ticket_row:hover {
	background-color: #BFEFFF;
}

.ticket_col1 {
	width: 10%; 
	padding: 0.5%;
	float:left; 
	overflow: auto;
}

.ticket_col2 {
	width: 35%; 
	padding: 0.5%;
	float:left; 
	overflow: auto;
}

.ticket_col3 {
	width: 25%; 
	padding: 0.5%;
	float:left; 
	overflow: auto;
}

.ticket_col4 {
	width: 12%; 
	padding: 0.5%;
	float:left; 
	overflow: auto;
}

.ticket_col5 {
	width: 10%; 
	padding: 0.5%;
	float:left; 
	overflow: auto;
}




/*##############################################################################################*/
/*##################################       #####################################################*/
/*##################################  ####  ####################################################*/
/*##################################  ####  ####################################################*/
/*##################################       #####################################################*/
/*##################################  ##########################################################*/
/*##################################  ##########################################################*/
/*##############################################################################################*/



/* Mobile Layout: 480px and below. */
  
#header {
  	overflow: auto;
}




#header_container {
	padding-top: 0px;
	padding-bottom: 10px;
	height: 190px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

#header_green {
	background-color: #000000;
	height: 190px;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#444444)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #000000, #444444); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #000000, #444444); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #000000, #444444); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #000000, #444444);

}

#header_admin {
	background-color: #BBBBBB;
	height: 190px;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BBBBBB)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFFFF, #BBBBBB); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFFFF, #BBBBBB); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #FFFFFF, #BBBBBB); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #FFFFFF, #BBBBBB);

}

#header_logo {
	width: 100%;
	margin-left: 0px;
	padding-top: 15px;
	text-align: center;
}

#header_right {
	margin-top: 5px;
	width: 100%;
	text-align: center;
}

#header_tagline {
	width: 100%;
	text-align: center;
}

#header_phone {
	text-align: center;
	margin-right: 0px;
	width: 100%;
}

#header_login {
	display: none;
}

#header_login:hover {

}

#header_login_container {

}

#top_nav_container {
	display: none;
}

#top_nav {

	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 6px;
	height: 30px;
	background-color:#007167;
	
}

#secondary_nav {
	display: none;
}

.nav_link {
	float: left;
	margin-right: 30px;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.85em;
	color: #FFFFFF;
}

#phone_nav {
	width: 100%;
	text-align: center;
	font-family: "Century Gothic", sans-serif;
}

.phone_nav_select {
	color: #555555;
	font-family: "Century Gothic", sans-serif;
}

#side_nav {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	width: 98%;
	padding-left: 0.5%;
	padding-right: 0.5%;
	border: 1px solid #999999;
	float: left;
}

#side_nav_admin {
	clear: both;
}


#right_body {
	padding-top: 25px;
	width: 98%;
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
}

#wide_body {
	padding-top: 25px;
	width: 92%;
	margin-right: 4%;
	margin-left: 4%;
	float: left;
}


.side_nav_button {

	float: left;
	border: 1px solid #AAAAAA;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	margin-right: 2px;

	font-family: "Century Gothic", sans-serif;
	color: #676767;
	font-size: 0.9em;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D2F0EB), to(#7BBFB5)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #D2F0EB, #7BBFB5); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #D2F0EB, #7BBFB5); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #D2F0EB, #7BBFB5); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #D2F0EB, #7BBFB5);

	overflow: auto;

}

.side_nav_button:hover {

	float: left;
	border: 1px solid #AAAAAA;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	margin-right: 2px;

	font-family: "Century Gothic", sans-serif;
	color: #676767;
	font-size: 0.9em;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D2F0EB)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFFFF, #D2F0EB); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFFFF, #D2F0EB); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #FFFFFF, #D2F0EB); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #FFFFFF, #D2F0EB);

	overflow: auto;

}

.side_nav_button_current {

	float: left;
	border: 1px solid #AAAAAA;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	margin-right: 2px;

	font-family: "Century Gothic", sans-serif;
	color: #676767;
	font-size: 0.9em;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFF99), to(#FFC926)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFF99, #FFC926); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFF99, #FFC926); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #FFFF99, #FFC926); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #FFFF99, #FFC926);

	overflow: auto;

}




/*##############################################################################################*/
/*##############################################################################################*/
/*##############################################################################################*/

.dashboard_top_row_container{

	width: 98%; 
	padding: 1%;  
	margin-right: 0%; 
	float: left;
	
}

.tech_header {
	display: none;
}

#device_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.device_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.device_cell {
	float: left;
	padding: 1%;
	width: 18%;
	background-color: #FFFFFF;
}

#monitors_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.monitors_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.monitors_cell {
	float: left;
	text-align: center;
	padding: 0.5%;
	width: 23%;
	background-color: #FFFFFF;
}

#cross-check_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
	min-width: 680px;
}

.cross-check_table_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.cross-check_table_cell {
	float: left;
	text-align: center;
	padding: 0.25%;
	width: 6.5%;
}



#exposure_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
	min-width: 600px;
}

.exposure_table_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.exposure_table_cell {
	float: left;
	text-align: center;
	padding: 0.25%;
	width: 10%;
}

.list_row {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #BBBBBB;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: auto;
}

.list_cell_5 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 4%;
	background-color: #FFFFFF;
}
.list_cell_10 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
	clear: both;
}

.list_cell_15 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 24%;
	background-color: #FFFFFF;
}

.list_cell_20 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
}

.list_cell_25 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 99%;
	background-color: #FFFFFF;
}

.list_cell_30 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
}
 // 2022-Mar-01 VVV pcarpenter
 .lic_list_cell_12 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 12%;
	background-color: #FFFFFF;
}
.lic_list_cell_15 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 15%;
	background-color: #FFFFFF;
}
.lic_list_cell_20 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 20%;
	background-color: #FFFFFF;
}
.lic_list_cell_25 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 25%;
	background-color: #FFFFFF;
}

.df_list_row {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #BBBBBB;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: auto;
}

.df_list_cell_5 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 9%;
	background-color: #FFFFFF;
}
.df_list_cell_10 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 19%;
	background-color: #FFFFFF;
}

.df_list_cell_15 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 39%;
	background-color: #FFFFFF;
}

.df_list_cell_20 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
	clear: both;
}

.df_list_cell_25 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 99%;
	background-color: #FFFFFF;
}

.df_list_cell_30 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
}


#observation_input_container {     /* ID element - not a class */

	background-color: #F0F0E1;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	border: 1px solid #999999;
	overflow: auto;
	width: 380px; 
	height: 225px; 
	position: fixed; 
	top: 10px; 
	left: 10px; 

}

.docform_section0 {
	background-color: #F0F0E1;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section1 {
	background-color: #FFDFDF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section2 {
	background-color: #FFDFBF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section3 {
	background-color: #FFFFBF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section4 {
	background-color: #DFFFBF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section5 {
	background-color: #C4FFF0;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}



.docform_section6 {
	background-color: #D9ECFF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section7 {
	background-color: #F3E8FF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_sub-header0{
	background-color: #8A8A7B;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header1 {
	background-color: #FF8F8F;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header2 {
	background-color: #FF9F6F;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header3 {
	background-color: #FFBF00;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header4 {
	background-color: #6DD900;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}


.docform_sub-header5 {
	background-color: #008C69;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}




.docform_sub-header6 {
	background-color: #007EFD;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header7 {
	background-color: #9E3EFF;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}


.docform_row {
	clear: both;
}

.note_box {
	border: 1px solid #CCCCCC;
	padding: 10px;
	background-color: #F8F8F8;
}

.spec_table_row { 
	padding-top: 10px; 
	border-top: 1px solid #BBBBBB;
	clear: both;
	overflow: auto;
}

.spec_table_col1 {
	width: 38%; 
	padding-right: 2%; 
	float:left;
}

.spec_table_col2 {
	width: 49%; 
	float:left;
}

.three-col-col1 {

	width: 100%;
	padding-bottom: 30px;

}

.three-col-col2 {

	width: 100%;
	padding-bottom: 30px;
	
}

.three-col-col3 {
	width: 100%;
	padding-bottom: 30px;
}

.row {
	clear: both;
	overflow: auto;
}

.cell_1 {
	width: 100%;
	padding-right: 0%;
}

.cell_2 {
	width: 100%;
}

.hiw_row {
	clear: both;
	overflow: auto;
}

.hiw_cell_1 {
	width: 100%;
	padding-right: 0%;
}

.hiw_cell_2 {
	width: 100%;
}

#services_top {
	display: none;
}

#program_top {
	display: none;
}


#home_top {
	display: none;
}

#body_container {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

.body_width {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

#row1col1 {
	width: 100%;
	padding-top: 20px;
	float: left;

}

#row1col2 {
	width: 100%;
	padding-top: 20px;
	float: left;
}

#row2col1 {
	width: 100%;
	float: left;

}

#row2col2 {
	width: 100%;
	float: left;

}

#row3col1 {
	width: 100%;
	float: left;

}

#row3col2 {
	width: 100%;
	float: left;

}

#row2col1_home_img {
	width: 100%;
	float: left;

}

#row2col1_home_text {
	width: 100%;
	float: left;
	margin-bottom: 20px;

}


.marketing-ad-cell-1 {
	width: 96%; padding-right: 1%; padding-left: 1%;
}

.marketing-ad-cell-2 {
	width: 96%; padding-right: 1%; padding-left: 1%; text-align: center;
}

#marketing-main-blurb0 {

	border-radius: 12px;
	background-color: #CBE1ED;
/*	background-image: url('../images/marketing-header-bg-1.png');
	background-repeat: no-repeat;*/
	width: 90%;
	padding: 5%;
	margin-bottom: 15px;
	color: #FFFFFF;
	overflow: auto;
	
}

#marketing-main-blurb1 {

	border-radius: 12px;
	background-color: #71DFD5;
	background-image: url('../images/marketing-header-bg-1.png');
	background-repeat: no-repeat;
	width: 90%;
	padding: 5%;
	margin-bottom: 15px;
	color: #FFFFFF;
	overflow: auto;
	
}

#marketing-main-blurb2 {

	border-radius: 12px;
	background-color: #41AFA5;
	background-image: url('../images/marketing-header-bg-2.png');
	background-repeat: no-repeat;
	width: 90%;
	padding: 5%;
	margin-bottom: 15px;
	color: #FFFFFF;
	overflow: auto;
	
}

#marketing-main-blurb3 {

	border-radius: 12px;
	background-color: #218F85;
	background-image: url('../images/marketing-header-bg-3.png');
	background-repeat: no-repeat;
	width: 90%;
	padding: 5%;
	margin-bottom: 15px;
	color: #FFFFFF;
	overflow: auto;

}

.button {
	display: inline-block;
	padding: 10px;
	padding-right: 13px;
	background-color: #41AFA5;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
}

.button:hover {
	background-color: #225B56;
}

.centeredWideMargins {
	text-align: center;
	margin: 20px;
}

.centered {
	text-align: center;
}


#footer {
	overflow: auto;
}

#footer_top {
	height: 65px;

}

#footer_top_container {
	border-top: 1px solid #CCCCCC;
	padding-top: 5px;
	height: 64px;
	margin-left:auto;
	margin-right: auto;
	width: 95%;
	max-width: 1000px;

}

#footer_top_left {
	float:left;
	width: 50%;
	text-align: left;

}

#footer_top_right {
	float:right;
	width: 50%;
	text-align: right;
}

#footer_container {
	padding-top: 10px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	max-width: 1000px;
}

#footer_green {
	margin-bottom: 1px;
	height: 9px;
	width: 100%;
	background-color: #007167;
}

#footer_grey {
	height: 110px;
	width: 100%;
	background-color: #222222;

}

.footer_link {
	float: left;
	margin-right: 20px;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.75em;
	color: #FFFFFF;
}

#copyright_line {
	margin-top: 50px;
	clear: both;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.65em;
	color: #BBBBBB;
}

.hide_mobile {
    display: none;
}





/*##############################################################################################*/
/*#################################          ###################################################*/
/*#####################################  #######################################################*/
/*#####################################  #######################################################*/
/*#####################################  #######################################################*/
/*#####################################  #######################################################*/
/*##############################################################################################*/





/* Tablet Layout: 515px to 930px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 515px) {

#header {
  	overflow: auto;
}


#header_container {
	padding-top: 0px;
	padding-bottom: 10px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

#header_green {
	background-color: #000000;
	height: 100px;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#444444)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #000000, #444444); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #000000, #444444); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #000000, #444444); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #000000, #444444);

}


#header_admin {
	background-color: #BBBBBB;
	height: 100px;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BBBBBB)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFFFF, #BBBBBB); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFFFF, #BBBBBB); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #FFFFFF, #BBBBBB); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #FFFFFF, #BBBBBB);

}

#header_logo {
	width: 43.5%;
	float:left;
	margin-left: -10px;
	text-align: left;
	padding-top: 0px;
}

#header_right {
	margin-top: 30px;
	padding-left: 0%;
	width: 56.5%;
	float: right;
	text-align: left;
}

#header_tagline {
	width: 100%;
	text-align: left;
	margin-bottom: 8px;
}

#header_phone {
	float:left;
	text-align: left;
	width: 59%;
}

#header_login {
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: 0;
	margin-top: 0;
	float:right;
	padding: 10px;
	background-color: #007167;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.85em;
	color: #FFFFFF;
}

#header_login:hover {
	float:right;
	padding: 10px;
	background-color: #6DC9BF;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.85em;
	color: #FFFFFF;
}

#header_login_container {
	float:left;
	text-align:right;
	width: 40%;
}

#top_nav_container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

#secondary_nav_container {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 95%;
}

#top_nav {

	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 6px;
	height: 24px;
	background-color:#007167;
	
}

#secondary_nav {
	display: block;
	margin-bottom: 1px;
	padding-top: 6px;
	height: 24px;
	background-color: #313140;

}

.nav_link {
	float: left;
	text-align: left;
	margin-right: 30px;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.85em;
	color: #FFFFFF;
}

#phone_nav {
	display: none;
}

#side_nav {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	width: 98%;
	padding-left: 0.5%;
	padding-right: 0.5%;
	border: 1px solid #999999;
	float: left;
}

#side_nav_admin {
	clear: both;
}


#right_body {
	padding-top: 25px;
	width: 98%;
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
}

.side_nav_button {

	float: left;
	border: 1px solid #AAAAAA;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	margin-right: 2px;

	font-family: "Century Gothic", sans-serif;
	color: #676767;
	font-size: 0.9em;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D2F0EB), to(#7BBFB5)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #D2F0EB, #7BBFB5); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #D2F0EB, #7BBFB5); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #D2F0EB, #7BBFB5); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #D2F0EB, #7BBFB5);

	overflow: auto;

}

.side_nav_button:hover {

	float: left;
	border: 1px solid #AAAAAA;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	margin-right: 2px;

	font-family: "Century Gothic", sans-serif;
	color: #676767;
	font-size: 0.9em;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D2F0EB)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFFFF, #D2F0EB); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFFFF, #D2F0EB); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #FFFFFF, #D2F0EB); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #FFFFFF, #D2F0EB);

	overflow: auto;

}

.side_nav_button_current {

	float: left;
	border: 1px solid #AAAAAA;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	margin-right: 2px;

	font-family: "Century Gothic", sans-serif;
	color: #676767;
	font-size: 0.9em;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFF99), to(#FFC926)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFF99, #FFC926); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFF99, #FFC926); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #FFFF99, #FFC926); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #FFFF99, #FFC926);

	overflow: auto;

}



/*##############################################################################################*/
/*##############################################################################################*/
/*##############################################################################################*/


.dashboard_top_row_container{

	width: 47%; 
	padding: 1%;  
	margin-right: 0.5%; 
	float: left;
	
}


.tech_header {
	display: none;
}

#device_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.device_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.device_cell {
	float: left;
	padding: 1%;
	width: 18%;
	background-color: #FFFFFF;
}

#monitors_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.monitors_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.monitors_cell {
	float: left;
	text-align: center;
	padding: 0.5%;
	width: 23%;
	background-color: #FFFFFF;
}

#cross-check_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.cross-check_table_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.cross-check_table_cell {
	float: left;
	text-align: center;
	padding: 0.25%;
	width: 6.5%;
}



#exposure_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.exposure_table_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.exposure_table_cell {
	float: left;
	text-align: center;
	padding: 0.25%;
	width: 10%;
}

.list_row {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #BBBBBB;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: auto;
}

.list_cell_5 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 4%;
	background-color: #FFFFFF;
}
.list_cell_10 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
	clear: both;
}

.list_cell_15 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 24%;
	background-color: #FFFFFF;
}

.list_cell_20 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
}

.list_cell_25 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 99%;
	background-color: #FFFFFF;
}

.list_cell_30 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
}

 // 2022-Mar-01 VVV pcarpener
.lic_list_cell_12 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 12%;
	background-color: #FFFFFF;
}


.df_list_row {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #BBBBBB;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: auto;
}

.df_list_cell_5 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 4%;
	background-color: #FFFFFF;
}
.df_list_cell_10 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 19%;
	background-color: #FFFFFF;
}

.df_list_cell_15 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 24%;
	background-color: #FFFFFF;
}

.df_list_cell_20 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 19%;
	background-color: #FFFFFF;
	clear: none;
}

.df_list_cell_25 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 99%;
	background-color: #FFFFFF;
}

.df_list_cell_30 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
}


#observation_input_container {
	background-color: #F0F0E1;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	border: 1px solid #999999;
	overflow: auto;
	width: 380px; 
	height: 225px; 
	position: fixed; 
	top: 10px; 
	left: 10px; 

}

.docform_section0 {
	background-color: #F0F0E1;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section1 {
	background-color: #FFDFDF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section2 {
	background-color: #FFDFBF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section3 {
	background-color: #FFFFBF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section4 {
	background-color: #DFFFBF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section5 {
	background-color: #C4FFF0;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}



.docform_section6 {
	background-color: #D9ECFF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section7 {
	background-color: #F3E8FF;
	margin-top: 15px;
	padding-left: 1%;
	padding-right: 1%;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_sub-header0 {
	background-color: #8A8A7B;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header1 {
	background-color: #FF8F8F;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header2 {
	background-color: #FF9F6F;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header3 {
	background-color: #FFBF00;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header4 {
	background-color: #6DD900;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}


.docform_sub-header5 {
	background-color: #008C69;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}




.docform_sub-header6 {
	background-color: #007EFD;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header7 {
	background-color: #9E3EFF;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}


.docform_row {
	clear: both;
}

.note_box {
	border: 1px solid #CCCCCC;
	padding: 10px;
	background-color: #F8F8F8;
}

.spec_table_row { 
	padding-top: 10px; 
	border-top: 1px solid #BBBBBB;
	clear: both;
	overflow: auto;
}

.spec_table_col1 {
	width: 38%; 
	padding-right: 2%; 
	float:left;
}

.spec_table_col2 {
	width: 49%; 
	float:left;
}

.three-col-col1 {
	float: left;
	width: 47%;
	height: 250px;
	padding-right:2%;
	padding-bottom: 30px;
	border-right: 1px solid #999999;
}

.three-col-col2 {
	float: left;
	width: 47%;
	height: 250px;
	padding-bottom: 30px;
	padding-left:2%;

	
}

.three-col-col3 {
	width: 100%;
	padding-bottom: 30px;
}

.row {
	clear: both;
	overflow: auto;
}

.cell_1 {
	width: 100%;
	padding-right: 0%;
}

.cell_2 {
	width: 100%;
}

.hiw_row {
	clear: both;
	overflow: auto;
}

.hiw_cell_1 {
	float: left;
	width: 35%;
	padding-right: 2%;

}

.hiw_cell_2 {
	float: left;
	width: 60%;
	padding-top: 20px;
}

#services_top {
	display: block;
	width: 100%;
	margin-top: 1px;
	background-image: url(../images/painted_texture.jpg);
	background-position: center top;
	/*background-size: 100%;*/
	height: 310px;
	padding-top: 10px;
	margin-bottom: 25px;
}

#services_top_box {
	font-size: 0.75em;
	width: 450px;
	text-align:left;	

}

#program_top {
	display: block;
	width: 100%;
	margin-top: 1px;
	background-image: url(../images/granite_bg.jpg);
	background-position: center top;
	/*background-size: 100%;*/
	height: 310px;
	padding-top: 10px;
}

#program_top_box {
	font-size: 0.75em;
	width: 450px;
	text-align:left;	

}


#home_top {
	display: block;
	width: 100%;
	margin-top: 1px;
	background-image: url(../images/home_bg2.jpg);
	background-position: center center;
	background-size: 100%;
	height: 185px;
	padding-top: 15px;
}

#home_top_box {

	font-size: 0.75em;
	height: 150px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	text-align:center;	
	background-color: #333333;
	background-color: transparent;
	background-color: rgba(20, 50, 80, 0.6); /*Chrome, Firefox 3+, IE 9+, Opera 10.10+, Safari 3+ */

	border-radius: 15px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

	/* useful if you don't want a bg color from leaking outside the border: */
	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */

  /* -webkit-box-shadow: 0px 0px 10px 2px #000000; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
   /*       box-shadow: 0px 0px 10px 2px #000000; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

#home_top_box_TEST {

	font-size: 0.75em;
	height: 150px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	text-align:center;	
	
}

#body_container {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

.body_width {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

#row1col1 {
	width: 45%;
	padding-top: 20px;
	float: left;

}

#row1col2 {
	width: 45%;
	padding-left: 5%;
	padding-top: 20px;
	float: left;
}

#row2col1 {
	width: 100%;
	float: left;

}

#row2col2 {
	width: 100%;
	float: left;

}

#row3col1 {
	width: 100%;
	float: left;

}

#row3col2 {
	width: 100%;
	float: left;

}

#row2col1_home_img {
	width: 50%;
	float: left;

}

#row2col1_home_text {
	width: 50%;
	float: left;
	margin-bottom: 20px;

}

.marketing-ad-cell-1 {
	width: 96%; padding-right: 1%; padding-left: 1%;
}

.marketing-ad-cell-2 {
	width: 96%; padding-right: 1%; padding-left: 1%; text-align: center;
}

.button {
	display: inline-block;
	padding: 10px;
	padding-right: 13px;
	background-color: #41AFA5;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
}

.button:hover {
	background-color: #225B56;
}

.centeredWideMargins {
	text-align: center;
	margin: 20px;
}

.centered {
	text-align: center;
}


#footer {
	overflow: auto;
}

#footer_top {
	height: 65px;

}

#footer_top_container {
	border-top: 1px solid #CCCCCC;
	padding-top: 5px;
	height: 64px;
	margin-left:auto;
	margin-right: auto;
	width: 95%;
	max-width: 1000px;

}

#footer_top_left {
	float:left;
	width: 50%;
	text-align: left;

}

#footer_top_right {
	float:right;
	width: 50%;
	text-align: right;
}

#footer_container {
	padding-top: 10px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	max-width: 1000px;
}

#footer_green {
	margin-bottom: 1px;
	height: 9px;
	width: 100%;
	background-color: #007167;
}

#footer_grey {
	height: 110px;
	width: 100%;
	background-color: #222222;

}

.footer_link {
	float: left;
	margin-right: 20px;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.75em;
	color: #FFFFFF;
}

#copyright_line {
	margin-top: 50px;
	clear: both;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.65em;
	color: #BBBBBB;
}



.hide_mobile {
    display: inline;
}

.hide_tablet {
    display: none;
}

}




/*##############################################################################################*/
/*#################################       ######################################################*/
/*#################################  ####  #####################################################*/
/*#################################  ####  #####################################################*/
/*#################################  ####  #####################################################*/
/*#################################       ######################################################*/
/*##############################################################################################*/




/* Desktop Layout: 930px+  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 930px) {

#header {
  	overflow: auto;
}



#header_container {
	padding-top: 0px;
	padding-bottom: 10px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 1000px;
}

#header_green {
	background-color: #000000;
	height: 100px;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#444444)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #000000, #444444); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #000000, #444444); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #000000, #444444); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #000000, #444444);

}

#header_admin {
	background-color: #EEEEEE;
	height: 100px;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BBBBBB)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFFFF, #BBBBBB); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFFFF, #BBBBBB); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #FFFFFF, #BBBBBB); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #FFFFFF, #BBBBBB);

}

#header_logo {
	width: 38.5%;
	float:left;
	margin-left: -10px;
	padding-top: 0px;
}

#header_right {
	margin-top: 30px;
	padding-left: 11.5%;
	width: 50%;
	float: right;
}

#header_tagline {
	width: 100%;
	text-align: left;
	margin-bottom: 8px;
}

#header_phone {
	float:left;
	text-align: left;
	width: 59%;
}

#header_login_container {
	float:left;
	text-align:right;
	width: 40%;
}

#header_login {
	display: block;
	float:right;
	padding: 10px;
	background-color: #007167;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.85em;
	color: #FFFFFF;
}

#header_login:hover {
	float:right;
	padding: 10px;
	background-color: #6DC9BF;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.85em;
	color: #FFFFFF;
}

#top_nav_container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 1000px;

}

#secondary_nav_container {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 1000px;

}

#top_nav {

	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 6px;
	height: 24px;
	background-color:#007167;
}

#secondary_nav {

	display: none;


}

.nav_link {
	float: left;
	text-align: left;
	margin-right: 30px;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.85em;
	color: #FFFFFF;
	height: 24px;
}

#phone_nav {
	display: none;
}

#side_nav {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	width: 15%;
	padding-left: 1%;
	padding-right: 1%;
	border: 1px solid #999999;
	float: left;
}

#side_nav_admin {
	clear: both;
}

#right_body {
	padding-top: 25px;
	width: 78%;
	padding: 1%;
	margin-left: 2%;
	float: left;
}

.side_nav_button {

	float: none;
	border: 1px solid #AAAAAA;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	margin-right: 0px;

	font-family: "Century Gothic", sans-serif;
	color: #676767;
	font-size: 0.9em;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D2F0EB), to(#7BBFB5)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #D2F0EB, #7BBFB5); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #D2F0EB, #7BBFB5); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #D2F0EB, #7BBFB5); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #D2F0EB, #7BBFB5);

	overflow: auto;

}

.side_nav_button:hover {

	float: none;
	border: 1px solid #AAAAAA;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	margin-right: 0px;

	font-family: "Century Gothic", sans-serif;
	color: #676767;
	font-size: 0.9em;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#D2F0EB)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFFFF, #D2F0EB); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFFFF, #D2F0EB); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #FFFFFF, #D2F0EB); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #FFFFFF, #D2F0EB);

	overflow: auto;

}

.side_nav_button_current {

	float: none;
	border: 1px solid #AAAAAA;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	margin-right: 0px;

	font-family: "Century Gothic", sans-serif;
	color: #676767;
	font-size: 0.9em;

	/* to keep a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFF99), to(#FFC926)); /* Safari 4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFFF99, #FFC926); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFFF99, #FFC926); /* Firefox 3.6-15 */
	background-image:      -o-linear-gradient(top, #FFFF99, #FFC926); /* Opera 11.10-12.00 */
	background-image:         linear-gradient(to bottom, #FFFF99, #FFC926);

	overflow: auto;

}

.sect_on {
	background-image: url(../images/nav_sect_on.png);
	background-repeat: no-repeat;
	background-position: center bottom;
} 



/*##############################################################################################*/
/*##############################################################################################*/
/*##############################################################################################*/

.tech_header {
	display: block;
}


#device_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.device_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.device_cell {
	float: left;
	padding: 1%;
	width: 18%;
	background-color: #FFFFFF;
}


#monitors_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.monitors_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.monitors_cell {
	float: left;
	text-align: center;
	padding: 0.5%;
	width: 23%;
	background-color: #FFFFFF;
}



#cross-check_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.cross-check_table_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.cross-check_table_cell {
	float: left;
	text-align: center;
	padding: 0.25%;
	width: 6.5%;
}



#exposure_table {
	border: 1px solid #CCCCCC;
	overflow: auto;
}

.exposure_table_row {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	overflow: auto;
}

.exposure_table_cell {
	float: left;
	text-align: center;
	padding: 0.25%;
	width: 10%;
}

.tech_display_row {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;


}

.tech_display_col1 {
	float: left;
	width: 32%;
	padding-right: 1%;
}

.tech_display_col2 {
	float: left;
	width: 32%;
	padding-right: 1%;
}

.tech_display_col3 {
	float: left;
	width: 32%;
	padding-right: 1%;
}


.list_row {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #BBBBBB;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: auto;
}

.list_cell_5 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 4%;
	background-color: #FFFFFF;
}
.list_cell_10 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 9%;
	background-color: #FFFFFF;
	clear: none;
}

.list_cell_15 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 14%;
	background-color: #FFFFFF;
}

.list_cell_20 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 19%;
	background-color: #FFFFFF;

}

.list_cell_25 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 24%;
	background-color: #FFFFFF;
}

.list_cell_30 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
}

.df_list_row {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #BBBBBB;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: auto;
}

.df_list_cell_5 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 4%;
	background-color: #FFFFFF;
}
.df_list_cell_10 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 9%;
	background-color: #FFFFFF;
}

.df_list_cell_15 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 19%;
	background-color: #FFFFFF;
}

.df_list_cell_20 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 19%;
	background-color: #FFFFFF;
	clear: none;
}

.df_list_cell_25 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 19%;
	background-color: #FFFFFF;
}

.df_list_cell_30 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
}

/* 2022-Mar-01 pcarpenter START */
.lic_list_row {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #BBBBBB;
	padding-top: 3px;
	padding-bottom: 3px;
	overflow: auto;
}

.lic_list_cell_5 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 4%;
	background-color: #FFFFFF;
}
.lic_list_cell_10 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 9%;
	background-color: #FFFFFF;
}

.lic_list_cell_12 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 12%;
	background-color: #FFFFFF;
}

.lic_list_cell_15 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 15%;
	background-color: #FFFFFF;
}


.lic_list_cell_20 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 19%;
	background-color: #FFFFFF;
	clear: none;
}

.lic_list_cell_25 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 19%;
	background-color: #FFFFFF;
}

.lic_list_cell_30 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 29%;
	background-color: #FFFFFF;
}
/* 2022-Mar-01 pcarpenter END */

#observation_input_container {
	background-color: #F0F0E1;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
	border: 1px solid #999999;
	overflow: auto;
	width: 380px; 
	height: 225px; 
	position: fixed; 
	top: 10px; 
	left: 10px; 

}

.docform_section0 {
	background-color: #F0F0E1;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section1 {
	background-color: #FFDFDF;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section2 {
	background-color: #FFDFBF;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section3 {
	background-color: #FFFFBF;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section4 {
	background-color: #DFFFBF;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section5 {
	background-color: #C4FFF0;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}



.docform_section6 {
	background-color: #D9ECFF;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}

.docform_section7 {
	background-color: #F3E8FF;
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
	clear: both;
	border: 1px solid #999999;
	overflow: auto;

}


.docform_sub-header0 {
	background-color: #8A8A7B;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}


.docform_sub-header1 {
	background-color: #FF8F8F;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header2 {
	background-color: #FF9F6F;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header3 {
	background-color: #FFBF00;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header4 {
	background-color: #6DD900;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}


.docform_sub-header5 {
	background-color: #008C69;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}




.docform_sub-header6 {
	background-color: #007EFD;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}

.docform_sub-header7 {
	background-color: #9E3EFF;
	color: #FFFFFF;
	width: 98%;
	font-family: "Century Gothic Bold", sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;

}


.docform_row {
	clear: both;
}

.docform_col24 {
	width: 24%;
	padding-left: 1%;
	padding-right: 1%;
	float: left;

}

.docform_col27{
	width: 27%;
	padding-left: 1%;
	padding-right: 1%;
	float: left;

}

.docform_col29 {
	width: 29%;
	padding-left: 1%;
	padding-right: 1%;
	float: left;

}

.docform_col39 {
	width: 39%;
	padding-left: 1%;
	padding-right: 1%;
	float: left;

}

.docform_col49 {
	width: 49%;
	padding-left: 1%;
	padding-right: 1%;
	float: left;

}


.docform_col64 {
	width: 64%;
	padding-left: 1%;
	padding-right: 1%;
	float: left;

}


.note_box {
	border: 1px solid #CCCCCC;
	padding: 10px;
	background-color: #F8F8F8;
}

.spec_table_row { 
	padding-top: 10px; 
	border-top: 1px solid #BBBBBB;
	clear: both;
	overflow: auto;
}

.spec_table_col1 {
	width: 38%; 
	padding-right: 2%; 
	float:left;
}

.spec_table_col2 {
	width: 49%; 
	float:left;
}

.three-col-col1 {
	float: left;
	width: 30%;
	height: 250px;
	padding-right:2%;
	padding-bottom: 30px;
	border-right: 1px solid #999999;
}

.three-col-col2 {
	float: left;
	width: 30%;
	height: 250px;
	padding-right:2%;
	padding-left:1%;
	padding-bottom: 30px;
	border-right: 1px solid #999999;
	
}

.three-col-col3 {
	float: left;
	height: 250px;
	width: 30%;
	padding-left:1%;
}

.row {
	clear: both;
	overflow: auto;
}

.cell_1 {
	float: left;
	width: 30%;
	padding-right: 5%;
}

.cell_2 {
	float: left;
	width: 65%;
}

.hiw_row {
	clear: both;
	overflow: auto;
}

.hiw_cell_1 {
	float: left;
	width: 20%;
	padding-right: 3%;
}

.hiw_cell_2 {
	float: left;
	width: 50%;
	padding-top: 20px;
}

#services_top {
	display: block;
	width: 100%;
	margin-top: 1px;
	background-image: url(../images/painted_texture.jpg);
	background-position: center top;
	/*background-size: 100%;*/
	height: 300px;
	padding-top: 20px;
	margin-bottom: 25px;
}

#services_top_box {
	font-size: 1.0em;
	width: 750px;
	text-align:left;	

}


#program_top {
	display: block;
	width: 100%;
	margin-top: 1px;
	background-image: url(../images/granite_bg.jpg);
	background-position: center top;
	/*background-size: 100%;*/
	height: 300px;
	padding-top: 20px;
}

#program_top_box {
	font-size: 1.0em;
	width: 650px;
	text-align:left;	

}


#home_top {
	display: block;
	width: 100%;
	margin-top: 1px;
	background-image: url(../images/home_bg2.jpg);
	background-position: center center;
	background-size: 100%;
	height: 290px;
	padding-top: 15px;
	padding-bottom: 35px;
}

#home_top_box {
	font-size: 1.0em;
	height: 180px;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	text-align:center;	
	background-color: #006699;
	background-color: transparent;
	background-color: rgba(20, 50, 80, 0.6);  /*Chrome, Firefox 3+, IE 9+, Opera 10.10+, Safari 3+ */

	border-radius: 15px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

	/* useful if you don't want a bg color from leaking outside the border: */
	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */

  /*-webkit-box-shadow: 0px 0px 10px 2px #000000; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
   /*       box-shadow: 0px 0px 10px 2px #000000; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */

}


#home_top_box_TEST {
	font-size: 1.0em;
	height: 180px;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	text-align:center;	
	

}



#body_container {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 1000px;
}

.body_width {
	padding-top: 0px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 1000px;
}


#row1col1 {
	width: 55%;
	padding-top: 25px;
	float: left;

}

#row1col2 {
	width: 35%;
	padding-left: 5%;
	padding-top: 25px;
	float: left;
}

#row2col1 {
	width: 60%;
	float: left;

}

#row2col2 {
	width: 35%;
	padding-right: 1%;
	padding-left: 1%;
	float: left;
	border-left: 1px solid #BBBBBB;

}

#row3col1 {
	width: 49%;
	padding-right:1%;
	float: left;

}

#row3col2 {
	width: 47%;
	padding-right: 1%;
	padding-left: 1%;
	float: left;
	border-left: 1px solid #BBBBBB;

}


#row2col1_home_img {
	width: 50%;
	float: left;

}

#row2col1_home_text {
	width: 46%;
	padding-left: 1%;
	padding-right: 2%;
	float: left;
	margin-bottom: 20px;


}

.marketing-ad-cell-1 {
	float:left; width: 47%; padding-right: 1%; padding-left: 1%;
}

.marketing-ad-cell-2 {
	float:left; width: 47%; padding-right: 1%; padding-left: 1%; text-align: center;
}


.button {
	display: inline-block;
	padding: 10px;
	padding-right: 13px;
	background-color: #41AFA5;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
}

.button:hover {
	background-color: #225B56;
}

.centeredWideMargins {
	text-align: center;
	margin: 20px;
}

.centered {
	text-align: center;
}


#footer {
	overflow: auto;
}

#footer_top {
	height: 65px;

}

#footer_top_container {
	border-top: 1px solid #CCCCCC;
	padding-top: 5px;
	height: 64px;
	margin-left:auto;
	margin-right: auto;
	width: 95%;
	max-width: 1000px;

}

#footer_top_left {
	float:left;
	width: 50%;
	text-align: left;

}

#footer_top_right {
	float:right;
	width: 50%;
	text-align: right;
}

#footer_container {
	padding-top: 10px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	max-width: 1000px;
}

#footer_green {
	margin-bottom: 1px;
	height: 9px;
	width: 100%;
	background-color: #007167;
}

#footer_grey {
	height: 110px;
	width: 100%;
	background-color: #222222;

}

.footer_link {
	float: left;
	margin-right: 20px;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.75em;
	color: #FFFFFF;
}

#copyright_line {
	margin-top: 50px;
	clear: both;
	font-family: "Century Gothic", sans-serif;
	font-size: 0.65em;
	color: #BBBBBB;
}


.hide_desktop {
    display: none;
}

.hide_tablet {
	display: inline;
}

.hide_mobile {
    display: inline;
}

}