/*
For an easier experience this file is organized by starting from the first elements
of the contact form page to the bottom ones. Change the style of the contact form in the way that you prefer or that
better matches the contents of your website.
*/

.ultimate {
    position: absolute;
    right: -15px;
    top: -20px;
    z-index: 1000;
}


div.midle_border{
	position: relative;
	padding: 35px;
        border:1px solid #fff;
	border-radius : 14px;
	-moz-border-radius : 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
}

p.formTitle{
	margin: 0 20px 15px 20px;
	font-size: 16px;
	color:#3d3d3d;
	text-shadow: 0 1px 1px #a8a8a8;
}

/* style for Social Share */
.addthis_toolbox {
    position: absolute;
    right: 40%;
    top: 60px;
}

#middle fieldset {
    border: 1px solid #FFF;
    border-radius : 14px;
    padding:10px;
    -moz-border-radius : 14px;
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
}

#fields {
    position: relative;
	border: 1px solid #CCC;
        border-radius: 14px 14px 14px 14px;
	padding:0;
}

#middle label {
	/*float:left;
	display:block;
	height:30px;
	padding:5px 0 5px;
	margin:10px 0;
       line-height: 30px;
       width: 185px;
	font-weight: bold;
	text-shadow: 0 1px 1px #FFF;
	color:#3d3a3a;
	font-family: Verdana, Arial, Georgia, Helvetica, serif, sans-serif;
	font-size: 14px;*/
}

.mandatory {
   color: red;
   font-size:16px;
}

.highlightError {
     border: 1px solid red !important;
}

#middle input.field, textarea {
     outline: none;
     background: #ffffff; /* Old browsers */
     background-color: #f0f0f0 \0/; /* IE8+9  */
     background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 99%); /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#eeeeee)); /*           Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 99%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 99%); /* Opera11.10+ */
     background: linear-gradient(top, #ffffff 0%,#eeeeee 99%); /* W3C */
     color: #333;
     font-size: 18px;
     margin: 10px 0;
     padding: 5px;
     width: 330px;
     height: 30px;
     border: 1px solid #ddd;
     border-radius : 6px;
     -moz-border-radius : 6px;
     -webkit-border-radius: 6px;
     -khtml-border-radius: 6px;
      box-shadow: 0px 0px #FFFFFF, 1px 1px #FFFFFF, 1px 1px 1px 1px #FFFFFF;
     -moz-box-shadow: 0px 0px #FFFFFF, 1px 1px #FFFFFF, 1px 1px 1px 1px #FFFFFF;
     -webkit-box-shadow: 0px 0px #FFFFFF, 1px 1px #FFFFFF, 1px 1px 1px 1px #FFFFFF;
}

#middle input.field:focus, textarea:focus{
    border: 1px solid #fff;
    background-color: #FFF; /* Needed for IEs */
    -moz-box-shadow: 1px 2px 9px 2px #CCC;
    -webkit-box-shadow: 1px 2px 9px 2px #CCC;
    box-shadow: 1px 2px 9px 2px #CCC;
}


/* GeoLocation and Google Map */
.location_img {
    position: relative;
    float: right;
    margin-top: -48px;
    margin-right: 30px;
}

#mapcanvas {
     border: 1px solid #ddd;
     border-radius : 6px;
     -moz-border-radius : 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    box-shadow: -6px -6px #FFFFFF, 6px 6px #FFFFFF, 6px -6px #FFFFFF, -6px 6px #FFFFFF, 0px 6px 6px 6px #ddd;
    -moz-box-shadow: -6px -6px #FFFFFF, 6px 6px #FFFFFF, 6px -6px #FFFFFF, -6px 6px #FFFFFF, 0px 6px 6px 6px #ddd;
    -webkit-box-shadow: -6px -6px #FFFFFF, 6px 6px #FFFFFF, 6px -6px #FFFFFF, -6px 6px #FFFFFF, 0px 6px 6px 6px #ddd;
    zoom: 1;
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
}

#fields textarea { 
	resize:vertical; 
	max-height: 400px;
        min-height: 200px;
}

#fields textarea.horiz { 
	resize:horizontal; 
}

#file_uploadUploader{
	margin: 18px 0;
}

#message {
	margin-bottom: 20px;
}

/* Uploadify Style */
#file_uploadQueue {
    margin: 10px 20px 10px auto;
    width: 355px;
}

.uploadifyQueueItem {
    margin-left: 10px;
    margin-top:15px !important;
}

/* reCATCHA Style */
#recaptcha_image {
     background-color: #FFFFFF;
     border: 1px solid #ddd;
     border-radius : 6px;
     -moz-border-radius : 6px;
     -webkit-border-radius: 6px;
     -khtml-border-radius: 6px;
     box-shadow: -2px -2px #FFFFFF, 2px 2px #FFFFFF, 2px -2px #FFFFFF, -2px 2px #FFFFFF, 0 6px 8px 8px #ddd;
     -moz-box-shadow: -2px -2px #FFFFFF, 2px 2px #FFFFFF, 2px -2px #FFFFFF, -2px 2px #FFFFFF, 0 6px 8px 8px #ddd;
     -webkit-box-shadow: -2px -2px #FFFFFF, 2px 2px #FFFFFF, 2px -2px #FFFFFF, -2px 2px #FFFFFF, 0 6px 8px 8px #ddd;
     float: left;
     margin: 20px 20px 20px 195px;
     width: 300px !important;
}

.reload_recaptcha {
    float: right;
    margin-right: 20px;
    margin-top: 40px;
    position: relative;
}

/* Submit Button */
.submit {
	float: right;
    height: 50px !important;
    margin-right: 20px !important;
    margin-top: 40px !important;
    width: 120px !important;
    cursor: pointer;
    font-weight:lighter;
    text-shadow: 0 2px 2px #999;
    color:#403D3A!important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.submit:hover {
    background: #EFEFEF !important; /* Old browsers */
    background-color: #f0f0f0 \0/; /* IE8+9  */
    background: -moz-linear-gradient(top, #EEE 0%, #FFF 99%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(99%,#FFF)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #EEE 0%,#FFF 99%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #EEE 0%,#FFF 99%) !important; /* Opera11.10+ */
    background: linear-gradient(top, #EEE 0%,#FFF 99%) !important; /* W3C */
/* FIX FOR IE REMOVED IE SPECIFICATIONS HERE*/
}

/* Email Sent Message */
#success {
	background-image: url("../img/sent.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    margin-left: 25px;
    margin-top: 40px;
    padding-left: 25px;
    position: relative;
    width: 60%;
}