﻿body {margin: 0px;padding:0px;font: 9pt "Lucida Grande",Arial,Helvetica, sans-serif;color: #000;background-color:#DEDEDE;}

#wrapper {width:950px;margin: 15px auto 0 auto;padding:0;background-color:#fff;background-image: url(images/cside.png);background-position: left top;background-repeat:repeat-y;}

.clear {clear:both;}
.hide {display: none;}

fieldset { border: solid 1px #ccc}

#branding {height: 20px;color:#999;text-align:right;margin:0;padding:0 5px 0 0;}
#header {background-color:#fff;margin:0;padding:0;}
#mainmenu {padding:0;margin:0;height:20px;color:#fff;font-size:11px;}
#mainlinks a {height:17px;width:80px;margin:0;padding:3px 0 0 0;display:block;float:left;text-align:center;vertical-align:middle;font-size:11px;}
#mainlinks a:Hover {color:#fff;text-decoration:none;background-image: url(images/TabActive.png);}
#header .maintab {color:#337016;background-image: url(images/Tab.png);}
#header .maintabselected {color: #fff;font-weight:bold;background-image: url(images/TabActive.png);}
#mainmenu #mainlinks {float:left;margin:0;}
#mainmenu #gotolinks {float:right;text-align:right;margin:5px 0 0 0;}
#gotolinks a {color:#333; margin:0 5px 0 0;}
#submenu {margin:0;color: #fff;padding: 0 0 0 10px;height: 20px;background-color: #5BAB00;background-image: url(images/SubMenu.png);}
#submenu a {display:block;float:left;margin:3px 7px 0 0;color:#fff;font-size:11px;padding-right:7px;}
#submenu a:hover {color:#fff;text-decoration:underline;}

#content {margin:0;padding:0 15px 10px 15px;}

.topper, .bottom {height:10px;width:950px;margin:0;padding:0;background-position: left bottom;background-repeat: no-repeat;	font-size:7px;}
.topper {background-image: url(images/ctop.png);}
.bottom {background-image: url(images/cbottom.png);}

#settingsmenu, #productmenu {float:left;margin:10px 0 20px 0;}
#settingsmenu {width:190px;}
#productmenu {width:130px;}
#settingsmenu ul, #productmenu ul {margin:0;padding:0;list-style:none;}
#settingsmenu li, #productmenu li {margin:5px 0 0 5px;padding:0;}
#settingsmenu a, #productmenu a {color:#333;}

#settingscontent {width:730px;float:right;}
#productcontent {width:780px;float:right;}

#footer{width:950px;margin:20px auto 20px auto;clear:both;padding: 0 0 20px 0;text-align: center;}

h1 {text-align:left;color:#333;	margin:0 0 15px 0;padding:0;font-size:18pt;letter-spacing:-1px;}
h2 {text-align:left;font-size:9pt;font-weight:bold;padding:5px 0;text-align:left;line-height:16px;color:#666;margin:0;border-bottom:1px solid #ccc;}
h3 {font-size:17px;font-weight:bold;color:#000;padding:0;margin:0;}
h4 {text-align:left;font-size:9pt;font-weight:bold;padding:5px 0;text-align:left;line-height:16px;color:#666;margin:0;}

.smallerText {text-align:left;font-size: 7pt;font-weight: normal;}
.smalltext {font-size:11px; color:#666;}
.tiny {font-size:9px;color:#666;}
.lightlabel {font-size:11px; color:#666;}
.stronglabel {font-size:12px; color:#666; font-weight:bold;}

a:link, a:visited {color: #205900;text-decoration: none;}
a:hover {text-decoration:underline;}

/* Form Tags */
.formlabel {text-align:right;vertical-align:top;}
.formfield {text-align:left;vertical-align:top;}

#login {width:300px;margin: 30px auto 30px auto;}
#login table {border:0;}

.errormessage {color: #f42828;}

.row, .alternaterow {text-align: left;background-color:#F0F0F0;}
.row td, .alternaterow td {border-bottom: solid 1px #fff;color: #333;}
.rowheader {text-align:left;background-color: #666;color:#fff;}
.rowheader a {color:#fff;}

/* control areas */
.controlarea1 {background-color:#F5F5F5;border:solid 1px #ccc;padding-top:5px;padding-bottom:5px;}
.controlarea2 {background-color: #ffc;border:solid 1px #ccc;padding-top:5px;padding-bottom:5px;}

/* Message Box */
.messagebox { border: 1px solid #ccc; width: 100%; margin: 5px 0px 5px 0px; }
.producteditpanel .messagebox { margin: 5px 0px 5px 0px; width: 520px; }
.messagebox ul { list-style: none; }
.messagebox .icon { float: left; }
.messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 1em; padding: 5px; }
.messagebox .errorline { clear: left; }

.separator {background-color: #ffc;	}
.decoratedblock {width:400px;border:solid 1px #ccc;margin:5px 5px 10px 5px;	background-color:#F9F9F9; overflow:auto;}
.decoratedblock h4 {font-size:11px;height:15px;	margin:0;padding:1px 3px 0 5px;color:#666;}
.blockcontent {padding:5px;}

/* Menu Content Block */
.sidemenu ul, .categorymenu ul {padding:0;margin:5px 0 5px 0;}
.sidemenu li, .categorymenu li {padding: 2px 2px 2px 10px;list-style:none;}
.sidemenu li a, .categorymenu li a {text-decoration:none;}
.sidemenu li a:hover, .categorymenu li a:hover {text-decoration:underline;}
.sidemenu {width:175px;}
.sidemenu .decoratedblock {width:175px;margin:0;}

/* Admin Dashboard Block Styles */
#dashboard .sidemenu ul, .categorymenu ul {padding:0;margin:10px 0 10px 0;}
#dashboard .sidemenu li, .categorymenu li {padding: 2px 2px 2px 10px;list-style:none;}
#dashboard .sidemenu li a, .categorymenu li a {text-decoration:none;}
#dashboard .sidemenu li a:hover, .categorymenu li a:hover {text-decoration:underline;}
#dashboard .sidemenu {width:175px; margin:10px 0 10px 0;}
#dashboard .sidemenu .decoratedblock {width:175px;}

/* 	Layout 1	
	|===| |===============|
	
	Layout 2
    |=========| |=========|

	Layout 3
	|===| |===| |===| |===|

	Layout 4
	|===| |=========| |===|
*/

.gutter {width:16px;font-size:6px;}

.layout1column1,.layout1column2,.layout2column1,.layout2column2,.layout3column1,.layout3column2,.layout3column3,.layout3column4,.layout4column1,.layout4column2,.layout4column3
{vertical-align:top;text-align:left;}

/* small columns */
.layout1column1, .layout4column1, .layout4column3, .layout3column1, .layout3column2, .layout3column3, .layout3column4
{width:218px;}

/* span 3 */
.layout1column2
{width:686px;}

/* span 2 */
.layout2column1,.layout2column2, .layout4column2
{width:452px;}

.workflowstep {width:500px;height:74px;	background-image: url(images/WorkflowStep.png);	margin:0;padding:0;}
.stepdescription {color:#fff;padding: 10px 20px 0 20px;}
.steptype {color:#999;padding: 0 20px 5px 20px;}

.StickyNote {color: #000;font-size: 14px;font-family: 'Comic Sans MS' , Arial, Verdana;}
.RssFeedViewer {border:solid 1px #999;margin:10px 0 10px 0;}

#filterSaveLoad {list-style-type: none;float: right;text-align: right;}

.highlightedcolumn {background-color: #ffc;}
.productheader {background-color: #ffc; margin-bottom: 20px;}

.printbackground {background-color:#fff;color:#000;}

.upstoggle {border:solid 1px #999;background-color:#ccc;color:#333; width:400px;}
.upssection {border:solid 1px #999; width:400px;}
.upssection1 {background-color:#ffc;color:#000;}
.upssection2 {background-color:#f5f5f5;color:#000;}

.smallcolumneditor .controlarea2 {width:175px;margin:10px 0 0 0;}
.contentcolumneditor .controlarea2 {margin:10px 0 0 0;}
.smallcolumneditor .decoratedblock {width:175px;margin:0 0 10px 0;background-color:#F9F9F9;}
.smallcolumneditor .blockcontent {padding:0px;}
.smallcolumneditor .sidemenu ul, .categorymenu ul {padding:0;margin:5px 0 5px 0;}
.smallcolumneditor .sidemenu li, .categorymenu li {padding: 2px 2px 2px 10px;list-style:none;}
.smallcolumneditor .sidemenu {width:175px;}
.smallcolumneditor .sidemenu .decoratedblock {width:175px;margin:0;}
.contentcolumneditor .decoratedblock {margin:0 0 10px 0;}

/** choices and inputs editing **/
.radiobuttonimagelist ul {margin:0;}
.radiobuttonimagelist li {display: inline; list-style: none;}
.radiobuttonimagelist ul ul {padding:0; margin: 5px 0 5px 10px; font-size: 11px; }
.radiobuttonimagelist ul .imageli {display: block; list-style:none; margin-top: -18px; margin-left: 30px;}
.radiobuttonimagelist ul .radiobuttonli {display: block; list-style:none;}

.radiobuttonnormallist ul {margin:0;}
.radiobuttonnormallist li {display: inline; list-style: none;}
.radiobuttonnormallist ul ul {padding:0; margin: 5px 0px; font-size: 11px; }
.radiobuttonnormallist ul .rblist {margin-left: 7px;}

.ProdImagePreview { max-width: 220px; max-height: 280px;  }

.MarkDownPrice {text-decoration:line-through;}

.orderactivityemaildisplay {display: block; width: 140px; overflow: hidden;}
