
/* 1st Style: Screens Between 0 to 575px */
/* Start Styling Here */

                         
                        .damco-gradient {
	                        width:100%;
	                        height:4px;
	                            position:absolute;
	                            top:0px;
	                            left:0px;
	                        /*Gradient*/
	                         background-color: #003e5e; 
                            /* Old browsers */
	                        background: linear-gradient(to right, #64b2d4 0%, #64b2d4 40%,  #003e5e 100%);
	
                        }


                        .debug {
                            margin:0px 0px 5px 0px;padding:10px;background-color:#eeeeee; border:1px solid #666666;color:grey; font-size:11px
                        }

                        .successful {
                            margin:0px 0px 5px 0px;padding:10px;background-color:#dbead0; border:1px solid #009900;color:#009900;
                        }
                        .warning {
                            margin:0px 0px 5px 0px;padding:10px;background-color:#FCE58A; border:1px solid #ff6600;color:#993300;
                        }
                        .error {
                            margin:0px 0px 5px 0px;padding:10px;background-color:#ffe5e5; border:1px solid #ff3232;color:red;
                        }

                        .gray {
                            margin:0px 0px 5px 0px;padding:10px;background-color:#eeeeee; border:1px solid #666666;color:grey; 
                        }

                        .highlight {
                            margin:0px 0px 5px 0px;padding:10px;background-color:#FFFFB5; border:1px solid #dddddd;color:#666666;
                        }
                        

                        .search_Facility {float:left;margin:0px;padding:0px;text-align:left}
                        .search_Equipment{float:left;margin:0px;padding:0px;text-align:left}
                        .search_SearchBtn{float:left;margin:5px 0px 0px 0px;padding:0px}

                        .dtEQCell           {width:125px;float:left; padding:3px; height:60px; }
                        .dtEQCell_FieldName {background-color:#edf3fa;color:#336699;padding:3px; border-bottom: 1px solid #5ea0cc;font-size:12px;font-weight:bold;text-shadow:0 0 0; text-align:center}
                        .dtEQCell_Value {padding:5px;font-size:12px;font-weight:normal; font-weight:normal;text-align:center}


                        


/* 2nd Style Applies: Screens >  75px */
/* Inherits mobile styles, but floats containers to make columns */
 
		        @media all and (min-width: 75px){
                       
                        .search_Facility   {width:38%;  }
                        .search_Equipment  {width:40%; }
                        .search_SearchBtn  {width:22%  }

                        
                         
		        }

/* 3rd Mobile Style: Screens > 800px */
/* Adjusts column proportions, tweaks base H1 */

		        @media all and (min-width: 800px){
			 
                        .search_Facility{width:300px;  }
                        .search_Equipment{ width:200px;}
                        .search_SearchBtn  {width:100px; }
		        }	












 