@media screen {
	.screen_only {
	}
}

@media print {
	.screen_only {
		display:none;
	}

	#nav1	{ display:none; }

	#nav2 ul	{ display:none; }
}	

body {
	margin:0px 10px;
	padding:0;
	background:#ffffff;
	color:#13296a;
	font-family:Verdana,sans-serif;
	font-size:80%;
}

pre {
	font-size: 16px;
}

ol li				{ margin: 5px 5px 15px 5px; }

.error			{ color: red; }
#logo			{ margin:0; line-height:1.0em; font-size:2.4em; font-style:italic; float:left; margin-bottom:5px; padding-right:30px; background:url(../images/common/header/gift.gif) right no-repeat; }
#logo small 	{ color:#ffaa1f; font-size:0.6em; }
#logo a			{ text-decoration:none; }

#nav1			{ margin-left:300px; background:url(../images/common/header/bg_nav1.gif) repeat-x top; }
#nav1 ul		{ margin:0; padding:10px; padding-left:38px; background:url(../images/common/header/nav1_lcap.gif) no-repeat; text-align:right; }
#nav1 li		{ display:inline; list-style-type:none; margin-left:5px; border-left:1px solid #29568a; padding-left:8px; }
#nav1 a			{ color:#29568a; text-decoration:none; }
#nav1 a:hover	{ color:#09265a; }
#nav1 .first	{ margin-left:0; border-left:0; padding-left:0; }

#nav2 			{ }
#nav2 ul		{ margin:0; padding:0; clear:both; float:left; background:#6b9aed url(../images/common/header/bg_nav2.gif) repeat-x top; }
#nav2 li		{ float:left; list-style-type:none; line-height:28px; padding:0; padding-left:20px; }
#nav2 a			{ padding-top: 5px; padding-bottom: 8px; color:#ffffff; text-decoration:none; }
#nav2 .first	{ background:url(../images/common/header/nav2_lcap.gif) no-repeat; padding-left:28px; }
#nav2 .last		{ background:url(../images/common/header/nav2_rcap.gif) right bottom no-repeat; padding-right:35px; }
#nav2 a:hover	{ color:#3262b5; background: url(../images/common/header/bg_nav2_selected.gif) no-repeat top;}

#nav3			{ width:100%; margin: 0px 0px 10px 0px; padding: 0px; border-bottom: 1px solid #ffffff; font-style:italic; background:#6b9aed url(../images/common/header/bg_nav2.gif) repeat-x top; }
#nav3 .br		{ padding-bottom:10px; }
#nav3 h3		{ margin:0; padding:4px 5px; padding-left:20px; color:#ffffff; font-size:1.0em; border-right:1px dashed #5e8ee3; }
#nav3 ul		{ margin:0; padding:0; border-bottom:1px solid #ffffff; }
#nav3 li		{ font-size:0.9em; list-style-type:none; padding:2px 0; padding-left:20px; background:#dde9ff; border-top:1px solid #ffffff; border-bottom:1px solid #9dadca; }
#nav3 a			{ display:block; color:#6292e5; text-decoration:none; }
#nav3 a:hover	{ padding-left:5px; color:#3262b5; text-decoration:none; }

.list_settings			{ width:100%; margin: 0px 0px 10px 0px; padding: 0px; border-bottom: 1px solid #ffffff; font-style:italic; background:#6b9aed url(../images/common/header/bg_nav2.gif) repeat-x top; }
.list_settings .br		{ padding-bottom:10px; }
.list_settings h3		{ margin:0; padding:4px 85px; padding-left:20px; color:#ffffff; font-size:1.0em; border-right:1px dashed #5e8ee3; background: url(../images/arrow_up_white.gif) no-repeat right; cursor: pointer }
.list_settings ul		{ margin:0; padding:0; border-bottom:1px solid #ffffff; }
.list_settings li		{ font-size:0.9em; list-style-type:none; padding:2px 10px 2px 10px; background:#dde9ff; border-top:1px solid #ffffff; border-bottom:1px solid #9dadca; }
.list_settings table		{ list-style-type:none; padding:2px 4px; background:#dde9ff; border-top:1px solid #ffffff; border-bottom:1px solid #9dadca; }
.list_settings td		{ font-size:0.9em; margin: 0px; }
.list_settings a			{ display:block; padding-left:20px; color:#6292e5; text-decoration:none; }
.list_settings a:hover	{ padding-left:25px; color:#3262b5; text-decoration:none; }


#nav4			{ margin:0; padding:0; display:inline; }
#nav4 li		{ display:inline; margin-left:5px; border-left:1px solid #29568a; padding-left:8px; }
#nav4 a			{ color:#29568a; text-decoration:none; }

#top_info_box	{ width: 700px; padding: 10px; margin:0 auto; margin-top: 10px; border: 1px solid #19467a; background: #ffeeee; }

#pagebody		{ background:url(../images/common/header/bg_nav2_reversed.gif) repeat-x 0 -6px; }
#pagefull		{ width:100% }

#pagefoot		{ margin-top:30px; padding:10px; background:url(../images/common/footer/bg.gif) repeat-x top; color:#29568a; font-size:0.9em; }
#wide-page		{ width:95%; margin: 5px auto; }

#item_stats		{ padding: 4px; border: 1px solid #55f; float:right; background:#eee; }

.tabs			{ border-top: 1px solid #ffffff; clear:both; margin-top:10px; border-bottom:2px solid #ffaa1f; }
.tabs h1		{ display:none; } 
.tabs ul		{ margin:0; padding:0; margin-left:210px; }
.tabs li		{ margin-top: 3px; float:left; list-style-type:none; background:#ffe68f url(../images/common/corners/tl.gif) top left no-repeat; font-size:1.0em; margin-right:3px; }
.tabs li.selected { padding-left: 20px; margin-top: 0px; background: #ffaa1f url(../images/common/corners/tl_star.gif) top left no-repeat; }
.tabs li a			{ text-decoration:none; display:block; padding:3px 10px 5px 10px; }
.tabs li.selected a	{ cursor: default; padding:6px 10px 5px 10px; }
.tabs li a:hover	{ font-style: oblique; padding:3px 6px 5px 10px;  }
.tabs li:hover		{ padding:2px 0px 1px 0px; margin-top: 0px; }

.tabs li.selected a:hover	{ padding:6px 10px 5px 10px; font-style: normal; padding:6px 10px 5px 10px; }
.tabs li.selected:hover		{ padding: 0px 0px 0px 20px; margin-top: 0px; background: #ffaa1f url(../images/common/corners/tl_star.gif) top left no-repeat; }

.tabs li.selected input		{ margin: 0px; border:1px solid black; height: 15px; font-size: 13px; } }

.welcome_message_outer	{ background:#dde9ff; margin: 5px 10px 5px 215px; float:left; width: auto; }
.welcome_message_inner	{ padding: 5px 10px; }
.welcome_message_base_pad	{width:1px; padding:0px; margin:0px;}
.welcome_message_base_left	{border:0px; margin:0px; line-height:4px; height:5px; width:49%; background: #ffe78c url(/skins/standard/images/common/header/bg_welcome_l.gif) top left repeat-y;}
.welcome_message_base_right	{border:0px; margin:0px; line-height:4px; height:5px; width:49%; background: #ffe78c url(/skins/standard/images/common/header/bg_welcome_r.gif) top right repeat-y;}

.message { padding: 0px 10px; border: 2px solid #883333; background:#ffcccc; margin: 5px 10px 5px 215px; display:block; }
.alert_box tr td.message { margin:0px auto; padding: 5px 10px; border: 2px solid #883333; background:#ffcccc; display:block; }

#hints 			{ margin:10px 0px 0px 0px; background:#ffaa1f url(../images/common/header/bg_hints.gif) center repeat-y; }
#hints .br		{ padding:2px; padding-bottom:10px; }
#hints h3		{ margin:5px 0; padding:0; text-align:center; font-size:1.0em; color:#29568a; }
#hints .body 	{ background:#ffe68f; padding:7px; font-size:0.8em; border:2px inset #d86600; }
#hints p 		{ margin-top:0; }

.tl 			{ background:url(../images/common/corners/tl.gif) top left no-repeat; }
.tr				{ background:url(../images/common/corners/tr.gif) top right no-repeat; }
.bl 			{ background:url(../images/common/corners/bl.gif) bottom left no-repeat; }
.br				{ background:url(../images/common/corners/br.gif) bottom right no-repeat; }

.left 			{ float:left; }
.right 			{ float:right; }
.right 			{ float:right; }
.clear 			{ clear:both; }

.button_promises	{ margin: 0px 1px; cursor:pointer; background:url(../images/button_i.gif) top left no-repeat; overflow: hidden; text-indent: 20px; float:right; text-decoration: none; font-size: 10px; line-height: 10px; width: 20px; height: 20px; }
.button_edit		{ margin: 0px 1px; cursor:pointer; background:url(../images/button_edit.gif) top left no-repeat; overflow: hidden; text-indent: 20px; float:right; text-decoration: none; font-size: 10px; line-height: 10px; width: 20px; height: 20px; }
.button_delete		{ margin: 0px 1px; cursor:pointer; background:url(../images/button_trash.gif) top left no-repeat; overflow: hidden; text-indent: 20px; float:right; text-decoration: none; font-size: 10px; line-height: 10px; width: 20px; height: 20px; }

.button_mini		{ overflow: visible; cursor:pointer; white-space: nowrap; display: inline; font-family: Verdana; text-decoration: none; font-size: 11px; background: #ddddee; border-width: 1px; border-color: #13296a; border-style: solid; margin: 4px 2px 4px 2px; padding: 1px 7px 1px 7px; font-weight: normal; }
.button_mini:hover	{ background: #ccccdd; }

.button				{ cursor:pointer; color:#13296a; white-space: nowrap; display: inline; font-family: Verdana; text-decoration: none; font-size: 13px; background: #cccccc; border: 1px solid #13296a; margin: 4px 2px ; padding: 2px 5px; font-weight: bold;  line-height: 160%;}
input.button		{ font-size: 13px; border: 1px solid #13296a; margin: 4px 2px; padding: 2px 5px; font-weight: bold; line-height: 100%;}

p.indented			{ margin-left: 40px; }
h1 					{ border: 0px solid black; margin:20px 0px 10px 0px; font-size: 25px; }
h2 					{ border: 0px solid black; margin:15px 0px 7px 0px; font-size: 20px; }
a					{ color:#13296a; font-weight:bold; text-decoration: none; }
form				{ margin:0; padding:0;}
hr					{ margin-left: 0px; border: 1px solid #13296a; width:99% }

.alert				{ display:block; width:50%; background-color: #ffcccc; border: 2px solid #883333; padding: 5px 10px; margin: 5px auto; font-weight:bold; font-size:12px; text-align: center }
.warning			{ display:block; width:50%; background-color: #ffcccc; border: 2px solid #883333; padding: 5px; margin: 5px auto; font-weight:bold; font-size:12px; text-align: center }
.warning ul			{ text-align: left; padding: 0px; margin: 2px; }
.warning ul li		{ padding: 0px; margin: 2px 5px 2px 20px }
table.info			{ border: 2px solid #13296a; padding: 3px; background: #eeeeff }
table.info th		{ font-weight: normal; padding: 3px; }
table.info td		{ font-weight: bold; padding: 3px;}

table.indent		{ border:0px; margin:0px; }
table.indent tr		{ border:0px; margin:0px; }
table.indent td		{ border:0px !important; padding: 0px !important; margin:0px !important; }

table.list 			{ border-collapse:collapse; width:100%; }
table.list th		{ white-space:nowrap; border:0; padding:4px 10px; background:#6b9aed url(../images/common/header/bg_nav2.gif) repeat-x top; color:#ffffb6; font-style:italic; border-left:1px dashed #5e8ee3; } 
table.list th.reminders			{ width: 10em; } 
table.list td		{ border:0; padding:8px 10px; text-align:left;}
table.list td a		{ color:#29568a; }

table.list .r0					{ color:#29568a; background:#ffffff; }
table.list .r1					{ color:#29568a; background:#ffffff; }
table.list .r0 td				{ border: 1px solid black; border-width: 0px 0px 1px 0px; }
table.list .r1 td				{ border: 1px solid black; border-width: 0px 0px 1px 0px; }
table.list .already_promised td			{ border: 1px solid black; border-width: 0px 0px 1px 0px; }

table.list .already_promised	{ color:#999999; background:#dddddd url(../images/common/bg_slanted.gif); }
table.list .already_promised a	{ color:#999999; background:#dddddd url(../images/common/bg_slanted.gif); }

table.list .already_promised .actions a	{ color:#6666ff; background:#dddddd url(../images/common/bg_slanted.gif); }

table.list td.align-right 		{ text-align:right; }
table.list td.align-center		{ text-align:center; }
table.list #last				{ border-top:1px solid #19467a; border-bottom: 1px solid #19467a;}

table.list td.description 		{ text-align:left;}
table.list td.actions 			{ white-space:nowrap; padding-left:2px; padding-right:4px}
table.list td.quantity_cost		{ text-align:center; }

/* For the vouch list page /item/vouch_list */
table.list td.image 			{ padding: 5px 6px; text-align:center; }
table.list td.image img			{ display:block; margin: 0px auto; padding: 2px; border: 1px solid black; }
table.list td.promise_date 		{ text-align:center; }
table.list td.details_and_date 	{ text-align:left; }
table.list td.amount_promised	{ text-align:right; }
table.list td.reminders			{ text-align:right; }
table.list td.actions			{ text-align:center; }
table.list td.details			{ text-align:left; }



table.list td.stats-this-list 	{ text-align:right; white-space:nowrap; }
table.list td.stats-all-lists 	{ font-weight:bold; text-align:right; white-space:nowrap; }

table.list td .promise_link		{ font-size: 10px; font-style:italic; float:right; clear:right; height:20px; padding: 7px 24px 0px 24px; background: url(../images/button_i.gif) no-repeat top right; }

table.stats-table td			{ border: 0px solid black !important; padding:2px 10px; }
table.stats-table td.notes		{ text-align: left; font-size: 10px; font-style:italic; padding: 8px 10px 0px 10px;}
table.stats-table td .note		{ display:inline; padding-top:1px; }
table.stats-table td.notes a				{ display:inline; height:20px; padding: 7px 22px 0px 24px; background-repeat:no-repeat;background-position:top left; }
table.stats-table td.notes a.hide_stats		{ background-image:url(../images/button_cross.gif); }
table.stats-table td.notes a.explain_totals	{ background-image:url(../images/button_question.gif); }


table.welcome_msg				{ margin: 10px 0px 0px 0px }
table.welcome_msg td.info	{ width:208px; font-size: 10px; }
table.welcome_msg td.info a	{ font-weight: normal; color: #11f }

table.welcome_msg td table.header td.left_background { border:0px; margin:0px; height:5px; width:49%; background: #ffe78c url(/skins/standard/images/common/header/bg_welcome_l.gif) top left repeat-y; }
table.welcome_msg td table.header td.right_background { border:0px; margin:0px; height:5px; width:49%; background: #ffe78c url(/skins/standard/images/common/header/bg_welcome_r.gif) top right repeat-y; }
table.welcome_msg td table.header td.title { text-align:center; padding:5px 15px 0px 15px; font-weight: bold; font-size: 20px; }
table.welcome_msg td table.header .message_outer { text-align:center; padding:0px 2px; background-color: #ffad21; }
table.welcome_msg td table.header .message_inner { background: #ffe78c; padding:5px 2px; border:2px inset #d86600;text-align:middle }
table.welcome_msg td table.header #welcome_msg_box { text-align:left; padding: 0px 5px;}
table.welcome_msg td table.header #list_title_box { text-align:center; padding: 0px 5px; line-spacing: 3px; line-height: 24px; border:0px solid black; margin: 0px 0px 4px 0px;}
table.welcome_msg td table.header .edit_button { margin-right:0px; float:right; font-weight: bold; font-size:12px; font-style: italic; }
table.welcome_msg td table.header INPUT { text-align:center; border:2px solid black; }
table.welcome_msg #warning { display:block; padding: 4px; margin: 4px 0px; background-color: #fdd; border: 2px solid #f77; }

.comments		{ font-size:0.8em; }
table.footer { width:768px; margin: 0px auto; }
.footer { clear: both; font-family: Arial; font-size: 12px; color: #29568A; text-decoration: none}
.footer H1 { font-size : 15px; }
.footer A:link {font-family: Arial; font-size: 12px; color: #29568A; text-decoration: none; font-weight: bold}
.footer A:visited {font-family: Arial; font-size: 12px; color: #29568A; text-decoration: none; font-weight: bold}
.footer A:active {font-family: Arial; font-size: 12px; color: #29568A; text-decoration: none; font-weight: bold}
.footer A:hover {font-family: Arial; font-size: 12px; color: #FFAA1F; text-decoration: none; font-weight: bold}

.footer_signup_outer { width:768px; padding: 0px; margin: 0px auto; background: #6b9aed url(../images/common/footer/bg_signup.gif) bottom left repeat-x; }
.footer_signup_outer div.tl	{ height: 6px; width:20px; float: left; background:url(../images/common/corners/tl.gif) top left no-repeat; }
.footer_signup_outer div.tr	{ height: 6px; width:20px; float: right; background:url(../images/common/corners/tr.gif) top right no-repeat; }
.footer_signup_outer div.main	{ padding: 0px 4px 4px 8px; display: block; clear:both }
.footer_signup_outer div.form	{ font-weight: bold; margin: -15px 0px 8px 10px; display: block; float:right;}
.footer_signup_outer div.clear	{ margin: 0px; padding: 0px; clear:both;}

#link_page p {font-size: 12px;}
#link_page h1 {margin-bottom: 0px;}

#modal_overlay {
  background-color:#000;
  cursor:default;
}

#modal_container {
  width:320px;
  left:50%;
  top:25%;
  margin-left:-160px; /* half the width, to center */
  background-color:#fff;
  border:3px solid #aaf;
  padding: 0px 15px 15px 15px;
}

a.modalCloseImg {
  background:url(/skins/standard/images/button_cross.gif) no-repeat;
  width:20px;
  height:20px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-10px;
  right:-10px;
  cursor:pointer;
}

#modal_container_image_portrait {
  width:300px;
  left:50%;
  top:25%;
  margin-left:-150px; /* half the width, to center */
  background-color:#000;
  border:3px solid #aaf;
  padding: 0px;
}

#modal_container_image_landscape {
  width:400px;
  left:50%;
  top:25%;
  margin-left:-200px; /* half the width, to center */
  background-color:#000;
  border:3px solid #aaf;
  padding: 0px;
}


#progress_bar_box { padding:5px; display:none; width:300px; border:1px solid black; }
#progress_bar_box hr { height:5px; background-color: #00b; margin: 5px 0px; border=8px solid blue; }
