@media screen and (max-width: 550px) {
    .top_image_right {display:none;}
}
            
@media screen and (max-width: 320px) {

}

// From mobile

.check{width:65%;max-width:65%;margin:0 auto;padding-left:30px;}
.check_inner{width:100%;max-width:100%;padding-left:30px;}
.check img{width:90px;height:80px;}
.grid_45{width:31%;max-width:31%;margin-top:15px;float:left;min-height:150px;min-width:150px;}
.padding_pics{background:#fff;padding-left:5px;border-radius:8px;}
.jaime{width:100%;max-width:100%;margin:0px auto;max-height:130px;padding-left:4px;}

.border_bottom{border-bottom:1px solid #D9D9D9;}



// .fr{float:right;}
// .fl{float:left;}
.labelmob{color:#000000;}


// .loader {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, .8); /*url('../images/ajax-loader.gif')no-repeat 50%;*/}  
// .loader img{position:absolute;top:50%;left:50%;}

/*universal*/

.cleaner{ height:1px;clear:both;}
.cleaner_80{ height:80px;clear:both;}
.cleaner_10{ height:10px;clear:both;}
.cleaner_20{ height:20px;clear:both;}

.fr{float:right;padding:5px;}
.fl{float:left;padding:5px;}

.grid_50{max-width:80%;width:650px;float:right;}

.inline {display:inline;}
.hidden {position:absolute;left:-10000px;top:auto;overflow:hidden;}

.radius{-moz-border-radius: 8px;border-radius: 8px;}

.top_image_left{float:left;}
// .top_image_left img{width:80%; border-radius: 8px;}
.top_image_right{float:right;}
// .top_image_right img{width:100%;}

.logoDAC{margin-left:4%;}

.close{height:2em;}
.close img{width:30px;position:relative;left:.5em;}

input:focus, textarea:focus, button:focus{border-color: #fff200;border:2px solid #fff200;color: #000000;}
input:hover, textarea:hover, button:hover{border-color: #fff200;border:2px solid #fff200;color: #000000;}

a:hover{text-decoration:underline;}
a:active { outline: none;border:none;text-decoration:none; }


body {font-family: Arial, Helvetica, sans-serif;font-size:100%;	line-height:1.6em;background:#ffffff;}
.top_paragraph{width:97%; background: #f8f8f8; margin:0 auto; color:#233843; padding:1.5%;}

/*

/*============form stuff=============*/

#FormDiv{
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#fff; 
}

.text-wrapper{
margin-left: 40px; 
height:15em;
max-height:100%;
padding-bottom:10em;
}

#container {width:90%;margin-left:auto;margin-right:auto;max-width:950px;}

.wrapper{
padding-top:0.5%;
background-color: #233843;
color:#fff;
width:100%;
border-radius: 8px;
}

form section {
margin-bottom:1%;
border:2px solid #ffffff;
padding:0 30px 10px 30px;
max-width:100%;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-khtml-border-radius: 8px;
min-width:200px;
}

section h2 {
font-weight:bold;
line-height:1.5em;
color:#ffffff;
max-width:100%;
display:inline;
font-size:120%;
}

.submit_btn, .close_btn{
min-width:100px;
border:1px solid #1f4068;
 color:#233843; 
 background:#ffffff; 
 font-size:1em;
 min-height:1.5em;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -khtml-border-radius: 8px; 
 border-radius: 8px;
 }
 
#errorfeedback { border: 2px solid #FF0000;margin-top:5px;margin-bottom:5px;}

input{
font-size:1em;
line-height:1.5em;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -khtml-border-radius: 8px; 
 border-radius: 8px;
 padding:4px;
}

form {
width:90%;
margin:30px auto;
color:#ffffff;
}

label {
display: block;
}

textarea {
width:100%;
margin:0 auto;
height:6em;
line-height:1.5em;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
 padding:4px;
 }
 
fieldset{
margin-bottom:2em;
border:2px solid #ffffff;
padding:0 30px 10px 30px;
max-width:100%;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-khtml-border-radius: 8px;
 }
 
legend{
font-weight:bold;
line-height:1.5em;
color:#ffffff;
max-width:100%;
display:inline;
font-size:120%;
}

.bt {
color:#000000;
}

.dac {
margin:auto;width:90%;
}

.email_box{min-width:100%;}

/*
Use a media query to hide custom checkbox and radio button CSS from less capable browsers
See http://www.456bereastreet.com/archive/201206/using_media_queries_to_hide_css3_from_older_browsers/
*/
 
@media only screen {
.checkbox, .radio {
/* Enable absolute positioning of the hidden form controls */
position:relative;
/* Just a bit of space. */
margin-bottom:0.5em;
/* Match line-height to the height of the replacement image to ensure it doesn't get clipped */
line-height:22px;
margin-left: 25px;
}
/*
Position and hide the real checkboxes and radio buttons.
The inputs are made transparent instead of completely hidden to preserve
clickability in browsers that don't have clickable labels, like Safari for iOS 5 and older.
*/
input[type="checkbox"], input[type="radio"] {
position:absolute;
/* Reset anything that could peek out or interfere with dimensions */
overflow:hidden;
margin:0;
padding:0;
border:0;
outline:0;
 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity:0;
}
label {
position: relative;
margin-bottom: 25px;
}
/*
Insert a pseudo element inside each label and give it a background
image that will become the custom checkbox or radio button.
Using inline-block lets you use vertical-align to adjust it vertically
as needed.
*/
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
margin-right: 5px;
display: inline-block;
width: 0.8333333333em;
height: 0.8333333333em;
line-height: 1em;
padding: 2px 2px 4px 4px;
background: #e5e5e5;
background: -webkit-linear-gradient(top, #c5c5c5, #e5e5e5);
background: -moz-linear-gradient(top, #c5c5c5, #e5e5e5);
background: -o-linear-gradient(top, #c5c5c5, #e5e5e5);
background: -ms-linear-gradient(top, #c5c5c5, #e5e5e5);
background: linear-gradient(top, #c5c5c5, #e5e5e5);
content: " ";
margin-top: -0.08333333333em;/* 1px */
cursor: pointer;
text-align: center;
vertical-align: top;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 1px #fff;
box-shadow: inset 0 0 1px #fff;
border: 1px solid #999999;
color: #555;
}
input[type="radio"] + label:before {
border-radius: 100%;
} 
input[type="checkbox"]:checked + label:before {
content: "\2713";
}
input[type="radio"]:checked + label:before {
content: "\2022";
font-weight: bold;
} 
input:disabled + label:before {
border-color: #bbb;
color: #999;
background: -webkit-linear-gradient(top, #e5e5e5, #f5f5f5);
background: -moz-linear-gradient(top, #e5e5e5, #f5f5f5);
background: -o-linear-gradient(top, #e5e5e5, #f5f5f5);
background: -ms-linear-gradient(top, #e5e5e5, #f5f5f5);
background: linear-gradient(top, #e5e5e5, #f5f5f5);
} 
input[type="radio"]:focus + label:before,
input[type="checkbox"]:focus + label:before,
input[type="text"]:focus,
textarea:focus
 {
-webkit-box-shadow: 0 0 5px #1082e6;
box-shadow: 0 0 5px #fff200;
border-color: #fff200;
border:2px solid #fff200;
color: #000000;
}
input[type="radio"]:hover + label:before,
input[type="checkbox"]:hover + label:before,
input[type="text"]:hover ,
textarea:hover  {
-webkit-box-shadow: 0 0 5px #1082e6;
box-shadow: 0 0 5px #fff200;
border-color: #fff200;
border:2px solid #fff200;
color: #000000;
 background-color:#E0EEEE;
}
input[type="button"]:focus,
button:focus{
border:2px solid #fff200;
-webkit-box-shadow: 0 0 5px #1082e6;
box-shadow: 0 0 5px #fff200;
}
input[type="button"]:hover,
button:hover{
border:2px solid #fff200;
-webkit-box-shadow: 0 0 5px #1082e6;
box-shadow: 0 0 5px #fff200;
}
input[type="button"]:active,
button:active {     
border:3px;
border-style:outset; 
background:#ccc;   
}
}
/*@media (max-width: 767px) {
body{margin:0;}
#container {margin: 0;max-width:100%;}
#FormDiv {max-width:100%;}
.submit_btn, .close_btn {width:98%;margin:0 auto;}
form {margin:0 auto;} 
textarea {width:98%;}
.logoDAC{margin-left:0; display:block; margin-top:10px;}
fieldset{padding: 10px;}
label{margin-left: 0px;}
.checkbox, .radio {margin-left: 30px}
.fr{padding: 0; margin-top:30px;}
.top_image_left{width:100%; padding: 0;}
.top_image_right{display:none;}
.grid_50{width:100%; max-width:100%;}
.email_box{width:98%;}
.text-wrapper{margin-left:10px;padding-bottom:6em;}

}*/