/*
 @Author: Korben Zhang
 */
 
 
/* -------------------------------------------------------------
 Be Used in layout. Show page layout.
 @author Korben
 @version 1.0.0
 @create-date 2008-3-12
 ------------------------------------------------------------- */

/* --------------------------------    Globe Define ------------------------------------ */
 



/* --------------------------------    Head Menu List ------------------------------------ */
/* --------------------------------    Left Menu List ------------------------------------ */
ul.left-menu {
    text-align: left;
}

li.left-menu-item {
    text-align: left;
}
/* --------------------------------    Right Menu List ------------------------------------ */
ul.right-menu {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #CCCCCC;
}
/* --------------------------------    Sub App Logo Text ------------------------------------ */
.sub-app-logo-text {
    color: yellow;
    font-size: 2em;
}
/* --------------------------------    Page Title ------------------------------------ */
.page-title {
    line-height: 1.8;
    color: green;
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
}
/* --------------------------------    App Logo ------------------------------------ */
.app-logo {
}

.author, .user-name {
    color: green;
    font-weight: bold;
}
/* --------------------------------    Main Body ------------------------------------ */
.bar-cool {
    padding: 3px;
    margin: 2px 2px 0;
    background: #eee;
    border-color: #999 #EEE #EEE #999;
    border-width: 3px;
    border-style: solid;
}

.label-error {
    color: red;
}

.required-marker {
    color: red;
    font-weight: bold;
}

.message-no-result {
    color: #FF0000;
}

.field-error {
    background-color: red;
    color: white;
}

.odd {
    background-color: #CCCCFF
}

.even {
    background-color: #FFFFCC
}

.table-title {
    color: black;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
}

.table-group {
    color: black;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}

.table-item {
    color: blue;
    text-align: center;
}

.table-value {
    color: black;
    text-align: left;
}

.table-num-value {
    color: black;
    text-align: right;
    font-weight: bold;
}

.docs {
    line-height: 1.4;
}

.tasknav {
    margin-bottom: 2px;
}

.source {
    background-color: #fff;
    color: #000;
    border-right: 1px solid #888;
    border-left: 1px solid #888;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    margin-right: 7px;
    margin-left: 7px;
    margin-top: 4px;
}

.source pre {
    margin-right: 7px;
    margin-left: 7px;
}

.info {
    color: #069;
}

.subreset {
    background-color: #e8f7f7;
    font-family: arial, helvetica, tahoma, verdana, sans-serif;
    background: #b8cece;
    border-bottom: 1px solid #325e5e;
    border-right: 1px solid #325e5e;
    border-left: 1px solid #b8cece;
    border-top: 1px solid #b8cece;
    color: #000000;
    text-decoration: none;
    cursor: hand;
    width: 80px;
}

.mainTitle {
    font-weight: bold;
    font-size: 1.4em;
    color: blue;
}

.commentTitle, replyTitle {
    font-weight: bold;
    color: green;
}

.menu-title {
    font-weight: bold;
    font-size: 1.4em;
}

.menu-item {
    background: transparent;
    color: white;
}

.menu-group {
    color: black;
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
    border: 1px solid #325e5e;
}

.date, .time, .datetime {
    color: gray;
    font-style: italic;
}

.alert {
    background-color: #ff9;
}

.input-value {
    font-weight: bold;
    color: green;
}

DIV.page-button, DIV.page-link {
    vertical-align: middle;
    padding: 2px 2px;
    margin: 8px 2px;
}

DIV.page-button a, DIV.page-button span a, SPAN.button-link a, a.button-link {
    padding: 2px 2px;
    margin: 6px 2px;
    text-align: center;
    vertical-align: middle;
    color: blue;
    background: #b8cece;
    border-color: #EEE #999 #999 #EEE;
    border-width: 2px;
    border-style: solid;
    display: inline;
    width: auto;
    height: auto;
}

.article-title {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    color: black;
    font-size: 2em;
    font-weight: bold;
}

.article-content, .post-content, .mail-content {
    width: 100%;
	background: #EEEEEE;
}

.field-label {
    color: green;
    text-align: right;
}

.head-menu-item {
    margin: 2px;
    padding: 2px;
}

.appMenuTitle {
    margin: 2px 0px;
    text-align: center;
    vertical-align: middle;
    padding: 2px 0px;
    font-weight: bold;
    font-size: 1.4em;
    background: #244EDD;
    color: white;
}


/*
 Grid beheiver
 */
td.dept, td.jobPosition, td.JobTitle, td.inCharge, td.remark, td.orgName, td.flag, td.realName, td.operate, td.div.operate{
    white-space: nowrap
}

.tt-error {
    border: 1px solid red;
    padding: 0px;
    margin: 2px;
    display: block;
    margin: 0px;
    background-color: #99B14E;
    font-weight: bold;
}

DIV.ttc-msg {
    border: 1px solid green;
    padding: 0px;
    margin: 2px;
}

DIV.ttc-msg DIV {
    padding: 2px;
    display: block;
    margin: 0px;
    background-color: #99B14E;
    font-weight: bold;
}

DIV.ttc-error {
    border: 1px solid red;
    padding: 0px;
    margin: 2px;
}

DIV.ttc-error DIV {
    padding: 2px;
    display: block;
    margin: 0px;
    background-color: pink;
    font-weight: bold;
}

.scope-left-menu {
    padding: 2px 2px;
}

.scope-right-content {
    margin: 2px 3px;
    padding: 2px 3px;
}

DIV.tt-contain {
    border: 1px solid #809FFF;
    padding: 0px;
    margin: 2px 2px;
}

DIV.tt-contain DIV.tt-contain-head {
    padding: 2px;
    margin: 0px;
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #809FFF;
    color: white;
}

DIV.tt-contain DIV.tt-contain-content {
    padding: 2px;
    margin: 2px;
}

TABLE.page-body {
    margin: 0px;
    padding: 0px;
}

/*
 border-collapse: collapse;
 */

TABLE.tt-table {
    border-collapse: collapse;
    margin: 0px;
    padding: 2px;
}

TABLE.tt-table TH {
    border: 1px solid silver;
    background-color: #809FFF;
    color: white;
}

TABLE.tt-table TD {
    border: 1px solid silver;
    margin: 0px;
    padding: 2px;
}

TABLE.tt-data-grid THEAD TR {
    color: white;
    background-color: #809FFF;
}

TABLE.tt-data-table {
    border-collapse: collapse;
    margin: 0px;
    padding: 2px;
}

TABLE.tt-data-table TH {
    border: 1px solid silver;
    background-color: #809FFF;
    color: white;
}

TABLE.tt-data-table TD {
    border: 1px solid silver;
    margin: 0px;
}

TABLE.tt-data-grid THEAD TR {
    color: white;
    background-color: #809FFF;
}

TABLE.tt-data-grid THEAD TR TH {
    text-align: left;
    padding: 3px;
    white-space: nowrap;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}

TABLE.tt-data-grid {
    border-collapse: collapse;
    border-left: 1px solid silver;
}

TABLE.tt-data-grid TBODY TR TD {
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 2px;
}

DIV.tt-data-grid {
    font-family: "Trebuchet MS", Arial, sans-serif;
}

.restDay {
    background: gray;
}

.validate-require {
    color: blue;
    font-weight: bold;
}

.nowrap {
    white-space: nowrap
}

/* USE IN HR */
.s1, .hr-s1 {
    border: 1px solid blue;
    width: 90%;
}

.append, .hr-append {
    border: 1px solid blue;
    width: 50%;
}

.auto-hr{
	white-space:normal;  
	word-break:break-all;  
	overflow:hidden;
}

.sqlTableTitle{
	font-weight:bold;
	font-size:1.4em;
}