/*** general ***/
body
{
   background-color: #A7A7FF;
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 10pt;
   margin: 0;
   padding: 0 0 20px 0;
   text-align: center;
   min-width: 900px;
}

a { color: #0000EE; }

h1, h2, h3, h4, h5, h6
{
   letter-spacing: .2em;
   margin: 0;
   padding: 0px 0px 12px;
}

hr
{
   background-color: #66CCCC;
   border-width: 0px;
   color: #66CCCC;
   height: 1px;
}

#wrapper
{
   background: #CCCCFF url( ../images/header.jpg ) no-repeat;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   width: 900px;
}

.clear-float
{
   clear: both;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}


/*** forms ***/
form { margin: 0; padding: 0; }

.error
{
   color: #FF0000;
   font-size: 11pt;
   font-weight: bold;
}

input.text 
{
   border: 1px solid #66CCCC;
   margin: 0;
   padding: 3px;
   width: 200px;
}

select.select
{
   border: 1px solid #66CCCC;
   margin: 0;
   width: 206px;
}

textarea.textarea
{
   border: 1px solid #66CCCC;
   height: 70px;
   margin: 0;
   padding: 3px;
   width: 200px;
}

form table.form
{
   border-collapse: collapse;
}

form table.form tr td.label
{
   font-weight: bold;
   padding: 0 0 0 10px;
}

form table.form tr td.required
{
   color: #FF0000;
   font-size: 13pt;
   font-weight: bold;
   padding: 5px 10px 0;
}

form table.form tr td.input
{
   padding: 5px 0;
}

form table.form tr td.error
{
   font-style: italic;
   padding: 0 10px;
}

form table.form tr td.button
{
   padding: 10px 0;
   text-align: center;
}


/*** tabular data ***/
table.tabular-data
{
   border-collapse: collapse;
   width: 100%;
}

table.tabular-data thead tr th
{
   background-color: #8E90CD;
   border: 3px solid #FFFFFF;
   color: #FFFFFF;
   font-weight: normal;
   padding: 3px;
   text-align: center;
}

table.tabular-data tbody tr td
{
   background-color: #EEEEEE;
   border: 3px solid #ffffff;
   color: #000000;
   font-weight: normal;
   padding: 3px;
   text-align: center;
}

div.tabular-data-footer
{
   padding-top: 10px;
   text-align: right;
}


/*** left column ***/
#content-left
{
   float: left;
   padding-top: 206px;
   width: 198px;
}

#content-left #address
{
   font-size: 8pt;
   line-height: 1.5;
   padding-bottom: 46px;
   padding-right: 18px;
   padding-top: 30px;
   text-align: center;
}


/*** navigation ***/
#navigation
{
   margin: 0;
   padding: 20px 0px 40px 0px;
   position: relative;
   width: 198px;
}

#navigation #navigation-top
{
   position: absolute;
   top: 0;
   left: 0;
}

#navigation #navigation-bottom
{
   position: absolute;
   bottom: 0;
   left: 0;
}

#navigation ul
{
   background: url( ../images/navigation_background.jpg ) repeat-y;
   border: none;
   list-style: none;
   margin: 0px;
   padding: 0px;
}

#navigation li
{
   height: 24px;
   line-height: 24px; 
   margin: 0;
   padding-left: 24px;
}

#navigation li a { color: #FFFFFF; text-decoration: none; }
#navigation li a:hover { text-decoration: underline; }

#navigation li div.divider
{
   border-bottom: 1px solid #66CCCC;
   height: 12px;
   margin: 0;
   overflow: hidden;
   padding: 0;
   width: 132px;
}


/*** content ***/
#content
{
   float: right;
   padding: 160px 38px 30px 0px;
   text-align: justify;
   width: 605px;
}


/*** footer ***/
#footer
{
   border-top: 1px solid #66CCCC;
   clear: both;
   font-size: 8pt;
   line-height: 20px;
   padding: 4px 0px;
   text-align: center;
}

#footer a { color: #000000; }

#footer ul
{
   border: none;
   list-style: none;
   margin: 0;
   padding: 0;
}

#footer li { display: inline; }


/*** tip of the day ***/
#home-tip h3
{
   padding: 0px;
}

a.tip-header-first
{
   color: #000000;
   display: block;
   margin-bottom: 10px;
   text-decoration: underline;
}

a.tip-header
{
   color: #000000;
   display: block;
   margin: 10px 0;
   text-decoration: underline;
}

div.tip
{
   display: none;
   padding-bottom: 10px;
}


/*** my plan styles ***/
#my-plan-background
{
   background-color: #FFFFFF;
   padding: 3px;
}

#my-plan-header
{
   background-color: #8E90CD;
   color: white;
   font-weight: bold;
   padding: 3px;
   position: relative;
   text-align: center;
}

#my-plan-header-print
{
   font-size: 9pt;
   position: absolute;
   right: 5px;
   top: 3px;
}

#my-plan-header-print a
{
   color: white;
   text-decoration: none;
}

.my-plan-body-section
{
   background-color: #EEEEEE;
   margin-top: 3px;
   padding: 10px;
}

#my-plan-details
{
   border-collapse: collapse;
   margin: 0px;
   padding: 0px;
}

.my-plan-detail-label
{
   font-weight: bold;
   padding-right: 12px;
}

.my-plan-textarea
{
   height: 150px;
   width: 570px;
}


/*** ltwCalendar styles ***/
.popupbody
{
   background-color: #FFFFFF;
   margin: 10px;
   min-width: 0;
   padding: 0px;
   text-align: left;
}

a.prevnext:link { color: #000000; font-size: 8pt; text-decoration: none; }
a.prevnext:visited { color: #000000; font-size: 8pt; text-decoration: none; }
a.prevnext:hover { color: #000000; font-size: 8pt; text-decoration: underline; }
a.prevnext:active { color: #000000; font-size: 8pt; text-decoration: none; }

a.day:link { color: #000000; font-size: 8pt; text-decoration: none; }
a.day:visited { color: #000000; font-size: 8pt; text-decoration: none; }
a.day:hover { color: #000000; font-size: 8pt; text-decoration: underline; }
a.day:active { color: #000000; font-size: 8pt; text-decoration: none; }

a.event:link { color: #000000; font-size: 8pt; text-decoration: none; }
a.event:visited { color: #000000; font-size: 8pt; text-decoration: none; }
a.event:hover { color: #000000; font-size: 8pt; text-decoration: underline; }
a.event:active { color: #000000; font-size: 8pt; text-decoration: none; }

a.admin:link { color: #FFFFFF; text-decoration: none; }
a.admin:visited { color: #FFFFFF; text-decoration: none; }
a.admin:hover { color: #FFFFFF; text-decoration: underline; }
a.admin:active { color: #FFFFFF; text-decoration: none; }

a.hidden:link { color: #8E90CD; text-decoration: none; }
a.hidden:visited { color: #8E90CD; text-decoration: none; }
a.hidden:hover { color: #8E90CD; text-decoration: none; }
a.hidden:active { color: #8E90CD; text-decoration: none; }

table.cal
{
   background-color: #FFFFFF;
   height: 600px;
   border-style: none;
   border-width: 3px;
}

.caption
{
   font-weight: bold;
}

.thead
{
   background-color: #8E90CD;
   color: white;
   font-size: 9pt; 
}

.thead td
{
   padding: 3px;
}

td.cal
{
   background-color: #EEEEEE;
   padding: 5px;
   text-align: left;
   vertical-align: top;
}

tfoot.cal
{
   color: white;
   background-color: #8E90CD;
   text-align: left;
}

tfoot.cal td
{
   padding: 3px;
}

ul.cal
{
   margin: 0px;
   list-style-position: inside
}

.cal-admin-link
{
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}