body{
	font-family: 'Droid Sans', Arial, helvetica, sans-serif;
	background-color: #eff3f6;
	font-size:0.9em;
    margin:0px;
    padding:0px;
    width:100%;
    max-width:100%;
}
h1, h2, h3 {
	font-weight:normal;
	margin:0px;
	clear:both;
}
.wdthSttr {
	width:1280px;
	max-width:100%;	
	margin:auto;
}
.actAsBtn, .actAsLink {
	cursor:pointer;
}
.lookAsLink {
	cursor:pointer;
	color:#4f8bbf;
}

.content_block {
	width:100%;
}
#content_block_home {
	margin:0px;
	padding:0px;
}
#content_block_calculator {
	background-color:#d7d3c8;
}
.calculatorNote {
	color:#999;
	font-size:0.9em;
}
.rbLotoTop {
	width:40%;
	min-width:190px;
}
.rbLogoTop {
	padding:10px 0px 10px 0px;
	background-color:#ffffff;
}
#rainbird_logo {
	width:94%;
	max-width:400px;
	margin:0em 1em 1em 1em;
}
.rb_header {
	background-color:#008443;
	font-size:1.5em;
	font-weight:normal;
	color:#fff;
	max-width:100%;
	width:100%;
	text-align:center;
	vertical-align:middle;
	padding:12px 0px;
	margin:auto;
}
.rb_headerTopLink {
	float:left;
	width:40px;
	margin-top:-8px;
	cursor:pointer;
}
.rb_content {
	font-size:1em;
	font-weight:normal;
	color:#000;
	width:1280px;
	max-width:100%;
	text-align:center;
	vertical-align:middle;
	padding:1em 0em;
	margin:auto;
}
#decorativeHeaderImg {
	margin-top:94px;
	max-width:100%;
	width:100%;
}
#rb_nav_header {
	position:fixed;
	top:0px;
	z-index:999;
	background-color:#FFFFFF;
	width:100%;
	max-width:100%;	
	margin:auto;
	border-bottom: 6px solid #008443;
}

@media only screen and (max-width: 1100px) {
	#rb_nav_header {
			border-bottom: 0px;
	}
}


#rb_nav_inner {
	margin:auto;
	height:158px;
}
#wholeNavDesktopContainer {
	width:100%;
	background-color:#008443;
	z-index:1501;
}
#wholeNavDesktop {
	display: flex;
	flex-wrap: nowrap;
	color:#fff;
}
.navBtnBlock {
	display:inline-block;
	float:right;
	margin-top:26px;
}
.navBtnBlock_mobile_link {
	width:100%;
	text-align:right;
	display:none;
}
#mobileMenuButton {
	float:right;
	padding:12px;
	width:30px;
	height:30px;
	cursor:pointer;
}
#mobileMenuButtonX {
	float:right;
	padding:12px;
	width:30px;
	height:30px;
	cursor:pointer;
}
.plainblack {
	text-decoration:none;
	color:#000;
	font-weight:normal;
}
#mobileMenu {
	width:100%;
	z-index:5000;
	position:relative;
	text-align:center;
	cursor:pointer;
	display:none;
}
.navBtn, .metricToggle, .topHeadBtn {
	border: 1px solid;
	border-color:#008443;
	background-color:#fff;
	color:#008443;
	padding:4px;
	margin:1.5px;
	cursor:pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.navBtnOff {		
}
.navBtnOn, .metricToggleOn {
	background-color:#008443;
	color:#fff;
}
.navBtnMobile {
	border-bottom:1px solid #bbddd1;
	padding:12px;
	min-width:100%;
	display:block;
	background-color:#fff;
}
.solutionToChoose_all {
	margin:auto;
	width:100%;
}
.stc_container {
	display:inline-block;
	padding:0px;
	width:31%;
	height: 248px;
}
.stc_imgHeader_holder {
	display:none;
}
.stc_vp_img, .tcn_vp_img {
	width:100%;
	max-width:100%;
}
.stc_container_on {
	background:url('../images/buttons/green_triangle.png');
	background-position:center bottom;
	background-repeat:no-repeat;
}
.solutionToChoose {
	border: 2px solid #53ac8a;
	cursor:pointer;
	padding:0px;
	height:210px;
	max-width: 395px;
	min-width: 200px;
	float:left;
	margin:1%;
	border-radius: 12px;
	background-color:#ffffff;
}
.stc_headline {
	background-color:#53ac8a;
	color:#fff;
	padding: 1em 0em 1em 0em;
	font-weight:bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.stc_body {
	padding:12px 12px 12px 39%;
	text-align:left;
	background-repeat:no-repeat;
	min-height:120px;
	color:#53ac8a;
	background-color:#fff;
	font-size:0.94em;
	line-height:1.3em;
}
.solutionToChoose:hover {
	border: 2px solid #00833c;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.solutionToChoose_on {
	border: 2px solid #00833c;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.solutionToChoose:hover .stc_headline {
	background-color:#00833c;
}
.stc_headline_on {
	background-color:#00833c;
}
.stc_body_on {
}
.stc_subhead {
	width:70%;
	margin:auto;
	margin-top:8px;;
	margin-bottom:8px;
	max-width:880px;
}
.stc_mobile_content {
	display:none;
}
.stc_content {
	display:none;
	margin-top:-14px;
}

ul.stc_Bullet_ul
{
	display: inline-block;
}
li.stc_Bullet {
	margin: 0px 10px 0px 10px;
	float:left;
}
.stc_visual_point_container, .tcn_visual_point_container {
	width:100%;
	text-align:center;
	display:inline-block;
	margin:0px;
	padding:0px;
}
.stc_visual_point, .tcn_visual_point {
	float:left;
	text-align:center;
	max-width:18%;
	width:18%;
	margin:1%;
	padding: 0px;
}
.quad_visual_point_buffer {
	float:left;
	text-align:center;
	max-width:8%;
	width:8%;
	margin:1%;
	padding: 0px;
}

.tcn_visual_point_empty {
}
#tcnBtn {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.sign_ins {
	padding:12px 0px 0px 0px;
	width:100%;
	text-align:right;
	display: flex;
}
.leftSignin, .rightSignin {
	width:50%;
	padding-left:8px;
}
.leftSignin {
	text-align:left;
}

.sign_ins_link {
	text-decoration:none;
	color:#008444;
	font-weight:bold;
	cursor:pointer;
}
.sign_ins_link_rev {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	padding:0.5em;
	line-height:1.5em;
}
.signinsNavSection_d {
	display:inline-block;
}

.cloudSignUpSubNav {
	padding: 4px;
	width: 224px;
	display:none;
	position:absolute;
	z-index:2002;
	text-align:left;
	color:#fff;
	background-color:#008444;
}
.cloudSupportSubNav {
	padding: 4px;
	width: 224px;
	display:none;
	position:absolute;
	z-index:2012;
	text-align:left;
	color:#fff;
	background-color:#008444;
}

.resource_block {
	width:14%;
	margin:0% 1%;
	float:left;
	cursor:pointer;
}
.resource_block_content {
	display:none;
	padding:18px;

	clear:both;
	text-align:left;
	width:100%;
}
.resource_block_content_Dleft {
	margin-right:50%;
}
.resource_block_content_Dright {
	margin-left:50%;
	max-width:550px;
}
.resource_block_mcnt {
	display:none;
}
.resource_block_content_on {
	display:block;

}
.resource_block img {
	max-width:100%;
}
.dvResourceLink, .resourceLnk {
	line-height:2.2em;
}
.dvResourceBtn, .resourceLink, .resourceLnk a {
	cursor:pointer;
	text-decoration:none;
	color: #4f8bbf;
	line-height: 1.4em;
}
.dvResourceBtn {
	font-weight:bold;
	margin-bottom:0.6em;
}
.resourceLnk a {
	font-weight:normal;
}
.resource_block_description {
	background-color:#0e532a;
	color:#fff;
	padding:8px;
}
.resource_block_triangle {
	display:none;
}
.resource_block_triangle_on {
	display:block;
}
#content_resources {

}
#resource_block_content_blocks {
	margin:auto;
	min-height:540px;
}

#alreadyIQDesktop { display: block; }
#alreadyIQMobile { display: none; }

.resourceLnkHeader {
 cursor:pointer;

}
.dvResourceList {
	display:none;
	padding-left:1em;
}
.newResourceContent_onecol {
	max-width:600px;
	text-align:left;
	margin:auto;
}
.newResourceContent_multicol {
	max-width:1280px;
	width:1280px;
	text-align:left;
	margin:auto;
	display: flex;
//	background-color:orange;

	.contentThreeCol_1 {
		align-self:flex-start;
	}
	.contentFourCol_2 {
		align-self:flex-start;
	}
	.contentFourCol_1 {
		align-self:flex-start;
	}
	.contentTwoCol_1 {
		align-self:flex-start;
	}

}
.contentThreeCol_1 {
	width:33%;
	padding:1%;
}
.contentTwoCol_1 {
	min-width:50%;
	width:50%;
	text-align:center;
}

.contentFourCol_space {
	min-width:10%;
}

.contentFourCol_2 {
	min-width:38%;
	width:38%;
}

.contentFourCol_3 {
	min-width:33%;
	width:33%;
}
.contentFourCol_3_two {
	min-width:66%;
	width:66%;
}

@media only screen and (max-width: 1100px) {
	.newResourceContent_multicol {
			width:100%;
			max-width:1280px;
			text-align:left;
			margin:auto;
			display: inline-block;
		//	background-color:orange;

		.contentThreeCol_1 {
			align-self:flex-start;
		}
		.contentFourCol_2 {
			align-self:flex-start;
		}
		.contentFourCol_1 {
			align-self:flex-start;
		}

	}

	.contentThreeCol_1 {
		width:100%;
	}
	.contentTwoCol_1 {
		width:100%;
	}

	.contentFourCol_space {
		display:none;
	}

	.contentFourCol_2 {
		min-width:98%;
		width:98%;
		padding-left:2%;
	}

	.contentFourCol_3 {
		min-width:98%;
		width:98%;
		padding-left:2%;
	}
	.contentFourCol_3_two {
		min-width:98%;
		width:98%;
		padding-left:2%;
	}


	.quad_visual_point_buffer {
		display:none;
	}

	#wholeNavDesktopContainer {
		display:none;
	}

}

/* BEGIN Drawing styles */

.drawingCteBoxDrawing, .drawingCteContainer, .drawingCteBox {
	width:330px;
	max-width:330px;
}

.drawingCteContainer {
	cursor:pointer;
	text-align:center;
	height:125px;
	max-height:125px;
	display:inline-block;
	margin-top:12px;
}
.drawingCteBox {
	border: 8px solid #008443;
	border-radius: 8px;
	display:inline-block;
}
.drawingCteBoxDrawing {
	background-color:#fff;
	height:125px;
	max-height:125px;
	overflow:hidden;
}
.rbMobileDrawing_overflow {
	margin-left:-200px;
}
.drawingCteBoxFooter {
	background-color:	#008443;
	color:#fff;
	padding:8px 12px 4px 12px;
	font-size:1.2em;
	
}
.drawingCteClickToEnlarge {
	text-align:center;
	width:100%;
}


#rb_drawing_large, .rb_drawing_thumb {
	width:100%;
}
.rbDrawingContainer_big {
	max-width:76%;
	width:76%;
	padding:1%;
}
.rbDrawingContainer_thumb {
	max-width:18%;
	width:18%;
	padding:1%;
}

.rbMobileDrawing {
	max-width:100%;
	width:100%;
}

#content_scada_mobile {
	display:none;
}


/* END Drawing styles */

@media only screen and (max-width: 1100px) {
	#content_scada_mobile {
		display:inline-block;
	}

	.newResourceContent_twocol {
		display:inline-block;
	}
	.contentTwoCol_1 {
		width:100%;
		text-align:center;
		margin:auto;
	}
}


/* BEGIN CALCULATOR STYLES */
			#content_calculator_eu {
				display:none;
			}
			#rainbird_calculator_US, #rainbird_calculator_Metric  {
				max-width:100%;
			}
			.rb_calc_description {
				max-width:500px;
			}
			.rb_calc_input_cell {
				width:80px;
				background-color:#ffcc00;
				padding-right:1em;
				font-size:16px;
			}
			.rb_calc_input {
				width:80px;
			}
			#inputRowtemplate {
				display:none;
			}
			#outputRowtemplate {
				display:none;
			}
			.calcAltRowColor {
				border-top: 1px solid #ababab;
			 	background-color:#eeedec;
			}
			.calcRowColor {
				border-top: 1px solid #ababab;
			 	background-color:#ffffff;			
			}
			.rbCalcTotal {
				background-color:#008444;
				color:#fff;
			}
			.rainbirdCalculatorTable {
				max-width:94%;
				margin:auto;
				border:none;
				padding:0px;
			}
			#rainbirdCalculatorTable td {
				font-weight:normal;
				text-align:left;
				margin:0px;
				padding:5px 6px 5px 6px;
			}
			.content_calculator_show {
				cursor:pointer;
			}
/* END CALCULATOR STYLES */

/* BEGIN LANGUAGE NAV STYLES */
.langSel {
	cursor:pointer;
	text-align:right;
	min-width:44px;
    border-style: solid;
    border-width:1px;
    border-color: #008443;
    color: #008443;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.langSel img {
	margin:4px;
}
.langSelMenu {
	cursor:pointer;
	z-index:200;
	position:absolute;
	background-color:#fff;
	display:none;
}
.langSelMenuItm {
	cursor:pointer;
}
.langSelMenuItm:hover {
	background-color:#eee;
}
.langSelContainer {
	float:right;
	min-width:50px;
	margin-left:8px;
}
.langNavLabel {
	float:left;
	padding:6px 1px 2px 4px;
}
/* END LANGUAGE NAV STYLES */


/* BEGIN SLIDER STYLES */
	#activeHighlightArea {
		margin-top:174px;
		background-color:#008443;
	}
	.imvIHButton {
		border-radius: 8px;
	}
	.rbRotationItem {
		width:100%;
		height: 260px;
	}
	.imgSliderFront {
		max-height:160px;
		margin-top:60px;
	}	


	#dvSliderContainer {
		display:none;
		width:100%;
		padding:0px;
		margin:0px;
	}
	.sliderBackContainer {
		cursor:pointer;
		height:400px;
		background-size:cover;
	}
	.sliderFrontContainer {
		width:100%;
		text-align:center;
	}
	.sliderFrontContainerSideBy {
		width:100%;
		text-align:center;
		display: flex;
	}

	.sliderFrontImage {
	}
	
	.sliderLeftImage {
		width:24%;
		height:100%;
		text-align:right;
		margin-top:42px;
	}
	#dvSliderLeftImage_v4 {
		width:64%;
	}
	.imgSliderFront_left {
		max-height:180px;
		margin-top:60px;
		max-width:100%;
	}
	.sliderRightText {
		margin-top:100px;
		width:60%;
		height:100%;
		text-align:left;
	}
	.lookAsBtn {
		background-color:#008651;
		border:1px solid #fff;
		text-transform:uppercase;
		text-shadow: none;
		padding:4px 20px;
		font-size:0.8em;
		text-decoration:none;
		color:#fff;
		cursor:pointer;	
	}

	.sliderFrontText, .sliderRightText {
		font-size:1.4em;
		line-height:1.6em;
		text-transform:uppercase;
		color:#fff;
		text-shadow: 2px 2px #000000;
	}
	#imgSliderBack {
	}
	@media only screen and (max-width: 1100px) {

		#activeHighlightArea {
			margin-top:0px;
		}
	}


	@media only screen and (max-width: 700px) {
		#imgSliderRightContainer {
			display:none;
		}
		#dvSliderLeftImage_v4 {
			width:100%;
		}
		
	}


/* END SLIDER STYLES */

@media only screen and (max-width: 1100px) {
	.signinsNavSection_d {
		display:block;
		margin-right:100px;
	}
	.langSelContainer {
		top: 10;
		right: 10;
		position: absolute;
	}
}
@media only screen and (max-width: 1100px) {
	#supportMenu_m {
		margin:0.4em 0em 0.4em 100px;
		display:inline-block;
	}

	.langSelContainer {
		float:left;
		min-width:64px;
		margin-left:4px;
		margin-right:10px;
		margin-top:0px;
	}

	.dvResourceBtn {
		margin-top:0.8em;
		margin-bottom:0.8em;
	}

	.tcn_visual_point, .stc_visual_point {
		min-width:31.333333333%;
		width:31.333333333%;
		margin:1%;

	}
	.quad_visual_point {
		min-width:23%;
		width:23%;
		margin:1%;
	}


	.stc_visual_point_bufferleft {
		padding-left:15.5%;
	}
	.stc_visual_point_empty {
		display:none;
	}

	.stc_visual_point_2rowL {
		padding-left:15%;
	}

	.tcn_visual_point_empty {
		display:none;
	}
	.tcn_visual_point_container {
		margin:0px;
	}

	#rb_nav_header {
		position:initial;
		display:inline-block;
	}

	.decorativeHeaderImg {
		margin-top:-6px;
		max-width:100%;
		width:100%;
	}

	.rbLogoTop {
		width:100%;
		text-align:center;
		display:inline-block;
	}
	.rb_header {
		font-size:1.2em;	
		border-top:1px solid #fff;
	}
	.rb_headerTopLink {
		float:left;
		width:36px;
		margin-top:-8px;
		cursor:pointer;
	}


	#alreadyIQDesktop { display: none; }
	#alreadyIQMobile { display: block; }

	.navBtnBlock {
		display:none;
	}
	.navBtnBlock_mobile_link {
		display:block;
	}

	.solutionToChoose {
		height:auto;
	}
	
	.stc_body {
		padding: 12px;
	}
	#stc_body_desktop { padding: 12px; background: none; }
	#stc_body_cloud {  padding: 12px; background: none;  }
	#stc_body_enterprise {  padding: 12px;  background: none; }

	#top_header_table  { display: none; }
	
	.stc_imgHeader_holder {
		display:block;
		width:100%;
		max-width:100%;
		text-align:center;
		margin: -10px 0px;
	}
	.stc_imgHeader {
		max-height:110px;
	}
	
	.resource_block {
		clear:both;
		width:100%;
	}
	
	.resource_block_content_Dleft {
		margin:auto;
	}
	.resource_block_content_Dright {
		margin:auto;
	}

	.resource_block img {
		max-width:130px;
	}
	.resource_block_triangle {
		display:none;
	}
	.resource_block_image {
		max-width:55px;
	}
	.resource_block_description {
		background:none;
		color:#000;
		
	}
	.resource_block_mcnt {
	}



	

}

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

	#stc_body_desktop { background:url('../images/iq_logos/iq_desktop.png'); background-repeat:no-repeat; background-size:40%; background-position:left top; }
	#stc_body_cloud { background:url('../images/iq_logos/iq_cloud.png');  background-repeat:no-repeat; background-size:40%; background-position:lefts; }
	#stc_body_enterprise { background:url('../images/iq_logos/iq_enterprise.png');  background-repeat:no-repeat; background-size:40%; background-position:left top; }
	.stc_body_header_img_dv { display: none; }
	
	#resource_block_content_troubleshooting {
	  margin-left:35%;
	}

	#resource_block_content_cad_drawings {
		margin-left:30%;
	}

}
@media only screen and (max-width: 900px) {
	// make 3 position wider
}
/*solutionstochoose fix*/
@media only screen and (max-width: 740px) {
	.stc_container {	
		width:90%;
		margin:auto;
		margin-bottom:6px;
		height:auto;
		
	}
	.solutionToChoose {
		max-width: 100%;
		margin:auto;
		border:1px solid #ccc;
	}
	.stc_headline {
		
	}
	.tcn_visual_point, .stc_visual_point {
		width:27.5%;
		margin:0.2%;
	}

}

