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

body { background-color:#eceff4; font-family: 'Montserrat', sans-serif; color:#333; background-color:white; font-size:14px; line-height:1em}


.standard_off{ display:none;} /* opposite of mobile_off */

a {color:#4d96bf; text-decoration:none}
a:hover {cursor: pointer;}

ul{ border:0px solid red; list-style-type: none;padding: 0px;margin: 0px; margin-bottom:20px;}
ul li{background-image: url(../images/bullet.png);background-repeat: no-repeat;background-position: 4px 6px;padding-left: 20px; line-height:2.0em}

h1, h2, h3 { color:#2b639e}
h1 {font-size:22px; font-weight:bold;padding-top:0;padding-bottom:0em; margin-bottom:0.8em; border:0px solid red;}
h2 {font-size:14px; font-weight:bold;padding-top:0;padding-bottom:0em; margin-bottom:0.8em; border:0px solid red}
h3 {font-size:14px; font-weight:normal;padding-top:0;padding-bottom:0em; margin-bottom:0.8em; border:0px solid red}
hr { border:0; border-bottom:1px solid #ccc}
strong, b {font-weight:bold}
em { font-style:italic}
p { margin-bottom:1em; }


input{ border:0; padding:0; margin:0; margin-bottom:14px; height:26px}
select{ border:0; padding:0; margin:0; margin-bottom:14px; height:26px}


input[type=submit] {cursor: pointer; text-transform:uppercase; font-weight:bold; background-color:#dc5800; border:0; color:white; height:32px; border-radius:6px; padding-left:8px; padding-right:8px}
input[type=text] { width:350px; padding-left:4px; padding-right:4px}
input[type=password] { width:350px; padding-left:4px; padding-right:4px}
select { width:350px}





.crunchify-top { margin-top:0px; margin:auto auto; position:relative; top:-20px; z-index:1000; display: block; background-color:#bbbbbb; border:1px solid #ffffff;
   transition: background-color 0.3s linear;
   -webkit-transition: background-color 0.3s linear;
   -moz-transition: background-color 0.3s linear;}

.crunchify-top:hover {
   background-color: #ccc;
}




label {display: inline-block; width:144px; border:0px solid red}


.float_left {float:left;}
.float_right {float:right;}
.clear_both{ clear:both;}
.clear_both_div{ clear:both; line-height:0;}

.greay_bg {#c2c2c2}


.no_wrap{white-space: nowrap;}


.enter { height:0px; width:0px; overflow:hidden}




.padding_30 { padding:30px}



.footer { line-height:2em; padding-top:44px; padding-bottom:44px;}
.footer_lhs { float:left; width:300px;}
.footer_rhs { width:300px; float:right; text-align:right}
.logo_iso9000 { margin-left:10px; position:relative; top: -11px;}


/******************************************************************************************************************/
/* Main Layout                                                                                                    */
/******************************************************************************************************************/
.main_width{width:1200px; margin:auto auto; padding-top:20px; padding-bottom:40px; margin-top:20px; margin-bottom:60px;}


.contact { display:inline-block; margin-top:40px}
.contact a{ color:#6eb6de}







/******************************************************************************************************************/
/* Customer Box                                                                                                   */
/******************************************************************************************************************/

.customer_box { float:right;  background-color:#eeeeee; width:700px; height:140px; line-height:1em; margin-bottom:40px; }

.customer_box .login{padding:20px;padding-left:30px; padding-right:30px; }
.customer_box .login input[type=submit]{ float:right; position:relative; top:-20px}

.customer_box .top{padding:0px; padding-top:20px; padding-left:30px; padding-right:30px;  height:60px; padding-left:30px; overflow:hidden; border-bottom:1px solid white}
.customer_box .top h2{ font-size:1em; line-height:1em; border:0; margin:0; color:#2b639e }
.customer_box .bottom{padding:20px; padding-left:30px; padding-right:30px; }
.customer_box .bottom span{color:#6eb6de}
.customer_box .bottom input[type=submit]{ float:right; position:relative; top:-20px}



/******************************************************************************************************************/
/* Control Pane                                                                                                   */
/******************************************************************************************************************/
.tabs { margin-top:40px; clear:both}
.tabs input{ border:0; margin:0; font-weight:bold; color:white; text-transform:uppercase; display:inline-block; background-color: #6eb6de;  border-radius:8px 8px 0 0 ;  padding:20px; padding-right:20px; padding-left:20px; padding-bottom:30px; margin-right:1px}
.tabs input.tab_active{background-color: #184a7e;}
.tabs .rhs{float:right; background-color:#c2c2c2; margin:0; margin-left:4px}

.control_pane { clear:both; background-color:#2b639e; color:white;}



.search_box { border:px solid white; border-bottom:0px solid #184a7e}
.search_box .grey_bg { background-color:#c2c2c2}

#open {display:none;}

#myText {display:inline-block; height:20px; padding-left:26px; padding-top:1px; background-repeat:no-repeat; background-image:url(../images/options-more.png); cursor: pointer;overflow:hidden; border:0; color:#6eb6de; border:0px solid green}

.jump_menu_locations { clear:both; float:right}
.jump_menu_description {clear:both; float:right}
.jump_menu_calib_status {clear:both; float:right}
.correct_rhs {position:relative; top:4px}


/******************************************************************************************************************/
/* Results Page                                                                                                   */
/******************************************************************************************************************/
.results { background-color:#184a7e; color:white; }
.results_bg { background-color:#eeeeee}
.pagination { margin-top:80px; height:50px; border-top:1px solid white}

.export_button { float:right; display:inline-block; cursor: pointer; text-transform:uppercase; font-weight:bold; background-color:#dc5800; border:0; color:white; padding:6px; font-size:11px; line-height:11px; padding-top:px; padding-bottom:4px; border-radius:6px; margin-top:0px;}

.equipment_button {display:inline-block; cursor: pointer; text-transform:uppercase; font-weight:bold; background-color:#dc5800; border:0; color:white; padding:6px; font-size:11px; line-height:11px; padding-top:px; padding-bottom:4px; border-radius:6px; margin-top:14px;}


.margin_right { margin-right:3px}
.spacer{ display:inline-block; height:50px}
.dot { height: 11px; width: 11px; border-radius: 50%;display: inline-block;}
.central { text-align:center}


/*table-layout: fixed; -> The layout is fixed based on the first row. Set the width of those, and the rest of the table follows.*/
table { font-size:11px; table-layout: fixed;  border-collapse: collapse;} /** 100% pulls agains other definitions*/
tr {width:1200px}
td {overflow: hidden; line-height:2em; overflow:hidden; height:20px; padding:4px; padding-bottom:2px;} 
  
.no_wrap {white-space: nowrap;}  



.header_row td{white-space: nowrap;line-height:1.4em;  padding:4px; padding-top:11px; background-color:#2b639e; color:white; font-weight:bold;  border-right:2px solid #184a7e}
.header_row input[type=submit] { position:relative; top:-6px; float:right; padding:0; margin:0; border:0; line-height:1.6em; margin-left:1px; height:auto; width:auto; border-radius:0; font-size:16px; font-weight:normal; background-color:#184a7e; overflow:hidden}
.header_row input[type=submit].active {background-color:#4d96bf;}


.td_Key{width:30px;}
.td_SerialNo{width:80px}
.td_CustAssetNo{width:80px}
.td_Description{width:214px}
.td_SubDescription{width:138px}
.td_EquiptStatus{width:126px}
.td_Location{width:176px}
.td_DateOfCal{width:51px}
.td_Period{width:44px}
.td_NextCal{width:49px}
.td_CertStatus{width:64px}
.td_Action{}

.standard_even .even{background-color:#e1f1e9}
.standard_even .odd{background-color:#c0e1d1}
.standard_odd .even{background-color:#d4eadf}
.standard_odd .odd{background-color:#b7dcca}
.standard_odd .dot, .standard_even .dot{background-color:#3cb878}

.expired_even .even{background-color:#f2d7d8}
.expired_even .odd{background-color:#e5babb}
.expired_odd .even{background-color:#eac4c5}
.expired_odd .odd{background-color:#ddadae}
.expired_odd .dot, .expired_even .dot{background-color:#9e0b0f}

.claibration_due_even .even{background-color:#ffe1c6}
.claibration_due_even .odd{background-color:#f7cfaa}
.claibration_due_odd .even{background-color:#f7cfaa}
.claibration_due_odd .odd{background-color:#f5ba84}
.claibration_due_odd .dot, .claibration_due_even .dot{background-color:#fd9336}

.at_poole_even .even{background-color:#f0e6f8}
.at_poole_even .odd{background-color:#dbc4ed}
.at_poole_odd .even{background-color:#e8d9f4}
.at_poole_odd .odd{background-color:#d6bde9}
.at_poole_odd .dot, .at_poole_even .dot{background-color:#662d91}

.archived_even .even{background-color:#f2ead5}
.archived_even .odd{background-color:#e1d2ac}
.archived_odd .even{background-color:#eadebf}
.archived_odd .odd{background-color:#d8c698}
.archived_odd .dot, .archived_even .dot{background-color:#b98700}


.not_in_use_even .even{background-color:#f0f0f0}
.not_in_use_even .odd{background-color:#dadada}
.not_in_use_odd .even{background-color:#e7e7e7}
.not_in_use_odd .odd{background-color:#d5d5d5}
.not_in_use_odd .dot, .not_in_use_even .dot{background-color:#ffffff}









/******************************************************************************************************************/
/* Equipment Page                                                                                                 */
/******************************************************************************************************************/
.equipment_page{}
.equipment_page.pagination{margin-top:0px; height:50px; border-top:0px solid white}
.comments_bg { background-color:#2b639e;color:white; }
.comments_bg h2{ color:white; padding:0; }
.top_bg { border-bottom:1px solid #184a7e}

.cpmments_pane { background-color:#184a7e; padding:30px;margin-bottom:30px; border-bottom:1px solid #2b639e}
.info{float:left; width:100px; border:0px solid black}
.info h2{ color:#6eb6de;line-height:1em; font-weight:normal; font-size:1em; border:0; margin:0; padding:0; margin-bottom:1em; border:0px solid green}

.comments {width:950px; float:right; border:0px solid red}
.comments h3{ color:#b7b7b7; margin-bottom:1em}
.comments hr{ border-color:#2b639e; margin-bottom:2em}

.equpiment_period { float:right}

.new_comments { width:100%; background-color:#FFF; height:140px; margin-bottom:30px}



/******************************************************************************************************************/
/* Help Page                                                                                                      */
/******************************************************************************************************************/
.help_bg {background-color:#2b639e;color:white;}
.text_line_height { line-height:2.8em }
.help_bg a { text-decoration:underline; color:white}
.help_bg h2 { color:#6eb6de; font-weight:bold; margin-bottom:0.2em}
.help_bg h3 { color:#6eb6de; font-weight:normal; margin-bottom:0.8em; margin-top:1em  }

.help_bg .dot { margin-left:20px; margin-right:10px;}


/******************************************************************************************************************/
/* User Settings                                                                                                  */
/******************************************************************************************************************/

.user_settings input[type='checkbox'] { position:relative; top:8px; right:3px; margin-left:30px}


/******************************************************************************************************************/
/* Contact Page                                                                                                   */
/******************************************************************************************************************/
.contact_bg{background-color:#2b639e;color:white; height:800px }
.contact_bg h2 { color:#6eb6de; font-weight:bold; margin-bottom:0.8em}

.contact_comments { width:990px; height:140px;}
.adjust_position_lable { position:relative; top:-126px}

/******************************************************************************************************************/
/*                                                                                                                */
/******************************************************************************************************************/
.message_container { clear:both;  height:44px; overflow:hidden}
.user_message, .error_message { color:#FFF;padding:10px;height:30px; padding-left:40px;  padding-top:14px; padding-bottom:0;background-repeat:no-repeat; background-position:10px center }
.user_message { background-image:url(../images/icon-user.png); }
.user_message { background-color:#3cb878;}
.error_message { background-color:#b94a4d;}
.error_message { background-image:url(../images/icon-error.png); }




/******************************************************************************************************************/
/*                                                                                                                */
/******************************************************************************************************************/
.debug_footer{font-family: 'Roboto Mono', monospace; line-height:1.2em}