body {
background : #FFFFFF; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #000000; 
margin : 1em; 
} 

TABLE    { 
display: table 
background: #333333;
}
TR       { 
display: table-row 
}
THEAD    { 
display: table-header-group 
}
TBODY    { 
display: table-row-group 
}
TFOOT    { 
display: table-footer-group 
}
COL      { 
display: table-column 
}
COLGROUP { 
display: table-column-group 
}
TD, TH   { 
display: table-cell 
}
CAPTION  { 
display: table-caption 
}

.H5 , .H4 , .H2 , .H1 , .H3 {
font-family : Verdana, Arial, Helvetica, sans-serif; 
vertical-align: top;
} 
.H5 {
font-size : xx-small; 
} 
.H4 {
font-size : small; 
} 
.H3 {
font-size : x-small; 
font-weight : bold;
} 
.H2 {
font-size : medium; 
color : #FFFFFF; 
font-weight : bold; 
} 
.H1 {
font-size : large; 
font-weight : bold;
}
A:link , A:visited {
color : #000000; 
text-decoration : underline; 
font-weight : bold; 
} 
A:active {
color : #FFFFFF; 
text-decoration : underline overline; 
font-weight : bold; 
} 
A:hover {
color : #FFFFFF; 
text-decoration : underline overline; 
background : #CCCCCC; 
font-weight : bold; 
} 
A.ix:link , A.ix:visited , A.ix:active , A.ix:hover {
background : transparent; 
} 
A.H2:link , A.H2:visited , A.H3:link , A.H3:visited {
color : #FFFFFF; 
text-decoration : none; 
} 
A.H3:hover , A.H2:hover {
color : #FFFFFF; 
text-decoration : underline overline; 
background : transparent; 
} 
.t {
display: table;
width: 96%;
align: center;
border-style: none;
border-collapse: collapse;
background-color: #CCCCCC;
}
.ttl {
display: table;
width: 100%;
align: center;
border-style: none;
background-color: #999999;
}
.ttr {
display: table;
width: 100%;
align: center;
border-style: none;
background-color: #999999;
}
.tbl {
display: table;
width: 100%;
align: center;
border-style: none;
background-color: #999999;
}
.tbr {
display: table;
width: 100%;
align: center;
border-style: none;
background-color: #999999;
}
.b {
}
.l {
display: table-row;
div align: center;
background-color: #CCCCCC;
}
.ctl {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctm {
display: table-cell;
align: center;
border-style: none;
padding: 2px;
}
.ctr {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlnav {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmnav {
display: table-cell;
align: center;
text-align: center;
background-color: #CCCCCC;
border-style: none;
padding: 2px;
}
.ctrnav {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctllog {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmlog {
display: table-cell;
align: center;
text-align: center;
background-color: #999999;
border-style: none;
padding: 2px;
}
.ctrlog {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlsch {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmsch {
display: table-cell;
align: center;
text-align: right;
background-color: #CCCCCC;
border-style: none;
padding: 2px;
}
.ctrsch {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlprj {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmprj {
display: table-cell;
align: center;
text-align: center;
background-color: #999999;
border-style: none;padding: 2px;
}
.ctrprj {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlbrd {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmbrd {
display: table-cell;
align: center;
text-align: left;
background-color: #CCCCCC;
border-style: none;
padding: 2px;
}
.ctrbrd {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlnam {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmnam {
display: table-cell;
align: center;
text-align: center;
background-color: #999999;
border-style: none;
padding: 2px;
}
.ctrnam {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlinthead {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctminthead {
display: table-cell;
align: center;
text-align: left;
background-color: #333333;
border-style: none;
padding: 2px;
}
.ctrinthead {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlintbody {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmintbody {
display: table-cell;
align: center;
text-align: justify;
background-color: #999999;
border-style: none;
padding: 2px;
}
.ctrintbody {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlacthead {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmacthead {
display: table-cell;
align: center;
text-align: left;
background-color: #333333;
border-style: none;
padding: 2px;
}
.ctracthead {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlactlf {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmactlf {
display: table-cell;
align: center;
text-align: left;
background-color: #999999;
border-style: none;
padding: 2px;
}
.ctractlf {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlactbody {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmactbody {
display: table-cell;
align: center;
text-align: justify;
background-color: #CCCCCC;
border-style: none;
padding: 2px;
}
.ctractbody {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctlactions {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmactions {
display: table-cell;
align: center;
text-align: right;
background-color: #999999;
border-style: none;
padding: 2px;
}
.ctractions {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctllnk {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #999999;
border-style: solid;
border-color: #666666 #CCCCCC #666666 #333333;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctmlnk {
display: table-cell;
align: center;
text-align: right;
border-style: none;
padding: 2px;
}
.ctrlnk {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #999999;
border-style: solid;
border-color: #666666 #333333 #666666 #CCCCCC;
border-width: 0 medium 0 medium;
padding: 2px;
}
.ctltl {
display: table-cell;
width: 15%;
align: left;
background-color: #999999;
border-style: solid;
border-color: #333333;
border-width: medium medium 0 medium;
padding: 2px;
}
.ctrtr {
display: table-cell;
width: 15%;
align: left;
background-color: #999999;
border-style: solid;
border-color: #333333;
border-width: medium medium 0 medium;
padding: 2px;
}
.ctlbl {
display: table-cell;
width: 15%;
align: left;
background-color: #999999;
border-style: solid;
border-color: #333333;
border-width: 0 medium medium medium;
padding: 2px;
}
.ctrbr {
display: table-cell;
width: 15%;
align: left;
background-color: #999999;
border-style: solid;
border-color: #333333;
border-width: 0 medium medium medium;
padding: 2px;
}
.ctmcot {
display: table-cell;
align: center;
text-align: center;
background-color: #FFFFFF;
border-style: solid;
border-color: #333333;
border-width: 0 0 medium 0;
}
.ctmcob {
display: table-cell;
align: center;
text-align: center;
background-color: #FFFFFF;
border-style: solid;
border-color: #333333;
border-width: medium 0 0 0;
}
.ctlinvt {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #FFFFFF;
border-style: none;
padding: 2px;
}
.ctminvt {
display: table-cell;
align: center;
border-style: none;
background-color: #FFFFFF;
padding: 2px;
}
.ctrinvt {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #FFFFFF;
border-style: none;
padding: 2px;
}
.ctlinvb {
display: table-cell;
width: 15%;
align: left;
text-align: right;
background-color: #FFFFFF;
border-style: none;
padding: 2px;
}
.ctminvb {
display: table-cell;
align: center;
border-style: none;
background-color: #FFFFFF;
padding: 2px;
}
.ctrinvb {
display: table-cell;
width: 15%;
align: right;
text-align: left;
background-color: #FFFFFF;
border-style: none;
padding: 2px;
}
.button {
display: table-cell;
width: 33%;
align: center;
text-align: center;
background-color: #333333;
border-style: none;
padding: 2px;
}




div.page {
clear : both; 
width : 99%; 
padding : 0% 0.5%;  
} 
div.demopage {
clear : both; 
width : 100%; 
background : #ffffff; 
} 
div.line {
clear : both; 
width : 100%; 
background : #cccccc; 
} 
div.demoline {
clear : both; 
width : 100%; 
background : #ffffff; 
} 
div.superuserrow {
clear : both; 
width : 100%; 
background : #ffffff; 
} 
div.maincol-options , div.maincol-backto {
font-weight : bold; 
} 
div.leftcol , div.rightcol , div.leftcoltop , div.leftcolbottom , div.rightcoltop , div.rightcolbottom , div.leftright-blank {
width : 15%; 
min-width : 100px; 
max-width : 15%; 
} 
div.maincol-lighttext , div.maincol-darktext , div.maincol-linksbar , div.maincol-helloline , div.maincol-qsearch , div.maincol-portals , div.maincol-breadcrumbs , div.maincol-info , div.maincol-titleopen , div.maincol-titleclosed , div.maincol-overdue , div.maincol-spacer , div.maincol-attach , div.maincol-options , div.maincol-backto , div.maincol-topcutout , div.maincol-bottomcutout , div.demomain {
width : 69%; 
min-width : 250px; 
max-width : 69%; 
margin : 0% 0.5%; 
} 
div.buttons-left , div.buttons-right {
width : 26%; 
} 
div.buttons-right {
margin : 2% 0% 2% 2%; 
} 
div.buttons-left {
margin : 2% 2% 2% 0%; 
} 
div.demoleft , div.demoleft-text , div.demoleft-darktext {
width : 10%; 
} 
div.demoright , div.demoright-darktext , div.demoright-text {
width : 20%; 
} 
div.maincol-lighttext , div.maincol-darktext , div.maincol-linksbar , div.maincol-helloline , div.maincol-qsearch , div.maincol-portals , div.maincol-breadcrumbs , div.maincol-info , div.maincol-titleopen , div.maincol-titleclosed , div.maincol-overdue , div.maincol-spacer , div.maincol-attach , div.maincol-options , div.maincol-backto , div.maincol-topcutout , div.maincol-bottomcutout , div.demomain , div.leftcol , div.leftcoltop , div.leftcolbottom , div.leftright-blank , div.demoright , div.demoright-darktext , div.demoright-text , div.demoleft , div.demoleft-text , div.demoleft-darktext {
float : left; 
clear : none; 
min-height : 100%; 
max-height : 100%; 
} 
div.rightcol , div.rightcoltop , div.rightcolbottom {
float : right; 
clear : right; 
min-height : 100%; 
max-height : 100%; 
} 
div.buttons-left {
float : right; 
} 
div.buttons-right {
float : left; 
} 
div.maincol-topcutout , div.maincol-bottomcutout , div.maincol-linksbar , div.maincol-helloline , div.maincol-info , div.buttons-left , div.buttons-right , div.demopic , div.demomain , div.demoleft , div.demoright , div.maincol-portals {
text-align : center; 
} 
div.leftcol , div.maincol-qsearch , div.maincol-options , div.maincol-backto {
text-align : right; 
} 
div.rightcol , div.maincol-breadcrumbs {
text-align : left; 
} 
div.maincol-darktext , div.maincol-lighttext {
text-align : justify; 
} 
div.maincol-titleopen , div.buttons-left , div.buttons-right , div.demoleft-text , div.demoright-darktext {
background : #333333; 
} 
div.leftcol , div.rightcol , div.leftcoltop , div.leftcolbottom , div.rightcoltop , div.rightcolbottom , div.maincol-darktext , div.maincol-attach , div.maincol-portals , div.maincol-info , div.maincol-helloline , div.maincol-titleclosed {
background : #999999; 
} 
div.maincol-lighttext , div.maincol-options , div.maincol-backto , div.maincol-spacer , div.maincol-qsearch , div.maincol-linksbar , div.demoright-text , div.maincol-breadcrumbs {
background : #cccccc; 
} 
div.maincol-overdue {
background : #660000; 
} 
div.demoright , div.demomain , div.demoleft , div.maincol-topcutout , div.maincol-bottomcutout , div.leftright-blank {
background : #ffffff; 
}