/* ---------------------------------------------

"ADMIN" 

STYLE SHEET - su_'admin.css'

--------------------------------------------- */


body#su_admin {
	background: #7bdbd1;
	margin:0;
	font:100% Verdana, Arial, sans-serif;
	color: #666; 
	padding:0;
}
div#container{
	width: 780px;
	padding: 0;
	margin:0 auto;
	text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 780px;
}

p {font-size:75%; margin:0; padding:0 0 10px 0; line-height: 1.4;}
a {color: #299595; padding: 2px;}
a:hover {background: #299595; color: #fff;}

a.image:hover {background: none;}

div#su_logo a {padding:0;}
div#su_logo a:hover {background: none;}

ul {font-size:75%; margin:0; padding:0;}
li {padding:0 0 5px 0;}

div#su_content {background: #fff; padding: 10px;}

div#admin_home_left {float: left; width: 365px; margin:0 30px 0 0;}
div#admin_home_right {float: left; width: 365px; margin:0;}

div#admin_left {float: left; width:200px; margin:10px 0 0 0;background: #f4ebdb; min-height:66px;}
div#admin_right {float: left; width:560px; margin:10px 0 0 0;background: #f0dcb2 url("../admin/images/admin-bg-arrow.gif") no-repeat;}


ul.categories {font-size:75%; margin:10px 0 5px 0; padding:0;}
ul.categories li { list-style:none;}
ul.categories ul {font-size: 100%; margin: 5px 0 0 0; padding:0 0 0 20px;}
ul.categories ul li { list-style:circle;}
ul.categories li.selected {background: #ffe7f4;}
ul.categories li.selected li.selected {background: #edb2d2;}

ul.categories a {color: #333;}
ul.categories a:hover {color: #fff;}


div#prev_next {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; margin:0 0 10px 0;}
div#pn_left {float: left; width: 640px;}
div#pn_right {float: left; width: 120px;}

div#prev_next p {padding:0 2px;}

div.product_title {font-weight: normal; font-size: 90%; margin:0 0 5px 0; padding:3px;background: #dbe4f0;color: #536e95;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;line-height: 1.4;}

div.product_list_box {clear: right; border: 3px solid #bec9db;margin:0 0 10px 0;padding: 10px;}
div.product_text {float: right; width: 610px;}

img.thumb {margin:0 10px 0 0;}


div#message_box {background: #ebcfd2; padding:10px 10px 2px; margin:0 0 10px 0;}
div#message_left {float: left; width: 120px;}
div#message_right {float: left; width: 620px;}

p.admin_msg {background: #ebcfd2; padding:10px;color:#a51928; font-size: 85%;margin:10px 0 0 0;}

ul#message {color:#a51928;margin:0 0 0 50px; padding:0; font-size: 85%;}
ul#message li {padding:0 0 8px 0; margin:0;}
ul#message li a {color:#a51928;}
ul#message li a:hover {background: #a51928; color: #fff;}



div#admin_left ul.categories a {color: #299595;}
div#admin_left ul.categories a:hover {color: #fff;}

div#admin_right_inner {padding:0 0 0 40px;}

div#admin_download_box {clear: left; /*border-left: 5px solid #717171;border-right: 5px solid #717171;*/border: 5px solid #717171; padding: 0; margin:0 50px 0 0;background: #f4ebdb;display: none;}
div#admin_download_box p {font-size: 85%;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px; padding: 10px;}

ul.admin_listing {margin:2px 0 20px 0; padding:0;letter-spacing:1px;}
ul.admin_listing li {list-style: none; background: #e9e9e9; padding: 5px 10px; margin:0 0 2px 0;}

ul.admin_listing li.caution {list-style: none; background: #e9e9e9 url("images/admin-caution-grey.gif") right no-repeat; padding: 5px 10px; margin:0 0 2px 0;}

div#su_footer {margin:10px 0; background: #333; padding: 10px;}
div#su_footer p {padding:0;}
div#su_footer a {color: #999999;}
div#su_footer a:hover {background: #999999; color: #000;}

span.gold_highlight {color:#9f7730;}

div#message_left p {background: #a51928; color: #fff;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;font-size: 85%;padding: 2px 5px;}



img.add_product {margin:10px 0 0 0;}
a.add_product:hover { background: none;}

p.admin_form_btns {background: #fff; margin:0; padding:10px; text-align: right;}
p.right {text-align: right;}

div#pop {width: 200px; background: #fff; border:5px solid #666; padding: 5px; z-index:2; display: none; left:200px; top:300px; position: absolute;}

body#su_admin img.admin_thumb {float: none; margin:0; border: 2px solid #717171;}

table.manage_categories {font-size: 75%; margin:10px 0 10px 0;border:1px solid #ccc; width: 100%;border-bottom: none;}

table.manage_categories td {border-bottom:1px solid #ccc; padding:5px;}
table.manage_categories td.heading, table.manage_categories td.action_h {background:#e9e9e9;}
table.manage_categories td.listing {padding: 5px 0 5px 20px;}
table.manage_categories td.action, table.manage_categories td.action_h {width: 25%; text-align: right;}

table.order_listing {font-size: 75%; margin:0 0 10px 0 ;border:1px solid #ccc; width: 100%;border-bottom: none;}
table.order_listing td {width: 25%; padding: 5px;border-bottom:1px solid #ccc;}

div#yellow_box {padding: 10px; background: #f4ebdb; margin:10px 0;}

table#list_customers {width: 100%; font-size: 75%; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
table#list_customers td {width: 30%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;padding: 2px;}
table#list_customers td.id {width: 10%;}
table#list_customers td.details {text-align: right;}

table#list_stores {width: 100%; font-size: 75%; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
table#list_stores td {width: 22%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;padding: 4px 2px;}
table#list_stores td.details {text-align: center;width: 10%;}

/*  --------------------------------------- */




/* H SETTINGS --------------------------------------- */

h1 {font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;font-size: 220%; margin:0; padding: 20px 0 0 10px; color: #000;}
h4 {font-weight: normal; font-size: 80%; margin:5px 0; padding:0;}
h5 {margin:0; padding:5px 5px 5px 0; color:#9f7730;font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;font-size: 85%; font-weight: bold;}

/*  --------------------------------------- */




/* CHANGES TO H SETTINGS --------------------------------------- */

body#su_admin h1 {font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;font-size: 180%; margin:0 0 10px 0; padding: 10px;background: #f4ebdb; position: relative; color: #666;}
body#su_admin h2 {font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;font-size: 130%; margin:0; padding: 10px 10px 10px 0; position: relative; color: #666;}
body#su_admin h4 {font-family:"Trebuchet MS",Verdana, sans-serif;letter-spacing:1px;font-size: 100%; margin:0 0 3px; padding: 3px 10px; background: #717171; color: #fff;}

/*  --------------------------------------- */


p.prev_next {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; margin:0 0 10px 0;}

p.right {text-align: right;}

p.test_mode {background: #f44e4b url("images/css1-caution.gif") no-repeat; padding: 8px 0 10px 40px; color:#601f11;margin: 5px 0 0 0; border: 1px solid #000;}

span.text {font-size: 75%;}

div.clear_left {clear: left; line-height: 0.1; height:1px;}
div.clear_products_left {clear: left; line-height: 0.1; height:1px; border-bottom: 1px solid #ccc; margin:0 0 10px 0;}

div.clear_right {clear: right; line-height: 0.1; height:1px;}



/* FORM STYLES --------------------------------------- */

form#product {margin:0; padding:0;}
form.invis {margin:0; padding:0;}
form#pop_up {margin:0; padding:0;}
form#category {margin:0; padding:0;}
form#history_search {margin:0; padding:0;}

input.quantity {width: 25px;}

input.date {width: 20px;}
input.date_year {width: 40px;}

label.admin {
	font-size: 85%;
	display: inline;
	width: 240px;
	float: left;
	font-family:"Trebuchet MS",Verdana, sans-serif;
	letter-spacing:1px;
	margin: 10px 0;
	clear: left;
	padding:0 10px 0 0;
}

p.form_right {margin:0 0 0 250px;}

div#admin_download_box label.admin {margin:10px 0 10px 10px;}

input.admin_text {margin: 10px 0;width: 220px; font-size: 15px; background: #fff; border: 1px solid #999; padding: 2px; color: #999;}
input.admin_price {margin: 10px 0;width: 60px; font-size: 15px; background: #fff; border: 1px solid #999; padding: 2px; color: #999;}
input.admin_file {margin: 10px 0;}
input.admin_radio {margin: 10px 0;}
input.admin_radio2 {margin: 10px 0 10px 10px;}

input.admin_submit {margin:0 0 0 250px;}

select.admin_dd {margin: 10px 0;width: 220px; font-size: 15px; padding: 2px; color: #999;}

p.preview {margin: 10px 0;padding:0;float: left; width: 230px;}

textarea.admin_desc {margin: 10px 0;width: 220px; font-size: 15px; background: #fff; border: 1px solid #999; padding: 2px; color: #999;}
textarea.admin_desc_large {margin: 10px 0;width: 425px; font-size: 15px; background: #fff; border: 1px solid #999; padding: 2px; color: #999;}