#calcbody {width:100%; display: none;}
#help {width:100%;}
#help #helpbtn {text-align:center; padding:5px; background:#CBCED1;color:#606062 !important; font-weight:bold; cursor: pointer;}
#help #helptext {padding: 10px; background: #F4F5F1; display:none;}
#help #helptext h4 {font-size: 18px; color: #000334;}
#help #helptext p {padding: 10px 0;}
#help #helptext strong { color: #000334; font-weight: bold}

#Equivalents {}

#Equivalents legend {width: 100%; padding: 5px 0px; font-size: 22px; color: #000334;}

#gastyp select {display: block; width: 240px; float:left; margin: 5px ;font-size: 16px; font-weight:bold; padding:5px;}
#gastyp label { display: block; width: 110px; float:left; margin: 5px; padding:5px;}
#gastyp input { display: block; width: 72px; float:left; margin: 5px; padding:5px; font-size: 16px; text-align:center;}
#gastyp input[type="text"] { background: #efefef none repeat scroll 0 0 !important;
    border: 1px solid #555;
    width: 30%;}
#gastyp {padding: 10px 0px; margin-top:10px;}

#dewpoint label {display: block; width: 40%; float:left; margin: 5px; text-align:left;}
#dewpoint input { float:left;width: 30%; margin: 5px;}
#dewpoint select { float:left;width: 20%; margin: 5px; }

#dewpoint {padding: 10px 0px; margin-top:10px;}

#abval {padding: 10px 0px;}
#abval label {clear:both; display: block; width: 40%; float:left; margin: 5px;}
#abval input { width: 30%; margin: 5px;background: #efefef !important;}
#abval span{float:right; width:20%;}

#buttons {text-align: right;}
#buttons input {width: 220px; margin: 5px;}

.errorzone {clear:both; color: red; border: 1px solid red; display:none; margin: 5px 0px; padding: 10px; background: #ffeeee;}



/* General Custom CSS */


/******* DEWPOINT WIDGET CALCULATOR STYLINGS **************/

.gaslist li{float:left; margin-right:20px; list-style-type: none; width:30%;margin-bottom:20px;}
.gaslist li a h4{font-size:15px; text-align: center;}


/******* DEWPOINT CALCULATOR PAGE STYLINGS **************/

#calc_col{}
#gas_col{}
/*#calcbody{width:91%;}*/
#dewpoint select{width:24%;}
#dewpoint input{width:30% !important;background: #efefef !important;}
#gastyp label{display:block; width:20%;}
#Equivalents legend{font-size:22px; font-weight:bold;}
#abval input{width:30% !important;}
.errorzone {clear: both;color: red;border: 1px solid red;display: none;margin: 5px 0px;padding: 10px;background: #ffeeee;}
#buttons input {width: 45%;margin: 5px; background:none; border:2px solid #013b81;font-size: 16px;cursor: pointer;color: #013b81; padding:7px 11px;}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  
/******* DEWPOINT WIDGET CALCULATOR STYLINGS **************/
  .gaslist li{width:12%;}
  

/******* DEWPOINT CALCULATOR PAGE STYLINGS **************/

#calc_col{width: 70%; float:left;}
#gas_col{width:30%; float:right;}
/*#calcbody{width:91%;}*/
#dewpoint select{width:20%;}
#dewpoint input{width:30% !important;}
#gastyp label{color: #6898c1 !important;
    display: block;
	text-align: left;
    font-size: 14px !important;
    width: 40%;}
#Equivalents legend{font-size:22px; font-weight:bold;}
#abval input{width:30% !important;}
.errorzone {clear: both;color: red;border: 1px solid red;display: none;margin: 5px 0px;padding: 10px;background: #ffeeee;}
#buttons input {width: 30%;margin: 5px; background:none; border:2px solid #013b81;font-size: 16px;cursor: pointer;color: #013b81; padding:7px 11px;}

}




/*  Our Code Start*/
#ds_gasbody{
	
	margin: 35px 0;
}
#ds_gasbody h2{
	margin: 45px 0 10px 0; padding:0; color:#656567; font-size:24px !important; 
}
#ds_gasbody p{
	margin: 10px 0; font-size:12px; line-height: 16px;
}
#ds_gasbody label { font-size: 13px;  padding: 0 10px 0 0; color: #333 !important; }
#ds_gasbody select { font-size: 13px;}
#ds_gasbody .gaslist {margin: 20px 0;list-style: none;}
#ds_gasbody .gaslist li {margin: 10px 12px 0 !important; float: left; width: 60px; min-height: 120px; list-style: none;}
#ds_gasbody .gaslist li a img {margin: 10px 0;float: left;max-width:150px; cursor:pointer;}
#ds_gasbody .gaslist li h4 {padding: 10px 0; text-align: center; color:#656567 !important;}


	#abval ul{
		list-style: none !important;
		display:block;
	}

	#abval ul li{
		list-style:none !important;
	}

	#abval input[type="text"],
	#abval input[type="input"]
	{
		 -webkit-appearance: none;
		border: 1px solid #e1e1e1;
		padding: 8px 6px;
		outline: none;
		font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		margin-bottom: 20px;
		background: #fff;
		border-radius: 0px;
		}

.select2-container .select2-choice{
   background:#013b81 !important;
   color:#FFF !important;
   border: 1px solid #013b81 !important;
    border-radius: 3px !important;
}

.select2-container .select2-choice > .select2-chosen, 
#select2-chosen-2, .select2-container a .select2-chosen,
#s2id_gastype  .select2-choice > .select2-chosen,
#s2id_autogen4  .select2-choice > .select2-chosen,
#s2id_autogen6 .select2-choice > .select2-chosen,
#s2id_autogen8  .select2-choice > .select2-chosen{
	color:#fff !important;
}

#dewpoint .fancy-select-wrap {
    float: right;
    width: 20%;
}

/*  Our Code End*/