table {
	font-size: 1em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.checkbox-qc {
   height:16px;
   width:16px;
   border: 1px solid #000000;
}

.outbox-qc {
   font: 14px ;
   height:20px;
   width:120px;
   border: 0px;
   padding:2px;
   background:none;
   display: inline;
}

.header-title {
	font: bold 28px ;
	color: #FFFFFF;
	position:relative;
	left:10px;
	top:10px;
	display:inline;
}
.units-header {
	font: bold 16px ;
	color: #FFFFFF;
	background:none;
}
.subhead-title {
   font: bold 16px ;
   
   position:relative;
   left:5px;
   top:5px;
   display:inline;
}
.numberline {
   font: 12px ;
   color: #000000;
   position:absolute;
}
.dropdown-qc {
   font: 14px ;
   color: #000000;
   padding:2px;
   width: 150px
}

.example-link a:link,
.example-link a:visited {
   font: bold 14px ;
   color: #000000;
   text-decoration:none;
   margin: 0px 0px 6px 0px; 
}

.example-link a:hover {
   font: bold 14px ;
   
   text-decoration:none;
   margin: 0px 0px 6px 0px;   
}

img.example-img {
   border: 1px solid #fff;
   border-radius: 4px;
   padding: 4px;
}

img.example-img:hover {
   border: 1px solid #B9F03C;
   border-radius: 4px;
   padding: 4px;
}

#InputBox {width:65%;height:800px;}

.calcHeader1 {    
	margin: 0px 0px 10px 0px;
	line-height: 1.3;
	    
	
	font-style: normal;
	font-weight: bold;    
	text-transform: uppercase;
	font-size: 18px; 
	width: 100%;
	float: left;
}


 .calcHeader2 {    
	width: 350px; 
	padding-top: 7px; 
	float: left; 
	 
	font-style: normal; 
	font-weight: normal; 
	text-transform: uppercase;    
	text-rendering: optimizeLegibility; 
	font-size: 21px; 
	color: #10103f;
	border-top: 1px solid #B9F03C;
} 

.unitSwitch {
  color: #000;
  font-size: 12px;
  float: left;
  padding: 0px 0px 15px 0px;
}


.unitinput {
  padding: 5px 5px 5px 5px;
  margin: 0 !important;
}

.calcsection {
    
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    color: #10103f;
    padding-bottom: 10px
}

#OutputBox {background-color:#F0F0F0; float: left; padding: 20px; margin-left: 25px; font-size: 14px; color: #666}

input[type="text"].outbox-qc {
pointer-events: none;
border: none;
box-shadow: none;
}

#EnclosureCooling {position:relative;left:75px;top:20px;width:450px;height:400px;z-index:3;}

.inputsection {font-size: 12px; }

.dimensions {width: 150px; float: left;}

#inputborder {border-top: 1px solid #B9F03C; margin: 5px 0px 5px 0px}

#VolCoolHead span{float:right;margin: 4px;}


input[type="submit"] {
    float: left !important;
    width: 100px !important;
}

.section-4 .main-content h2 {display: none;}

.addthis_sharing_toolbox {display: none !important;}

.exampletable {float: left;}

.exampletable table{
    color: #222222;
    font-size: 1rem;
    padding: 0.5625rem 0.625rem;
    text-align: center;}


    #time-slider.ui-widget-content {
    border: 1px solid #dddddd;
    background: linear-gradient(to right, white , red);
    color: #333333;
}

#time-slider .ui-slider-handle {
    height: 35px !important;
}