/* global properties
   logo bar
   contact form
   acknowledge
   copyright info */

/*global properties*/
html { height: 100%; height: 100%; overflow: hidden; }
body { height: 100%; width: 100%; background-color: #ffffff; margin: 0px;  padding: 0px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 100%; overflow: hidden; }
img{ border:none; max-width: 100%; max-height: 100%; }
div{ word-wrap:break-word;}
a{ color: inherit; }
a:visited, a:link, a:active { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; cursor: pointer;}
#page{ width:100%; height:100%; margin:0%; padding:0%; overflow-x: hidden; overflow-y: scroll;
    -webkit-overflow-scrolling: touch;}

/*logo and banner*/
#bar { padding: 0%; margin: 0%; height: auto;}
#logo{ width: 10%; height: auto; margin: 5px auto auto 15px; }
#title {text-align: center; width: 100%; height: auto; vertical-align: middle; font-size: 1.2em;}

/*contact form*/
#form{ padding: 15px; margin: 15px 30px auto 30px; font-size: 1em;}
#form #contact{width: 33%; margin:auto;}
.label{margin-top: 15px; margin-left:0px; width:100%;}
.field{margin:2px auto 0px 0px; padding:2px; width: 100%; border-width: 1px; 
    border-style: solid; border-radius: 3px; border-color: #cfcfcf;}
input#name{width: 100%; margin:0px; border: none; vertical-align: center; height: 25px; font-size: 1em;}
#error_name{width: 100%; height:auto; text-align: center; 
    margin:1px 0px 0px 0px; font-size: 0.8em; color: #FF5733;}
input#email{width: 100%; margin:0px; border: none; vertical-align: center; height: 25px; font-size: 1em;}
#error_email{width: 100%; height:auto; text-align: center; 
    margin:1px 0px 0px 0px; font-size: 0.8em; color: #FF5733;}
textarea#feedback{width:99%; margin:auto; height:185px; border: none; font-size: 1em; resize: none;}
#error_feedback{width: 100%; height:auto; margin:0px; font-size: 0.8em; 
    color: #FF5733; text-align: center;}
#submit_holder{width:100%; text-align: center; margin:20px auto auto auto; }
#loader {width: 100%; height: 100%; text-align: center; display: none;}
input#submit{margin:auto; width: 100px; height: 30px; text-align: center; 
    vertical-align: center; font-size: 1em; color: #ffffff; 
    border:none; -webkit-transition: all 0.218s;-moz-transition: all 0.218s;
    -ms-transition: all 0.218s;-o-transition: all 0.218s;transition: all 0.218s;
    padding: 0 8px;text-align: center; color:#fff; text-decoration:none; 
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
    -webkit-user-select: none;-moz-user-select: none; user-select: none; cursor: default;}
.clrBlu {border: 1px solid #4583e6;border: 1px solid rgba(0, 0, 0, 0.1); 
    background-color: #4591f0; 
    background-image: -webkit-linear-gradient(linear,left top,left bottom,from(#4591f0),to(#498bf4)); 
    background-image: -webkit-linear-gradient(top,#4591f0,#498bf4);
    background-image: -moz-linear-gradient(top,#4591f0,#498bf4);
    background-image: -ms-linear-gradient(top,#4591f0,#498bf4);
    background-image: -o-linear-gradient(top,#1c2d42,#498bf4);
    background-image: linear-gradient(top,#4591f0,#498bf4); }
.clrBlu:hover{border: 1px solid #345ac3; 
    background-color: #4894f3; 
    background-image: -webkit-linear-gradient(linear,left top,left bottom,from(#4894f3),to(#498bf4)); 
    background-image: -webkit-linear-gradient(top,#4894f3,#498bf4);
    background-image: -moz-linear-gradient(top,#4894f3,#498bf4);
    background-image: -ms-linear-gradient(top,#4894f3,#498bf4);
    background-image: -o-linear-gradient(top,#4894f3,#498bf4);
    background-image: linear-gradient(top,#4894f3,#498bf4);}
.clrBlu:active {background-color: #4692f1;
    background-image: -webkit-linear-gradient(linear,left top,left bottom,from(#4692f1),to(#498bf4));
    background-image: -webkit-linear-gradient(top,#4692f1,#498bf4);
    background-image: -moz-linear-gradient(top,#4692f1,#498bf4);
    background-image: -ms-linear-gradient(top,#4692f1,#498bf4);
    background-image: -o-linear-gradient(top,#4692f1,#498bf4);
    background-image: linear-gradient(top,#4692f1,#498bf4);}

/*acknowledge*/
#form #acknowledge{padding: 15px; margin: 15px 60px auto 60px; font-size: 1em; display: none;}
#statement {text-align: center; width: 100%; height: auto; vertical-align: middle; font-size: 1.0em;}
#return_holder{width:100%; text-align: center; margin:20px auto auto auto; }
input#return{margin:auto; width: 125px; height: 30px; text-align: center; 
    vertical-align: center; font-size: 1em; color: #ffffff; 
    border:none; -webkit-transition: all 0.218s;-moz-transition: all 0.218s;
    -ms-transition: all 0.218s;-o-transition: all 0.218s;transition: all 0.218s;
    padding: 0 8px;text-align: center; color:#fff; text-decoration:none; 
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
    -webkit-user-select: none;-moz-user-select: none; user-select: none; cursor: default;}

/*copyright info*/
#footer{padding: 0px; position:fixed; bottom: 5px; width:100%; text-align: center; vertical-align: middle;
    background-color:#ffffff; line-height: 25px; color: darkgray; font-size: 0.7em;}