BODY
{
    font-family: arial, Sans-Serif;
    font-size: 90%;
    margin: 0 0 0 0;
    height: 100%;
    min-width: 720px;
  _width: expression(documentElement.clientWidth < 910 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 910 ? "910" : "auto") : "910px") : "auto" );
}

H1, H2, H3, .inline-heading
{
  font-weight: bold;
  color: #CC0000;
}

H2
{
    font-size: 140%;
    margin-bottom: 5px;
}

H4
{
  font-weight: normal;
  font-size: 85%;
  margin: 0;
}

A
{
  color: #0033cc;
  text-decoration: underline;
  padding: 1px;
}

A:hover
{
  color: White;
  text-decoration: none;
  background-color: #3300cc;
}

A.image, A.image IMG
{
  padding: 0;
  background: none;
}

UL, LI
{
  margin: 0;
  padding: 0;
}

UL LI
{
  list-style-type: none;
}

LABEL
{
  font-weight: bold;
}

DIV.left
{
  width: 360px; 
  float: left; 
  margin-left: 40px;
}

DIV.right
{
  width: 360px; 
  float: left; 
  margin-left: 40px; 
  margin-top: 22px;
}

/* errors */

DIV#errorExplanation H2, DIV#errorExplanation P
{ 
  display: none; 
}

.error_message, DIV#errorExplanation
{
  background-color: #cc0000;
  border: 1px solid cc9999;
  color: white;
  padding: 5px;
}

.error_message a
{
  color: white;
  text-decoration: underline;
}

.error_message a:hover
{
  background-color: #cc0000;
}


DIV.top_menu
{
  color: black;
  font-size: 85%;
  padding: .3em .3em 6px .3em;
  text-align: right;
  border-bottom: 1px solid gray;
}

DIV.top_menu H1
{
  float: left;
  margin: 0;
  font-size: 13px;
}

UL.horizonal LI
{
  display: inline;
  border-right: 1px solid black;
  padding: 0 5px;
  margin: 0;
}

UL.horizonal LI.last
{
  border-right: none;
}

DIV.main_content
{
  margin: 10px;
}

/* admin list */
DIV.admin_list
{
  margin-right: 260px;
  position: relative;
  min-height: 240px;
}

* html .admin_list {height:300px}

DIV.list SPAN FORM, DIV.list SPAN FORM DIV
{
  display: inline;
}

DIV.list H1
{
  margin-bottom: .3em;
}

DIV.list H1 SPAN.author
{
  display: block;
  font-size: 12px;
  margin-top: 5px;
}

DIV.list H3
{
  margin-bottom: 0;
}

DIV.list DIV.description
{
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  padding: .3em;
  z-index: 10;
}

DIV.description P
{
  margin: 0 0 5px 0;
}

/* due date */
DIV.due {
    font-weight: bold;
    margin: -5px 0 10px 0;
}

DIV.list UL
{
  margin-top: 1em;
}

DIV.list UL LI
{
  margin: .3em;
  font-size: 110%;
  z-index: 0;
}

DIV.list UL LI A
{
  font-size: 90%;
}

FORM#change_name_form
{
  display: inline;
}

FORM#change_name_form DIV
{
  display: none;
}

DIV.info
{
  background-color: #EEEEEE;
  margin: .5em 0;
  padding: .3em;
}

/* list header */

DIV.list_header
{
  margin-bottom: 20px;
  position: relative;
}

DIV.list_header H1
{
  padding: 0;
  margin: 0 0 .5em 0;
}

DIV.list_header H1 SPAN.author
{
  font-size: 8px;
}

DIV.list_header UL
{
  background-color: lightyellow;  
}

/* list view */
DIV.list_view
{
    position: relative;
}

/* list link dialog */
DIV#list_link_dialog
{
  position: absolute;
  width: 422px;
  height: 120px;
  background-color: lightyellow;
  left: 60px;
  top: 30px;
  border: 1px solid black;
  text-align: left;
  z-index: 1;
}

DIV#list_link_dialog A
{
  float: right;
  margin: 10px;
  margin-top: 25px;
}

DIV#list_link_dialog A.close
{
  margin-top: 10px;
  background-color: white;
  border: 1px solid black;
  padding: 3px;
  text-decoration: none;
}

DIV#list_link_dialog A.close:hover
{
  background: #3300cc;
}

DIV#list_link_dialog DIV
{
  margin: 10px;
}

DIV#list_link_dialog INPUT
{
  margin-left: 10px;
  margin-top: 10px;
  width: 400px;
  position: absolute;
}

UL.listing
{
  font-size: 14px;
  font-weight: bold;
}

UL.listing SMALL
{
  font-size: 12px;
  font-weight: normal;
}

UL.listing LI
{
    padding: 2px 0;
}

form fieldset.normal{
  border-width:1px;
  border-style:solid;
  border-color:#333333;
  background-color: lightyellow;
  margin:20px 0px 20px 0px;
  width:350px;
  position:relative;
  display:block;
  padding: 0 10px 10px 10px;
}

form fieldset.normal legend{
  font-weight:bold;    
  background-color: white;
  border-width:1px;
  border-style:solid;
  border-color:#333333;
  padding:2px;
  margin:0px 0px 10px 0px;
  position:relative;
  top: -12px;
}

form fieldset.normal INPUT, form fieldset.normal SELECT {
	width: 200px;
}

form fieldset.normal INPUT.submit {
	width: auto;
}

DIV.announce
{
  background-color: #B02B2C;
  padding: 5px;
  margin-bottom: 20px;
  color: white;
}

STRONG
{
  font-weight: bold;
}

/* sidebar */

DIV.sidebar {
    width: 240px;
    float: right;
    height: 240px;
}

/* admin tools */
DIV.admin_tools
{
  xclear: right;
  xfloat: right;
  xwidth: 240px;
  text-align: left;
  background-color: lightyellow;
  padding: 5px;
  border: 1px solid black;
  margin-bottom: 20px;
}

DIV.admin_tools H2
{
  font-size: 14px;
  margin: 0 0 5px 0;
}

DIV.admin_tools LI
{
  margin: 3px 0;
}

DIV.admin_tools SELECT
{
  margin-top: 5px;
}

SELECT.contact_select
{
  width: 150px;
}

/* items */
LI.item
{
  width: 100%;
  padding: 2px;
  clear: left;
}

LI.completed
{
  background: url(/images/check.png) no-repeat 0px 3px;
}

.item DIV.title
{
    font-size: 120%;
    cursor: pointer;
    padding-left: 16px;
}

LI.dragging
{
  background: url(/images/drag.gif) no-repeat 0px 3px;
  padding-left: 15px;
  _width: 97%;
}

LI.dragging, LI.dragging DIV.title {
  cursor: move;
}

LI.item DIV.title SMALL
{
    font-weight: bold;
    margin-right: 5px;
    font-size: 70%;
}

LI.item SPAN.reserved
{
  font-weight: bold;
}

.item_controls
{
    font-size: 85%;
    text-align: right;
    margin-top: 10px;
}

LI.collapsed .item_controls, LI.collapsed .notes, LI.dragging .item_controls, LI.dragging .notes
{
    display: none;
}

LI.odd, DIV.odd {
  background-color: whitesmoke;
}

LI.item .show_notes
{
    float: right;
    width: 15px;
    margin-right: 5px;
	cursor: pointer;
}

DIV.edit_item
{
    margin-bottom: 5px;    
    margin-right: 30px;
    xmargin-left: 16px;
}

DIV.list_view
{
    width: 100%;
}

.due_on_edit {
	float: right;
}

DIV.edit_item FORM { margin: 0; }

DIV.edit_item INPUT.update_text
{
    margin-bottom: 5px;
    width: 100%;
	_width: 98%;
    font-size: 110%;
}

LI.item DIV.item_due {
    text-align: right; 
    width: auto;
    font-weight: bold; 
    font-size: 80%;
    float: right;
    margin: 0 10px;
	cursor: pointer;    
}

LI.item DIV.item_due_reminder {
    background: url(/images/clock.gif) no-repeat 0px 2px;
    padding-left: 16px;
}

LI.item DIV.item_due INPUT {
	width: 135px;
 }
 
LI.item DIV.item_due INPUT.submit {
	width: 60px;
}
 

/* IE6 hack -- I have no idea why */
xLI.odd DIV.item_due {
    border-bottom: 1px solid whitesmoke;
    background-color: whitesmoke;
    }

LI.item DIV.item_due_edit
{
    width: 290px;
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 10px;
    position: absolute;
    right: 20px;
    background-color: white;
}

xLI.odd DIV.item_due_edit {
    background-color: whitesmoke;
}

LI.item DIV.item_due_edit .DatetimeToolbocksMessage { display: none; }
LI.item DIV.item_due_edit DIV, LI.item DIV.item_due_edit FORM, LI.item DIV.item_due_edit UL { display: inline; }

/* Tabnav */
.main_tabnav {
  color: #000000;
  border-bottom: 2px solid black;
  margin: 12px 0px 0px 0px;
  padding: 0px;
  z-index: 1;
  padding-left: 10px }

.main_tabnav ul {
  margin: 0px;
  padding: 0px;
}

.main_tabnav li {
  display: inline;
  overflow: hidden;
  list-style-type: none; }


.main_tabnav a, .main_tabnav a.active {
  color: #B37B00;
  background: #FFEBBF;
  font: bold 1em "Trebuchet MS", Arial, sans-serif;
  border: 2px solid black;
  padding: 2px 5px 0px 5px;
  margin: 0;
  text-decoration: none; }

.main_tabnav a.active {
  background: white;
  border-bottom: 3px solid white; }

.main_tabnav a:hover {
  color: #FFFFFF;
  background: #FFD880; }

.main_tabnav a.active:hover {
  background: white; 
  color: #B37B00; }

.main_tabnav_content {font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
  xtext-align: justify;
  background: white;
  padding: 20px;
  border: 2px solid black;
  border-top: none;
  z-index: 2;  
}

/* validation */
.fieldWithErrors {
    display: inline;
}
.fieldWithErrors input, .fieldWithErrors select {
    background-color: #ffdfdf;
}

/* markdown syntax help */
DIV#markdown_help
{
  position: absolute;
  left: 360px;
  xtop: -100px;
  width: 400px;
  height: 530px;
}

DIV#markdown_help .content
{
    padding: 10px;
    padding-top: 0px;
}

DIV#markdown_help H3
{
  font-size: 11px;
  font-color: black;
  margin: 10px 0 5px 0;
}

DIV#markdown_help PRE
{
  margin: 8px 0;
  padding: 0;
  xmargin-top: -10;
  font-size: 12px;
}

DIV#markdown_help P
{
    margin: 0;
}

/* show_contact */
SPAN.show_contact IMG
{
  margin-bottom: -2px;
}

/* add contact */
DIV#add_contact
{
    margin: 10px 0 0px 0;
}

DIV#add_contact FORM
{
    margin-top: 10px;
}

/* notices */
DIV.notices
{
    height: 23px;
    margin: 10px;
}

DIV.notices SPAN
{
    padding: 3px 5px;
}

SPAN#loading
{
    position:absolute;
    right: 0px;
}

SPAN#notice
{
    float: right;
    font-weight: bold;
    font-size: 12px;
}

SPAN.notice
{
    background-color: #FAD163;
    color: black;
}

/* reordering */
A.done_reordering
{
    color: white;
    background-color: red;
    padding: 2px;
    font-weight: bold;
}

/* home page */
DIV.home_page_outer
{
    text-align: center;
}

DIV.home_page
{
    text-align: left;
}
DIV.home_content
{
    width: 1000px;
    margin: 0 auto;
	clear: both;
}


DIV.home_content H2
{
    margin: 30px 0 8px 0;
    color: #4F4F4F;
}

DIV.home_content UL LI
{
    background: url(/images/tick.png) no-repeat 0px 3px;
    padding-left: 20px;
    font-size: 110%;
	margin-top: 7px;
	margin-left: 10px;
}

DIV.home_content DIV.signup
{
    text-align: center;
    margin-top: 30px;
}

DIV.home_content A
{
    padding: 10px;
    font-weight: bold;
    font-size: 24px;
    white-space: nowrap;
}

div.home_content div.description {
	font-size: 130%;
}

div.home_page .example
{
    float: right;
	margin-left: 10px;
}


div.home_page div.testimony {
	float: right;
	width: 580px;
	margin-bottom: 20px;
}

div.home_page div.testimony div.signed {
	float: right;
	font-style: italic;
	font-size: 85%;
	margin-right: 50px;
	margin-top: 5px;
}

div.home_page div.testimony blockquote {
	font-size: 110%;
	text-indent: 25px;
	background: url(/images/quotes1.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-bottom: 0;
	padding: 0;
	margin-bottom: 0;
}

div.home_page div.testimony blockquote p {
	padding: 0;
	margin: 0;
}

/* new list */
DIV#new_list {
    position: absolute; 
    height: 500px; 
    width: 600px; 
    border: 1px solid black; 
    background-color: white; 
    z-index: 200;
}

/* dialogs */
DIV.dialog H1
{
    font-size: 14px;
    float: left;
    margin: 0;
}

DIV.dialog .top
{
    background-color: lightyellow;
    text-align: right;
    padding: 4px;
}

DIV.dialog
{
    position: absolute; 
    border: 1px solid black; 
    background-color: white; 
    z-index: 200;
}

DIV.dialog FORM
{
    margin: 10px;
}

DIV.dialog FORM INPUT, DIV.dialog FORM SELECT
{
    width: 300px;
}

DIV.dialog FORM INPUT.submit
{
    width: 100px;
}

DIV.dialog FORM INPUT.date
{
    width: 150px;
}

DIV.dialog FORM INPUT.checkbox
{
    width: 15px;
}

/* printing */
.print_only { display: none; }

/* help */
DIV.help
{
    background-color: #C3D9FF;
    border: 1px solid #4096EE;
    padding: 10px;
    margin-bottom: 20px;
}

/* item select menu */
DIV.select_menu {
    font-size: 80%;
}

DIV.select_menu A
{
    padding: 2px 3px;
}

DIV.select_menu A.selected
{
    background-color: gray;
    color: white;
}

/* item list */
UL#item_list {
    width: 98%;
    border-top: 1px solid gray;
	margin: 20px 0 10px 0;
}

A#add_another_item_link {
    font-size: 120%;
}

.together { white-space: nowrap; }

DIV.reserved_items .odd { background-color: white; }

DIV.reserved_items H2 { margin-bottom: 10px; }

UL.list_index .due {
    display: inline;
    font-size: 90%;
}

.overlay
{
    background-color: #000;
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0.6;
    filter: alpha(opacity=60);
}  

/* notes */
UL.notes
{
    margin: 5px 50px 0 20px;
}

LI.note
{
    border-top: 1px solid lightgrey;
    color: gray;
    background: url(/images/note.gif) no-repeat 0px 6px;
    padding: 3px 0 3px 15px;
    overflow-x: hidden;
}

LI.note .body
{
    font-size: 85%;
    font-style: italic;
    display: inline;
}

LI.note .body P
{
    margin: 0 0 5px 0;
}

LI.note .footer {
    font-size: 80%;
    text-align: right;
    white-space: nowrap;
    float: right;
    width: 130px;
}

LI.note .footer SPAN.date
{
    color: black;
    padding-right: 4px;
}

DIV.message_content {
	padding: 10px;
	padding-bottom: 20px;
}

/* reminders */
DIV.reminders {
  margin: 10px;
}

DIV.reminders FORM {
  margin: 0;
}

DIV.reminders H2 {
  font-size: 14px;
  border-bottom: 1px solid black;
  margin: 5px 0;
}

DIV.reminders DIV#reminder_list {
  font-size: 12px;
  margin-bottom: 10px;
}

DIV.reminders DIV.item_info {
  font-size: 13px;
}

DIV.reminders DIV.item_info .item_due {
  font-weight: bold;
  float: right;
  width: auto;
  font-size: 11px;
  text-align: right;
  margin-left: 5px;
}

DIV.reminders FORM SELECT, DIV.reminders FORM INPUT {
  width: auto;
}

div#my_account_dialog_premium_membership {
	padding: 10px;
}

table.transactions thead tr td {
	font-weight: bold;
	border-bottom: 2px solid lightgrey;
	width: 90px;
}

table.transactions tbody tr.even {
	background-color: whitesmoke;
}

table.transactions tbody {
	font-size: 80%;
}

div.transactions {
	height: 250px;
	overflow: auto;
}

div.subscription_account h2 {
	color: black;
	font-size: 110%;
}

div.subscription_account div.description, div.free_account div.description {
	margin: 10px;
}

table.signup_choices {
	border: 6px solid lightgrey;
	margin: 0 auto;
}

table.signup_choices thead {
	font-weight: bold;
	font-size: 150%;
}

table.signup_choices td.big {
	font-weight: bold;
	font-size: 110%;
}

table.signup_choices td {
	padding: 5px 40px;
	border: 1px solid lightgrey;
	text-align: center;
	background-color: lightyellow;
}

table.signup_choices td.left {
	text-align: right;
	background-color: transparent;
	padding-right: 20px;
}

table.signup_choices span.price {
	color: orangered;
	font-size: 64%;
}


div.header h1 {
	color: black;
	font-size: 400%;
	margin: 0px;
	margin-bottom: 0px;
}

div.header h2 {
	color: #4F4F4F;
	font-size: 100%;
	margin-top: 0px;
}

div.header {
	padding: 30px 150px;
	background-color: lightyellow;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	margin-bottom: 40px;
	text-align: left;
}

div.header a.signup {
	float: right;
	margin-top: 10px;
}

div.header a.signup img {
	border: none;
}

div.header a.signup:hover {
	background-color: transparent;
}

fieldset.signup {
	border: none;
	border-top: 1px solid black;
	width: 500px;
	margin: 0 auto;
	display: inline;
	background-color: #f1f5fa;
	padding: 0 40px;
    text-align: left;
}

fieldset.signup legend {
	font-weight: bold;
    color: black;
}


fieldset.signup input.text {
	font-size: 150%;
	font-weight: bold;
}

xfieldset.signup input.submit {
	font-weight: bold;
	font-size: 110%;
}

div.signup_page { 
	text-align: center;
}

div#help {
  width: 100%;
}

div#help h1 {
	color: black;
	font-size: 300%;
	padding: 30px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;	
	background-color: #f1f5fa;
}

div#help h3 {
	color: black;
	font-size: 100%;
	padding: 5px 30px;
	background-color: #f1f5fa;
	margin-bottom: 6px;
	margin-top: 30px;
}

div#help div.description {
	padding: 0 10px;
	
}

div#help div.description p {
	margin-bottom: 15px;
}

div#help div.description span.action {
	font-family: courier;
	font-weight: bold;
	background-color: lightyellow;
	padding: 0 4px;
}

a#hide_help, a#show_help {
	
}

a#hide_help {
	background-color: green;
	color: white;
	font-weight: bold;
	padding: 2px 5px;
}