/* 
    Document   : contactus
    Created on : Nov 27, 2012, 3:17:07 PM
    Author     : Luk
    Description:
        Purpose of the stylesheet follows.
*/
ul{
    list-style-type:none;
}
#contact-us-info { 
    display: inline-block;
    height: auto;
	margin-top:3px;
    clear: both;
    width: 965px;
    /*border: 1px solid;*/
    background-color: #fff;
    min-height: 100px;
	float:center;
		margin-left:14px;

	/*
	margin-left:14.15%;
  margin-right:16px;
  */
}
#contact-us-info .head{
    margin-left: 60px;
    margin-top: 25px;
    margin-right: 30px;
    /*padding-top: 2px;*/

    background-image: url('../img/contactus/tab_head.png');
    background-repeat: no-repeat;
    width: 845px;
    height: 23px;
    /*border: 1px solid;*/
}
#contact-us-info .head h2{ 
    color:white;
    /*border: 1px solid;*/
    margin-left: 30px;
    font-size: 17px;
}

#contact-us-info .contact-us-form{ 
    margin-top: 15px;
    background-image: url('../img/contactus/bg_contact.png');
    /*border: 1px solid;*/
    margin-left: 60px;
    padding-bottom: 15px;
    width: 820px;
    min-height: 30px;
    /*background-color: greenyellow;*/
    padding-left: 25px;
    display: inline-block;
    padding-top: 10px;
}
#contact-us-info .form-left{
    /*border: 1px solid;*/
    width:330px;
    display: inline-block;
    float:left;
}
span.mark{
    color:red;
}
#contact-us-info .form-left li h3{
    margin-top: 5px;
    font-size: 14px;

    margin-left: 5px;
}
#contact-us-info .form-left input{

    border: 2px solid gainsboro;
    width:320px;
    height: 25px;
    margin: 5px;
    font-size: 16px;

}
.input-captcha input{
    /*margin-top: 5px;*/
    margin-bottom: 15px;
    width: 230px;
    height: 22px;
    margin-top:15px;
    border:2px solid gainsboro;
    /*background-color: #81BEF7;*/
}
#contact-us-info .form-left textarea{
    font-size: 16px;
    margin: 5px;
    width:320px;
    height: 60px;
    border: 2px solid gainsboro;
}
#contact-us-info .form-right{
    display: inline-block;
    border: 3px solid gainsboro;
    width:410px;
    height: 280px;
    float: left;
    margin: 30px 0px 0px 20px;
    background-color: white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 15px 10px 5px 15px;

}
.img-captcha{
    /*border: 1px solid;*/
    height: 55px;
    width:180px;
    /*background-image: url('/assets/template/rna/img/contactus/pic_captcha.png');*/
    margin: 10px;
}

.comment-captcha{
    /*border:1px solid;*/
    display: inline-block;
    clear: both;
    width: 400px;
}
.comment-captcha p{
    /*border:1px solid;*/
    width:220px;

    float: left;
    display: inline-block;
    font-size:16px;
}
.form-right h3{
    font-size: 17px;
}
.title-captcha{
    font-size:15px;
    text-indent: 35px;
}
.btn-newsubmit{
    /*border:1px solid;*/
    margin-top: 15px;
    display: inline-block;
    /*display: inline-block;*/
    margin-left: auto;
    margin-right: auto;
    /*width:230px;*/
    /*    height: 50px;*/
}
.btn-newsubmit input{

    width: 133px;
    height: 38px;
    background-image: url('../img/contactus/btn_send_massage.png');
    cursor:pointer;
    border: none;
    background-repeat: no-repeat;
    /*border: 1px solid red;*/
    margin-top: 10px;
}
.btn-submit{
    /*border:1px solid;*/
    float: right;
    display: inline-block;
    /*display: inline-block;*/

    /*width:230px;*/
    /*    height: 50px;*/
}
.btn-submit input{

    width: 133px;
    height: 38px;
    background-image: url('../img/contactus/btn_send_massage.png');
    cursor:pointer;
    border: none;
    background-repeat: no-repeat;
    /*border: 1px solid red;*/
    margin-top: 10px;
}
#contact-us-info .address-map{
    /*border: 1px solid;*/
    display: inline-block;
    margin-left: 60px;
    width: 820px;
    margin-top: 10px;
    min-height: 30px;
    /*background-color: greenyellow;*/
    padding-left: 25px;
}
#contact-us-info .address h3{
	color:#426F35;
   
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
}
#contact-us-info .address{
    margin-top: 20px;

    width: 340px;
    /*border: 1px solid;*/
    font-size: 13px;
    float: left;
}
#contact-us-info .p-address{
    font-size: 14px;
    /*line-height: 16px;*/
    /*font-weight: bold;*/
}
#contact-us-info .p-address-comment{
    padding-left: 35px;
    padding-top: 15px;
    font-size: 13px;
    color:grey;
    font-style:italic;
}

#contact-us-info .map{
    width: 430px;
    /*border: 1px solid;*/
    font-size: 13px;
    float: right;
}
#contact-us-info .contact{
    border: 3px solid gainsboro;
    display: inline-block;
    margin-left: 60px;
    padding-bottom: 30px;
    width: 835px;

    min-height: 30px;
    /*background-color: greenyellow;*/
    padding-top: 15px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size:14px;
}
#contact-us-info .contact a{
    color: #426F35;
}
#contact-us-info .contact h3{
    font-weight: bold;
    font-size:15px;
}
#contact-us-info .contact p.header{
    font-size:14px;
    /*font-weight: bold;*/
    color:gray;
}
#contact-us-info .contact-left{
    padding-left: 35px;
    border-right: 3px solid gainsboro;
    width:390px;
    min-height: 100px;
    float: left;

}
#contact-us-info .contact-right{
    /*border: 1px solid;*/
    width:355px;
    padding-left: 35px;
    min-height: 100px;
    float: left;

}
.error{
    color:red;
}
.error-frame{

    padding: 15px;
    margin-right: 30px;
    background-color:#F5BCA9;
    border:3px solid #FF4000;
}
.success-frame{

    padding: 15px;
    margin-right: 30px;
    background-color:#D0F5A9;
    border:3px solid #04B404;
}
#gmap{
    width:830px;
    height: 400px;
    border: 1px solid gainsboro;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}