/* 
    Document   : contact_us
    Created on : May 27, 2013, 10:56:08 AM
    Author     : Ping
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.content .iframe {
    margin-top: 100px;
    background: url("../img/bg/iframe.png") no-repeat;
    text-align: right;
}

.content .iframe small a {
    color: #ffffff !important;
}

.content .iframe iframe {
    position: relative;
    width: 495px;
    height: 180px;
    border-radius: 5px;
    border: 0;
}

#iframe1 {float: left;}
#iframe2 {float: right;}

.content table {
    padding-top: 10px;
}

.content table tr td {
    width: 275px;
    vertical-align: top;
}

.content table tr td p.title {
    font-size: 18px;
    font-weight: bold;
}

.content table tr td p {
    margin-bottom: 9px;
    margin-top: 0; 
    color: #ffffff;
}

.content table tr td label {
    display: inline-block;
    width: 60px;
    color: #ffffff;
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: 8px;
}

input[type="text"],input[type="tel"],input[type="email"] {
    width: 275px;
    margin-bottom: 8px;
    border: 0;
    padding: 4px;
}

textarea {
    width: 390px;
    resize: none;
    height: 100px;
    margin: 0;
    border: 0;
    margin-bottom: 8px;
}

.button {
    float: right;
    margin: 0;
    margin-right: 30px;
}

@-moz-document url-prefix() {
    .button{margin-right: 35px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    textarea{margin-top: 2px;}
    .button{margin-top: -8px;}
}

.highlight {
    border: 1px #ff0000 solid !important;
}