/* Login Form */
#login_box {
    background: #FFF;
    border: 1px solid #000;
    display: block;
    /*margin: 10% auto 100px;*/
    position: relative;
    width: 340px;
    z-index: 10;
    
}

#login_box table{
    width: 100%;
    border: 1;
}

#login_box table tr td.title{
    background: #000;
    font-weight: bold;
    color: #F00;
    margin-bottom: 10px;
    padding: 5px;
}

#login_box .button{
    background: none;
    font-weight: bold;
    color: #F00;
    margin-bottom: 10px;
    padding: 5px;
}

#login_box table tr td.label{
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
}

#login_box table tr td input.text{
    width: 95%;
    height: 20px;
    border: 1px solid #AAAAAA;
}

#login_box #bntLogin{
    margin-right: 9px;
}

.button{
    height: 25px;
    border: 1px solid #888888;
    background: #AAAAAA;
    color: #000000;
}

.button:hover{
    height: 25px;
    border: 1px solid #FFFFFF;
    background: #333333;
    color: #FFFFFF;
}

.box_navigation{
    width: 100%;
    background: #24BDE2;
}

.navigation{
    margin-left: 5px;
    padding-top: 5px;
    color: #FFFFFF;
    font-weight: bold;
    
}

#grid_table {
    width: 100%;
    padding: 0;
    margin: 0;
}

#grid_table th {
    font: bold 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    /*text-transform: uppercase;*/
    text-align: center;
    padding: 2px 2px 2px 5px;
    background: #CAE8EA;
}
#grid_table td {
    font: 11px "Tahoma", Verdana, Trebuchet MS, Helvetica;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 2px 0 2px 5px;
    color: #4f6b72;
    word-break: break-all;
}
#grid_table tr:hover td {
    background: #f1f1f1;
}

#grid_table td a{
    text-decoration: none;
}

#grid_table tr td input.text{
    font: 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
    height: 13px;
    border: 1px solid #999922;
}

#grid_table_form, .table {
    width: auto;
    padding: 0;
    margin: 0;
}

#grid_table_form th, .table th {
    font: bold 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    /*text-transform: uppercase;*/
    text-align: left;
    padding: 2px 2px 2px 5px;
    background: #CAE8EA;
}
#grid_table_form td, .table td {
    font: 11px "Tahoma", Verdana, Trebuchet MS, Helvetica;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 4px 5px 4px 5px;
    color: #4f6b72;
    
}

#grid_table_form tr td input.text,
.table tr td input.text {
    font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    height: 15px;
    border: 1px solid #999922;
}

#search_form
{
    width: 100%;
    background: #AAAAAA;
}

#search_form #grid_search_table {
    font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
}

#search_form #grid_search_table th {
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    /*text-transform: uppercase;*/
    text-align: left;
    padding: 2px 2px 2px 5px;
    background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#search_form #grid_search_table input.text{
    font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    height: 13px;
    border: 1px solid #EEEEEE;
    margin-top: 2px;
}

.w50{
    width: 50px;
}

.w100{
    width: 100px;
}
.w150{
    width: 150px;
}
.w200{
    width: 200px;
}
.w300{
    width: 300px;
}
.w400{
    width: 400px;
}
.w500{
    width: 500px;
}

.buttonform{
    font: 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
    height: 19px;
    border: 1px solid #FFFFFF;
    background: #950000;
    color: #FFFFFF;
    padding-bottom: 2px;
}

.buttonform:hover{
    font: 11px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
    height: 19px;
    border: 1px solid #FFFFFF;
    background: #333333;
    color: #FFFFFF;
}

.menu_active{
    color: #FF0000;
}

/** Pagination **/
ol, ul {
    list-style: none outside none;
}
.page {
    margin: 10px;
}
.float-right {
    
}
.pagination{
    margin: 0;
}
ul li, .pagination li {
    cursor: pointer;
    list-style: none outside none;
    margin: 2px;
    font-size: 12px;
    display: inline-block;
}

.pagination li a {
    padding: 1px 6px 0px;
}
.pagination a {
    background: #F6F6F6;
    border: 1px solid #DDDDDD;
    color: #0073EA;
    outline: medium none;
    text-decoration: none;
}
.pagination a:hover{
    background: #FF0000;
    border: 1px solid #DDDDDD;
    color: #FFFFFF;
}
.pagination .active a{
    color: #FF5400;
}
.pagination .active a:hover{
    background: #F6F6F6;
    border: 1px solid #DDDDDD;
    color: #FF5400;
    outline: medium none;
    text-decoration: none;
}
/** End Pagination **/

.non_show{
    display:none;
}

#transaction_history{
    width: 100%;
    float:left;
}
#transaction_history_menu {
    margin-bottom: 5px;
}
#content_transaction_history{
    margin-top: 40px;
}
#transaction_history_menu ul{
    padding-left: 0px;
}

#transaction_history_menu ul li{
    margin: 0px;
    padding: 3px 7px 3px 7px;
    background: #555555;
    color: #FFFF00;
    border: 1px solid #FFFFFF;
}

#transaction_history_menu ul li:hover{
    background: #FF6D15;
    color: #FFFFFF;
}

#transaction_history_menu ul li.active{
    background: #FF6D15;
    color: #FFFFFF;
}

#info_member{
    margin-top: 20px;
    width: 33%;
}

.type_number{
    text-align: right;
    margin-right: 5px;
}

#grid_table td.type_number{
    text-align: right;
    padding-right: 5px;
}

#grid_table td.fcenter{
    text-align: center;
}

div.tree-root{
    color:#950;
}

div.tree-root-superadmin{
    color:#F0F;
}

div.tree-lv2{
    font-weight: bold;
    color:#092;
}

div.tree-lv1{
    color:#05A;
}

div.permission_all{
    font-weight: bold;
    color:#F00;
    text-align: center;
}

div.search-separate{
   float: left;
   margin-right: 5px; 
}

/* add by phi */
.msgbox {padding: 10px;margin: 15px;}
.msgbox h3 {font-size: 20px;margin: 10px 0px;}
.box-info {background: #bfdae0;color: #105a6e;border: 1px solid #92bcc7;}
.box-info h3 {color: #9c1d00;}
.box-done {background: #c2e2bc;color: #005d1d;border: 1px solid #96ca8f;}
.box-done h3 {color: #029300;}
.box-error { background: #dcb8b8; color: #7f0000; border: 1px solid #c39495;}
.box-error h3 { color: #db2900; }
.box-warning { background-color: #FCF8E3; border: 1px solid #FBEED5; color: #724301; }
.box-warning h3 { color: #AD6603; }
.suspend td {color: red !important;}
/* end phi */