/* 
    Document   : style
    Created on : Jul 12, 2011, 4:32:17 PM
    Author     : Lahiru
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root {
    display: block;
}

body{
    margin: 0 auto;
    background: #660000;
    width: 240px;
}
/*
.page{
    width: 240px;
    background: #660000;
    padding: 10px;
    float: left;
}
*/
.page {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #660000;
    float: left;
    width: 220px;
}

.headerBar {
    background: none repeat scroll 0 0 #660000;
    float: left;
    height: 80px;
    width: 220px;
}

.lngBar{
    float: right;
    padding-top: 20px;
}

.lng-icon{
    float: left;
    background: #660000;
    
}

.naviBar {
    clear: both;
    float: left;
    width: 210px;
    background: none repeat scroll 0 0 #CCCCCC;
    margin: 5px;
}

.nav-icon {
    background: none repeat scroll 0 0 #CCCCCC;
    border-bottom: 1px solid #000000;
    clear: both;
    float: left;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    width: 205px;
}

.nav-active{
    background: #aaaaaa;
}

.nav-icon img{
    float: left;
}


.navTitle{
    color: #555555;
    float: left;
    margin-left: 20px;
}

.itnLogo{
    float: left;

}

/*.thumb{
    clear: both;
}*/
.thumb {
    clear: both;
    text-align: center;
}
/*.detail{
    clear: both;
    margin: 5px 0 10px 0;
    font-size: 10px;
    color: #cccccc;
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 5px;
    float: left;
    width: 210px;
}*/

.detail {
    border-bottom: 1px dashed #CCCCCC;
    clear: both;
    color: #000000;
    float: left;
    font-size: 10px;
    margin: 5px 0 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 200px;
}

.detailHead{
    font-size: 12px;
}

.detail .value, .detail .time{
    font-size: 12px;
    float: left;
}

/*.detail .time{
    background: #D6700B;

}*/

.detail .time {
    border: 1px solid #D6700B;
}

.detail .value{
    padding-left: 10px;
    width: 150px;
}
/*.heading{
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    clear: both;
    margin: 15px 5px 10px 5px;
    padding: 2px;
    float: left;
    color: #ffffff;
    width: 210px;
}*/
.heading {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    clear: both;
    color: #000000;
    float: left;
    margin: 15px 5px 10px;
    padding: 2px;
    width: 205px;
}
/*
.copyRight{
    font-size: 10px;
    color: #cccccc;
    width: 210px;
    float: left;
    clear: both;
}

*/

.copyRight {
    color: #FFFFFF;
    background: none repeat scroll 0 0 #660000;
    clear: both;
    float: left;
    font-size: 10px;
    padding-top: 10px;
    width: 100%;
}