html
{
   background-image: url(../../images/tokyo/green_stripe.gif);
   background-repeat: repeat-x;
   background-color: #33CC33;
}


body
{
   min-width: 956px;
   width: 956px;
   margin: 0px auto;
   background-color: white;
   font-family: verdana, helvetica, sans-serif;
   font-size: 13px;
}

body a
{
   color: #068709;
   text-decoration: none;
}

body a:hover
{
   color: #FFD619;
   text-decoration: none;
}

body a:active
{
   color: #FFD619;
   text-decoration: none;
}

.loginDiv
{
   font-weight: bold; 
   font-size: 9px; 
   text-align: right;
   padding: 3px;
   border: 0px solid blue;
}

.editLink
{
   background-color: transparent;
   color: #068709;
   font-size: 10px;
   margin: 0px 5px 0px 5px;
   padding: 3px;
}

.editLink:hover
{
   background-color: #068709;
   color: #FFD619;
}


#pageTitle
{
   color: #1AB51E;
   margin: 0px;
   margin-bottom: 10px;
   text-align: center;
   font-size: 22px;
   font-weight: bold;
}

.subTitle
{
   text-align: center;
   margin: 6px auto;
}

h2
{
   margin: 0px;
   font-size: 18px;
   font-weight: bold;
}

h3
{
   margin: 0px;
   font-size: 14px;
   font-weight: bold;
}

.instructions
{
   background-color: #DBDFFF;
   border: 1px solid black;
   padding: 5px 10px;
   margin: 10px 20%;
}

.errorMsgsDiv
{
   border: 0px solid black;
   padding: 4px;
}

.errorMsgsDiv .title
{
   width: 400px;
   border: 2px solid red;
   margin: 0px;
   padding: 2px;
   font-size: 15px;
   font-weight: bold;
   background-color: red;
   color: white;
   text-align: center;
}

.errorMsgsDiv ul
{
   width: 400px;
   padding: 2px;
   margin: 0px;
   list-style-type: none;
   border: 2px solid red;
   font-size: 12px;
   background-color: #EEE;
}

.errorMsgsDiv ul li
{
   padding: 3px;
   margin: 0px 0px 0px 5px;
   text-align: left;
}

.debugMsgsDiv
{
   border: 0px solid black;
   padding: 4px;
}

.debugMsgsDiv .title
{
   width: 400px;
   border: 2px solid #F90;
   margin: 0px;
   padding: 2px;
   font-size: 15px;
   font-weight: bold;
   background-color: #F90;
   color: white;
   text-align: center;
}

.debugMsgsDiv ul
{
   width: 400px;
   padding: 2px;
   margin: 0px;
   list-style-type: none;
   border: 2px solid #F90;
   font-size: 12px;
   background-color: #EEE;
}

.debugMsgsDiv ul li
{
   padding: 3px;
   margin: 0px 0px 0px 5px;
   text-align: left;
}

.alertMsgsDiv
{
   border: 0px solid black;
   padding: 4px;
}

.alertMsgsDiv .title
{
   width: 400px;
   border: 2px solid #FFD619;
   margin: 0px;
   padding: 2px;
   font-size: 15px;
   font-weight: bold;
   background-color: #FFD619;
   color: #068709;
   text-align: center;
}

.alertMsgsDiv ul
{
   width: 400px;
   padding: 2px;
   margin: 0px;
   list-style-type: none;
   border: 2px solid #FFD619;
   font-size: 12px;
   background-color: #FFF;
}

.alertMsgsDiv ul li
{
   padding: 3px;
   margin: 0px 0px 0px 5px;
   text-align: left;
}

table.formTable
{
   background-color: #DBDFFF;
   border: 4px ridge #068709;
   margin: 3px auto;
}

table.formTable tr th
{
   color: #FFD619;
   background-color: #068709;
   font-weight: bold;
   font-size: 12px;
   padding: 3px;
}

table.formTable tr td
{
   padding: 3px;
}

.formLabel
{
   text-align: right;
   font-weight: bold;
   font-size: 11px;
}

.formErrorLabel
{
   text-align: right;
   font-weight: bold;
   font-size: 11px;
   color: red;
}

.requiredField
{
   font-weight: bold;
   color: red;
}

.footer
{
   padding-top: 25px;
   text-align: center;
   font-size: 9px;
   clear: both;
}

.footer .left
{
   float: left;
   text-align: left;
   margin-left: 10px;
}

.footer .right
{
   float: right;
   text-align: right;
   margin-right: 10px;
}

.footer .middle
{
   text-align: center;
}

table.tabularData
{
   border: 1px solid #068709;
   margin: 0px auto;
}

table.tabularData tr.dark
{
   color: black;
   background-color: #DBDFFF;
}

table.tabularData tr.light
{
   color: black;
   background-color: white;
}

table.tabularData tr th
{
   text-align: left;
   padding: 4px;
   border-style: solid;
   border-color: black;
   border-width: 0px 0px 1px 0px;
   background-color: #068709;
   color: #FFD619;
}

table.tabularData tr td
{
   padding: 4px;
}

.blogEntry
{
   clear: both;
   width: 80%;
   margin: 10px auto 20px auto;
   border: 1px solid #000;
}

.blogEntry h3
{
   color: #FFD619;
   background-color: #068709;
   padding: 2px 10px;
}

.blogEntry .blogEntryDate
{
   font-style: italic;
   border-bottom: 1px solid #CCC;
   margin-bottom: 8px;
   padding: 2px 10px;
}

.blogEntry .blogEntryText
{
   padding: 2px 10px;
}

.blogEntry div.commentLinkContainer
{
   padding: 10px 10px 2px 10px;
}

#nextPrevLinks
{
   clear: both;
   width: 80%;
   margin: 10px auto 20px auto;
   height: 2ex;
}

#prevLink
{
   float: left;
}

#nextLink
{
   text-align: right;
}

#allCommentsContainer
{
   clear: both;
   width: 80%;
   margin: 10px auto 20px auto;
   border: 0px solid blue;
}

#allCommentsContainer .commentText
{
   margin: 15px 0px;
   font-size: 12px;
   border: 1px solid #DBDFFF;
   padding: 4px;
}

#allCommentsContainer .commentText .commentWriter
{
   font-style: italic;
   margin-bottom: 10px;
}

#allCommentsContainer table.formTable
{
   margin-left: auto;
   margin-right: auto;
}

.articleText
{
   padding: 0px 40px 50px 40px;
   text-align: justify;
}

.articleText li
{
   margin-bottom: 15px;
}

.articleText .imgLeft
{
   float: left;
   margin: 0px 10px 10px 0px;
   border: 2px solid black;
}

.articleText .imgRight
{
   float: right;
   margin: 0px 0px 10px 10px;
   border: 2px solid black;
}

.listContainer
{
   border: 1px solid #068709;;
   border-width: 1px 0px 0px 1px;
   margin: 0px auto;
   width: 75%;
}

a.listItemLinkLight, a.listItemLinkDark
{
   display: block;
   border: 0px solid black;
   border-width: 0px 1px 1px 0px;
   color: black;
   text-decoration: none;
   padding: 4px 4px;
   background-color: #FFF;
   overflow: hidden;
}

a.listItemLinkDark
{
   background-color: #DBDFFF;
}

a.listItemLinkLight:hover, a.listItemLinkDark:hover
{
   text-decoration: none;
   color: #FFD619;
   background-color: #068709;
}

a.listItemLinkLight div.listTitleField, a.listItemLinkDark div.listTitleField
{
}

a.listItemLinkLight div.listField, a.listItemLinkDark div.listField
{
   float: right;
   border: 0px solid red;
   overflow: hidden;
   padding-left: 10px;
}