/* IE7 fix */
#content * {
	zoom: 1;
}
/* some formatting overrides */
h1 {
	color: #094fa3;
	font-size: 26px;
	font-weight: normal;
	padding: 10px 20px;
}
h2 {
	color: #094fa3;
	font-size: 20px;
	padding: 10px 20px;
	font-weight: normal;
}
h3 {
	padding: 5px 0 5px 20px;
}
p	{
	padding: 0px 20px 10px 20px;	
	margin: 0px;
}

/* this was hi-jacked in globalcontent.css... why? */
a	{
	text-decoration: none;
	color: #094fa3;
	background: url(/images/link_underline.gif) repeat-x bottom;
}
a:hover {	
	color: #094fa3;
	background: none;
	text-decoration: underline;
}

.larger_text {
	font-size: 16px;
}
/* a type of checkbox label, only with no margin */
.desc {
	font: 12px Arial, sans-serif;
}
img {
	border: 0px;
}

.center {
	margin: auto;	
}

/* Tab style definitions */
#tabslvl1 {
	background: #FFDF32 url(../images/tabbg.gif) repeat-x bottom;
	height: 26px;
	padding-top: 2px;
	padding-right: 5px;
}
#tabslvl1 ul {
	list-style: none;
	float: right;
}
#tabslvl1 li {
	float: left;
	margin-left: 1px;
	padding: 0px;
	height: 25px;
	background: url(../images/tab2right.gif) no-repeat top right;
}
#tabslvl1 a {
	display: block;
	_display: inline-block;
	padding: 5px 7px;
	height: 15px;	
	background: url(../images/tab2left.gif) no-repeat top left;
	text-decoration: none;
	font: 12px Georgia, sans-serif;
	color: #000;
}
#tabslvl1 li.active {
	height: 25px;
	margin-top: 1px;
	background: url(../images/tab1right.gif) no-repeat top right;
}
#tabslvl1 li.active a {
	height: 15px;
	background: url(../images/tab1left.gif) no-repeat top left;
}
#tabslvl1 li.faded {
	background: url(../images/tab2right_fade.gif) no-repeat top right;
}
#tabslvl1 li.faded a {
	background: url(../images/tab2left_fade.gif) no-repeat top left;
	color: #bbb;
}

/* General application layout elements */
.yellowbox {
	margin: 0px 20px 10px 20px;
	padding: 10px;
	background: url(../images/boxyellowtopbg.gif) no-repeat;
	border-bottom: 1px solid #994708;
	font-size: 13px;
	_height: 1px; 
}
.yellowbox h2 {
	font-size: 16px;
	font-weight: normal;
	padding: 3px 3px 15px 3px;
}
.greybox {
	margin: 0px 20px 10px 20px;
	padding: 10px;
	background: url(../images/boxgreytopbg.gif) no-repeat;
	border-bottom: 1px solid #505050;
	font-size: 13px;
	_height: 1px;
}
.greybox h2 {
	font-size: 16px;
	font-weight: normal;
	padding: 3px 3px 15px 3px;
}
	

/* Application index page */
#cookbook_projects #current_cookbook {
	background: #fff;
	margin-bottom: 15px;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
}
#cookbook_projects h2 {
	padding: 3px 3px 15px 3px;
}
#cookbook_projects #add_cookbook, #preview_cookbook_button {
	
	font-size: 16px;
	background-image: url(/images/yellowbutton.gif);
	height: 39px;
	line-height: 39px;
	width: 221px;
	padding: 0px 10px;
	margin: auto;
	text-align: center;
}
#cookbook_projects #template_image {
	float: left;
	padding: 5px;
	margin: 5px 0px 5px 5px;
	display: inline;
	background: #fff;
	border: 1px solid #c4c4c4;
}
#cookbook_projects #cookbook_overview {
	float: right;
	width: 507px;	
	padding: 5px;
}
#cookbook_projects #cookbook_overview .overview_item {
	padding: 3px 0px;
	border-bottom: 1px solid #c4c4c4;
}
#cookbook_projects #cookbook_overview .title {
	float: left;
	width: 100px;
	padding: 2px;
	font-weight: bold;
	text-align: right;
}
#cookbook_projects #cookbook_overview .body {
	float: left;
	width: 270px;
	padding: 2px 10px;
	margin: 0px;
}
#cookbook_projects #cookbook_overview .action {
	float: right;
	width: 100px;
	padding: 2px;
}
.bottom_links {
	clear: both;
	background-color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 16px;
}
#cookbook_projects #other_cookbooks, #cookbook_projects #contrib_cookbooks {
	padding: 5px 0px;
}
#cookbook_projects #other_cookbooks span, #cookbook_projects #contrib_cookbooks span{
	float: left;
}
#cookbook_projects #other_cookbooks span.action, #cookbook_projects #contrib_cookbooks span.action {
	float: right;
}
#cookbook_projects #other_cookbooks .other_cookbook_title, 
#cookbook_projects #contrib_cookbooks .other_cookbook_title  {
	background: #fff;
	padding: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
}

#cookbook_projects #other_cookbooks .other_cookbook_title_selected, 
#cookbook_projects #contrib_cookbooks .other_cookbook_title_selected  {
	background: #fcf1ae;
	padding: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
}


/* Recipes page */
#cookbook_recipes #add_category {
	padding: 3px 3px 15px 3px;
	font-size: 16px;
	height: 26px;
}
#cookbook_recipes .section_container {
	background-color: #f1f1f1;
}
#cookbook_recipes .section_title {
	background-color: #fff;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	height: 22px;
	font-size: 16px;
	padding: 3px;
	overflow: hidden;
}
#cookbook_recipes .section_name,
#cookbook_recipes .recipe_name{
	padding-left: 3px;
	padding-right: 3px;
}
#cookbook_recipes .section_name {
	width: 350px;
}
#cookbook_recipes span {
	float: left;
}
#cookbook_recipes .action {
	float: right;
}
.section_body {
	padding: 1px;
}
#cookbook_recipes .section_child {
	background-color: #f1f1f1;
	padding: 3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	/* height: 16px; */
}
#cookbook_recipes .recipe_name {
	width: 350px;
	padding-left: 25px;
	height: 18px;
}
#cookbook_recipes .picture {
	background: url(/images/picture.gif) 5px 0px no-repeat;
}
#cookbook_recipes .picture_warning {
	background: url(/images/picture_error.gif) 5px 0px no-repeat;
}
#cookbook_recipes .picture_grayscale {
	background: url(/images/picture_grayscale.gif) 5px 0px no-repeat;
}
#cookbook_recipes .picture_warning_grayscale {
	background: url(/images/picture_error_grayscale.gif) 5px 0px no-repeat;
}
#cookbook_recipes .move_handle {
	cursor: move;
}
#cookbook_recipes .add_links {
	height: 25px;
	padding-top: 10px;
	padding-left: 250px;
}



#cookbook_contributors #add_contributor {
	padding: 3px 3px 15px 3px;
	font-size: 16px;
	height: 26px;
}
#cookbook_contributors .contributor_title {
	background-color: #fff;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	/* height: 22px; */
	font-size: 16px;
	padding: 3px;
}
#cookbook_contributors span {
	float: left;
}
#cookbook_contributors .action {
	float: right;
}
#cookbook_contributors .contributor_name {
	width: 350px;
}
#cookbook_contributors .recipe {
	background-color: #f1f1f1;
	padding: 3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 16px;
}
#cookbook_contributors .recipe .move_handle {
	padding-left: 25px;
}
#cookbook_contributors .recipe_name {
	width: 325px;
	padding-left: 25px;
}



/* cookbook order page */
.cookbook_order {
	width: 40%;
	float: right;
	padding-bottom: 10px;
}
.cookbook_order .order_line, .previous_orders .order_line {
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	height: 20px;	
	padding: 3px;
	background-color: #fff;
}

.cookbook_order .item_title, .previous_orders .item_title {
	float: left;
	padding-left: 5px;
}
.cookbook_order .num_pages, .previous_orders .num_pages, .previous_orders .link {
	float: right;
	margin-right: 5px;
	text-align: right;
}
.previous_orders .link {
	margin-left: 15px;
}
.previous_orders {
	padding-bottom: 10px;
}


.order_confirmation ol {
	list-style: none;
	margin-top: 0;
}
.order_confirmation ol li{
	line-height: 20px;
}
.order_confirmation .field_label {
	float: left;
	width: 110px;
}

.order_form {
/*	border: 1px solid #999;*/
/*	width: 50%;*/
/*	float: left;	*/
/*	font: 14px Georgia, serif;*/
}
.order_form .hcb_form p {
	margin-left: 10px;
}
.order_form .order_label {
	float: left;
}
.order_form .order_textfield {
	float: left;
	width: 100px;
	padding-left: 10px;
}
.order_form .order_textfield .error {
	margin: 0px;
	width: 300px;
}	
.order_form .order_submit{
	float: right;
}
.order_form .hcb_form label { 
	width: 170px; /* Width of labels */
}
.order_form .hcb_form input.setwidth, .order_form .hcb_form select.setwidth {
	width: 180px;
}
.order_form .hcb_form input.submit {
	margin-left: 180px;
}
.order_form .hcb_form  div.error {
	margin-left: 180px;
}




/* account overview on index page */
#account_overview {
	float: right;
	background: url(../images/boxyellowtopsmallbg.gif);
	border-bottom: 1px solid #994708;
	margin: 0px 20px 10px 20px;
	padding: 5px;
	width: 290px;
	_display: inline;
}
#days_to_expire {
	font-weight: bold;
	font-size: 150%;
	vertical-align: middle;
	float: right;
	text-align: right;
}
#index_photo {
	clear: right;
	float: right;
	display: inline;
	width: 298px;
	height: 200px;
	margin: 5px 20px 10px 20px;	
	background: url(../images/susan-photo.jpg) no-repeat center center;
	background-color: #fcf1ae;
	border: 1px solid #994708;
}
	





/* Template / Design page */
#templates h2 {
	font-size: 16px;
	font-weight: normal;
	padding: 3px 3px 15px 3px;
}
#templates #current_template {
	background: #fff;
	margin-bottom: 15px;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
}
#templates #template_image {
	float: left;
	padding: 5px;
	margin: 5px 0px 5px 5px;
	display: inline;
	background: #fff;
	border: 1px solid #c4c4c4;
}
#templates #template_overview {
	float: right;
	width: 525px;	
	padding: 5px;
}
#templates #template_overview p {
	padding: 0px 5px 15px 5px;
}
#templates #template_overview .overview_item {
	padding: 3px 0px;
	border-bottom: 1px solid #c4c4c4;
}
#templates #template_overview .title {
	float: left;
	width: 100px;
	padding: 2px;
	font-weight: bold;
	text-align: right;
}
#templates #template_overview .body {
	float: left;
	width: 270px;
	padding: 2px 10px;
	margin: 0px;
}
#templates #template_overview .body .error {
	margin: 0px;	
}
#templates #template_overview .action {
	float: right;
	width: 100px;
	padding: 2px;
}
#templates .template_image_box {
	float: left;
	position: relative;
	padding: 5px;
	border: 1px solid #c4c4c4;
	margin: 0px 19px 14px 19px;
	width: 120px;
	height: 180px;
	_display: inline;
}
#templates .template_image_box img {
	border: 0px;

}
#templates .template_image_box div {	
	position: absolute;
	right: 0px;
	top: 0px;
}

#templates .template_image_box .number {	
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 20px;
	padding :2px;
	background: #fff;
	width: 25px;
	height: 25px;
	text-align: center;
}



/* helper styles */
#page_help {
	margin: 0px 20px 10px 20px;
	padding: 7px 10px;
	background: url(../images/boxbluetopbg.gif) no-repeat;
	border-bottom: 1px solid #354f57;
	font-size: 13px;
	_height: 1px;
}
#page_help_content {
	margin-top: 10px;
	border-top: 2px solid #fff;
}
#page_help .helppot {
	float: right;
	margin-top: -5px;
	margin-bottom: -5px;
	
}
#page_help .helppot a {
	background: none;
}
#page_help .helppot img {
	border: none;
}
.help_1, .help_2, .help_3, .help_4, 
.help_5, .help_6, .help_7, .help_8, 
.help_9{
	padding: 15px 10px 15px 50px;
	margin: 5px 20px;
}
.help_1 {
	background: url(../images/help/1.gif) no-repeat left 10px;
}
.help_2 {
	background: url(../images/help/2.gif) no-repeat left 10px;
}
.help_3 {
	background: url(../images/help/3.gif) no-repeat left 10px;
}
.help_4 {
	background: url(../images/help/4.gif) no-repeat left 10px;
}
.help_5 {
	background: url(../images/help/5.gif) no-repeat left 10px;
}
.help_6 {
	background: url(../images/help/6.gif) no-repeat left 10px;
	}
.help_7 {
	background: url(../images/help/7.gif) no-repeat left 10px;
}
.help_8 {
	background: url(../images/help/8.gif) no-repeat left 10px;
	}
.help_9 {
	background: url(../images/help/9.gif) no-repeat left 10px;
}
#page_help .screenshot {
	text-align: center;
}


.redtext {
	color: #f00;
}

/* used for display of flash[] events */
.flashbox_notice {
	margin: 0px 20px 10px 20px;
	padding: 10px;
	background: url(../images/boxgreentopbg.gif);
	border-bottom: 1px solid #3b5735;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.flashbox_notice .gift_card_message {
  background: #FFDF32;
  border: solid #994708 2px;
  padding: 5px;
  font-weight: normal;
  width: 50%;
  margin: 5px auto;
}
.flashbox_notice .gift_card_message h2{
  color: #994708;
  font-weight: bold;
  padding: 5px;
}
.flashbox_notice .gift_card_message .message {
  font-style: italic;
}
.flashbox_error {
	margin: 0px 20px 10px 20px;
	padding: 10px;
	background: url(../images/boxredtopbg.gif);
	border-bottom: 1px solid #711c1c;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
	
ul.tworowlist {
	list-style: none;
}
ul.tworowlist li {
	padding: 2px;
}
ul.tworowlist span.head {
	font-weight: bold;
	width: 150px;
	padding-right: 10px;
	float: left;	
	text-align: right;
}

#termsbox {
	margin: 0px;
	padding: 5px;
	height: 170px;
	width: 350px;
	overflow: auto;
	border: 1px inset;
	background: #fff;
	
}
#termsbox p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 11px;
}
#termsbox h1 {
	font-size: 15px;
	padding-left: 0px;
}
#termsbox h2 {
	font-size: 13px;
	padding-left: 0px;
}


/*admin styles */
#user_list {
	padding: 0px 20px 30px 20px;	
}
#user_list .user_line {
	margin-bottom: 3px;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}
#user_list .admin_table {
	width:  100%;
	border: 1px solid #c4c4c4;
}

#user_list .admin_table th {
	text-align: left;
	padding: 5px 5px;
	background-color:  #fcf1ae;
	border-bottom: 1px solid #000;
}
#user_list .admin_table th a {
	color: #994708;
}
#user_list .admin_table th a.sort_up {
	background: url(../images/arrow_up.gif) no-repeat center left ;
	padding-left: 15px;
}
#user_list .admin_table th a.sort_down {
	background: url(../images/arrow_down.gif) no-repeat center left ;
	padding-left: 15px;	
}
#user_list .admin_table td {
	vertical-align: top;
	padding: 3px 5px;
	border-bottom: 1px solid #c4c4c4;
}

#search_box {
	position: relative;	
}
#search_box .search_box_area {
	float: left;
	width: 340px;
	margin-bottom: 5px;
}
#search_box .search_box_area.date_filter {
	float: left;
	width: 100%;
}
#search_box span {
	width: 120px;
	padding: 0px 5px;
	text-align: right;
	float: left;
}
#search_box input, #search_box select {
	width: 180px;	
}

#search_box .submit_nomargin {
	margin-left: 50px;
	width: 75px;
}

#search_box input.small_text {
  width: 50px;
}

#user_list .user_line .order {
	float: left;
	text-align: right;
	padding: 2px 5px;
}
#user_list .dark {
	background-color: #eee;	
}
#user_list form {
	padding: 10px 0px;
}
#user_list .search_result {
	padding: 5px 0px;
	font-weight: bold;	
	float: left;
}
#user_list .search_paginator {
  clear: both;
	padding: 5px 0px;
	font-weight: bold;
}
#user_list .search_paginator .pagination {
  display: inline;
}

.pagination a.page {
  margin: 0px 2px;
}

#user_list .search_paginator form {
	padding:0px;
	margin: 0px;
}
#user_list #search_form {

}
#user_list #search_form form {
	padding: 0px;
	margin: 0px;	
}



.user_info {
	padding: 0px 20px;	
}
.user_info .user_line {
	margin-bottom: 3px;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}
.user_info span {
	float: left;
	padding: 2px 5px;
}
.user_info .user_line .header {
	width: 150px;
	text-align: right;
}
.user_info .action {
	float: right;
}
.user_info .cookbook_title {
	width: 300px;
}
.user_info .contrib {
	width: 110px;
}
.user_info .recipes {
	width: 170px;
}
.user_info .order_id {
	width: 45px;
}
.user_info .order_n_books,
.user_info .order_n_color,
.user_info .order_n_bw,
.user_info .order_cost{
	width: 60px;
}
.user_info .order_paid,
.user_info .order_generated {
	width: 170px;	
}

.membership_plan, .membership_books, .membership_created, .membership_expiry {
  width: 150px;
}

.user_info .cookbook_notes {
  margin: 5px;
}

.web_image {
  padding: 10px;
  margin: 5px;
  border: 1px solid #ccc;
  overflow: hidden;
  width: 700px;
  text-align: center; }