/* form / input styles */

.form-error-legend{
	margin:0 14px;
	font-size: 14px;
	text-align: left;
	padding: 5px 15px;
	width: 772px;
	background: #FFF0F0 ;
	border: 1px solid #FFD7D7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #C00;
}

.tool-info{
	margin:14px;
	font-size: 14px;
	text-align: left;
	padding: 15px;
	width: 772px;
	background: #f4f9fe;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.tool-input{
	margin:0;
	width:800px;
	padding:14px;
}



.tool-input fieldset {
	border:solid 1px #4778d0;
	padding: 20px 0 10px 10px;
	margin-bottom: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #F5F5F5;
	}

fieldset legend {
	margin-left: 20px;
	padding: 3px 10px;
	background-color: #FFF;
	border: solid 1px #4778d0;
	color: #333;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow:3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	}

.tool-input h1 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:8px;
}

.partial-container {width: 772px; padding: 0; margin: 0; clear: both;}

.tool-input label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:200px;
	float:left;
	font-size: 16px;
	padding-top: 3px;
}

.tool-input .small{
	color:#666666;
	display:block;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	width:200px;
}

.tool-input input{
	float:left;
	text-align: left;
	font-size:16px;
	padding:8px 4px 8px 30px;
	border:solid 1px #4778d0;
	width:300px;
	margin:2px 200px 20px 15px;
	background-image: url(../images/icons/farmfresh/16/pencil.png);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}
.tool-input input[type=text] + button {
	float:left;
  margin-left: -150px;
}

.tool-input select {
	float:left;
	text-align: left;
	font-size:16px;
	padding:8px 4px 8px 8px;
	border:solid 1px #4778d0;
	width:300px;
	margin:2px 200px 20px 15px;
}

.amselect-container select {
	margin:2px 0px 20px 15px;
	}

.tool-input .listcontainer {
	float:left;
	text-align: left;
	font-size:16px;
	padding: 0 15px 8px;
	width: 550px;
	margin: 0 0 20px 0;	
}

.tool-input .listcontainer input{
	display: block;
	text-align: left;
	font-size:16px;
	padding:10px 4px;
	border: none;
	width:25px;
	margin:8px 10px;
	clear: both;
}

.tool-input .listcontainer input[type=file]{
  width: auto;
  border: 0;
  background-image: none;
  padding-top: 0;
}


.tool-input .listcontainer label {
	display:block;
	font-weight:bold;
	float:left;
	font-size: 14px;
	padding-top: 8px;
	text-align: left;
}

.tool-input .desc {
	color:#666666;
	display:block;
	font-size: 12px;
	padding: 0;
	margin: 10px 30px 20px 10px;
	clear: both;
	text-align: left;
}

.tool-input .desc-inset {
	color:#666666;
	display:block;
	font-size: 12px;
	padding: 0;
	margin: -10px 0 20px 213px;
	text-align: left;
	clear: both;
}

.tool-input .listcontainer .desc {
	color:#666666;
	display:block;
	font-size: 12px;
	padding-top: 8px;
	margin: 0 0 0 10px;
	text-align: left;
	clear: both;
}

h4.desc-heading { border-bottom: none;}

.tool-input textarea{
	float:left;
	font-size:16px;
	padding:8px 4px 8px 30px;
	border:solid 1px #4778d0;
	width:300px;
	height: 200px;
	margin:2px 200px 20px 15px;
	background-image: url(../images/icons/farmfresh/16/pencil.png);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}

.tool-input textarea.compact{ height: 40px; background-image: none; }

.tool-input abbr { /* for required field- add <abbr>*</abbr> after main title */
	color: red; 
	font-size: 20px; 
	font-weight: bold; 
	margin-right: -8px;
	margin-top: 3px;
} 

.tool-input .urlblock{
	float:left;
	text-align: left;
	font-size:16px;
	padding:8px 4px 8px 30px;
	border:solid 1px #4778d0;
	width:700px;
	margin:2px 0 20px 15px;
	background-image: url(../images/icons/farmfresh/16/link.png);
	background-position: 5px 9px;
	background-repeat: no-repeat;
	background-color: #E0F3FF;
	}

.tool-input input:focus{ border: solid 2px #4778d0; padding:7px 4px 7px 30px; }

.tool-input .noimg{ background-image: none !important; } /* IE checkbox and radio button compatability */

.tool-input .readonly{background-color: #E0F3FF;}

.tool-input .add{ background-image:  url(../images/icons/farmfresh/16/add.png); }
.tool-input .arrow_right, .buttons .arrow_right{ background-image:  url(../images/icons/farmfresh/16/arrow_right.png); }
.tool-input .arrow_left, .buttons .arrow_left{ background-image:  url(../images/icons/farmfresh/16/arrow_left.png); }
.tool-input .attach{ background-image:  url(../images/icons/farmfresh/16/attach.png); }
.tool-input .basket{ background-image:  url(../images/icons/farmfresh/16/basket.png); }
.tool-input .book{ background-image:  url(../images/icons/farmfresh/16/book.png); }
.tool-input .box_down{ background-image:  url(../images/icons/farmfresh/16/box_down.png); }
.tool-input .brick{ background-image:  url(../images/icons/farmfresh/16/brick.png); }
.tool-input .check, .buttons .check{ background-image:  url(../images/icons/farmfresh/16/accept.png); }
.tool-input .cancel, .buttons .cancel{ background-image:  url(../images/icons/farmfresh/16/cancel.png); }
.tool-input .cart{ background-image:  url(../images/icons/farmfresh/16/cart.png); }
.tool-input .email{ background-image:  url(../images/icons/farmfresh/16/email.png); }
.tool-input .calculator{ background-image:  url(../images/icons/farmfresh/16/calculator.png); }
.tool-input .calendar{ background-image:  url(../images/icons/farmfresh/16/calendar.png); }
.tool-input .camera{ background-image:  url(../images/icons/farmfresh/16/camera.png); }
.tool-input .clock{ background-image:  url(../images/icons/farmfresh/16/clock.png); }
.tool-input .cog{ background-image:  url(../images/icons/farmfresh/16/cog.png); }
.tool-input .coins{ background-image:  url(../images/icons/farmfresh/16/coins.png); }
.tool-input .comment{ background-image:  url(../images/icons/farmfresh/16/comment.png); }
.tool-input .compress{ background-image:  url(../images/icons/farmfresh/16/compress.png); }
.tool-input .creditcards{ background-image:  url(../images/icons/farmfresh/16/creditcards.png); }
.tool-input .disk{ background-image:  url(../images/icons/farmfresh/16/disk.png); }
.tool-input .group{ background-image:  url(../images/icons/farmfresh/16/group.png); }
.tool-input .help{ background-image:  url(../images/icons/farmfresh/16/help.png); }
.tool-input .information{ background-image:  url(../images/icons/farmfresh/16/information.png); }
.tool-input .key{ background-image:  url(../images/icons/farmfresh/16/key.png); }
.tool-input .lightbulb{ background-image:  url(../images/icons/farmfresh/16/lightbulb.png); }
.tool-input .link{ background-image:  url(../images/icons/farmfresh/16/link.png); }
.tool-input .lightning{ background-image:  url(../images/icons/farmfresh/16/lightning.png); }
.tool-input .lock{ background-image:  url(../images/icons/farmfresh/16/lock.png); }
.tool-input .magnifier{ background-image:  url(../images/icons/farmfresh/16/magnifier.png); }
.tool-input .map{ background-image:  url(../images/icons/farmfresh/16/map.png); }
.tool-input .money{ background-image:  url(../images/icons/farmfresh/16/money.png); }
.tool-input .package{ background-image:  url(../images/icons/farmfresh/16/package.png); }
.tool-input .page{ background-image:  url(../images/icons/farmfresh/16/page.png); }
.tool-input .page_link{ background-image:  url(../images/icons/farmfresh/16/page_link.png); }
.tool-input .palette{ background-image:  url(../images/icons/farmfresh/16/palette.png); }
.tool-input .phone{ background-image:  url(../images/icons/farmfresh/16/phone.png); }
.tool-input .plugin{ background-image:  url(../images/icons/farmfresh/16/plugin.png); }
.tool-input .shield{ background-image:  url(../images/icons/farmfresh/16/shield.png); }
.tool-input .star{ background-image:  url(../images/icons/farmfresh/16/star.png); }
.tool-input .tag{ background-image:  url(../images/icons/farmfresh/16/tag.png); }
.tool-input .user{ background-image:  url(../images/icons/farmfresh/16/user.png); }
.tool-input .wrench{ background-image:  url(../images/icons/farmfresh/16/wrench.png); }
.tool-input .zoom{ background-image:  url(../images/icons/farmfresh/16/zoom.png); }
.tool-input .color{ background-image:  url(../images/icons/farmfresh/16/color_wheel.png); width: 70px}

.tool-input .error, .tool-input .error:focus { border:solid 2px #900; padding:7px 4px 7px 30px; background-image:  url(../images/icons/farmfresh/16/exclamation.png) !important; }

.requireddesc {text-align: right; font-size: 12px;}
.requireddesc abbr {margin: 0 5px 0 0; }

/* button styles */

.buttons {float: right; margin: 20px 0 40px 0; 	text-transform: lowercase;}
.buttonswide {margin-right: 80px;}



.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 0 0 20px;
    background-color: #f6f6f6;
    border:1px solid #B8B8B8;
    font-size:16px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    background-image: url(../images/icons/farmfresh/16/tick.png);
    background-position: 5px;
    background-repeat: no-repeat;
    padding:5px 10px 4px 30px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 5px 30px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 4px 30px; /* Firefox */
    line-height:20px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 5px 30px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD BLUE TINT BUTTONS */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE GREEN TINT BUTTONS */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE RED TINT BUTTONS */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background-color:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* PRODUCT LIST */

.product-filter-container {width: 210px; float: left;}

a.product-new-button:link, a.product-new-button:visited, a.product-new-button:active {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow:  0px 2px 3px #CCC;
	-moz-box-shadow: 0px 2px 3px #CCC;
	border-radius:3px 3px 0px 0px;
	margin: 40px 0 20px 0;
	padding: 15px 20px;
	width: 160px;
	background: #8FB8FF;
	font-size: 21px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.product-new-button:hover {background: #4777d0;}

a.product-create-combo:link, a.product-create-combo:visited, a.product-create-combo:active {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow:  0px 2px 3px #CCC;
	-moz-box-shadow: 0px 2px 3px #CCC;
	border-radius:3px 3px 0px 0px;
	margin-top: 100px;
	padding: 3px 5px;
	width: 160px;
	background: #8FB8FF;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.product-create-combo:hover {background: #4777d0;}

.product-filterbox {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow:  0px 2px 3px #CCC;
	-moz-box-shadow: 0px 2px 3px #CCC;
	border-radius:3px 3px 0px 0px;
	margin: 33px 0 0 0;
	padding: 10px;
	width: 180px;
	background: #EFF5FF;
	z-index: 1000;
}

.product-filterbox h4 {margin-top: 30px;}

.product-list-container {width: 710px; float: right;}


.storefront-container {
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
	margin: 25px 0 0px 0;
	width: 700px;
	background: #EFF5FF;
	z-index: 1000;
}

.storefront-title {
	-moz-border-radius:3px 3px 0px 0px;
	-webkit-border-radius:3px 3px 0px 0px;
	background-image: url(../images/nav_bg.gif);
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.storefront-title h3 {
	color: #fff;
	padding: 3px 0 3px 5px;
	margin: 0;
	}
	
.storefront-links {
	float: left;
	padding: 5px;
}

.storefront-type {
	float: right;
	width: 350px;
	padding: 20px 0 10px 10px;
	border-left: 1px solid #C8D6FF;
	margin: 0 0 0 0;
	height: 40px;
}

.storefront-type span {
	font-style: italic;
	font-size: 12px;
	float: left;
	margin-top: 4px;
	}
	
.storefront-type img {
	float: left;
	}	

.storefront-edit {
  line-height: 1.4;
  padding:5px 10px;
  background: #C8D6FF;
}

.product-container {
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-webkit-box-shadow:  0px 2px 3px #CCC;
	-moz-box-shadow: 0px 2px 3px #CCC;
	border-radius:3px 3px 0px 0px;
	border-bottom: 1px solid #C8D6FF;
	margin: 15px 0px 0 60px;
	width: 640px;
	background: #EFF5FF;
  position: relative;
}

.product-container img.productimg {
  position: absolute;
  top: 0;
  left: -60px;
}

.product-idbox {
	float: right;
	width: 90px;
	margin: 0;
	-moz-border-radius: 0 0 0 3px;
	-webkit-border-radius: 0 0 0 3px;
	border-radius: 0 0 0 3px;
	background: #4777d0;
	padding: 8px 3px;
	text-align: center;
}

.product-idbox p.pid{
	color: #FFF;
	font-size: 2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: auto;
}
.product-idbox span{
	color: #EBF3F6;
	font-size: 10px;
}

.product-status {
	width: 50px;
	float: left;
	padding: 6px 0 6px 20px;
	border-left: 1px solid #C8D6FF;
	margin: -20px 0 0 0;
}

.product-file-info {
	float: left;
	width: 180px;
	padding: 6px 0 6px 20px;
	border-left: 1px solid #C8D6FF;
	margin: -20px 0 0 0;
}

.product-file-info img{
	float: left;
}

.product-file-info span{
	margin: auto 0 auto 5px;
	padding-top: 0px;
	font-size: 11px;
	float: left;
}

.product-title {
	-moz-border-radius:3px 3px 0px 0px;
	-webkit-border-radius:3px 3px 0px 0px;
	background: #C8D6FF;
	font-size:12px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.product-title p{
width: 500px;
padding: 10px 0 10px 10px;
margin: 0;
}

.product-title p img{
margin-bottom: -3px;
padding-right: 5px;
}

.product-title a:link, .product-title a:active, .product-title a:visited, .product-title a:hover {
	font-size: 14px !important;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 8px;
	margin-right: 10px;
	text-decoration: none;
	color: #000000;
}

.product-tools {
	font-size: 13px;
	margin: -15px 25px 0 5px;
	float: left;
}

.product-tools p {padding: 0; margin: 0; font-size: 10px;}

.product-table-buttons:active, .product-table-buttons:link, .product-table-buttons:visited {
	border-radius: 3px;
	font-weight: bold;
	border:0 none;
	color:#4777d0;
	cursor:pointer;
	margin:5px 5px 0 0;
	padding:3px 8px;
	float: left;
	}

.storefront-edit .product-table-buttons,  .storefront-links .product-table-buttons{
  float: none !important;
  margin:10px 10px 1 0;
}

.detailbox .product-table-buttons {clear: both;}

.red-button:active, .red-button:link, .red-button:visited {color: #F00;}

.product-table-buttons:hover {
		-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:  0px 2px 3px #CCC;
	-moz-box-shadow: 0px 2px 3px #CCC;
	background-color: #4777d0;
	text-decoration: none;
	color: #fff;
	}

.red-button:hover {
	background-color: #F00;
	color: #fff;
	}
	
.orange-button:hover {
	background-color: #F60;
	color: #FFF;
}

.method-drawer-handle {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-box-shadow: 0px 2px 5px #CCC;
	-webkit-box-shadow: 0px 2px 5px #CCC;
	border-radius: 0 0 3px 3px;
	background: #EFF5FF;
	border: 0;
	margin: 0px 0px 0 60px;
	width: 640px;
	min-height: 10px;
  position: relative;
}

.method-drawer { 
	display: none;
	margin: 0px 0px 0 60px;
	width: 640px;
  position: relative;
}

.method-drawer ul {margin: 0; padding: 0;}

.method-drawer ul li {margin: 1px;  padding: 5px; background: #CCC; }

.methodtable {width: 98%; border: 1px solid #CCC; margin: 0 0 0 5px; background: #FFF;}
.detailtable {width: 100%; border: 1px solid #CCC; margin: 0; background: #FFF;}

.methodtable th, .detailtable th {background-color: #EDEFEE; color: #666; padding: 3px 5px 3px 5px; border-bottom: 1px solid #CCC;font-size: 10px;}

.methodtable tr.methodrow:hover, .detailtable tr:hover {background: #EFF5FF; }


.methodtable td, .detailtable td {
	border-bottom: 1px solid #CCC;
	padding: 5px 5px 5px 5px;
	}

.methodtable td img, .detailtable td img {margin: 0 5px -3px 0;}

th.method-title {margin: 0; padding: 5px; background-color: #4777d0; color: #fff; font-weight: bold;}

/* product list form elements */

form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	display:block;
	margin:0;
	padding:6px 5px 9px 9px;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
	margin:0 .3em 0 0;
	padding:0;
	color:#444;
}
form li span{
	float:left;
}

form li label, form li span label, form li div label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:85%;
	line-height:100%;
	color:#444;
	display:block;
}

label.choice{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-17px 0 0 23px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}
.safari label.choice{
	margin-top:-16px;
}

label.desc{
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}

.filter-submit {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-box-shadow:  0px 2px 3px #CCC;
	-moz-box-shadow: 0px 2px 3px #CCC;
	padding: 3px 5px;
	background: #8FB8FF;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-left: -3px;
	border: none;
}

.filter-submit:hover {background: #4777d0;}

a.filter-reset:hover {color: #F00;}

/* ----- FIELDS ----- */

input.text, input.search, input.file, textarea.textarea, select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:100%;
	color:#333;
	margin:0;
	padding:2px 0;
}
input.text, input.search, textarea.textarea{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(../images/fieldbg.gif) repeat-x top;
}
select.select{
	padding:1px 0 0 0;
}
input.search{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding-left:6px;
}
input.checkbox, input.radio{
	display:block;
	margin:4px 0 0 0;
	padding:0;
	width:13px;
	height:13px;
}
input.other{
	margin:0 0 8px 25px;
}

.safari select.select{
	font-size:120% !important;
	margin:0 0 1px 0;
}
* html select.select{
	margin:1px 0;
}
*+html select.select{
	margin:1px 0;
	border:1px solid red;
}

/* pager */

.pager {
 font: 83%/1.4 arial, helvetica, sans-serif;
    margin: 1em auto;
    font-size: 85%;
}

.pager a, .pager span {
	color:#003366;
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pager span.current {
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #4777D0;
    color: #fff;
}

.pager a {
    border: 1px solid #9AAFE5;
    text-decoration: none;
}

.pager a:hover {
    border-color: #2E6AB1;
}

/* button generator */

#button-generator-accordion {height: 550px; font-size: 12px;}

.button-item {
	float: left;
	width: 30%;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.button-item input {display: none;}

a.storefront-remove {
  color: #bcc;
  padding-right: 10px;
  text-decoration: underline;
  font-size: 80%;
  line-height: 22px;
}
a.storefront-remove:hover {
  text-decoration: none;
  color: #fff;
}

/* Page Template Styles */
#edittemplateform textarea {
  width: 90%; 
  font: 12px courier; 
  white-space: nowrap;
}
#edittemplateform fieldset {
  width: 875px;
  padding: 10px; 
  position: relative;
}
#edittemplateform #previewbtn {
  position:absolute;
  right: 3px; 
  top: 14px;
}
#edittemplateform #preview {
  border: 1px solid #4778D0; 
  background: white; 
  width: 820px
}
/* I think Gecko's fieldset box model is wonky */
@-moz-document url-prefix() {
    #edittemplateform #previewbtn {
      right: 13px;
      top: -18px;
    }
}