body {
    line-height: 1.166;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #333;
    font-family: Arial,Times New Roman;
    /*	word-wrap: break-word;
            white-space:  normal;*/
}

form {
    border: 0;
    margin: 0;
}

strong {
    color: #0469BB;
    font-weight: normal;
}

.invisible {
    display: none;
}

.suggestionsBox {
    position: relative;
    left: 0px;
    margin: 0px 0px 0px 0px;
    width: 260px;
    background-color: #fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;	
    color: #666;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {

    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
    background-color: #659CD8;
}

input[type="button"], input[type="submit"] {
    padding: 0px 5px 0px 5px;
}


a {
    text-decoration: none;
    color: #0000ff;
    cursor:pointer;
}

a:link {
    text-decoration: none;
    color: #0000ff;
    cursor:pointer;
}

a:visited {
    text-decoration: none;
    color: #0000ff;
    cursor:pointer;
}

a:hover {
    text-decoration: underline;
    color: #0000ff;
    cursor:pointer;
}

#container {
    /*width: 1024px;
    background: url(../img/common/shadow.gif) top left repeat-y;*/
    position: relative;
    margin: 0 auto;
    padding: 0px;
    min-height: 628px;
    height: auto !important;
}

/** Banner start **/
#banner {
    /*width: 55%;*/
    height: 70px;
    background: url(../img/common/banner_right.jpg) 50px 0px repeat;
    text-align: right;
    /*padding: 10px 0px 0px 0px;*/
    color: #fff;
/*    float: left;*/
}

#banner a {
    color: #fff;
}

#banner a:hover {
    color: #fff;
}

#banner #logo {
    float: left;
}

#banner #signin {
    float: right;
    margin-right: 10px;
    padding-top: 10px;
}

#banner-right{
    width: 45%;
    height: 50px;
    background: url(../img/common/banner_right.jpg) 50px 0px;
    text-align: right;
    padding: 10px 0px 0px 0px;
    color: #fff;
    float: left;
}
#banner-right a {
    color: #fff;
}

#banner-right a:hover {
    color: #fff;
}

#banner-right #signin {
    float: right;
    margin-right: 10px;
}
/** Banner end **/

/** Body outline start **/
#outline {
    padding: 10px 30px 10px 30px;
    /*width: 965px;*/
    min-height: 668px;
    /*max-height: 668px;*/
    overflow: auto;
}
/** Body outline end **/

/** Top Menu start **/

.empty {
    clear: both;
    height: 1px;
}

#bradcrumb {
    background-color: #FFFFCC;
    border: solid 1px #ccc;
    height: 15px;
    width: 953px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    clear: both;
}



.dot-line {
    clear: both;
    background: url(../img/common/dot-line.gif) 0px 0px repeat-y;
    height: 5px;
}

/** Left menu end **/

/** Content start **/
#content {
    width: 745px;
    float: right;
    margin: 3px 10px 0px 0px;
}

#content #body-title {
    background: url(../img/common/body-title-4.gif) 0px 0px repeat-x; 
    height: 30px; 
    border: none; 
    color: #fff; 
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 3px;
}

#content #body-title td.arrow {
    background: url(../img/common/body-title-1.gif) left top no-repeat; 
    width: 33px;
}

#content #body-title td.content {
    background: url(../img/common/body-title-2.gif) left top repeat-x; 
    width: auto;
    font-size: 14px;
    padding-right: 50px;
}

#content #body-title td.conner {
    background: url(../img/common/body-title-3.gif) left top repeat-x; 
    width: 38px;
}

#content #workflow {
    background: url(../img/common/workflow.gif) 0px 0px repeat-x;
    height: 25px;
    padding-top: 7px;
    padding-left: 7px; 
}

#content #page-title {
    background: url(../img/common/page-title.gif) 0px 1px repeat-x;
    height: 25px;
    padding: 10px 0px 0px 25px;
    font-size: 12px;
    letter-spacing: 3px;
    color: #333;
}

#content #page-title .right {
    width: 350px; float: right;
    *margin-top: -13px;
}

.page-title {
    background: url(../img/common/page-title.gif) 0px 1px no-repeat;
    height: 25px;
    padding: 10px 0px 0px 25px;
    font-size: 12px;
    letter-spacing: 3px;
    color: #333;
}


#content #main-content {
    width: 99.8%;
    /*border: 1px solid #ccc;*/
    min-height: 300px;
    padding: 0px 1px 5px 0px;
    *padding: 10px 1px 5px 0px;
}

.go-top {
    width: 990px;
    height: 27px; 
    text-align: right;
}

.go-top a {
    background:url(Navi3S/static/img/common/go-top.gif); 
    width: 80px; 
    height: 20px; 
    padding: 5px 0px 0px 20px; 
    display: inline-block;
    text-decoration: none;
    text-align: left;
}

.go-top a:hover {
    text-decoration: none;
}

/** Content end **/

/** Footer start **/
#footer {
    clear: both;
    padding: 5px 10px 5px 0px;
    /*margin-left: 16px;
    width: 980px;*/
    height: 13px;
    text-align: right;
    background: url(../img/common/footer-bg.gif) left top repeat-x;
    font-size: 11px;
}
/** Footer end **/

.table-input {
    border: 1px solid #aaa;
    border-bottom: none;
    border-left:none;
    background-color: #fff;
}

.table-input td.label {
    background-color: #DFE3FD; 
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    padding: 5px;
    word-wrap: break-word;
    white-space:  normal;
}

.table-input th {
    /*background: url(../img/common/th-gray.gif) left top repeat;*/
    background: url(../img/common/th-gray.png) left top repeat;
    padding-left: 5px;
    height: 30px;
    border-bottom: 1px solid #aaa;
}


.table-input td.gray {
    /*background: url(../img/common/th-gray.gif) left top repeat;*/
    background: url(../img/common/th-gray.png) left top repeat;
    /*        background-color: #26fc67;*/
    color: #000;
    font-weight: bold;
    padding: 5px;
    height: 30px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    word-wrap: break-word;
    white-space:  normal;
    vertical-align : middle;
}

.table-input td.brown {
    background: url(../img/common/brown-bar.gif) left top repeat;
    padding: 5px;
    height: 30px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    word-wrap: break-word;
    white-space:  normal;
}

.table-input th.brown {
    background: url(../img/common/brown-bar.gif) left top repeat;
    padding: 5px;
    height: 30px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    word-wrap: break-word;
    white-space:  normal;
}

.table-input td.control {
    border: 1px solid #aaa;
    border-top: none;
    border-right: none;
    padding: 5px;
    word-wrap: break-word;
    white-space:  normal;
/*    font-size: 12px;*/
    letter-spacing: 1px;
}

.table-input td.cancel {
    border: 1px solid #aaa;
    border-top: none;
    border-right: none;
    padding: 5px;
    word-wrap: break-word;
    white-space:  normal;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #999;
}

.table-input .light-gray {
    background-color: #E7E7E7;
}
.table-input td.admin-role {
    border: 1px solid #aaa;
    border-top: none;
    border-right: none;
    padding: 5px 5px 5px 0px;
    background-color: #FDEFE3;
}
.table-input td.admin-role .admin-icon {
    background-color: #FDEFE3;
    background: url(../img/common/admin-role.gif) 0px 0px no-repeat;
    padding: 0px;
}

.table-input tr:hover td { 
    background-color: #FAFA8A;
}

.table-input tr.chose { 
    background-color: #FFC18C;
}
/** Form field start **/ 

.table-form {
    border: 1px solid #aaa;
    border-bottom: none;
    border-left:none;
    background-color: #fff;
}

.table-form td.label {
    background-color: #DFE3FD; 
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    padding: 5px;
    word-wrap: break-word;
    white-space:  normal;
}

.table-form th {
    /*background: url(../img/common/th-gray.gif) left top repeat;*/
    background: url(../img/common/th-gray.png) left top repeat;
    padding-left: 5px;
    height: 30px;
    border-bottom: 1px solid #aaa;
}

.table-form td.gray {
    /*background: url(../img/common/th-gray.gif) left top repeat;*/
    background: url(../img/common/th-gray.png) left top repeat;
    /*background-color: #26fc67;*/
    color: #000;
    padding: 5px;
    height: 30px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    word-wrap: break-word;
    white-space:  normal;
    vertical-align : middle;
    font-weight: bold;
}


.table-form td.brown {
    background: url(../img/common/brown-bar.gif) left top repeat;
    padding: 5px;
    height: 30px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    word-wrap: break-word;
    white-space:  normal;
}

.table-form th.brown {
    background: url(../img/common/brown-bar.gif) left top repeat;
    padding: 5px;
    height: 30px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    word-wrap: break-word;
    white-space:  normal;
}

.table-form td.control {
    border: 1px solid #aaa;
    border-top: none;
    border-right: none;
    padding: 5px;
    word-wrap: break-word;
    white-space:  normal;
/*    font-size: 12px;*/
    letter-spacing: 1px;
}

.table-form td.hlight {
    border: 1px solid #aaa;
    border-top: none;
    border-right: none;
    padding: 5px;
    word-wrap: break-word;
    white-space:  normal;
    background-color: #FAFA8A;
    letter-spacing: 1px;
}

.table-form td.noquota {
    border: 1px solid #aaa;
    border-top: none;
    border-right: none;
    padding: 5px;
    word-wrap: break-word;
    white-space:  normal;
    background-color: #FFAEAE;
    letter-spacing: 1px;
}

.table-form tr.chose { 
    background-color: #FFC18C;
}


.light-blue{
    background-color: #e1eeec;
}
.table-form .light-gray {
    background-color: #E7E7E7;
}
.table-form td.admin-role {
    border: 1px solid #aaa;
    border-top: none;
    border-right: none;
    padding: 5px 5px 5px 0px;
    background-color: #FDEFE3;
}
.table-form td.admin-role .admin-icon {
    background-color: #FDEFE3;
    background: url(../img/common/admin-role.gif) 0px 0px no-repeat;
    padding: 0px;
}
/** Form field end **/

/** Command bar start **/  
.blue-bar {
    background: url(../img/common/blue-bar.gif) left top repeat-x;
    height: 29px;
    padding: 5px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    width: 740px;
    border-bottom: 1px solid #b4b4b4;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    word-wrap: break-word;
    white-space:  normal;
}

.ligth-blue-bar {
    background-color: #e1eeec;
    height: 29px;
    padding: 5px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    width: 738px;
    border-bottom: 1px solid #b4b4b4;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    word-wrap: break-word;
    white-space:  normal;
}

.blue-bar-custom {
    background: url(../img/common/blue-bar.gif) left top repeat-x;
    height: 29px;
    padding: 5px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    border-bottom: 1px solid #b4b4b4;
    word-wrap: break-word;
    white-space:  normal;
}

.brown-bar {
    background: url(../img/common/brown-bar.gif) left top repeat-x;
    height: 29px;
    padding: 5px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    width: 739px;
    border-bottom: 1px solid #b4b4b4;
    font-size: 12px;
    letter-spacing: 1px;
    word-wrap: break-word;
    white-space:  normal;
}

.grey-bar {
    background: url(../img/common/grey-bar.gif) left top repeat-x;
    height: 29px;
    padding: 5px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    width: 738px;
    border-bottom: 1px solid #b4b4b4;
    font-size: 12px;
    letter-spacing: 1px;
    word-wrap: break-word;
    white-space:  normal;
}

.gray-bar {
    /*background: url(../img/common/gray-bar.gif) left top repeat-x;*/
    background: url(../img/common/th-gray.png) left top repeat;
    height: 29px;
    padding: 5px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    width: 738px;
    border-bottom: 1px solid #b4b4b4;
    font-size: 12px;
    letter-spacing: 1px;
    word-wrap: break-word;
    white-space:  normal;
}

.short-gray-bar {
    background: url(../img/common/gray-bar.gif) left top repeat-x;
    height: 29px;
    padding: 5px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    letter-spacing: 1px;
    word-wrap: break-word;
    white-space:  normal;
}

.section {
    border: 1px solid #A3A3A3;
    width: 744px;
    padding: 0px 0px 0px 0px;
}
.section .content {
    padding: 5px;
}
/** Command bar end **/

/** Error start **/ 
.field-error {
    color: #ff0000;
}

.input-error{
    border-color: #FF0000
}
/* Phu fix loi to mau nen cho select ben trong div co class error IE*/
.input-error select{
    background-color:#FFAEAE;
}
/* Phu fix loi to mau nen cho select ben trong div co class error IE*/
.summary-errors {
    color: #ff0000;
    /*line-height: 1.7;*/
    /*margin-top: -10px;*/
    margin-top: 0px;
    margin-bottom: 3px;
    padding-left: 20px;
}

.required {
    color: #ff0000;
}

.error {
    color: #ff0000;
}

/** Error start **/

/** Tab start **/  
.tab-item {
    background-image: url(../img/common/tab-item.gif);
    float: left;
    height: 20px;
    border: solid 1px #999;
    border-bottom: none;
    padding: 5px 5px 0px 5px;
    cursor: pointer;
    color: #000;
    margin-right: 1px;
}

.tab-item-disabled {
    background-image: url(../img/common/tab-item.gif);
    float: left;
    height: 20px;
    border: solid 1px #999;
    border-bottom: none;
    padding: 5px 5px 0px 5px;
    color: #666;
    margin-right: 1px;
    cursor: default;
}

.tab-item-selected {
    background-image: url(../img/common/tab-item-selected.gif);
    float: left;
    height: 20px;
    border: solid 1px #999;
    border-bottom: none;	
    padding: 5px 5px 0px 5px;
    cursor: pointer;
    color: #000;
    margin-right: 1px;
}

.tab-content {
    /*border: solid 1px #999;*/
    clear: both;
    padding: 5px 0px 10px 0px;
    color: #666666;
    background-color: #fff;
}

/** Tab end **/

/** Status flag start **/
.status-flag {
    background: url(../img/common/status-flag.gif) left top no-repeat;
    width: 9px;
    height: 9px;
}

.user-valid {
    background: url(../img/common/user-valid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.user-invalid {
    background: url(../img/common/user-invalid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}
/** Status flag end **/

/** Company flag status start **/
.company-valid {
    background: url(../img/common/company-valid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.company-invalid {
    background: url(../img/common/company-invalid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}
/** Company flag status end **/

/** Package flag status start **/
.package-valid {
    background: url(../img/common/package-valid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.package-invalid {
    background: url(../img/common/package-invalid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.package-active {
    background: url(../img/common/package-active.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.package-deactive {
    background: url(../img/common/package-deactive.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

/** function flag status start **/
.function-valid {
    background: url(../img/common/function-valid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.function-invalid {
    background: url(../img/common/function-invalid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}
.function-deploy-valid {
    background: url(../img/common/function-deploy-valid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.function-deploy-invalid {
    background: url(../img/common/function-deploy-invalid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.function-change-valid {
    background: url(../img/common/function-change-valid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.function-change-invalid {
    background: url(../img/common/function-change-invalid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}
.function-undeploy-valid {
    background: url(../img/common/function-undeploy-valid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.function-undeploy-invalid {
    background: url(../img/common/function-undeploy-invalid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}
.package-icon-1 {
    background: url(../img/common/package_icon_1.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}
.package-icon-2 {
    background: url(../img/common/package_icon_2.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}
.package-icon-3 {
    background: url(../img/common/package_icon_3.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.set-option {
    background: url(../img/common/set-option.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.unset-option {
    background: url(../img/common/unset-option.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}
.set-permission {
    background: url(../img/common/function-undeploy-valid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}

.unset-permission {
    background: url(../img/common/function-undeploy-invalid.gif) left top no-repeat;
    width: 13px;
    height: 11px;
}
.permission-item {
    padding-left: 15px;
    width: 100%;
    height: 20px;
}

/** Arrow begin **/
.arrow-up {
    background: url(../img/common/arrow-up.gif) no-repeat;
    width: 16px;
    height: 16px;
}

.arrow-down {
    background: url(../img/common/arrow-down.gif) no-repeat;
    width: 16px;
    height: 16px;
}
/** Arrow end **/

.mask-loading {
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color:#000;
    /* for IE */
    filter:alpha(opacity=90);
    /* CSS3 standard */
    opacity:0.7;
    position: fixed;
}

.mask-loading-image {
    background: url(../img/default/grid/loading.gif) 35% 30% no-repeat;    
    width: 100%;
    height: 100%;
    color: #fff;
    padding-top: 25%;
    padding-left: 50%;
}  

#content-login {
    background: url(../img/common/login.gif) left top repeat-x;
    margin: 0;
    padding: 20px 0px 0px 20px;
    height: 150px;
    width: 390px;
    text-align: left;
    border: 1px solid rgba(0,0,0,0.5);
}

.expand {
    background: url(../img/common/expand.gif) left top no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

/*.collapse {
    background: url(../img/common/collapse.gif) left top no-repeat;
    width: 15px;
    height: 15px;
    cursor: pointer;
}*/

.bold{
    font-weight: bold;
}

.pointer{
    cursor:pointer;
}

.size10, input.size10, input[type="text"].size10{
    color: #666666;	
    font-size:10px;
}

.light-gray{
    background-color: #ECECDB;
}
.dark-gray{
    background-color: #E7E7E7;
}
.unselect {
    color: #ccc;
}

.inline-block
{
    display:inline-block;
}

/* Hack ExtJs start */
.x-grid3-hd-inner {
    text-align: left;
    font-size: 12px;
}

.x-grid3-cell-inner {
    font-size: 12px;
    word-wrap: break-word;
    white-space:  normal;
}

td.ux-grid-hd-group-cell {
    background: url(../img/common/grid3-hrow.gif) repeat-x bottom;
}

td.ux-grid-hd-nogroup-cell .x-grid3-hd-inner {
    background: none;
}

/* Hack ExtJs end */

.blue_group_menu
{
    background-color: #DDECFF
}

.break-word {
    word-wrap: break-word;
}

textarea, input[type="text"] {
    font-size: 12px;
}

/* LOGIN start */

.login {
    background: url(../img/login/body.jpg) top left no-repeat;
    padding-left: 10px;
}
.login-logo {
    background: url(../img/LogoAtc.png) top center no-repeat;
    background-size: 220px;
}
.login-top {
    background: url(../img/login/top.jpg) top left no-repeat;
    width: 500px;
    height: 21px;
}
.login-left {
    background: url(../img/login/left.jpg) top left no-repeat;
    width: 16px;
    height: 224px;
}
.login-right {
    background: url(../img/login/right.jpg) top left no-repeat;
    width: 16px;
    height: 224px;
}
.login-bottom {
    background: url(../img/login/bottom.jpg) top left no-repeat;
    width: 500px;
    height: 21px;
}

/* LOGIN end */


option[disabled] {
    *color: #ACA899;
}

input[type=text][disabled] {
    color: #ACA899;
    background-color: #ECE9D8;
}

.hide{
    display:none;	
}

.link {
    color: blue;
    cursor: pointer;
    text-decoration: none;
}

.link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.x-window-body {
    background-color:  #fff;
    padding: 0px;
    margin: 0px;	
}

.x-grid-group-hd {
    border-bottom: 0px solid;
    /*cursor:pointer; */
    padding-top:0px;
}

.x-grid-group-hd div.x-grid-group-title {
    background:transparent no-repeat 3px 3px;
    padding:0px 0px 0px 0px;
}

.x-grid-group-collapsed .x-grid-group-body {
    display:none;
}
#grid-function .x-grid-group-hd {
    border-bottom: 1px solid;    
    padding-top: 0px;
    background-color: rgb(221, 236, 255);
    border-bottom-color:#EDEDED;
    width: 720px;        
}
.x-grid-group-hd {
    width: 720px;
}
#grid-function .x-grid-group-hd div.x-grid-group-title {
    background:transparent no-repeat 3px 3px;
    padding:0px 0px 0px 0px;
}

#grid-function .x-grid-group-hd div.x-grid-group-title {    
    color:#3764a0;
    font:bold 11px tahoma, arial, helvetica, sans-serif;
}
#grid-function .x-grid3-row td, .x-grid3-summary-row td {
    vertical-align: middle;
}
#grid-function .x-grid3-cell-inner, .x-grid3-col-permission_flag {
    padding: 3px;
}
#grid-function .x-grid-group-title {
    width: 719px;
}
#package-function .x-grid3-cell-inner {	
    white-space:normal;
}
#package-function .x-grid3-row td, .x-grid3-summary-row td {
    vertical-align: middle;

}
#company-function .x-grid3-cell-inner, .x-grid3-hd-inner {	
    white-space:normal;
}
#company-package .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td {
    font-size: 12px;
}
#company-package .x-grid3-row td, .x-grid3-summary-row td {
    -moz-user-select : text;
    -moz-user-focus : none;
}
#company-package .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td {
    -moz-user-select : text;
    -moz-user-focus : none;	
}

.gray1
{
    color : #666666;
}

.red
{
    color : #FF0000;
}

.red1
{
    color : #CC0000;
}

.bg-yellow1
{
    background-color: #FFFFCC;
}

.green1
{
    color: #003333;
}

table tr td.left
{
    text-align:left;
}

.size11
{
    font-size:11px;
}

.size12
{
    font-size:12px;
}

.watermarkCss
{
    background-color: white;
}

.blue
{
    color: #0000FF;
}

.bg-pink1
{
    background-color: #fff0ff;
}

.black-grey {
    background-color: #E4E4E4;
    padding: 2px;
    text-align: center;
}
.light-pink {
    background-color: #FFF0F0;
}
.light-orange td {
    background-color: #FFF0D2;
}
.style21
{
    padding: 1px 5px;
    font-size: 10px;
}
.light-grey {
    background-color: #f2f2f2;
}
.white {
    background-color: #FFFFFF;
}
.pink {
    background-color: #FFCCCC;
}

.search-summary
{
    width: 740px;
    border-right: solid 1px #aaa;
}

.search-summary th
{
    border: solid 1px #aaa;
    background-color: #999; 
    height: 25px; 
    color: #fff; 
    padding-left: 5px;
}

.search-summary td
{
    border-left: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    padding: 5px;
    height: 25px;
    border-collapse: collapse;
}

.tb-chart{
    font-size:10px;
    background-color:#cccccc;
}

.tb-chart td
{
    padding: 3px;
}

.profile-title
{
    background-image: url(../img/profile-title.jpg);
    height: 20px;
    font-weight: bold;
    padding-top: 10px;
    width: 742px;
    color: #000;
}

.tb-pivot{
    font-size:10px;
    background-color:#cccccc;
    color: #000000;
}

.tb-pivot th
{
    text-align: center;
    background-color:#eaeaea;
    padding: 3px;
    height:30px;
    font-weight: normal;
}
.tb-pivot td
{
    text-align: center;	
    background-color:#ffffcc;
    padding: 3px;
}

.tb-pivot td.c{
    background-color:#eaeaea;	
}

.tb-pivot td.b{
    font-weight:bold;
}

.tb-header{
    font-size:10px
}

.tb-header td{
    background-color:#eaeaea;
}

.tb-header a:link{
    color: #000000;
    text-decoration: none;
}

.tb-header a:hover{
    color: #006699;
    text-decoration: underline;
}

/* Modern browsers (but especially firefox ) */
/*table.tb-pivot>tbody {
    overflow: auto;
    height: 350px;
    overflow-x: hidden;
}

table.tb-pivot thead tr {
    position:relative;
    top: expression(offsetParent.scrollTop); IE5+ only
     fixes the header being over too far in IE, doesn’t seem to affect FF 
    left: 0px;
}*/

.member-download {
    cursor: pointer;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}
.number-in-cell {
    color: #000066;
    font-size: 12px;
}
.character-in-cell {
    color: #990033;
    font-size: 10px;
}
.character-header {
    color: #000;
    font-size: 10px;
}
.character-header-cell {
    color: #000;
    font-size: 12px;
}

.style20 {
    color:#000000;
    font-size:11px;
}


/*==============BEGIN FORM PHIEU CHI===================*/
.bvhd{ font-size:12px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif}
.diachi{ font-size:10px; font-weight:1; font-family:Arial, Helvetica, sans-serif}
.phieuchi{ font-size:24px; font-weight:bolder; font-family:"Times New Roman", Times, serif; text-align:center}
.ngaythang{ font-size:14px; font-family:"Times New Roman", Times, serif; text-align:center; font-style:italic}
.mauso{ font-size:10px; font-family:"Times New Roman", Times, serif; font-weight:bolder;}
.banhanh{ font-size:10px; font-family:"Times New Roman", Times, serif;}
.quyenso{ font-size:12px; font-family:"Times New Roman", Times, serif;}
.sonoco{ font-size:13px; font-family:"Times New Roman", Times, serif; font-weight:normal;}
.noidung{ font-size:12px; font-family:"Times New Roman", Times, serif; font-weight:normal;}
.noidung_text{ font-size:16px; font-family:"Times New Roman", Times, serif; font-weight:normal;}

.kyten{ font-size:18px; font-family:"Times New Roman", Times, serif; font-weight:bolder;}
.kyten1{ font-size:15px; font-family:"Times New Roman", Times, serif; font-style:italic}
.style_border{ border-bottom:#000000 dotted thin; padding-bottom:0px}

.phieutamung{
    font-size:18px;
    font-weight:bolder;
    font-family:Times New Roman;
    text-align:center;
}

/*==============END FORM PHIEU CHI===================*/

/*==============BEGIN FORM UY NHIEM CHI===================*/
.noidung_text_i{ font-size:18px; font-family:"Times New Roman", Times, serif; font-weight:normal; font-style: italic}
.noidung_unc_text{ font-size:16px; font-family:"Times New Roman", Times, serif; font-weight:normal;}


/*==============BEGIN FORM UY NHIEM CHI===================*/

/*==============DDTHANH CSS===================*/
.active_menu{
    color: #fcff00 !important;
}
.spacer{
    height: 10px;
}
.clear{
    clear: both;
}


.img-thump {
    max-width: 88px;
    max-height: 88px;
    border-radius: 5px;
}
.image-border {
    max-width: 90px;
    max-height: 90px;
    float: left;
    margin-bottom:10px;
    border: solid #999 1px;
    border-radius: 5px;
}

option.sale-manager{
    background: none repeat scroll 0% 0% rgb(204, 255, 255);
}

option.sale-director{
    background: none repeat scroll 0% 0% rgb(255, 204, 204);
}

table.calendar { border-left:1px solid #999; }
tr.calendar-row	{ }
td.calendar-day	{ max-height:80px; height: 40px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }

td.calendar-today	{ min-height:80px; font-size:11px; position:relative; background: rgb( 183, 255, 255);} * html div.calendar-day { height:80px; }
td.calendar-today:hover	{ background:#eceff5; }

td.calendar-eow	{ min-height:80px; font-size:11px; position:relative; background: rgb( 252, 185, 185);} * html div.calendar-day { height:80px; }
td.calendar-eow:hover	{ background:#eceff5; }

td.calendar-day-np	{ background:#eee; max-height:80px; height: 40px;} * html div.calendar-day-np { height:80px; }
td.calendar-day-head { height: 25px; background:#ccc; font-weight:bold; text-align:center; width:82px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-eow, td.calendar-day, td.calendar-today, td.calendar-day-np { width:60px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }

#top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 40px;
  background-color: #303641;
  /*background-color: #884B32;*/
  margin-left: 65px;
}