/**
 * Copyright (c) 2005 Chengteh Chinaware Co., Ltd.
 * All rights reserved.
 *
 * Created on ${date}
 */
 
/**
 * @author ${user}
 *
 * $$DateTime$$
 * $$Change$$
 * $Author$$
 */


/* Header Bar */
.headerBackground
{
    background: #D04444;
}

.headerTitle
{
    font-size: 16pt;
    color: #EEEEEE;
    font-family: verdana;
}

.headerSubTitle
{
    font-size: 8pt;
    color: #EEEEEE;
    font-family: verdana;
}

.headerRule
{
    background: #222222;
}

.headerTabBackground
{
    background: #f0f0e0;
}

.headerTabText
{
    font-size: 8pt;
    color: #333333;
    font-family: verdana;
}

/* Copyright */
.copyrightBackground
{
    background: #EEEEEE;
}

.copyrightText
{
    font-size: 8pt;
    color: #666666;
    font-family: verdana;
}

/* Button */
.button
{
    font-size: 10pt;
    font-family: verdana;
    font-weight: bold;
    color: #D04444;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    background: #EEEEEE;
    cursor: pointer;
    height: 25px;
    text-decoration: none;
}

/* Container box */
.container
{
    background-color: #EEEEEE;
    background: #EEEEEE;
    color: #666666;
    font-size: 10pt;
    font-family: verdana;
}

.border
{
    background-color: #999999;
}

/* Table */

/* Table header */
.tableHead
{
    font-weight: bold;
    background-color: #cccccc;
}

.tableRow
{
    background-color: #dddddd;
}

.tableRow1
{
    background-color: #eeeeee;
}

.tableRow2
{
    background-color: #dddddd;
}

/* Tabs */
.tabs ul
{
    list-style: none inside none;
    margin: 0;
    padding: 0;
}

.tabs
{
    text-align: left;
    margin-bottom: 1em;
    border-bottom: 1px solid #cccccc;
    font-style: italic;
}

.tabs a
{
    padding: 0px 6px 0px 6px;
}

.tabs ul li
{
    margin-right: 6px;
    display: inline;
    background: #fff;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.tabs ul li a:link, .tabs ul li a:visited, .tabs ul li a:active
{
    text-decoration: none;
    color: #999999;
}

.tabs ul li a:hover
{
    color: #000000;
    border-bottom: 1px solid #ffffff;
}

.tabs #active
{
    padding: 2px 6px 0px 6px;
    border-bottom: 1px solid #ffffff;
    color: #000000;
    font-weight: bold;
    font-style: normal;
}

.tabs #activeTab1
{
    padding: 2px 6px 0px 6px;
    background: #ffff33;
    border-bottom: 1px solid #ffffff;
    color: #000000;
    font-weight: bold;
    font-style: normal;
}

.tabs #tab1
{
    background: #ffff33;
}

.tabs #activeTab2
{
    padding: 2px 6px 0px 6px;
    background: #D8EACC;
    border-bottom: 1px solid #ffffff;
    color: #000000;
    font-weight: bold;
    font-style: normal;
}

.tabs #tab2
{
    background: #D8EACC;
}

.tabs #activeTab3
{
    padding: 2px 6px 0px 6px;
    background: #efeff9;
    border-bottom: 1px solid #ffffff;
    color: #000000;
    font-weight: bold;
    font-style: normal;
}

.tabs #tab3
{
    background: #efeff9;
}

.graphs
{
    float:left;
    text-align: left;
    font-style: normal;
    background: #ffffff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 25px 15px 25px 15px;
    font-family: verdana, arial, sans-serif;
    font-size: 75%;
}

.graphs li
{
    float:left;
    display: inline;
    background: #ffff00;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px 15px 5px 15px;
    margin: 10px 0px 10px 0px;
    white-space:nowrap;
}

.graphs li a:link, .graphs li a:visited, .graphs li a:active
{
    text-decoration: none;
    color: #000000;
}

.graphs #approve
{
    color: #000;
    background: #00ee00;
}

.graphs #pending
{
    color: #000;
    background: #eeee00;
}

.graphs #deny
{
    color: #000;
    background: #ff0000;
}

.graphs #arrow
{
    background: #ffffff;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    padding: 5px 0px 5px 0px;
    margin: 10px 0px 10px 0px;
    vertical-align: middle;
}

.graphs #legendApprove
{
    color: #000;
    background: #00ee00;
    padding: 0px 10px 0px 0px;
    margin: 10px 0px 10px 0px;
    vertical-align: middle;
}

.graphs #legendPending
{
    color: #000;
    background: #eeee00;
    padding: 0px 10px 0px 0px;
    margin: 10px 0px 10px 0px;
    vertical-align: middle;
}

.graphs #legendDeny
{
    color: #000;
    background: #ff3300;
    padding: 0px 10px 0px 0px;
    margin: 10px 0px 10px 0px;
    vertical-align: middle;
}


/* Font */
.title
{
    font-size: 14pt;
    color: #666666;
    font-family: verdana;
}

.subtitle
{
    font-size: 12pt;
    color: #666666;
    font-family: verdana;
}

.label
{
    font-size: 8pt;
    color: #666666;
    font-family: verdana;
}

.normal
{
    font-size: 10pt;
    color: #000000;
    font-family: verdana;
}

.small
{
    font-size: 8pt;
    color: #666666;
    font-family: verdana;
}

/* Error */
.error
{
    color: #ff0000;
}







/* Body */
body
{
    margin: 0px 0px 0px 0px;
    font-size: 10pt;
    color: #666666;
    font-family: verdana;
}

/* Link */
.link 
{
    color: #666666;
    text-decoration: none;
}

.linkOn 
{
    color: #ffffff;
    text-decoration: none;
}

.linkError
{
    color: #ff0000;
    text-decoration: none;
}

A:hover 
{
    color: #990000;
    text-decoration: underline;
}







/* colors */

/* Dark Red */
.cdr
{
    color: #d04444;
}

/* Color White */
.cw
{
    color: #ffffff;
}

/* Color Black */
.cb
{
    color: #000000;
}

/* Color blue */
.cblue
{
    color: #0000ff;
}

/* Color Light Blue */
.clb
{
    color: #efeff9;
}

/* Color Dark Gray */
.cdg
{
    color: #525252;
}

/* Color Medium Gray */
.cmg
{
    color: #bbbbbb;
}

/* Color Light Gray */
.clg
{
    color: #eeeeee;
}

/* Color Brown */
.cbr
{
    color: #666666;
}

/* Color orange */
.co
{
    color: #f8bd49;
}

/* Color green */
.cgr
{
    color: #00aa00;
}

/* Background color */

/* Background Color Dark Red */
.bcdr
{
    background: #d04444;
    background-color: #d04444;
}

/* Background Color White */
.bcw
{
    background: #ffffff;
    background-color: #ffffff;
}

/* Background Orange */
.bco
{
    background: #f8bd49;
    background-color: #f8bd49;
}

/* Background Color Light Blue */
.bclb
{
    background: #efeff9;
    background-color: #efeff9;
}

/* Background Color Dark Gray */
.bcdg
{
    background-color: #525252;
}

/* Background Color Medium Gray */
.bcmg
{
    background-color: #bbbbbb;
}

/* Background Color Light Gray */
.bclg
{
    background-color: #eeeeee;
}


/* Bold */
.bold
{
    font-weight: bold;
}

/* Italic */
.italic
{
    font-style: italic;
}

.sclg
{
    color: #D8EACC;
}

.sbclg
{
    background: #D8EACC;
}

.sclb
{
    color: #E8F2FB;
}

.sbclb
{
    background: #E8F2FB;
}

.scmb
{
    color: #D0E5F8;
}

.scmb2
{
    color: #7fb6dd;
}

.scdb
{
    color: #3C7fB9;
}

.scmg
{
    color: #B5B5B5;
}

.sclg2
{
    color: #F4F4F4;
}

.scg
{
    color: #DFDFDF;
}

.bscg
{
    background: #DFDFDF;
}

.scdg
{
    color: #666666;
}

.scb
{
    color: #1970A5;
}

.scdb 
{
    color: #305081;
}

.scmr
{
    color: #cc0000;
}

.sclg3
{
    color: #F0F0F0;
}

.sclg3
{
    color: #BBDB88;
}

.sbclg3
{
    background: #BBDB88;
}

.scb2
{
    color: #587Db4;
}

.sclg4
{
    color: #C5C4A6;
}

.scgr
{
    color: #C2C2B0;
}

.enfoEBig {
    color: #ff060f;
    font-family: 'Times-Roman', 'Times', 'Times New Roman', serif;
    font-size: 72px;
    line-height: 103px;
    font-style: italic;
    opacity: 1.00;
}

.enfoBig {
    font-family: 'Times-Roman', 'Times', 'Times New Roman', serif;
    font-size: 48px;
    font-style: normal;
    line-height: 70px;
    color: #000000;
}

.tagLine {
    color: #666666;
    font-family: 'Verdana', sans-serif;
    font-size: 11px;
    line-height: 13px;
    opacity: 1.00;
}

.enfoESm {
    color: #ff060f;
    font-family: 'Times-Roman', 'Times', 'Times New Roman', serif;
    font-size: 16pt;
    font-style: italic;
    opacity: 1.00;
}

.enfoSm {
    font-family: 'Times-Roman', 'Times', 'Times New Roman', serif;
    font-size: 12pt;
    font-style: normal;
    color: #000000;
}