/* CSS Styles for the Admin pages  */
/* BDA June 2006                   */

body {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			70%;
	color: 				#777;
	margin:				0;
	padding:			0;
}
#maincontainer {
	text-align:			left;
	margin:				0;
	padding:			0;
}
#header_banner {
	background-color:	#D8C886;
	border-bottom:		4px solid #efefef;
	color:				#E11404;
	font-weight:		bolder;
	padding:			3px 0 2px 20px;
	margin:				0 0 15px 0;
	letter-spacing:		-1px;

}
/* ----------------- lefthand navigation and stuff -------------------------- */
#leftbar {
	float:				left;
	width:				230px;
	padding:			0 5px;
	margin:				0;
}

#quickfinder #menu_title {
	color:					#333;
	padding:				2px;
	
	margin:					0 5px 5px 5px;
	border:					1px solid #ccc;

}
#quickfinder{
	margin-bottom:			0;
}
#quickfinder h4 {
	padding:				0;
	margin:					0 0 3px 0;
	letter-spacing:			2px;
	color:					#78620B;
	
	font-size:				1em;
}
#quickfinder .menu_wrapping {
	border:					1px solid #aaa;
	margin:					0 5px 10px 5px;
	padding:				4px;
	
	border-left:			10px solid #aaa;
}
#quickfinder .up_down {
	padding:				3px;
	border:					1px solid #ccc;

}
#quickfinder ul {
	padding:				3px;
	margin:					0;
}
#quickfinder li {
	list-style:				none;
	margin:					0;
	padding:				0 0 0 10px;
	border:					1px solid #fff;
	background-color:		#E1F1FC;
}
#quickfinder li a {
	display:				block;
	padding:				3px 0 3px 2px;
	text-decoration:		none;
	color:					#2D82A5;
	border:					1px solid #eee;
}
#quickfinder li a:hover {
	font-weight:			bold;
	color:					#145B75;
	border:					1px solid #ccc;
}
span.toggler {
		text-decoration:	none;
		border:				1px solid #ddd;
		padding:			1px 3px;
		font-weight:		bold;
		color:				#78620B;
}

p.helper {
	font-style:					italic;
	font-size:					x-small;
	line-height:				110%;
	margin:						2px auto 10px 10px;
	width:						400px;
	border-left:				10px solid #eee;
	padding:					0 0 0 10px;
}



/* ----------------- main content and forms and that -------------- */
#contentcontainer {
	margin:				0 20px 20px 240px;
	border:				1px solid #ddd;
	border-right:		10px solid #ccc;
	
	padding:			2px 10px 10px 10px;
	
}
h2 {
	font-size:			1.4em;
	margin:				0 0 3px 0;
	padding:			0;
	letter-spacing:		1px;
	color:				#78620B;
	
}
p.formpara label {
	font-size:			0.6em;
}

ul.site_choice li {
	margin:				5px;
}

#contentcontainer a {
	text-decoration:		none;
	color:					#2D82A5;
	padding:				2px;
	font-weight:			bold;
}
#contentcontainer a:hover {
	background-color:		#eee;
	color:					#145B75;
}
#contentcontainer a.faded {
	color:					#888;
}
#contentcontainer a.level-1 {
	color:					#40A5CE;
}
#contentcontainer a.level-2 {
	color:					#70BBDA;
}
.adminbutton {
	border:					1px solid #ddd;
	color:					#145B75;
	font-weight:			bold;
	background-color:		#fff;
	padding:				2px;
}
div.adminsection {
	border:					1px  solid #eee;
	border-right:			3px solid #eee;
	
	padding:				0 15px 10px 15px;
	margin:					10px 5px 10px 0;
}
div.adminsection h4 {
	font-size:				1.2em;
	letter-spacing:			2px;
	margin:					0 0 10px 0;
}

/* ---------------------   action alert message - also fades --------------- */
#message {
	margin:					5px 20px 5px 0;
	border:					1px solid #eee;
	color:					#999;
	background-color:		#efefef;
	text-align:				center;
	padding:				6px 0;
	
	font-size:				1.1em;
	font-weight:			bold;
	letter-spacing:			2px;
}

.actions {
	border:					1px solid #ddd;
	border-bottom:			3px solid #eee;
	color:					#145B75;
	font-size:				12px;
	padding:				5px;
	margin:					5px 20px 5px 0;
}
.actions form {
	display:				inline;
}

/* ----------------------------  component editing tables and lists ------------------- */
.results {
	margin:					0;
	padding:				0;
}
.highlightrow {
	background-color:		#eee;
}
.errorrow {
	background-color:		#c44;
	color:					#fff;
}
.out_of_stock td.stock input {
	border:					1px solid red;
}
.pubwarn td.stock input {
	background:				url(images/oostock_flag.gif) no-repeat top right;
}
input.stock_locked {
	background-color:		#F3F9FC;
	border:					0;
	font-weight:			bold;
}
input.edited {
	border:				1px solid #ddd;
	background-color:	#fff;
}
table.admintable {
	margin:				5px 20px 5px 0;
	border:				1px solid #ccc;
	border-top:			3px solid #ddd;
}

.admintable td {
	padding:			4px 5px;
	margin:				0;
}
.admintable a {
	text-decoration:	none;
	border-bottom:		2px dotted #fff;
	color:				#222;
}
.admintablehead {
	font-weight:		bold;
	font-size:			12px;
	background-color:	#ddd;
	color:				#145B75;
}
.paginator {
	padding:			5px;
	background-color:	#E1F1FC;
	font-weight:		bold;
}
.paginator a {
	padding:			5px;
	margin:				2px;
	border:				1px solid #ddd;
}
.pages {
	margin:				6px 20px 6px 0;
	padding:			5px;
	background-color:	#E1F1FC;
	font-weight:		bold;
} 
.pages a {
	text-decoration:	none;
	padding:			3px;
	color:				#ccc;
}
.numresults {
	display:inline;
	text-align:left;
}
.highlight {
	font-weight:bold;
	color:#fff;
}
.warnbutton {
	background-color:		#c00;
	border:					none;
	color:					#fff;
	font-weight:			bold;
	padding:				2px;
}



/* class for ajax loading */
.pane_loading_page {
	background-color:		#eee;
	border:					1px solid #ddd;

	font-weight:			bold;
	height:					135px;
	
	padding:				50px 0 0 300px;

}
#product_listing_filter {
	height:					15px;
	margin:					10px 0 3px 20px;
}
#product_listing_filter input, #product_listing_filter select {
	font-size:				12px;
	border:					1px solid #444;
	
	padding:				1px;
	margin:					1px;
}
.prod_rule {
	width:					100%;
	border-bottom:			2px solid #eee;
}


/* product lists in the Ajax chooser */
table.product_display td {
	border-bottom:			1px solid #ccc;
}
table.product_display thead {
	font-weight:			bold;
	font-style:				italic;

}
#product_filter_nav {
	line-height:			200%;

}
#product_filter_nav a {
	color:					blue;
	padding:				2px;
	border:					1px solid #eee;
	cursor:					pointer;
}
#product_filter_nav a:hover {
	background-color:		blue;
	color:					white;
}



#prefooter {
	height:				3px;
	background-color:	#ddd;
	clear:				both;
}
#footer {
	color:					#fff;
	font-weight:			bolder;
	padding:				10px;
	margin:					0;
	letter-spacing:			2px;
	
	background-color:		#ccc;
	border-top:				#efefef solid 4px;
}
#footer li {
	display:				inline;
}

/* table structures design and presenation   **** */
/* forms and stuff */
input, select, textarea  {
	border:				1px solid #ccc;
	padding:			2px;
	margin:				3px;
	
	color:				#333;
	font-size:			1.0em;

}
input.blurred_form {
	border:				0;
	padding:			2px;
	margin:				3px;

}
input.focussed_form {
	border:				1px solid #888;
	padding:			2px;
	background-color:	#eee;
	margin:				3px;
}
fieldset {
	margin:				10px 5px 10px 0;
	padding:			10px;
	border:				1px solid #ddd;
}
fieldset p, fieldset ul {
	margin:				5px;
	padding:			5px;
	background-color:	#F3F9FC;
}
fieldset ul {
	padding-left:		15px;
}
legend {
	font-size:			1.2em;
	font-weight:		bold;
}
label {
	font-weight:		bold;
}
fieldset p.alert {
	background-color:	#FE9B9B;
	font-weight:		bold;
	color:				#fff;
}
label.main_editor {
	font-size:			1.6em;
	padding:			0 2px 5px 0;
	font-weight:		bold;
}
input.main_editor {
	padding:			7px;
	margin:				10px 0 0 5px;
	background-color:	#fff;
	font-size:			1.4em;
	border:				1px solid #ddd;
	width:				550px;

}
h3 {
	font-size:			1.3em;
	padding:			1px;
	margin:				1px;
}
h4 {
	font-size:			1em;
	padding:			1px;
	margin:				1px;
	
}
#prod_desc_table {
	width:				340px;
}
#prod_desc_table td {
	background-color:		#F3F9FC;
	padding:				3px;
}
#product_type_editor_list {
	width:				100%;
	border:				1px solid #ccc;
}
#product_type_editor_list td {
	background-color:		#F3F9FC;
	padding:				3px;
}
.toplevelpage{
	background-color:			#eee;
}
.embargopage {
	background-color:			orange;
	color:						white;
}
.expiredpage {
	background-color:			#a00;
	color:						white;
}
.embargo_alert {
	border:						1px solid #eee;
	padding:					15px;
	color:						orange;
	font-weight:				bold;
	margin:						5px 0;
}
.expiry_alert {
	border:						1px solid #eee;
	padding:					15px;
	color:						#a00;
	font-weight:				bold;
	margin:						5px 0;
}


/* these styles shared with the main stylesheet for the sites ..... */

p {
	margin:					0 0 6px 0;
	
}
p.loud {
	font-size:					1.1em;
	line-height:				110%;

}
h2 {
	font-size:					1.4em;
}
h3 {
	font-size:					1.2em;
}
h4 {
	font-size:					1.0em;
}


/* colored spans */
span.crimson {
	color:		#da1768;	
}
span.turquoise {
	color:		#66cc99;
}
span.cyan {
	color:		#4ca8ca
}
span.gray {
	color:		#666;
}
span.red {
	color:		#e11d24
}
span.orange {
	color:		#ff6600;
}