small {
	font-size: 10px;
	line-height: 13px;
}

blockquote {
	font-size: 12px;
	color: #666;
	margin: 20px;
}



div.widget li {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

h1 {
	font-family: "Lucida Grande", arial, sans-serif;
	padding: 0;
	border-bottom: 0;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

.smallnote {
	font-size: 10px;
	color: #999;
	font-weight: normal;	
}


.smallgray {
  font-weight: normal;
  color: #666;
  font-size: 10px;
}


.bigger {
	font-size: 12px;
}

.red {
	color: red;
}

.blue {
	color: #06c;
	}
	
.green {
	color: #390;
	}

code, pre	{
	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
	background: inherit;
	color: #333;
	font-size: 80%
	}

pre {
  overflow: auto;
}

	/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */




/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

div#Wrapper {
	padding: 12px 23px 0 30px;
  margin: 0 auto;
}

.container {
	margin: 0 auto 0 auto;
	text-align: center;
	min-width: 750px;
	}

.ClearAll {
	padding: 0px;
	clear: both;
	font-size: 0px;
	}

#ContentFrame, #DashContentFrame, .ContentFrame {
	margin: 0;
	padding: 0px 0;
	width: 100%;
	text-align: left;
	/*position: relative;*/
	float: left;
}

table.layout {
  clear: left;
  border-collapse: collapse;
  width: 100%;
}

table.layout td.left,
table.layout td.right {
  vertical-align: top;
  padding: 0;
}

table.layout td.left {
  width: 70%;
}

table.layout td.right {
  width: 30%;
}

div.Left {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 70%;
	float: left;
	}

div.Right {
	margin: 0px 0 0 0;
	padding: 0;
	text-align: left;
	/*position: absolute;*/
	float: left;
	width: 30%;
	}

table.layout td.left div.Left,
table.layout td.right div.Right {
  width: auto;
  float: none;
}




a.donelink:link,
a.donelink:visited,
div.list a.donelink:link,
div.list a.donelink:visited {
  color: #000;
  background: #fc3;
  font-size: 12px;
  padding: 0 2px;
}

a.donelink:hover,
div.list a.donelink:hover {
  text-decoration: underline;
}

body.todos div.list div.busy {
  display: block;
}

body.todos div.list div.busy div.wrapper ul {
  height: 12px;
}

body.todos div.list div.busy div.wrapper li {
  visibility: hidden;
}

body.todos div.list div.item div.busy {
  display: block;
}

body.todos div.list div.item div.nubbin div.wrapper ul {
  background: none;
  height: auto;
}

body.todos div.list div.item div.nubbin div.wrapper li {
  visibility: visible;
}

body.todos div.list div.item div.busy div.wrapper ul {
  background: url(/images/dots-white.gif) no-repeat 8px center;
  height: 12px;
}

body.todos div.list div.item div.busy div.wrapper li {
  visibility: hidden;
}

body.todos div.list div.busy div.items {
  background: url(/images/dots-white.gif) no-repeat 8px 8px;
}

body.todos div.list div.busy div.items * {
  visibility: hidden;
}

body.todos div.list div.list_drag_handle {
  display: none;
}

body.todos div.reordering div.list div.nubbin,
body.todos div.reordering div.list p.listdesc,
body.todos div.reordering div.list div.items_wrapper,
body.todos div.reordering div.list div.add_item,
body.todos div.reordering div.list div.done,
body.todos div.reordering div.list div.viewallcomplete {
  display: none;
}

body.todos div.reordering div.list div.list_title h2 {
  margin: 0;
}

body.todos div.reordering div.list div.list_title {
  margin: 3px 0 8px 0;
}

body.todos div.reordering div.list div.item div.list_drag_handle {
  display: inline;
  float: left;
  position: relative;
  width: 1px;
  height: 1px;
  cursor: move;
}

body.todos div.reordering div.list div.item div.list_drag_handle img {
  display: inline;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 4px;
}


/*-------------------------------------------------
TIME TRACKING TODO WIDGET
-------------------------------------------------*/

body.todos div.list div.busy div.item_time_tracker div.total,
body.todos div.list div.busy div.item_time_tracker div.form {
  display: none;
}

body.todos div.list div.item_time_tracker {
  border: 2px solid #090;
  color: #333;
}

body.todos div.list div.item_time_tracker span.content {
  display: block;
  padding: 8px;
}

body.todos div.list div.busy div.item_time_tracker {
  border: none;
}

body.todos div.list div.busy div.item_time_tracker span.content {
  padding: 0;
}

body.todos div.list div.item_time_tracker div.total {
  padding: 10px;
  background: #D2E9D2;
}

body.todos div.list div.item_time_tracker div.total strong {
  font-size: 12px;
  color: #fff;
  background: #090;
  padding: 2px 4px;
}

body.todos div.list div.item_time_tracker div.total span {
  color: #666; 
  margin-left: 5px; 
  font-size: 11px;
}

body.todos div.list div.item_time_tracker div.form {
  margin-left: 0;
  background: #efefef;
  padding: 8px;
}

body.todos div.list div.item_time_tracker div.form table {
  width: 100%;
}

body.todos div.list div.item_time_tracker div.form td {
  color: #999;
}






/*-------------------------------------------------
FIELDSET
-------------------------------------------------*/

fieldset {
/* background-color:#CCFFCC;*/
 font: 0.8em "Helvetica Neue", helvetica, arial, sans-serif;
    color: #000066;
    background-color: #FFFFFF; /*efefef*/
    padding: 2px;
    border: solid 1px #d3d3d3;
	

/* -moz-border-radius: 10px; border-radius: 10px;*/
}
/*
 -moz-border-style: solid;
 -moz-border-width: thin;
 -moz-border-color: #cccccc;
fieldset p {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #666;
}

fieldset legend {
	font-size: 12px;
	font-weight: bold;
	color: #874c00;
}

fieldset legend span {
	color: #666;
	font-weight: normal;
	font-size: 80%;
}
*/





/*-------------------------------------------------
HEALTHY HOVER CLASSES
-------------------------------------------------*/

a.clicked:link,
a.clicked:visited {
  text-decoration: underline !important;
  background: none !important;
  color: #03c !important; /* the default link color  */
}



/*-------------------------------------------------
FILE ATTACHMENTS
-------------------------------------------------*/

ul.LinkList {
	padding: 0;
	margin: 5px 0 10px 0;
	border: none;
}

ul.LinkList li {
	font-size: 11px;
	border: none;
	color: #888;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.LinkList li img, div#AttachmentList ul li img {
	padding-right: 4px;
}


div.widget div.nubbin {
  display: none;
  position: relative;
  top: -4px;
  left: 0;
  width: 0;
  height: 0;
}

div.widget div.hover div.nubbin {
  display: block;
}

div.widget div.widget div.nubbin {
  display: none;
}

div.widget div.widget div.hover div.nubbin {
  display: block;
}

div.widget div.nubbin div.wrapper {
  position: absolute;
  height: 15px;
  right: 0;
  width: 70px;
  background: url(/images/nubbin.gif) no-repeat top left;
  margin: 0;
  padding: 7px 0px 0 0px;
  font-size: 10px;
  line-height: 10px;  
}

div.item_wrapper {
	background-color:#FFFFFF;	
  position: absolute; 
  right: 0;
  width: 60px;
  height: 18px;
  margin: 0;
  text-align:left;
  margin: 0 0 0 0px;
  padding: 0 0 0 4px;
  border:solid green 1px; 
}
div.desc_wrapper {	
  position: absolute; 
  right: 0;
  width: 170px; 
  margin: 0;
  text-align:left;
  margin: 0 0 0 0px;
  padding: 0 0 0 0px;
}
div.widget div.nubbin ul {
  margin: 0;
  padding: 0;
}

div.widget div.nubbin li {
  float: left;
  list-style-type: none;
  margin: 0 4px 0 0;
}

div.widget div.nubbin li a {
  font-size: 10px;
  background: none;
  color: #f00;
  text-decoration: underline;
}

div.widget div.nubbin li img {
  border: none;
}

div.widget * {
  z-index: 1;
}

div.widget_content * {
  z-index: 2;
}

div.widget_content div.nubbin,
div.widget_content div.nubbin * {
  z-index: 0;
}

div.widget div.nubbin img.drag_handle {
  cursor: move;
}

body.iphone div.widget div.nubbin img.drag_handle {
  display: none;
}

body.iphone div.widget div.nubbin div.wrapper {
  width: 45px;
}

/*-------------------------------------------------
SPINNERS
-------------------------------------------------*/

div.busy div.widget_content div.nubbin {
  display: block;
}

div.busy div.widget_content div.nubbin ul {
  background: url(/images/dots-white.gif) no-repeat bottom right;
  width: 30px;
  height: 8px;
}

div.busy div.widget_content div.nubbin li {
  visibility: hidden;
}

div.busy div.form div.buttons {
  background: url(/images/dots-white.gif) no-repeat center left;
  color: #efefef;
}

div.busy div.form div.buttons * {
  visibility: hidden;
}

div.busy div.add form.upload div.buttons {
  background: url(/images/progress_bar.gif) no-repeat center left;
  text-align: right; /* hack so the #efefef-colored text doesn't appear over the progress bar */
}


div.busy div.widget_content div.widget_content div.nubbin {
  display: none;
}

div.widget_parent div.busy div.widget_content div.nubbin {
  display: none;
}



body.settings div.page_header,
body.admin div.page_header {
	color: #ccc;
	font-size: 12px;
}

body.settings div.page_header strong,
body.admin div.page_header strong {
  font-size: 14px;
	color: #000;
}




/*-------------------------------------------------
NEW LIST 
-------------------------------------------------*/

body.todos div.button_to_add_new img {
  width: 138px;
}

body.todos div.button_to_add_new a.pressed {
  background-image: url(/images/new_to-do_list-pressed.gif);
  width: 138px;
}

body.todos div#new_list div.options_toggle {
  font-size: 12px;
}

body.todos div#new_list div.options_toggle a {
  color: #666;
}

body.todos div#new_list div.options_toggle a:hover {
  background: #666;
  color: #fff;
}

body.todos div#new_list div#new_list_options {
  margin: 15px 0 0 0;
  padding: 10px 0 0 10px;
  border-top: 1px dashed #ccc;
}

body.todos div#new_list div#new_list_options select {
  width: 70%;
}

body.todos div#new_list div#use_template_block select {
  width: 80%;
  font-weight: bold;
  font-size: 18px;
}

body.todos div#new_list div.sheet_form h2 {
  font-weight: bold;
  font-size: 13px;
}

body.todos div#new_list_description {
	margin: 10px 0;
}