/* LAYOUT */

body { 
    margin: 0px;
    background-color:#0066cc;
}
div#page {
    background-image:url(leftwhite.png);
    background-repeat:repeat-y;
}
div#mainwrapper {
    margin-left:200px;
    padding-right:27px;
    background-image:url(rightwhite.png);
    background-repeat:repeat-y;
    background-position:right;
}
div#main {
}
div#head {
    background-image:url(headbg.png);
    height:35px;
    padding-top:25px;
}
div#menu {
    background-image:url(menubar.png);
    height:39px;
}
div#body {
    padding:40px;
    min-height:400px;
    _height:400px;  /* IE hack */
    background-color:white; 
}
div#rightwrapper {
    position:absolute;
    top:0px;
    right:0px;
}
div#right {
    background-image:url(rightbg.png);
    min-height:580px;
    _height:580px;  /* IE hack */
    width:27px;
}
div#left {
    position:absolute;
    top:0px;
    width:200px;
}
div#sidebarwrapper {
    background-image:url(sidebarbg.png);
    background-repeat:no-repeat;
    min-height:580px;
    _height:580px;  /* IE hack */
}
div#sidebar {
    padding:20px;
    padding-top:160px;
}
div#footwrapper {
    background-color:#0066cc;
    height:50px;
}
div#footwrapper table {
    width:100%;
}
div#footleft {
    background-image:url(footleftbg.png);
    width:200px;
    height:30px;
}
div#footer {
    background-image:url(footerbg.png);
    height:24px;
    width:100%;
    padding-top:6px;
}
div#footright {
    background-image:url(footrightbg.png);
    width:27px;
    height:30px;
}
div#float { 
    float:right;
    padding-left:20px;
    padding-bottom:20px;
    max-width:250px;
    _width:250px;  /* IE hack */
}

/* TEXT PROPERTIES */

* { font-family:Arial,Helvetica,sans-serif; }
pre,tt,code { font-family:Monaco,Courier,monospace; }

body { 
    margin: 0px;
    background-color:#0066cc;
}
div#head {
    color:#9cf; 
    text-align:right; 
    font-size:9pt;
}
div#body {
    font-size:small;
}
div#sidebar {
    color:#036;
    font-size:9.5pt;
}
div#footer {
    color:#036; 
    text-align:center;
    font-size:9pt;
}
div#float { 
    font-size:x-small;
    color:#678;
}

/* links */

div#head a {
    color:#9cf;
    text-decoration:none;
}
div#head a:hover {
    color:white;
}
div#foot a { 
    text-decoration:none;
}
a.bookmark {
    font-weight:bold;
    padding-top:4px;
}

/* menus */

a.menubar { 
    display:block;
    height:26px;
    text-decoration:none;
    text-align:center; 
    padding-top:13px;
    color:#036;
    font-size:10pt;
    border-left:1px solid white;
    border-right:1px solid #99f;
}
a.menubar:hover { 
    color:#630;
    background:url(menubar-hover.png);
}
#thispage { 
    background:white;
    border-bottom:0px white solid;
    font-weight:bold;
}
#thispage:hover { 
    background:white;
    border-bottom:0px white solid;
    font-weight:bold;
    background:url(menubar-hover.png);
}
#toppage { 
    background:white;
    border-bottom:0px white solid;
    font-weight:bold;
}
.vmenu a.menu { 
    display:block;
    width:200px;
    height:27px;
    padding-top:13px;
    margin:5px;
    background-image: url(submenu.png);
    background-repeat: no-repeat;
    border-left:0px solid white;
    border-right:0px solid white;
}
.vmenu a.menu:hover { 
    background-image: url(submenu.png);
    color:#036;
}
a.menu { 
    display:block;
    height:26px;
    width:100%;
    text-decoration:none;
    text-align:center; 
    padding-top:13px;
    color:#036;
    font-size:10pt;
    border-left:1px solid white;
    border-right:1px solid #99f;
    background-image: url(menubar.png);
}
a.menu:hover { 
    background-image: url(menubar-hover.png);
    color:#630;
}

/* pseudo-buttons */

a.button { 
  padding:4px;
  padding-left:6px;
  padding-right:6px;
  background:url(button.png);
  border-top:#69c 1px solid;
  border-left:#69c 1px solid;
  border-right:#346 1px solid;
  border-bottom:#346 1px solid;
  font-family:sans-serif;
  font-size:10pt;
  color:#669;
  text-decoration:none;
  display:block;
  width:100px;
  text-align:center;
}
a.button img { border:none; }
a.button:hover { 
  color:#000;
}
a.button:active { 
  border:blue 1px solid;
  color:blue;
}

/* headings */

div#float h1,h2,h3,h4,h5,h6 { 
    color:#669;
    font-size:120%;
    border-bottom:1px dotted #669;
}
h1,h2,h3,h4,h5,h6 {
    color:#003366; 
    border:0px white solid;
}
h1 { font-size:140%; }
h2 { font-size:120%; }
h3 { font-size:110%; }
h4 { font-size:100%; }
h5 { font-size:90%; }

/* MISC */

hr {
    border: none 0; 
    border-top: 1px dotted #69c; 
    width: 100%; 
    height: 1px; 
} 

.error { color:#CC0000; }
.help { color:#009900; }
.data { font-family:courier; }
.reqd_field { font-weight:bold; color:#CC0000; }
.label { font-size:10pt; color:#666666 }
.reqd_label { font-size:10pt; }
.caption { color:#666666; font-style:italic; }

TD.label {font-weight:bold; color:black; background:#DDDDFF; text-align:left;}
TD.data {font-family:arial,helvetica,sans-serif; background:white; text-align:left;}
TR.A { background:white; }
TR.B { background:#f0f0ff; }
th { font-size:10pt; padding:3px; } 

input { background-color:#ccccdd; font-size:10pt; } 
.form input { border:1px solid #ccccdd; background-color:#f0f0ff; } 

/* simple ruled table */

table.Report { 
        border:2px #ccd solid; 
        border-collapse:collapse; 
	margin-bottom:10pt;
}
table.Report td { 
        border-top:1px #ccd dotted; 
        border-bottom:1px #ccd dotted; 
        border-left:1px #ccd solid; 
        border-right:1px #ccd solid; 
        margin:0px; 
        padding:2px; 
}
table.Report th { 
        border:1px #ccd solid; 
        margin:0px; 
        padding:4px; 
        background-color:#f0f0ff;
}

/* search */

div.sidebar input {
	font-size:9pt; 
}

/* PrintFriendly */

.PrintFriendly td a {
   color:#99c;
   text-decoration:none;
}

/* Document */

div.Document a { font-weight:bold; }
div.Document dd { font-size:9pt; margin-left:0px; margin-bottom:10px; }


/* Zines */

/*** 
 ***  ARTICLES
 ***/

.ZineArticle h1,h2 {
   text-decoration:underline;
}

.ZineArticle .ZineHeader {
/*    padding-top:10px; */
    font-weight:bold;
    font-size:16pt;
}
.ZineArticle .ZineAbout {
    padding-top:5px;
    padding-bottom:10px;
    font-style:italic;
}
.ZineSummary {
    font-style:italic;
}
.ZineBody pre {
    padding:10px;
    border:1px dashed #99c;

    background-color:#ddf;
}
.ZineArticle div.ZineImage {
    float:right;
    padding:20px;
    margin-left:10px;
    background-color:#eeeeee;
}
.ZineArticle .ZineFooter {
    padding-top:5px;
/*    padding-bottom:15px; */
    color:#999;
    font-style:italic;
    font-size:9pt;
}
.ZineArticle .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:9pt;
    background-color:#eeeeee; 
}
.ZineArticle .ZineTitle {
    font-size:14pt;
}
table.ZineImage {
    margin-bottom:10pt;
}
div.ZineImage table.ZineImage {
    margin-bottom:0pt;
}
.ZineFooter a {
    font-weight:normal;
    font-size:9pt;
}

/*** 
 ***  INDEXES
 ***/

.ZineIndex {
    margin-top:15px;
}
.ZineItem {
    padding-bottom:10pt;
}
dt.ZineItem {
    padding-bottom:0pt;
}
.ZineItem .ZineAbstract {
    font-size:9pt;
    font-style:italic;
}
a.ZineLink {
    text-decoration:underline;
}
.ZineItem a.ZineLink {
    font-weight:bold;
}

/* creates a sequence of buttons for paged indexes */
.ZinePagedIndex a {
    padding-left:4px; 
    padding-right:4px; 
    padding-top:2px; 
    padding-bottom:2px; 
    border:1px solid #ccf;
    font-size:9pt;
    color:#99c;
    font-weight:normal;
    text-decoration:none;
}
.ZinePagedIndex a.ZinePagedIndexCurrent {
    background-color:#eef;
    border:1px solid #99c;
}
.ZinePagedIndex a:hover {
    background-color:#eef;
    border:1px solid #99c;
}

table.ZineIndex td.ZineThumb {
    /* typically used for photoblog galleries */
    background-color:#eeeeee;
    padding:20px;
}

/* table indexes are used in semithreaded and table indexes */
table.ZineIndex { 
        border:2px #ccd solid; 
        border-collapse:collapse; 
	margin-bottom:10pt;
}
table.ZineIndex td { 
        border-top:1px #ccd dotted; 
        border-bottom:1px #ccd dotted; 
        border-left:1px #ccd solid; 
        border-right:1px #ccd solid; 
        margin:0px; 
        padding:5px; 
}
table.ZineIndex th { 
        border:1px #ccd solid; 
        margin:0px; 
        padding:5px; 
        background-color:#dde;
}

table.ZineIndex .ZineAuthor,.ZineDate {
    font-size:9pt;
}

/*** 
 ***  COMMENTS
 ***/

.ZineComment {
    margin-bottom:5px;
}
.ZineComment .ZineHeader {
    background-color:#f0f0ff; 
    border:1px solid #ccd; 
    font-weight:bold;
    font-size:11pt;
    display:block;
    padding:4px;
    color:#266aa7;
}
.ZineComment .ZineAboutBody {
    background: url(commentbg.gif) repeat-y 0% 0%;
    border-left:1px solid #ccd;
    border-right:1px solid #ccd;
}
.ZineComment .ZineAbout {
    padding:10px;
    float:left;
    width:80px;
    font-size:9pt;
    color:#888;
}
.ZineComment .ZineBody {
    padding:10px;
    margin-left:100px;
}
.ZineComment .ZineFooter {
    padding:4px;
    background-color:#f0f0ff;
    border:1px solid #ccd; 
    font-size:9pt;
    display:block;
}
.ZineComment .ZineAttachment {
    padding:10px;
    margin-top:10px;
    font-size:9pt;
    display:block;
    background-color:#eeeeff; 
}
.ZineQuote {
    margin-left:5px;
    margin-right:50px;
    margin-top:5px;
    margin-bottom:5px;
    padding:5px;
    padding-left:30pt;
    border:1px dotted #ccd;
    font-size:10pt;
    font-style:italic;
    display:block;
    color:#777799;
    border:1px dotted #ccd;
    background:#f7f7ff url(quote.gif) no-repeat 3px 3px;
}

/*** 
 ***  TOOLBARS
 ***/

/* show tools in a small, grey font so they don't steal too much attention */
table.ZineTools td {
    text-align:center;
}
table.ZineTools td a {
    font-size:9pt;
    font-weight:normal;
    color:#666;
    text-decoration:none;
}
table.ZineTools td a:hover {
    text-decoration:underline;
}

/* kludge because table.ZineIndex td adds cell borders */
table.Report table.ZineTools td { border:0px solid white; }
table.ZineIndex table.ZineTools td { border:0px solid white; }


/*** 
 ***  ATTACHMENTS
 ***/

table.ZineAttachmentForm {
    /* put attachment upload fields in a box */
    background-color:#eee;
    border:1px solid #999;
    padding:10px;
    margin-top:5px;
    margin-bottom:5px;
}

div.ZineAttachment {

}
.ZineAttachment table {
    /* lines up attachments left-to-right */
    display:inline;
}

ul.ZineThread
{
margin-top:2px;
}