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

root { 
    display: block;
}

.sidemenu ul {
    margin-left: 177px;
    margin-top: 240px;
}

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

.listofcountry {
    padding: 1px 0;
    border-top: 1px #cbc4b2 dashed;
    border-bottom: 1px #cbc4b2 dashed;
    text-align: center;
}

.listofcountry li {
    display: inline-block;
    background: #b1a593;
    margin: 1px;
    margin-right: 0;
}

.listofcountry li a, .listofcountry li span {
    color: #ffffff;
    display: block;
    padding: 8px 13px;
    width: 132px;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    text-align: left;
	margin-left: 1px;
}

.listofcountry li a:hover, .listofcountry li a.active {background: #28af36;}

.listofstation label {
    font-size: 24px;
    color: #28af36;
    font-weight: bold;
    font-family: Verdana;
    margin-bottom: 8px;
}

.listofstation ul li {
    display: inline-block;
    width: 200px;
    margin: 8px 0;
    font-family: Verdana;
    vertical-align: top;
}

.content {min-height: 250px;}

@media only screen and (max-width : 768px) {
    .sidemenu ul {margin-left: 81px;}
    .listofcountry li a, .listofcountry li span {width: 115px;}
    .listofcountry li#block1 {display: none;}
}

@media only screen and (max-width : 568px) {
    .listofcountry li {width: 32%;}
    .listofcountry li a {width: 86%;}
    .listofstation {margin-left: 10px;}
    .listofstation ul li {width: 32%; margin-right: 5px;}
}

@media only screen and (max-width : 534px) {
    .listofcountry li {width: 32%;}
    .listofcountry li a {width: 83%;}
    .listofstation {margin-left: 10px;}
    .listofstation ul li {width: 48%;}
}

@media only screen and (max-width : 320px) {
    .listofcountry li {width: 48%;}
    .listofcountry li a {width: 83%;}
    .listofcountry li span {display: none;}
    .listofstation ul li {width: 99%;}
}