body {
	font-family: helvetica, sans-serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
	background: #fafafa;
}
h2 {
	margin: 8px 0 8px 0;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
form {
	margin: 0;
	padding: 0;
}
.link { 
	cursor:pointer; 
}
.editable .link_x {
	cursor:pointer;
}
.editable .link_x:hover {
	background: #fafafa;
}
#all_ious {
	float: left;
	width: 50%;
}
#my_ious {
	float: left;
	width: 50%;
}
#all_ious .edit {
	display: none;
}
.fulfilled { 
	text-decoration: line-through; 
}
.item_input input {
	width:300px;
	font-size:1.4em;
	letter-spacing:-.05em;
	font-weight:bold;
	background:#fafafa;
	color:#999;
	border: none;
	margin: 0;
	padding: 3px 2px 2px 2px;
	vertical-align: middle;
}
.item_input input:hover, .item_input input:focus {
	background:white;
}
div.item_input {
	margin:0 0 4px 0;
	border:4px solid #D4D3C8;
	width: 304px;
}
#right {
	margin-left: 450px;
	width: 450px;
	padding-top: 11px;
}
#add_form h2 {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 24px;
	line-height: 24px;	
}
#add_form h2 span {
	border-bottom: 4px solid #eee;
	padding-bottom: 2px;
}
#left {
	width: 450px;
	float:left;
}
#left img {
	margin-top: 10px;
	margin-left: 30px
}
#top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 180px;
	background: url(/images/top_background.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 11;
}
#top .all {
	width:900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	color: #eee;
}
#syncing {
	background: #3b5998;
	color: white;
	width: 150px;
	left: 10px;
	position: fixed;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	text-align:left;
	padding: 5px;
	display: none;
	z-index: 1000;
}
#view_my_ious {
	display: none;
}
#view_all_ious {
	display: none;
}
#container {
	width:900px;
	margin-top: 180px;
	margin-left: auto;
	margin-right: auto;
}
#login_popup {
	display: none;
	position: fixed;
	z-index: 20;
}
#top .links {
	margin-top: -16px;
}
.links h1 {
	display: inline	;
	font-size: 20px;
	line-height: 20px;
	margin-right: 4px;	
}
#settings_popup {
	display: none;
	position: fixed;
	z-index: 21;
}
#login_form {
	float: left;
	width: 200px;
}
#identify_self_form {
	float: left;
	width: 200px;
}
#settings_popup .lt {
	padding: 0;
	width: 200px;
	float: left;
}
#settings_popup .rt {
	padding-left: 18px;
	width: 200px;
	float: left;
	border-left: 4px solid #eee;
}
#login_popup .lt {
	border-right: 4px solid #eee;
	padding: 0;
}
#login_popup .rt {
	margin-left: 200px;
	padding-left: 20px;
	width: 200px;
}
#help_popup {
	display: none;
	position: fixed;
	z-index: 20;
}
#help_popup .lt {
	padding: 0;
	width: 250px;
}
.button_on { 
	font-size:1.1em;
}
.lt .more_inf {
	margin-right: 16px;
}
.rt .more_inf {
	margin-top: 10px;
}
.more_inf {
	padding-top: 5px;
	border-top: 2px solid #eee;
}
.button .spinner img {
	margin-bottom: -4px;
}
.button .spinner {
	display: none;
	font-size: 13px;
}
.button .info {
	font-size: 13px;
}
.button .msg {
	display: none;
	color: red;
	font-weight: bold;
	font-size: .8em;
}
.button .status {
	display: none;
	font-weight: bold;
	font-size: .8em;
}
.content {
	font-size: 13px;
}
.frm input {
	width: 170px;
	color: #000;
	border: none;
	margin: 0;
	background:#fafafa;
	border:4px solid #ddd;
}
.frm input:hover {
	background:#fff;
}
.links .link {
	border-bottom: 2px solid #eee;
	padding-bottom: 1px;
}
.iou {
	margin-top: 10px;
	clear: left;
}
.iou .shizz {
	float:left;
}
.iou .bizz {
	margin-left: 230px;
	font-size: .8em;
	color: #666;
}
.iou blockquote {
	font-family: "Comic Sans MS", helvetica, sans-serif;
	font-weight: bold;
	margin: 0 10px 0 20px;
}

.iou input {
	font-family: "Comic Sans MS", helvetica;
	border: none;
	margin: 0 0 0 -18px;
	width: 202px;
	font-size: 1em;
	padding: 2px;
	background: #fafafa;
	border: 4px solid #eee;
}
.iou .notepink {
	background: #FFDDE6;
	width: 218px;
	margin-left: 4px;
	padding-top: 15px;
	z-index: 100;
	overflow: hidden;
}
.iou .noteblue {
	background: #BFD9FF;
	width: 218px;
	margin-left: 4px;
	padding-top: 15px;
	z-index: 100;
	overflow: hidden;	
}
.iou .notegreen {
	background: #D9FFBB;
	width: 218px;
	margin-left: 4px;
	padding-top: 15px;
	z-index: 100;
	overflow: hidden;	
}
.iou .noteyellow {
	background: #FFF9AC;
	width: 218px;
	margin-left: 4px;
	padding-top: 15px;
	z-index: 100;
	overflow: hidden;	
}
.iou .bottompink {
	height: 43px;
	width: 226px;
	margin-top: -10px;
	z-index: 10;
	background: url(/images/note_pink1_bottom.png);
}
.iou .bottomblue {
	height: 43px;
	width: 226px;
	margin-top: -10px;
	z-index: 10;	
	background: url(/images/note_blue1_bottom.png);
}
.iou .bottomgreen {
	height: 43px;
	width: 226px;
	margin-top: -10px;
	z-index: 10;	
	background: url(/images/note_green1_bottom.png);
}
.iou .bottomyellow {
	height: 43px;
	width: 226px;
	margin-top: -10px;
	z-index: 10;	
	background: url(/images/note_yellow1_bottom.png);
}
.iou .bizz .edit .colors {
	float: left;
	width: 20px;
	height: 20px;	
}
.bizz table {
	border-collapse: collapse;
	width: 200px;
	margin-left: 2px;
}
.bizz .end {
	margin-right: 10px;
}
.iou .bizz .edit .colors.pink {
	background: #FFDDE6;
	cursor:pointer;
}
.iou .bizz .edit .colors.blue {
	background: #BFD9FF;
	cursor:pointer;
}	
.iou .bizz .edit .colors.green {
	background: #D9FFBB;
	cursor:pointer;
}
.iou .bizz .edit .colors.yellow {
	background: #FFF9AC;
	cursor:pointer;
}
.iou .bizz .edit .buttons {
	float: left;
	width: 20px;
	height: 20px;	
}
.iou .bizz .edit .fulfill_button_on {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_fulfill_on.gif);
}
.iou .bizz .edit .fulfill_button_on_over {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_fulfill_on_over.gif);
}
.iou .bizz .edit .fulfill_button_off {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_fulfill_off.gif);
}
.iou .bizz .edit .fulfill_button_off_over {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_fulfill_off_over.gif);
}
.iou .bizz .edit .privacy_button_on {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_public_on.gif);
}
.iou .bizz .edit .privacy_button_off {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_public_off.gif);
}
.iou .bizz .edit .privacy_button_on_over {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_public_on_over.gif);
}
.iou .bizz .edit .privacy_button_off_over {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_public_off_over.gif);
}
.iou .bizz .edit .delete_button_on {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_delete_on.gif);
	margin-right: 10px;
}
.iou .bizz .edit .delete_button_on_over {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_delete_on_over.gif);
	margin-right: 10px;
}
.iou .bizz .certificate_button_on {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_certificate_on.gif);
}
.iou .bizz .certificate_button_on_over {
	cursor: pointer;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/images/button_certificate_on_over.gif);
}
.iou .date {
	margin-top: 10px;
	margin-left: 2px;
}
.iou .notified_partial {
	margin-top: 2px;
	margin-left: 2px;
}





.popup {
	z-index: 50;
	border-collapse: collapse;
	padding: 0;
}
.popup td.topleft { 
	background-image: url(/images/dialog_left-top.png);
	height: 64px; 
	width: 46px;
 }
.popup td.top { 
	background-image: url(/images/dialog_top.png); 
}
.popup td.topright { 
	background-image: url(/images/dialog_right-top.png); 
	width: 46px;
}
.popup td.left { 
	background-image: url(/images/dialog_left.png); 
}
.popup td.right { 
	background-image: url(/images/dialog_right.png); 
}
.popup td.bottomleft { 
	background-image: url(/images/dialog_left-bottom.png); 
	height: 46px; 
	width: 46px;
}
.popup td.bottomright  { 
	background-image: url(/images/dialog_right-bottom.png);
	height: 46px; 
	width: 46px;
}	
.popup td.bottom { 
	background-image: url(/images/dialog_bottom.png);
}
.popup td.content { 
	background: white;
}
.popup td.content div { 
	margin-bottom: 4px;
}




.ac_resultsgray {
	padding: 0;
	overflow: hidden;
	background: #fff;
	border-left: 4px solid #eee;
	border-bottom: 4px solid #eee;
	border-right: 4px solid #eee;
	padding: 0;
	margin-top: -4px;
	display: none;
	width: 206px;
	position: absolute;
}

.ac_resultsgray ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_resultsgray iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
.ac_resultsgray li {
	margin: 0;
	padding: 4px 0 0 0;
	cursor: pointer;
	display: block;
	width: 100%;
	overflow: hidden;
	background: #fafafa url(/images/dropdown_background.gif) no-repeat;
	color: #666;
}
.ac_resultsgray li table {
	width: 206px;
	padding: 0;
}
.ac_resultsgray li table td {
	margin: 0;
}
.ac_resultsgray li table td.info{
	width: 100%;
	padding-left: 4px;
}
.ac_resultsgray li table td img {
	height: 35px;
	margin: 2px 2px 0 0;
}
.ac_resultsgray li table td.info div {
	overflow: hidden;
	width: 160px;
	padding: 0;
	font-size: 13px;
	margin: 0;
	white-space: nowrap;
}
.ac_loadinggray {
	background : url(/images/spinner.gif) right center no-repeat;
}
li.ac_overgray table {
	background: white;
	color: black;
}




.ac_results {
	padding: 0;
	overflow: hidden;
	background: #fff;
	border-left: 4px solid #D4D3C8;
	border-bottom: 4px solid #D4D3C8;
	border-right: 4px solid #D4D3C8;
	padding: 0;
	margin-left: -4px;
	display: none;
	width: 304px;
	position: fixed;
	z-index: 11;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
.ac_results li {
	margin: 0;
	padding: 4px 0 0 0;
	cursor: pointer;
	display: block;
	width: 100%;
	overflow: hidden;
	background: #fafafa url(/images/dropdown_background.gif) no-repeat;
	color: #666;
}
.ac_results li table {
	width: 304px;
	padding: 0;
}
.ac_results li table td {
	margin: 0;
}
.ac_results li table td.info{
	width: 100%;
	padding-left: 4px;
}
.ac_results li table td img {
	height: 35px;
	margin: 2px 2px 0 0;
}
.ac_results li table td.info div {
	overflow: hidden;
	width: 260px;
	white-space: nowrap
}
.ac_loading {
	background : url(/images/spinner.gif) right center no-repeat;
}
li.ac_over table {
	background: white;
	color: black;
}
.page_crease {
	background : url(/images/page_crease.png) center no-repeat;
	width: 38px;
	height: 15px;
	position: absolute;
	z-index: 9;
}

#initial_screen li {
	padding: 4px;
}

#initial_screen_on img.toggle {
	float: right;
	cursor: pointer;
}

#initial_screen_off {
    display: none;
}

#initial_screen_off img.toggle {
	float: right;
	cursor: pointer;	
}

.facebook {
	background: #3b5998;
	color: white;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	text-align:left;
	padding: 10px;
}
.facebook a {
	color: white;
}
.facebook .app {
	padding: 4px 0 4px 0;
}
.info .fb {
	background: #3b5998;
	color: white;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	text-align:left;
	padding: 2px;
	margin: 0;
}
.info .fb a {
	color: white;
	text-decoration: none;
}
.fb_button {
	text-align: center;
	padding: 5px;
}
.href {
	color: blue;
	text-decoration: underline;
}

#beta_overlay {
    position: fixed;
    top: 0;
    right: 0;
    background : url(/images/beta_overlay_106_106.png) center no-repeat;
    width: 106px;
    height: 106px;
    z-index: 12;
}

a.fblink {
    background: #3b5998;
    color: white;
    font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
    font-size:11px;
    text-align:left;
    padding: 2px;
    margin-right: 4px;
}