HTML {
   background: #743749;
   padding:0px;
   margin:0px;
   height:100%;
   border:none;
}

BODY {
   font-family:verdana, Arial, sans-serif;
   font-size:11px;
   margin:0px;
   padding:0px;
   border:none;
   height:100%;
   color:#000000;
}

LI { margin-bottom:5px; }

.wrapper, .editpage, .nohnof {
   position: relative;  
   margin: 20px auto;
   padding: 0px;
   width: 770px;
   border: 1px solid #000;
   background: #e8e6ff;
}      

.editpage {
   padding:10px;
   width: 95%;
}

.editpage td { border:1px dotted #fff; vertical-align:top; }

.sidepanel {
   float:left;
   border-right: 1px dotted #fff;
   width:170px; 
   background:#e8e6ff;
}

.headerbox { /* height:170px; */ width: 100%; position: relative; z-index: 13; background: #4d2235 url("header.jpg?test=test") bottom right no-repeat; border-bottom:1px solid #000;}
.header { padding:20px; padding-bottom:0px;} 
.headerfill { height:135px; }
   

.footer { font-size:xx-small; clear:both; padding:3px 10px; background: #4d2235; border-top:1px solid #000; color:#feffab; }
.footer a { color:#fe8b4c; }

.copy { float:right; }

A           { color:#852d4a; text-decoration:none; white-space:nowrap;}
A:hover     { color:#852d4a; text-decoration:underline; white-space:nowrap;}

TD { vertical-align:top; }
IMG { border:none; margin:0px; padding:0px;} 

.content {
   float:right;
   width:530px;
   margin-top:0px;
   padding:10px 30px 100px 10px;
   background: #e8e6ff;   
} 

html>body .content {
   width: 550px;
}   

.lastchangeddate { float:right;margin-right:40px; }
.title { color:#feffab; text-align:center; margin:0px; }
.title h1 { display:inline; }
.header a { color:#fff; } 
.category { text-align:center; margin-top:20px; height:15px; }
.comaname a, .title a { color:#feffab; }

.usermessages {
   margin:10px auto;
   background-color:#e8e6ff;
   padding:10px 20px;
   border:1px solid #000;
   width:770px;
   vertical-align:top;
}

.userinfo {
   border-bottom: 1px dotted #fff;
   margin-bottom:20px;
}

.memo {
   margin:10px;
   margin-left:30px;
   padding:5px;
   border:1px solid #743749;
   background:#fff;
}

.msg_menu {
   background-color:#e8e6ff;
   width:100px;
   border:none;
   border-bottom:1px dotted black;
   font-size:10px;
}

.tocbox {
   white-space: normal;
   float:right;
   border: none;
   width:190px;
   margin: 0px 0px 10px 10px;
   padding: 15px 10px 0px 0px;
   background: #e8e6ff;
}
.toc {
   border: 1px solid #324671;
   padding: 2px 5px 5px 5px;
   margin:0px 0px 10px 10px;
}
.toc legend {
   color: #324671;
   font-weight: bold;
}
.toc li a {
   white-space: normal;
   padding:0px;
   margin: 0px;
   float:none;
   border:none;
}
.toc ul {
   border:none;
   list-style-image: none;
   list-style-type: none;
   margin-left: 5px;
   padding-left: 0px;
}
.toc li {
   padding-left: 5px;
   background: transparent url(/images/dot.gif) 0 0.6em no-repeat;
}

.toc li a:hover {
   white-space: normal;
   border:none;
   background: #c0d6ee;
   text-decoration: none;
}

.code { 
   background-color:#FFFFFF;
   border:2px solid #6C74A0888;
   font-family:Helvetica, arial;
   color:black;
   font-size:11px;
   overflow:scroll;
   overflow-y:hidden;
   white-space:nowrap;
   text-align:left;
   width:95%;
   padding:4px;
}

html>body .code {
   overflow:auto;
}

.indent {
   margin-left:10px;
   padding-left:10px;
   /* border-left:1px solid #888888; */
}
/************************************
*** tables
************************************/
.tab { 
   border-collapse:collapse;
   padding: 1px 3px 1px 3px;
}

.tab_title {
   background-color:#877781;
   font-weight:bold;
   padding: 1px 3px 1px 3px;
}

.tab_row_even {
   background-color:#9ebfe0;
   padding: 1px 3px 1px 3px;
}

.tab_row_uneven {
   background-color:#c0d6ee;
   padding: 1px 3px 1px 3px;
}

.tab_row {
   padding: 1px 3px 1px 3px;
}

.tocfieldset {
     border: 1px solid black;
}

.toclegend {
   font-weight:bold;
   color:black;
}

.tocbody {
   font-size:12px;
}

.tocselect {
   width:100%;
}

.additions { 
   color:#32CD32; 
}

.deletions { 
   color:#FF0000; 
}


/************************************
*** blogstuff
************************************/
.blogmsg {
   -moz-border-radius: 5px;
   margin:0px;
   padding:5px;
   border:1px solid silver;
}
.blogmsg h3 {
   display:inline;
}
.blogbody {
}
.blogmsgfooter {
   margin:0px 10px 20px 20px;
   padding:0px;
   border:1px solid silver;
   border-top:none;
}
.blogimg {
   height:80px;
   float:left;
   margin:7px 7px 0px 0px;
}


/************************************
*** comments
************************************/
.comment {
   margin:0px;
   padding:0px 0px 5px 0px;
}
.comment .commentinfo {
   background: #ccc;
   padding:2px 5px 2px 10px;
}
.showcomments {
   padding:10px;
}
.commentinfo {
   background:#ccc;
   border:1px solid #bbb;
   padding:2px 10px 2px 0px;
}
.commentinfoselected {
   border:1px solid red;
}
.commentcontent {
   padding:5px 10px 5px 15px;
}
.commentform {
   margin:0px;
   padding:10px;
   border-top:1px solid #bbb;
}
.commentform textarea {
   border:1px solid #888;
}
.commentform input {
   border:1px solid #888;
}

/************************************
*** sidelets
************************************/
.sidelet_body {
   color:#222;
   font-size:x-small;
   font-weight:normal;
   padding:3px 15px 3px 20px;
   border-bottom:1px dotted #fff;
   padding-bottom:10px;
}
.sidelet_body a {
   color: #852d4a;
}
.sidelet_title {
   color:#592c43;
   font-size:12px;
   font-weight:bold;
   text-align:left;
   text-transform:uppercase;
   white-space:nowrap;
   margin: 5px 0px 0px 10px;
}
.sidelet_title a {
  font-size:9px;
  font-weight:normal;
  line-height:normal;
  padding:0px;
  margin:0px;
  margin-top:0px;
  text-align:left;
  text-transform:none;
  letter-spacing:normal;
  background:none;
  color:#852d4a;
}

/************************************
*** tabs (special sitelinks)
************************************/
.navtabs {
   margin-left:300px;   
}

.tabs {
   padding:0px;
   background:url("left2.gif") no-repeat left top;
   color: #000;
   text-decoration: none;
   padding-left: 9px;
   white-space:nowrap;
}

.tabs span {
   background:url("right2.gif") right top no-repeat;
   color: #000;
   text-decoration: none;
   padding-right: 9px;
}

.tabs_cur {
   background:url("left_on.gif") no-repeat left top;
   color: #000;
   text-decoration: none;
   padding-bottom:1px;
   padding-left: 9px;
   white-space:nowrap;
}

.tabs_cur span {
   background:url("right_on.gif") right top no-repeat;
   color: #000;
   text-decoration: none;
   padding-bottom:1px;
   padding-right: 9px;
}


/************************************
*** calendar
************************************/
.date_header_month {
}
.date_header_year {
}
.date_with_content {
   color:            black;
   font-weight:      bold; 
   font-size:        9px; 
   text-decoration:  none;
}
.date_without_content {
   color:            #636363;
   text-decoration:  none;   
   font-size:        9px; 
}
.cal_table {
   border-collapse: collapse;
}
.empty_day_cell {
   /*background-color:#9ebfe0;*/
   padding: 2px;
}
.column_header {
   font-weight:   bold;
   /*background:   #999999;*/
   padding:   2px;
   font-size:    9px;
}
.day_cell {
   /*background-color:#9ebfe0;*/
   padding: 2px;
   font-size:  9px;
}
.today_cell {
   /*background: orange;*/
   padding: 2px;
   font-size:  9px;
   border:1px solid black;
}
.date_header_month {
   font-weight: bold;
}

/* header navigation */
#hdr_nav{
   margin:0px 0px 0px 0px;
   padding:1px 0 1px 15px;
   list-style-type: none;
}

#hdr_nav li{
   float: left;
   margin-right: 1px;
}

#hdr_nav li a{
   display: block;
   float: left;
   padding: 1px 10px 0 10px;
   display: block;
}

.targetitem {
   border-top:4px solid yellow;
   border-bottom:4px solid yellow;
}

.google2 { position: relative; width:468px; height:15px; margin:0px auto; } 

div.neat-dialog-cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 98; background: transparent }
div.neat-dialog-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: -1; background-color: #eee;  filter: alpha(opacity=70) }
div.neat-dialog { width: 30%; position: relative; top: 25%; margin-left: auto; z-index: 99; margin-right: auto; background-color: #fff; border: 1px solid #444 }
div.neat-dialog-title { line-height: 1.2em; border-bottom: 1px solid #444; margin: 0; padding: 0.1em 0.3em; position: relative; font-size: 0.8em }
img.nd-cancel { position: absolute; top: 0.2em; right: 0.2em }
div.neat-dialog p { padding: 0.2em; text-align: center }

ul, ol {
   /*margin-top: 0px;*/        /* keep natural margin; an extra <br/> is no longer generated */
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

ul ul, ol ol, ul ol, ol ul {            /* keep suppressing margin for nested lists */
   margin-top: 0px;
} 

.breaktable {
   width:100%;
   margin:0px;
   padding:0px;
}

table.sortable a.sortheader {
    text-decoration: none;
    display: block;
    color: black;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

.error {
   display:block;
   width:100%;
   padding:10px;
   border: 2px solid black;
   background: red;
   font-weight:bold;
}

#infomsg {
   margin:auto;
   width:80%;
   background: red;
   border:1px solid #000;
   padding: 20px;
}
#infomsg a {
   font-weight:bold;
   float:right;
   color:#000;
   padding:10px;
   display:block;
}