﻿*
{
    margin:0 auto;
    padding:0 auto;
}
h1 { font-size:200%; }
h2 { font-size:160%; font-weight: normal; color: #93b21a;  }
a {color: #93b21a;text-decoration:none;}
a:link {color:#93b21a;}
a:hover {color:#93b21a; text-decoration: underline;}
input[type=text]
{
    padding:2px 5px;
    /*border-radius:6px;    */
    border:solid 1px #cdcdcd;
}
input[type=password]
{
    padding:2px 5px;
    /*border-radius:6px;    */
    border:solid 1px #cdcdcd;
}
input[type=submit]
{
    border-radius:6px;    
    cursor:pointer;
    color:White;
    background-color:#93b21a;
    border:none;
    padding:3px 10px;
}
textarea
{
    padding:2px 5px;
    /*border-radius:10px;    */
    border:solid 1px silver;   
}
table th { padding:4px 6px;}
table td { padding:4px 6px;}
body
{
    background: #fff url('/images/bg.jpg') repeat-x; 
    font: 0.8em/1.5 "arial",sans-serif; 
    color: #303030; 
    text-align: center; 
}

#top
{
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-indent: -99999px;
    cursor: pointer;
    background-image: url('http://vuonrau.com/images/v3/top.png');
}
#container
{
    width:980px;    
}
#header
{
    position:relative;
    width:980px;
    height:120px;
}
#header .user_info
{
    position: absolute;
    right:0;
    display: block;
    height: 90px;
    top: 35px;
    text-align: right;
    font-size: 95%;
}
#header .user_info .avatar
{
    width: 30px;
    height: 30px;
    /*border-radius:25px;*/
    border-radius:5px;
    background-size:30px 30px;
    -webkit-box-shadow: 0px 0px 2px 0px #000;
    box-shadow: 0px 0px 2px 0px #000;
    border:solid 1px white;
}
#header .user_info .btnThoat
{
    color:White;    
    border:solid 1px #93b21a;
    border-radius:5px;
    padding:0px 5px;
    font-size:small;
    text-decoration:none;
    background-color:#93b21a;
}
#logo {
    position: relative; 
    overflow: hidden; 
    width: 380px; height: 108px;
    font-size:250%;
    margin: 0;
    line-height: 108px;
    text-align:left;
}
#logo a{
    text-decoration: none;
    color: #93b21a;
    font-weight: normal; 
    /*padding: 0px 10px 7px 10px;  */
}
      
#logo span {
    color: #cfe444;
}
#content
{}
#content .cal_month
{
    float:left;    
}
#content .lstOrder
{
    width:360px;
    float:right;
}
#footer
{
    height:10px;
    text-align:right;
    padding:10px 0;
    line-height:30px;
    clear:both;
}
#dNotify
{
    position:absolute;
    top:35px;
    left:0;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
    width:230px;
    height:auto;
    background-color:#f9faec;
    max-height:500px;
    z-index:999;
    border-radius:7px;
}
#dNotify a
{
    color:#93b21a;
    text-align:left;
    float:left;
    clear:both;
    display:block;
    padding:5px;
    margin:0;
}
#dealer_menu_bar
{
    position:fixed;
    right:0;
    top:150px; 
    width:150px;
    height:175px;
    z-index:1;
    background-color:orange;
    border-bottom-left-radius:8px;
    padding:5px;
}
#dealer_menu_bar a
{
    display:block;
    float:right;
    z-index:3;
    position:relative;
    color:#f8f6f6;
    padding:5px;
    clear:both;
}
#dealer_menu_bar .admin
{
    width:150px;    
}
#dealer_menu_bar .dealer
{
    width:150px;    
}
.title
{
    text-transform:uppercase;
    font-size:25px;
    font-weight:bold;
    padding:5px 0;
    color:#93b21a;
}
.login
{
    background-color:White;
    padding:15px 5px;
    width:440px;
}
.login table
{
    line-height:30px;  
    color:Black;  
}
.tblX { margin:10px 0; border: 1px solid #cdcdcd; border-collapse:collapse; border-spacing:0; font-size:90%; width: 100%;}
.tblX th { text-align:center; font-weight:bold; border: 1px solid #cdcdcd;}
.tblX th { padding:4px 6px; border: 1px solid #cdcdcd;}
.tblX td { padding:4px 6px; border: 1px solid #cdcdcd;}
.tblX tr.table-top {background: #e5e5e5; font-weight: bold;}

.tblY { margin:10px 0; border: 1px solid #cdcdcd; border-collapse:collapse; border-spacing:0; font-size:90%; width: 100%;}
.tblY th { text-align:center; font-weight:bold; border: 1px solid #cdcdcd;}
.tblY th { padding:2px; border: 1px solid #cdcdcd;}
.tblY td { padding:2px; border: 1px solid #cdcdcd;}
.tblY tr.table-top {background: #e5e5e5; font-weight: bold;}

.check_list_box
{
    width:100%;
    float:left;    
}
.check_list_box label
{
    padding-left:5px;    
}
.top_stories a{text-decoration:none;font-weight:bold;color:#303030;}
.top_stories a:hover{color:gray;}
.top_stories p{display:inline;}
table
{
    text-align:left;
}
table tr td
{
    text-align:left;
}