/* 
    Document   : about_awards
    Created on : Jun 14, 2013, 5:08:38 PM
    Author     : Ping
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.sidemenu {
    background: url(../img/sidemenu/franchise_general.png) no-repeat;
    height: 645px;
}

.sidemenu ul {
    margin-left: 159px;
    margin-top: 180px;
}

.sidemenu ul li a {
    width: 140px;
}

table tr {
    margin: 4px 0;
}

table tr td {
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #231f20;
}

table tr td {vertical-align: top;}

.td1 {width: 100px;}
.td2 {width: 20px;}
.td3 {width: auto;}

.center {text-align: center;}

span {color: #f3700d;}

input[type="text"] {
    width: 300px;
    margin-bottom: 5px;
    margin-top: -2px;
    border: 1px #e3e9ef solid;
    border-top: 1px #abadb3 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(css/PIE.htc);
}

input#tel1 {width: 60px; margin-right: 4px;}
input#tel2 {width: 234px; width: 232px \9;}

textarea {
    width: 415px;
    height: 100px;
    resize: none;
    margin-left: 8px;
    margin-bottom: 4px;
    margin-top: -2px;
    border: 1px #e3e9ef solid;
    border-top: 1px #abadb3 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(css/PIE.htc);
}

input[type="submit"] {margin-right: 4px;}

table tr td a {margin-left: 90px;}
table tr td a img {margin: 5px 0;}

table tr td b {
    display: block;
    margin-bottom: 8px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    textarea {
        width: 412px;
        margin-bottom: 2px;
    }
}

@media only screen and (max-width : 768px) {
    .sidemenu ul {margin-left: 63px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    input#tel2 {width: 223px !important;}
    textarea {width: 423px !important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    input#tel2 {width: 224px !important;}
    textarea {width: 421px !important;}
}

@media only screen and (max-width : 320px) {
    table {text-align: left;}
    .td1 {width: 70px !important;}
    .td2 {width: 1px;}
    .td3 {width: 200px !important;}
    input[type="text"] {width: 215px !important;}
    input#tel1 {width: 60px !important;}
    input#tel2 {width: 149px !important;}
    textarea {width: 293px; margin-left: 0;}
    input[type="submit"] {margin-left: 4px !important; margin-top: -50px;}
}