/* //////////////////// METSTREAM - SECTIONS //////////////////// */
/* 1 - SITE WIDTHS */
/* 2 - FONT STYLES */
/* 3 - SITE HEADER */
/* 4 - SITE FOOTER */
/* 5 - GLOBAL CONTENT ELEMENTS */
/* 6 - CONTENT STYLES */

	/* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
	display: block;
	}
	/*body {
	line-height: 1;
	}*/
	ol, ul {
	list-style: none;
	}
	blockquote, q {
	quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	content: '';
	content: none;
	}
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* 1 //// SITE WIDTHS / ALIGNMENT / LAYOUT //// */	
body {margin:0 auto;}

#wrapper {min-width:980px; margin:0 auto; padding:0; overflow:hidden;}
#content-wrapper {width:100%; margin:0 auto; position: relative; float: left; padding:0;background-position:top center;}
.backContainer{position:absolute; margin: 0 auto;width: 100%; z-index: -1; height: 83%; background-color: rgba(255,255,255,0.3)}
.backMiddle{position:absolute; margin: 0 auto; left: 0; right: 0; width:960px; z-index: -1; height: 100%; background-color: rgba(255,255,255,0.4)}
#second-nav {width:190px; margin-right:40px; padding:0; float:left;}
/*#content-wrapper {width:100%; margin:0 auto; overflow:hidden; position:relative; z-index:500; background:url('/images/met-stream-bg.jpg') no-repeat 0 0 #FFF; background-position:top center;}*/
#content {margin:0 auto; width:960px; padding:0; clear:left;}
	/* /// GRID /// */
.g1 {max-width:730px; float:left; width:100%;} 
.g2 {max-width:355px; float:left;} /* margin-right is 20px */
.g3 {max-width:230px; float:left;} /* margin-right is 20px / 20px */
.g4 {max-width:167px; float:left;} /* margin-right is 21px / 20px / 21px */
.g5 {max-width:130px; float:left;} /* margin-right is 20px / 20px / 20px / 20px */
		/* // MULTIPLE BOX WIDTHS // */
.g3-2 {max-width:480px; float:left;} /* margin-right is 20px */
.g4-3 {max-width:542px; float:left;} /* margin-right is 21px */
.g5-2 {max-width:280px; float:left;} /* margin-right is 20px */
.g5-3 {max-width:430px; float:left;} /* margin-right is 20px */
.g5-4 {max-width:580px; float:left;} /* margin-right is 20px */
	/* /// MARGIN-RIGHT /// */
.m20 {margin-right:20px;}
.m21 {margin-right:21px;}
	/* /// MARGIN-TOP /// */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:20px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
	/* /// MARGIN-BOTTOM /// */
.mb35 {margin-bottom:35px;}
	/* /// PADDING-RIGHT /// */
.p5 {padding-right:5px;}
.p10 {padding-right:10px;}
.p15 {padding-right:15px;}
.p20 {padding-right:20px;}
.p25 {padding-right:20px;}
.p30 {padding-right:20px;}

/* 2 //// FONT STYLES //// */
p, li, dd, dt, h3, h4 {font-family:Arial, Helvetica, sans-serif; color:#333333; margin-top:0;}
h1, /*h2,*/ dt, dd, #dashboard-title {font-family:'Epoca Classic Light', Helvetica, Arial, sans-serif; font-weight:normal;}
p {font-size:0.875em;/* 14px */ line-height:1.5em;/* 24px */}

/*li,*/ dd, dt {font-size:0.875em;/* 14px */ line-height:1.5em;/* 24px */}
h1 {font-size:1.875em;/* 30px */ line-height:1em;/* 16px */ margin:10px 0 15px 0; color:#00adef;}
h2 {font-size:1.625em;/* 26px */ line-height:1.5em;/* 24px */ color:#333333;}
h3 {font-size:1em;/* 16px */ line-height:1.375em;/* 22px */ font-weight:normal;}
h4 {font-size:1em;/* 16px */ line-height:1.375em;/* 22px */}
a {color:#00b9ff; text-decoration:none; outline:none;}
a:hover {color:#00b9ff; text-decoration:underline;}
.g1 p a {text-decoration:underline;}
.g1 p a:hover {text-decoration:underline; color:#333333;}
	/* /// WEB FONT - FONT SQUIRREL /// */
@font-face {font-family:'Epoca Classic Light'; src:url('/fonts/epoclassic-lig-webfont-webfont.eot') format('eot'), url('/fonts/epoclassic-lig-webfont-webfont.woff') format('woff'), url('/fonts/epoclassic-lig-webfont-webfont.ttf') format('truetype');}
input[type=text], input[type=password], input[type=number]{
	border-radius:4px;
	border: 1px solid #ccc;
}
select{
	border-radius:4px;
	border: 1px solid #ccc;
}

/* 3 //// SITE HEADER //// */
#header {margin:7px auto 0 auto; padding:0; border-bottom:solid 1px #e3e3e3; height:94px; width:960px; position:relative;}
#header .header-content {margin:0 auto; width:960px; height:95px; position:relative;}
#header #logo {height:70px; width:101px; float:left; margin-left:4px; margin-top:11px; position:absolute;}
#header .header-contacts {float:right; color:#7d7d7d; margin:7px 0 0 100px;}
#header .header-contacts a {color:#7d7d7d;}
#header .header-contacts a:hover {color:#00b9ff;}
#header #metstream-logo {text-indent:-6000px; position:absolute; left:137px; top:48px; width:225px; height:25px;}
/*#header #customer-title {position:absolute; font-size:22px; margin-left:380px; margin-top:48px;text-align:center;width:315px;}*/
/*#header #customer-title {position:absolute; font-size:20px; margin-left:350px; margin-top:177px;text-align:center;width:315px;color:#cccccc;}*/
#header #customer-title {z-index:1000; position:absolute; font-size:24px; margin-left:26px; margin-top:110px; text-align:left; font-weight:bold; /*width:560px;*/color:#FFFFFF;display:inline-block;}
#configure button{
	padding:1px 5px 3px 5px; 
	background-color: #00b4ff; 
	clear:left; 
	width:110px; 
	height:30px;
	color:#FFF; 
	position:absolute; 
	top:30px; 
	right:2px;
	font-size:18px;
	border:none;
	border-radius: 5px;
	transition: all 0.5s;
	cursor: pointer;
}

::-webkit-file-upload-button{
	background-color: #333333;
	color: #FFF;
	border:none;
	border-radius: 5px;
	height: 20px;
	cursor: pointer;
	font-size: 12px;
	width: 90px;
}

::-webkit-file-upload-button:hover{
	background-color: #00b4ff;
}

::-webkit-file-upload-button:focus{
	outline: none;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\2197';
  zoom: 130%;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -5px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 20px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.button:focus{
	outline:0;
}


/* 4 //// SITE FOOTER //// */
#footer {margin:0 auto; padding:0; position:relative; width:100%; background:#f2efef; height:100px; clear: both}
#footer p, #footer li {font-size:0.75em;/* 12px */ color:#7d7a7a;}
#footer a {color:#545454;}
#footer a:hover {color:#00b9ff;}
#footer #footer-content {width:960px; margin:0 auto;}
#footer p {margin-top:70px;}
#footer p.logo-footer {text-indent:-6000px; background:url('/images/metstream-logo-footer.png') no-repeat 0 0; width:170px; height:19px; float:right;}
#footer p.softVersion {float:right;padding:5px 0 0 5px;}
#footer p.web-address {float:right; padding:6px 0 0 20px;}
#footer p.copyright {float:left;}

/* 5 //// GLOBAL CONTENT ELEMENTS //// */
	/* /// GLOBAL STYLES /// */
.pipe {margin:-3px 7px 0px 7px;}
.clear {clear:both;}
.last {margin-right:0 !important; padding-right:0 !important;}
.left {float:left;}
.right {float:right;}
/*img {border:none; width:100%; height:auto;}*/

.kwwrap {width:960px ; margin : auto; overflow:hidden;}

/* 6 //// CONTENT STYLES //// */
.index-top {position:relative; max-width:971px ;margin:0 auto; }
.index-top .flexslider {height:100%; min-width: 920px; margin:0 auto; overflow:visible; padding:30px 40px 20px 40px;}
	/* /// STATUS SECTION /// */
.status-box {height:113px; width: 960px; margin-left: 5px; background-color:rgba(114,114,114,0.7); }
.status-box .status-left {position:absolute; left:31px; top:20px; width:300px;}
.status-box .status-right {position:absolute; right:20px; top:20px; width:300px;}
.status-box .status-middle{position:absolute; right:180px; top:50px; width:300px;}
span#dataRateInfo  {font-size:12px;}
.status-box p {color:#FFF; font-size:18px; line-height:24px;}
.status-box p#instrument {font-weight:bold; font-size:20px; padding-top: 40px;}
.status-box p#time, .status-box p#date {float:left; margin-bottom:5px; padding-top: 5px;}
.status-box p#ERROR-MSG{padding-top:5px;}
.status-box p#date {margin-left:20px;}
.status-box p#data-rate{padding-top: 5px;}
.status-box p#server {font-size:14px; line-height:16px; font-weight:bold;}
p#configure a {padding:1px 5px 3px 5px; background:url('/images/new-window.png') no-repeat 0 0 #00b4ff; clear:left; width:100px; color:#FFF; display:block; background-position:right; position:absolute; top:2px; right:19px; font-size:18px;}
.status-box span {font-weight:bold; border:none; border-radius: 8px;}
		/* // STATUS ON / OFF // */
.status-box p#status span#connected {padding:2px 5px 2px 5px; background:#00CC00; color:#FFF;}
.status-box p#status span#disconnected {padding:2px 5px 2px 5px; background:#F00; color:#FFF;}
.status-box p#status span#other {padding:2px 5px 2px 5px; background:#FF9900; color:#FFF;}
	/* /// SLIDER SECTIONS /// */
.index-top .hero1 {width:971px; height:100%;  }
.index-top .flexslider .slides p a {text-decoration:underline;}
.index-top .flexslider .slides p a:hover {color:#333333;}
		/* // OUTPUT READINGS // */
.index-top .hero1 .output-column {border-right:solid 2px #FFFFFF; padding:0 20px 0 20px; float:left;}
.index-top .hero1 p {text-align:center; font-size:14px;}
.index-top .hero1 h2.measurement-type {text-align:center; font-size:14px; font-weight:bold; margin-top:5px;}
.index-top .hero1 p.output-reading {font-size:24px;}
.index-top .hero1 p.min span, .index-top .hero1 p.max span {color:#000; font-weight:bold;}
.index-top .hero1 p.dew-point {margin-top:10px;}
.index-top .hero1 p.dew-point span {clear:left; color:#000; font-size:13px;}
.index-top .hero1 p.change-units {text-indent:-10000px; margin-top:10px; width:88px; height:37px; float:right;}
.index-top .hero1 p.change-units a {display:block; width:88px; height:37px; background:url('/images/change-units.png') no-repeat 0 0; width:88px; height:37px;}
.index-top .hero1 p.change-units a:hover {display:block; width:88px; height:37px; background:url('/images/change-units.png') no-repeat 0 -37px; width:88px; height:37px;}
.index-top .hero1 .output-column {margin-bottom:40px; min-height:450px;}
	
		/* // POPUP BOXES // */
.popup {background:#FFFFFF; width:100%; padding:10px 15px 10px 15px;}
/*.popup li {font-size:22px; line-height:22px; /*float:left;*/ margin:15px 15px 15px 0;}*/
.popup li a {display:inline-block; padding:10px; border:solid 1px #CCCCCC; float:left; width:30px; background:#dadada; color:#666666;}
.popup li a.selected, .popup li a:hover {background:#00b4ff; color:#FFFFFF;}
			/* / POPUP UNIQUE STYLES / */
.choose-units {height:200px;}

/* widget - add borders and reduce widths to compensate */

.widget-wrap { height:480px; }

.widget-wrapLast { height:480px; float:left;}

/*
.widget-wrap-DIR, .widget-wrap-SPEED, .widget-wrap-U-AXIS, .widget-wrap-V-AXIS, .widget-wrap-W-AXIS, .widget-wrap-RAIN, .widget-wrap-AN1, .widget-wrap-AN2, .widget-wrap-DIG1, .widget-wrap-SOLAR {width:238px;}
.widget-wrap-TEMP, .widget-wrap-RH, .widget-wrap-PRT, .widget-wrap-PRESS , .widget-wrap-VOLT {width:159px;}
*/
/*=================================================
	Addtional styles

=================================================*/

p.not-compatible {display:none;}


.spinner {
	padding: 50px 0;
	text-align: center;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-ms-transition: opacity 500ms;
	transition: opacity 500ms;
	opacity: 1;
}

.spinner.hidden {
	visibility: hidden;
	opacity: 0;
}

.spinner p {
	margin: 10px 0 0 0;
}

.main-content {
	
	width: 960px;
	/*padding: 0 0 0 30px;*/
	margin: auto;
}

.slider_rewind_nav {
	right: 10px;
	top: -134px;
	font-weight: bold;
	font-size: 12px;
}

.slider_rewind_nav a {
	display: block;
	cursor: pointer;
	color: #333;
	text-decoration: none;
	text-align: center;
	border-bottom: 3px solid #fff;
}

.slider_rewind_nav div{
	float: left; 
	margin: 0px 0px 0px 7px;
	display: block;
	color: #333;
	text-decoration: none;
	text-align: center;
	border-bottom: 3px solid #fff;
	font-family:Arial, Helvetica, sans-serif;
}

.slider_rewind_nav a.active {
	border-bottom-color: #00b9ff;
	outline: none;
	color: #00b9ff;
}

.slider_rewind_nav a.active:hover {
	border-bottom-color: #00b9ff;
}

.slider_rewind_nav a:hover {
	border-bottom-color: #ccc;
}


.main-content .slider_rewind_wrap li {width:960px !important}


.slider-left-arrow,
.slider-right-arrow {
	background: #333;
	width: 30px;
	height: 40px;
	position: absolute;
	top:112%;
	margin: -80px 0 0 0;
	cursor: pointer;
	-webkit-transition: opacity 400ms;
	-moz-transition: opacity 400ms;
	-o-transition: opacity 400ms;
	-ms-transition: opacity 400ms;
	transition: opacity 400ms;
}

body:hover .slider-left-arrow,
body:hover .slider-right-arrow {
	opacity: 0.8;
}

body:hover .slider-left-arrow:hover,
body:hover .slider-right-arrow:hover {
	opacity: 1;
	background-color: #999999;
}

.slider-left-arrow {
	left: 0;
	margin-left: 0px;
}

.slider-left-arrow:after {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	border-right: 15px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -10px;
}

.slider-right-arrow {
	right: 0;
	margin-right: 0px;
}

.slider-right-arrow:after {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	border-left: 15px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -5px;
}

.measurement-type {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0 0;
	display: block;
}

.output-reading {
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin: 8px 0;
	letter-spacing: -0.04em;
}
/*
.output-reading.temperature {
	color: #cc0000;
}

.output-reading.humidity {
	color: #006699;
}

.output-reading.pressure {
	color: #ff6600;
}

.output-reading.dial,
.output-reading.digital {
	color: #0086c5;
}

*/
.tab_section .measurement_log .measurement,
.tab_section .measurement_log .buttons,
.tab_section .measurement_log .externalDrives {
	width:220px;
	float:left; 
}
.tab_section .measurement_log .measurement .measurement_log_files input {
	float:left;
	width:15px;
	margin-right:10px;
}
.tab_section .measurement_log .measurement .measurement_log_files li {
	float:left;
	width:250px;	
}

.tab_section .measurement_log .measurement .measurement_log_files  a,
.zip{
	
	padding: 2px 6px 2px 6px;
	margin-left: 6px;
	background: #333333;
	text-decoration: none;
	color: #FFFFFF;
}
.tab_section .measurement_log .measurement .measurement_log_files  .progress{
	
	font-size: 9px;
	margin-left: 3px;
	margin-right: 2px;
}


.tab_section .measurement_log .measurement .measurement_log_files  a:hover,
.zip:hover{
	 background: #00b4ff;
}


.tab_section .measurement_log .buttons {
	width:180px;
	margin-left:30px;
	margin-top:38px;
}
.tab_section .measurement_log .buttons input {
	width:150px;
}
.tab_section .measurement_log h4 {
	margin-bottom:15px;
}

.tab_section .static_dhcp_radios,
.tab_section .dialStyle_radios,
.tab_section .LAN_radios,
.tab_section .on_off_wlan_radios,
.tab_section .wlan_static_dhcp_radios {
	margin-top:15px;
	margin-bottom:15px;
}

.custom-text{
	display: none;	
	font-size: 12px;
	margin: -28px 0 0 0;
	text-align: center;
	position: absolute;
	min-height: 28px;
	
}

.minMax {
	display: block;
	font-size: 12px;
	text-align: center;
	margin: 0 0 5px 0;
}

.minMax span {
	font-weight: bold;
}

.dew-point {
	display: block;
	font-size: 13px;
	text-align: center;
	margin: 15px 0 -52px 0;
	color: #333333;
	font-weight:bold;
}

.dew-point span {
	margin-top:5px;
	display: block;
	font-size: 16px;
	color: #CC0001;
}

.show-graph{
	background: #fff url(../images/graph-units.png) 11px 9px no-repeat;
	color: #333;
	font-size: 0.85em;
	font-weight: bold;
	height: 48px;
	left: 50%;
	margin: 0px 0 0 -55px;
	position: absolute;
	bottom: 0;
	width: 48px;
	border:none;
	border-radius: 5px;
	
}

.show-graph:hover {
	background-color: #00b4ff;
	background-position: 11px -52px;
	cursor: pointer;
	color: #fff;
}

.show-graph span {
	display: block;
	margin: 5px 0 0 0;
}

.change-units {
	background: #fff url(../images/change-units.png) 11px 9px no-repeat;
	bottom: 0;
	color: #333;
	font-size: 0.85em;
	font-weight: bold;
	height: 48px;
	left: 50%;
	margin: 0px 0 0 7px;
	position: absolute;
	bottom:0;
	width: 48px;
	border:none;
	border-radius: 5px;
}


.change-units:hover {
	background-color: #00b4ff;
	background-position: 11px -52px;
	cursor: pointer;
	color: #fff;
}

.change-units span {
	display: block;
	margin: 5px 0 0 0;
}

/*=================================================
	Configuration pop

=================================================*/

/*.configuration h3 {margin-bottom:20px;}*/
.configuration .config-left-col {float:left; width:16%; border-left:solid 2px #dadada;}
.configuration .config-right-col {float:left; width:81%; padding:0 10px 0 0;}
.configuration h2 {
	font-family: Arials, sans-serif;
	border-bottom: 1px solid #ccc;
	width: 80%;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 10px;
}

.configuration h3 {
	font-weight: bold;
	font-size: 0.85em;
}

.configuration .config-left-col ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	margin-left:10px;
}

.configuration .config-left-col li:hover{
	box-shadow: 0 0px #DADADA;
	transform: translateY(3px);
}

.configuration .config-left-col li {
	font: 13px Arial;
	background-color:#FFF;
	/*width:150px;*/
	color: #333;
	height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
	border-radius: 5px;
	margin-bottom:10px;
	width: 95%;
	text-align: center;
	line-height: 30px;
	box-shadow: 0 3px #DADADA;
	border: 2px solid #DADADA;
	font-weight: 600;
}

.tab_nav li {
	display: inline-block;
	font-size: 0.8em;
	float: left;
	display:table;
}

.tab_nav {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	border-radius: 8px;
}


.tab_nav li a {
	display: block;
	height: 50px;
	padding: 0px 7px 0px 7px;
	width: 75px;	
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	display:table-cell;
	border-left: 2px solid #FFFFFF;
	font-weight: 600;
}

.tab_nav li a:hover {
	text-decoration: none;
	background: #7e7e7e;
}

.tab_nav li a.active {
	background: #00b4ff;
}

.tab_section {
	clear: left;
	max-height: 400px;
	min-height: 350px;
	overflow-y: auto;
	margin-top: 10px;
}

.tab_section .radios{
	padding: 10px 40px;
	font-size: 0.9em;
	font-weight: bold;
}

.tab_section h3{
	margin-top: 10px;
	margin-bottom:15px;
}

.supported-devices {
	list-style-type: square;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	font-size: 0.95em;
	line-height: 1.5;
}

/*.configuration .config-left-col li a {display:block; padding:5px 8px 5px 8px; background:#333333; color:#FFFFFF; width: 100%;}*/
/*.configuration .config-left-col li a:hover {background:#00b4ff;}*/
/*
.configuration .config-right-col li {
	display:inline-block;
	margin-bottom:5px;
	font-size:0.75em;
	text-transform: capitalize;
}*/
/*.configuration .config-right-col li a {display:block; padding:5px 8px 5px 8px; background:#333333; color:#FFFFFF; width: 100%;}*/
/*.configuration .config-right-col li a:hover {/*background:#00b4ff;}*/

.configuration .config-right-col .report-format {
	margin-top:30px;
	clear: left;
	padding: 15px 0 0 0;
}

.configuration .config-right-col .report-format label {float:left; margin-right:10px; padding:5px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; font-size:1em;}
.configuration .config-right-col .report-format option {display:block; background:#333333; color:#FFFFFF; border:solid 0px #FFFFFF;}
.configuration .config-right-col .report-format select:hover {/*background:#00b4ff;*/}
.configuration .config-right-col .report-format select {display:inline-block; margin-bottom:5px; font-size:0.75em/*12px*/;  min-width:85px; padding:5px 8px 5px 8px; background:#333333; color:#FFFFFF; border:0; outline:0;}

.configuration .config-right-col .current-parameters {clear:left; margin:10px 0 20px 0; overflow: hidden;}
.configuration .config-right-col .current-parameters h3 {margin-bottom:20px;}



.configuration .config-right-col .select-parameters {
	clear: left;
}

.configuration .config-right-col .select-parameters li {
	display: inline-block;
	margin: 0 5px 0 0;
}

/*.configuration .config-right-col .select-parameters li {min-width:130px;}*/

.configuration .selected {display:block; background:#00b4ff !important;}

#save-configurations {
	background: #333;
	color: #fff;
	border: none;
	cursor: pointer;
	line-height: 2;
	font-weight: bold;
	font-size: 0.9em;
	clear: both;
	float: right;
}

/*=================================================
	Change units pop

=================================================*/

.settings-box {
	background: #fff;
}
.graph-box p,
.settings-box p {
	font-size: 1.3em;
	line-height: 1.3em;
	width: 80%;
	font-weight: bold;
	text-align: center;
	padding-left:30px;
}
.graph-box p{
		width: 95%;
}
.settings-box .save-instructions {
	width: 100%;
	font-size: 0.8em;
}

.settings-box #gauge-title,
.settings-box #measure-title,
.settings-box #reset-title,
.settings-box #dial-title{
	text-align: left;
	font-size: 1.1em;
	width: 95%;
	font-weight: bold;
	padding-top:10px;
	padding-left:0px;
}

.settings-box#gauge-title{
	padding-top:0px;
}

.settings-box  .reset-rainfall {
	background: #DADADA;
	color: #666;
	display: inline-block;
	font-size: 14px;	
	height: 40px;
	line-height: 38px;
	margin: 0 3px 3px 0;
	text-align: center;
	width: 80px;
	border:none;
	border-radius: 5px;
	cursor: pointer;
}

.settings-box  .reset-min,
.settings-box  .reset-max {
	background: #DADADA;
	color: #666;
	display: inline-block;
	font-size: 14px;	
	height: 40px;
	line-height:38px;
	margin: 0 3px 3px 0;
	text-align: center;
	vertical-align: middle;
	width: 80px
}

.settings-box .startValue ,
.settings-box  .endValue{
	font-size: 0.9em;
	font-family: Arial, sans-serif;
	margin: 0 10px 10px 0;
}
.settings-box  .startValue  input,
.settings-box  .endValue  input{
	width:60px;
}

.settings-box .measurement-types ,
.settings-box .reset-min-max,
.settings-box .reset-rainfall-button,
.settings-box .dial-style,
.period-value,
.settings-box .startEndSettings{
	padding: 15px 10px 5px 10px;
}

.autoscale{
	padding: 0px 10px 5px 0px;
}

.dial-style li {
	background: #DADADA;
	color: #666;
	display: inline-block;
	font-size: 14px;
	height: 40px;
	line-height: 38px;
	margin: 0 3px 3px 0;
	text-align: center;
	width: 80px;
	border:none;
	border-radius: 5px;
}

.autoscale li{
	background: #DADADA;
	color: #666;
	display: inline-block;
	font-size: 1.2em;
	height: 25px;
	line-height: 25px;
	margin: 0 0px 0px 20px;	
	text-align: center;
	width: 100px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.period-value li{
	background: #DADADA;
	color: #666;
	display: inline-block;
	font-size: 1.4em;
	height: 45px;
	line-height: 45px;
	margin: 0 10px 10px 10px;
	text-align: center;
	width: 140px;
	border: none;
	border-radius: 5px;
}

.measurement-types li{
	background: #DADADA;
	color: #666;
	display: inline-block;
	font-size:14px;
	height: 40px;
	line-height: 38px;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 80px;
	border:none;
	border-radius: 5px;
}

.login button:hover,
.refresh_wifi:hover,
.refresh_dongle:hover,
.dial-style li:hover,
.dial-style li.active,
/*.autoscale li:hover,*/
.autoscale li.active,
.period-value li:hover,
.period-value li.active,
.measurement-types li:hover,
.measurement-types li.active {
	background: #00B4FF;
	color: #fff;
	cursor: pointer;
}
.reset-rainfall-button li.active,
.reset-rainfall-button li:hover,
.reset-min-max li:hover,
.reset-min-max li.active{
	background: #00B4FF;
	color: #fff;
	cursor: pointer;
}
.reset-min-max li{
	border:none;
	border-radius: 5px;
}

.refresh_wifi,
.refresh_dongle{
	background: #DADADA;
	color: #666;
	display: inline-block;
	font-size: 1.3em;
	height: 20px;
	line-height: 20px;
	margin: 0 10px 10px 0;
	text-align: center;
	width: 60px
}

/*
.measurement-types.pressure li {
	font-size: 1.3em;
	text-transform: lowercase;
}

.measurement-types.speed li {
	font-size: 1.5em;
	text-transform: lowercase;
}

.measurement-types.depth li,
.measurement-types.rainfall li {
	text-transform: lowercase;
}
*/


/*=================================================
	Superscript

=================================================*/

sup {
	font-size: 0.55em;
}

/*=================================================
	Configuration Settings Box

=================================================*/

/*.tab_section div,*/
.currentUsername,
.old-password,
.newUsername,
.newPassword,
.confirmNewPassword,
.password-choice-label,
.BaudRate label,
.interface label,
.deviceID label,
.ascii-setup-labels,
.parameter-number,
.wow,
.wunder,
.ptpOptions,
.about,
.timezone {
	display: block;
	font-size: 0.75em;	
}

.itemTitle{
	font-size: 0.75em;	
	width: 100px;
	float: left; 
	padding-top: 8px;	
}

.dateANDtime .time input{
	width:16px; 
}

.tab_section input,
.tab_section select,
.currentUsername{
	margin-top: 5px;
	margin-bottom: 5px;
}

.timeSource h4{
	font-weight:bold
}

.about span{
	font-weight:bold
}

.js-save-new-password, 
.settings-box .save-settings,
.js-save-settings,
.js-save-com-settings,
.js-save-wow-settings,
.js-save-time-zone,
.js-save-time-date,
.js-save-time-source-settings,
.js-save-dashboard-settings{
	background: #333;
	color: #fff;
	min-width: 120px;
	font-size: 0.9em;
	border: none;
	padding: 5px 0;
	cursor: pointer;
	/*margin-top: 10px;*/
	margin: 30px auto 0px auto;
	width: 80px;
	display: block;
	border:none;
	border-radius: 5px;	
}

.js-save-new-password:hover, 
.settings-box .save-settings:hover,
.js-save-settings:hover,
.js-save-com-settings:hover,
.js-save-wow-settings:hover,
.js-save-time-zone:hover,
.js-save-time-date:hover,
.js-save-time-source-settings:hover,
.js-save-dashboard-settings:hover{
	background: #00B4FF;	
}

.default-unit-wrap,
.parameter-wrap {
	width: 200px;
	font-size: 0.7em;
	padding: 0 10px 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.default-measurement-ranges-wrap{
	width: 200px;
	font-size: 0.7em;
	/*padding: 0 10px 10px 0;*/
	padding-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.default-unit-wrap li,
.default-measurement-ranges-wrap li,
.parameter-wrap li {
	padding: 0 10px 0 0;
}

.default-unit-wrap select,
.parameter-wrap select {
	font-size: 0.95em;
	height: 30px;
	color: #000;
	width: 60%;
}
.default-measurement-ranges-wrap #default-start-value,
.default-measurement-ranges-wrap #default-end-value{
	/*font-size: 0.95em;
	height: 30px;
	background: #9D9C95;
	color: #fff;*/
	width: 23%;   /*21  23*/
	margin-top: 0px;
	height: 20px;
}
/*
.default-measurement-ranges-wrap label#min{
	font-size: 0.95em;	
	margin: 0px 48px 0px 13px;
	position: relative;
}
.default-measurement-ranges-wrap label#max{
	font-size: 0.95em;	
	margin: 0px 48px 0px 13px;
	position: relative;
}
*/
.default-unit-wrap .defaultUnits{
	width: 30%;
	height: 20px;
}

.parameter-wrap .units{
	width: 30%;
	height: 30px;
}

.default-unit-wrap .param-field {
	float: left;
	font-size: 1em;
	width: 40%;
	padding: 5px 5px 0 0;
	font-weight: bold;
}

.default-measurement-ranges-wrap .param-field {
	float: left;
	font-size: 1em;
	width: 40%;   /*41  47*/
	padding: 5px 5px 0 0;
	font-weight: bold;
}

/*.default-unit-wrap .field-count,*/
.parameter-wrap .field-count {
	display: block;
}

.current-parameters > li ,
.default-units > li,
.default-measurement-ranges > li {
	display: inline-block;
}

.custom-parameter-wrap {
	padding: 0 0 25px 0;
}

.custom-parameter-wrap span {
	font-size: 0.7em;
}

.custom-parameter-wrap select {
	font-size: 0.7em;
	color: #000;
	width: 120px;
}

.custom-parameter-wrap label {
	margin: 0 20px 0 0;
}

.custom-parameter-wrap h3 {
	padding: 0 0 10px 0;
}





/*=================================================
	Login Box

=================================================*/

.login {
	background: #fff;
	padding: 10px 0 0 15px
}

.login p {
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

.login form {
	font-size: 0.8em;
	font-family: Arial;
	padding: 10px 0 0 0;
}

.login label {
	padding: 0 0 8px 0;
	display: block;
}

.login span {
	width: 65px;
	display: inline-block;
	padding-right: 10px;
}

.login button {
	background: #333;
	color: #fff;
	border: none;
	margin-top: 10px;
	font-weight: bold;
	padding: 5px 15px;
	width: auto;
	margin: 0 auto;
	display: block;
	border:none;
	border-radius: 5px;
}
.login button:focus{
	outline:none;
}

.login .error {
	color: red;
	width: auto;
	padding: 5px 0 5px 40px;
}

.kw1rule {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(51,51,51,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(51,51,51,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(51,51,51,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(51,51,51,0.75), rgba(0,0,0,0)); 
	
	margin: 0px 0px 10px 0px;
}
.daspacer {
padding: 10px 0px 0px 0px;
}