/**
 * Common CSS setting of house.zhupiter.com
 *    Author: Dai, Juin-Jia (zhupiter@gmail.com)
 * Copyright: house.zhupiter.com
 */
.DjBody {
    margin-top: 0px;
    margin-left: 0px;
¡@¡@margin-right: 0px;
    margin-bottom: 0px
    /* margin=0 */
}

.DjMenu {
    color: #DF1F00;
    background: #E5ECF9;
    text-align: center;
    font-size: 13px;
    border-top: 1px solid blue;
    border-bottom: 1px solid blue;
    border-left: 1px solid while;
    border-right: 1px solid while;
}

.DjMenuHover {
    color: #DF1F00;
    background: #FFF0D2;
    text-align: center;
    font-size: 13px;
    border-top: 1px solid red;
    border-bottom: 1px solid while;
    border-left: 1px solid red;
    border-right: 1px solid red;
}

.DjMenuSel {
    color: #DF1F00;
    background: #CCCC99;
    text-align: center;
    font-size: 13px;
    border-top: 1px solid red;
    border-bottom: 1px solid while;
    border-left: 1px solid red;
    border-right: 1px solid red;
}

.DjTitle1 {
    color: #FF00FF;
    font-weight:bold;
    font-size: 22px;
}

.DjTitle2 {
    color: #E00FEF;
    font-weight:bold;
    font-size: 22px;
}

.DjTitle3 {
    color: #701520;
    font-weight:bold;
    font-size: 22px;
}

.DjTitleSub {
    color: #000FFF;
    vertical-align: text-bottom;
    font-style: italic;
    font-size: 11px;
}

.DjSearchBar {
    font-size: 15px;
    background: #E5ECF9;
}

.DjSearchBar2 {
    background: #E5ECF9;
    border-bottom: 1px solid #36C;
    border-top: 1px solid #36C;
}

.DjSearchRst {
    font-weight:bold;
    font-size: 13px;
    text-align: center;
    color: green;
    background: #E5ECF9;
    border-top: 1px solid #36C;
}

.DjUsrLstRst {
    width: 80%;
    font-size: 15px;
    text-align: center;
    color: green;
    background: #E5ECF9;
    border-top: 1px solid #36C;
    border-bottom: 1px solid #36C;
}

.DjShowBrdRst {
    font-size: 15px;
    text-align: center;
    color: #DF1F00;
    background: #E5ECF9;
    border-top: 1px solid #36C;
    border-bottom: 1px solid #36C;
}

.DjShowPoRst {
    font-size: 15px;
    text-align: center;
    color: #11C0F0;
    background: #E5ECF9;
    border-top: 1px solid #36C;
    border-bottom: 1px solid #36C;
}

.DjQaaRst {
    width: 80%;
    font-size: 15px;
    text-align: center;
    color: #11C0F0;
    background: #E5ECF9;
    border-top: 1px solid #36C;
    border-bottom: 1px solid #36C;
}

.DjRentTrack {
    font-size: 15px;
    text-align: center;
    color: green;
    background: #E5ECF9;
    border-top: 1px solid #36C;
    border-bottom: 1px solid #36C;
}

.DjMyrBar {
    background:#FFF0D2;
}

.DjMyrRst {
    font-weight:bold;
    font-size: 13px;
    text-align: center;
    color: #DF1F00;
    background: #FFF0D2;
    border-top: 1px solid #FF00FF;
}

.DjMywBar {
    background:#D0FFC0;
}

.DjMywRst {
    font-weight:bold;
    font-size: 13px;
    text-align: center;
    color: #11C0F0;
    background: #D0FFC0;
    border-top: 1px solid #E00FEF;
}

.DjErrMsg {
    color: red;
    font-size: 15px;
}

.DjSuccMsg {
    color: green;
    font-size: 15px;
}

.DjColor1  {
    color: #7000e0;
    font-size: 15px;
}

.DjWhereAmI  {
    color: #7000e0;
    font-size: 13px;
    background: #E5ECF9;
    margin: 0px;
    border: 0px;
}

.DjUnderline {
    text-decoration: underline;
}

.DjColorMark  {
    color: red;
    font-weight: bold;
    vertical-align: super;
}

.DjColorRpost  {
    color: #11C0F0;
    text-align: right;
}

.DjColorWpost  {
    color: #DF1F00;
    text-align: right;
}

.DjColorPoShowInfo  {
    color: #DF1F00;
    background-color: #D0FFC0;
}

.DjColorPoShowUpdate {
    color: #DF1F00;
    /* color: #cc33ff; */
    background: #E5ECF9;
    border-bottom: 1px solid #36C;
    border-top: 1px solid #36C;
}

.DjDtlVerLink {
    vertical-align: super;
    font-size: 11px;
}

.DjColorStepTitle  {
    color: #7000e0;
    background-color: #E5E5E5;
}

.DjColorStep  {
    color: #7000e0;
    background-color: #CCFFCC;
}

.DjTabx {
/* button pushed-out effect   */
border: 2px outset green;

/* pushed-in effect  */
border: 2px inset green;
  border: 1px solid #000000; 
  border-color-right: #ffffff; 
  border-color-bottom: #ffffff;
/* border: 1px inset #dedfde; */

border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

table.DjTabNull {
    border: 0px;
    font-family: Tahoma,taipei,Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

table.DjTdNull td {
    border: 0px;
}

.DjTabRpost,
.DjTabWpost {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    font-family: Tahoma,taipei,Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.DjTdRpost td,
.DjTdWpost td {
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    height: 20px;
}

.DjTabBrd,
.DjTabPo {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    font-family: Tahoma,taipei,Verdana,Arial,Helvetica,sans-serif;
    font-size: 15px;
}

.DjTdBrd td,
.DjTdPo td {
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    height: 20px;
}

.DjTabTwZn {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    font-family: Tahoma,taipei,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.DjTdTwZn td {
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    height: 20px;
}

.DjTabUsrLvl {
    border: 0px solid #000000; 
    font-family: Tahoma,taipei,Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.DjTdUsrLvl td {
    border: 0px solid #000000;
    height: 20px;
}

.DjTrCol1 td {
    background-color: #CCCC99;
}

.DjTrCol2 td {
    background-color: #FFF0D2;
}

.DjTrCol4 td {
    background-color: #D0FFC0;
}

table td.DjTdCol2 {
    background-color: #FFF0D2;
}

table td.DjTdCol4 {
    background-color: #D0FFC0;
}

.DjTrThColBrdSohw th {
    background-color: #D0FFC0;
    border-right: 1px solid #000000;
}

.DjCpRight  {
    color: #7000e0;
    font-size: 15px;
}

.DjPowered  {
    text-align: right;
    font-size: 11px;
}

.DjHx  {
    margin: 0;
    padding: 0;
    font-weight:normal;
    display: inline; 
    font-size: 100%; 
}

.DjSetting {
    color: blue;
    border-color:#cc0000;
    padding: 5px;
    border-style: dashed;
    border-width: 2px;
}

code, .code {
    color: blue;
    border-color:#cc0000;
    padding: 5px;
    border-style: dashed;
    border-width: 2px;
}

h1,h2,h3  {
    margin: 0;
    padding: 0;
    font-weight:normal;
    display: inline; 
    font-size: 100%;
}

/* data tables */
/*
table caption,
table th,
table td {
    padding: 0.1em 0.5em 0.1em 0.5em;
    margin: 0;
    margin: 0.1em;
    vertical-align: top;
}
*/

/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd {
    background-color: #E5E5E5;
    text-align: left;
}

/* even table rows 2,4,6,8,... */
table tr.even th,
table tr.even {
    background-color: #D5D5D5;
    text-align: left;
}

/* marked tbale rows */
table tr.marked th,
table tr.marked {
    background-color: #FFCC99;
}

/* hovered table rows */
table tr.DjTr_hover,
table tr.odd:hover,
table tr.even:hover,
table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th,
table tr.hover  {
    color: red;
    background-color: #CCFFCC;
}

table tr.DjHisOdd {
    background-color: #e7ffd9;
}

table tr.DjHisEven {
    background-color: #f0b0e0;
}

table tr.DjTh,
table td.DjTh {
    background-color: #af9080;
}

table tr.DjData2,
table td.DjData2 {
    color: #7000e0;
    background-color: #10df70;
}

table tr.DjNoData,
table td.DjNoData {
    color: #7000e0;
    background-color: #10df70;
}

table .value {
    text-align: right;
    white-space: nowrap;
}

/* IE doesnt handles 'pre' right */
table [class=value] {
    white-space: pre;
}

.value {
    font-family: "Courier New", Courier, monospace;
}
.value .attention {
    color: red;
    font-weight: bold;
}
.value .allfine {
    color: green;
}

a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: #c000c5; }  /* #701520, e00fef, c000c0, feae11 */
a:hover { text-decoration: underline; color: red; }
a.msgbody:link { text-decoration: none; color: blue; }
a.msgbody:visited { text-decoration: none; color: #305080; }
a.msgbody:hover { text-decoration: none; color: red; }

