﻿.print-only { display: none; }

@media print {
	.no-print { display: none; }
	.print-only { display: block; }
	.cbheader {	display: none; }
}

/* standard elements */
body {
	font: normal 12px Arial, "sans serif";
	margin-right: auto;
	margin-left: auto;
	width: 950px;
}

form { margin:0; padding:0; }
label { font-weight: bold; text-align: right; }

span.checkbox label, span.radio label { font-weight: normal; }

a.create:link, a.create:active, a.create:visited { padding-left: 17px; font-weight: 600; background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/icons/ico-create.gif') no-repeat center left; }
a.small { font-size: 10px; }
a.img, a.img:hover { border: none; }

a:active, a:link, a:visited {
	color: #262261;
	font-weight:500;
	text-decoration: underline;
	outline:none;
}
a:hover  {
	color: #e6b310;
	font-weight:500;
	text-decoration: underline;
}

a.special { font-weight:600; background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/icons/ico-arrow.gif') no-repeat left center; padding-left: 23px;  }

a.sortup { text-decoration: none;  padding-left: 12px; background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/buttons/btn-sort-up.gif') no-repeat center; }
a.sortdown { text-decoration: none; padding-left: 12px; background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/buttons/btn-sort-dn.gif') no-repeat center left; }

a.edit-link { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/buttons/btn-edit.gif') no-repeat right center; padding-right:25px; line-height:27px; font-weight:bold }

a.help-tip:active, a.help-tip:link, a.help-tip:visited, a.help-tip:hover { color: blue; border-bottom: 1px dashed #dd9441; text-decoration:none; font-weight:bold; cursor:help; }
a.help-tip-required:active, a.help-tip-required:link, a.help-tip-required:visited, a.help-tip-required:hover { color: blue; border-bottom: 1px dashed #dd9441; text-decoration:none; font-weight:bold; cursor:help; padding-right: 0.8em; background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/asterisk.png') no-repeat top right; }
a.help-tip-not-required:active, a.help-tip-not-required:link, a.help-tip-not-required:visited, a.help-tip-not-required:hover { color: blue; border-bottom: 1px dashed #dd9441; text-decoration:none; font-weight:bold; cursor:help; padding-right: 0.8em; }

a.disabled-link { color:#999 !important; }

.item-order-received { color: blue !important; }
.item-payment-received { color: green !important; }
.item-partially-shipped { color: orange !important; }
.item-shipped { color: purple !important; }
.item-cancelled { color: black !important; }
.item-declined { color: red !important; }
.item-admin { color: fuchsia !important; }

.tooltip { width: 240px; background: #fff; border:1px solid #dd9441; }
.tooltip .title { background: #0F6788; font: italic 17px Georgia, serif; padding: 5px;}
.tooltip .content { padding: 5px;}

.function-tooltip { width: 450px }
  .function-tooltip h5 { border-bottom:1px solid #dd9441; margin-bottom:3px }

a.account-locked  { font-weight: bold; color: #af0000; border:none; text-decoration:underline; }
span.account-enabled { font-weight: bold; color: #009900; }

h1 { font-size: 18px; font-weight: 500; color: #004D74; }
h2 { font-size: 14px; font-weight: bold; color: #004D74; margin:0 0 8px 0; padding:0; }
h3 { font-size: 14px; font-weight: 600; color: #004D74; margin:0; padding:0; }
h4 { font-size: 14px; font-weight: bold; color: #004D74; margin: 0 0 10px 0; padding:0; }
h5 { font-size: 13px; font-weight: bold; margin:0; }

table tr td {
	vertical-align: bottom;
	margin-right: auto;
	margin-left: auto;
}
th a:active, th a:link, th a:visited { font-weight: 600 }

ol { margin: 0 15px; padding-left: 15px; }
ol li { line-height: 18px; }

div.feed-required-setting { margin-top:15px; }
  div.feed-required-setting div { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/icons/ico-pass.png) center no-repeat; background-position: 3px 50%; text-align: left; padding: 2px 27px; }

/* common text styles */
.small-text { font-size: 10px; } 
.med-text { font-size: 11px; }
.large-text { font-size: 14px; }

.accent { color: #5b0f67; }
.important { color: #f00; }
.success { color: #390; }
.failure { color: #f00; }
.required { color: #f00; font: bold 18px/12px "Arial"; margin: 0 3px; }
.label-required { padding-right: 0.8em; background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/icons/ico-asterisk.gif') no-repeat top right; }
.label-not-required { padding-right: 0.8em; font-weight:bold; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.highlight { background: #ffffcc; }

.align-right  { text-align: right;  }
.align-left   { text-align: left;   }
.align-center { text-align: center; }

span.counter { margin: 2px 0; font-weight:bold; font-style:italic; display:block; }

/* auto-clearing divs */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;} 
/* End hide from IE Mac */
* html .clearfix {height:1px;}

/* layout */
#wrapper {}
#container {
	padding: 0;
	width: 950px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}

#header { padding: 0; margin: 0; }
#banner { background: #fff }
  #banner table { border:none; width:100%; border-collapse:collapse; }
  
    #head-logo { width: 20%; }
	#head-view { width: 20%; padding-right: 5px; text-align:right; white-space:nowrap; vertical-align:bottom }
	
    #head-nav { vertical-align: bottom; width: 60%; height: 50px; padding:0; }
         
      #head-tabs { width:530px; margin:0 auto }      
        #head-nav ul { margin: 0; padding: 0; list-style: none; width:588px; }
        #head-nav li { margin: 0; padding:0; list-style: none; float:left; }
        #head-nav li a, #head-nav li span { color: #fff; height: 31px; line-height: 31px; float: left; text-decoration: none; text-align: center; border: none; padding: 0; margin-right:1px; }

	    #tsales a, #tsales span { width: 77px; }
	    #tsales span, #tsales a.selected { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-sales-on.gif') no-repeat; }
	    #tsales a { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-sales-off.gif') no-repeat; }
	    #tsales a:hover { background-image: none; }
	
	    #tinventory a, #tinventory span { width: 95px; }
	    #tinventory span, #tinventory a.selected { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-inventory-on.gif') no-repeat; }
	    #tinventory a { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-inventory-off.gif') no-repeat; }
	    #tinventory a:hover { background-image: none; }
	  
	    #toperations a, #toperations span { width: 104px; }
	    #toperations span, #toperations a.selected { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-ops-on.gif') no-repeat; }
	    #toperations a { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-ops-off.gif') no-repeat; }
	    #toperations a:hover { background-image: none; }
	  
	    #tdesign a, #tdesign span { width: 84px; }
	    #tdesign span, #tdesign a.selected { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-design-on.gif') no-repeat; }
	    #tdesign a { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-design-off.gif') no-repeat; }
	    #tdesign a:hover { background-image: none; }
	  
	    #tcontent a, #tcontent span { width: 78px; }
	    #tcontent span, #tcontent a.selected { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-pages-on.gif') no-repeat; }
	    #tcontent a { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-pages-off.gif') no-repeat; }
	    #tcontent a:hover { background-image: none; }
	  
	    #thelp a, #thelp span { width: 78px; }
	    #thelp span, #thelp a.selected { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-help-on.gif') no-repeat; }
	    #thelp a { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-help-off.gif') no-repeat; }
	    #thelp a:hover { background-image: none; }

	#separator { vertical-align: middle; height: 51px; margin:0;  background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tabs/tab-header-bg.gif') repeat-x; }
	  #app-name { margin: 8px 0 0 10px; color: #004D74; font-weight: bold; float:left; position:relative; top: 4px; }
		#app-name a { font-weight: bold }
	  #page-help { float: right; margin: 10px 10px 0 0; }
	  
	#content-head { width: 100%; height: 40px; border: none; }  
	  #breadcrumb {  vertical-align:middle }
		#breadcrumb a { text-decoration: none }
	  td.storestatus { text-align: right; background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/open-store-bg.gif') no-repeat top right; vertical-align:middle }

	#footer { background: #eCf3f7; vertical-align: middle; height: 40px; padding-left: 10px; }
  
table#main { width: 100%; }

/* content area */
#content { background-color: #fff; padding: 10px; }
  #content .contentbox {
	width: 500px;
	margin-top: 10px;
}

#sidebar {
	background-color: #fff;
	width: 200px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}

  div.menu { width:186px; margin-bottom:10px }
    div.menu-header { line-height:0; height:36px }
    div.menu-body { background: #e2e9ef }
      * html div.menu-body { position:relative; top:-3px }
      div.menu-body h5 { background:#cedbe4; padding:7px 10px; margin:0 }
		div.menu-body h5 a { font-weight: 600 }
		
		/* generic left navigation menu */
		ul.menu-items { padding:0; margin:0 }		  
		  ul.menu-items li { list-style: none; margin: 0; padding: 0; background: #e2e9ef }
		    * html ul.menu-items li { border-bottom: 1px solid #e2e9ef  } /* fix IE blowout */
		    ul.menu-items li a:link, ul.menu-items li a:active, ul.menu-items li a:visited { color: #004d74; display: block; padding: 0.5em 0 0.5em 1.5em; background: #e2e9ef; text-decoration: none; border-top: 1px solid #eaeff5; border-bottom: 1px solid #c2c7cd; }
		    ul.menu-items li a:hover, ul.menu-items li.selected a { color: #5ea601; font-weight:500; display: block; padding: 0.5em 0 0.5em 1.5em; background: #e2e9ef url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/menus/menu-selected-bg.gif') no-repeat middle left; text-decoration: none; border-top: 1px solid #eaeff5; border-bottom: 1px solid #c2c7cd; }
		    ul.menu-items li a.selected { color: #5ea601; font-weight:600; background-image: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/menus/menu-selected-bg.gif'); background-repeat:no-repeat; background-position:5px 50%; }
			ul.menu-items li.last a, ul.menu-items li.preview a { border-bottom: none }
			  ul.menu-items li ul { border-bottom: 1px solid #c2c7cd; padding-left: 1.5em }
				
		  ul.menu-items li img.menu-toggle { padding:0; margin: 3px 6px 0 3px; background-color: transparent; border:none; }

		  ul.shortcuts { padding:0; margin:0 }		  
		  ul.shortcuts li { list-style: none; margin: 0; height:10px; padding: 0.3em 0 0.8em 23px; border-top: 1px solid #eaeff5; border-bottom: 1px solid #c2c7cd; background-color: #e2e9ef; background-image: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/menus/menu-task-bg.gif'); background-repeat:no-repeat; background-position:3px 50%; clear:both }
		    * html ul.shortcuts li { border-bottom: 1px solid #e2e9ef  } /* fix IE blowout */
          ul.shortcuts a.shortcut:link, ul.shortcuts li a:active, ul.shortcuts li a:visited { color: #004d74; background: #e2e9ef; text-decoration: none }
          ul.shortcuts li.shortcut-add { padding-left:0; background-image:none; height:auto }
            ul.shortcuts li.shortcut-add a:link, ul.shortcuts li.shortcut-add a:active, ul.shortcuts li.shortcut-add a:visited { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/icons/ico-create.gif') no-repeat 5px 50%; font-weight:600; padding-left:23px }
		    ul.shortcuts a.shortcut-delete:link, ul.shortcuts a.shortcut-delete:visited, ul.shortcuts a.shortcut-delete:active, ul.shortcuts a.shortcut-delete:hover { padding-right:5px; font-weight:600; text-decoration:none }
		    
		div.quick-search { background: #e2e9ef }
		  div.quick-search-item { margin: 5px }
		  
  table.content { width:100%; margin-bottom: 10px }
	td.content-tl { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/content-tl.gif) no-repeat; width:18px; height:0px;}
	td.content-tp {
	background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/content-tp.gif) repeat-x;
	height:0px;
}
	  td.content-tp img { margin-top: 2px }
	  td.content-tp h1 { margin: 6px 0 0 5px; }
	td.content-tr { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/content-tr.gif) no-repeat; width:18px; height:0px;}
	td.content-rt { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/content-rt.gif) repeat-y; width:18px;}
	td.content-br { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/content-br.gif) no-repeat; width:18px; height:18px;}
	td.content-bt { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/content-bt.gif) repeat-x; height:18px;}
	td.content-bl { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/content-bl.gif) no-repeat; width:18px; height:18px;}
	td.content-lt { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/content-lt.gif) repeat-y; width:18px;}
	td.content-body { background-color: #eff8fd; padding-top:5px }  
	
  table.pagehelp { width:100%; margin-bottom: 10px }
	td.pagehelp-tl { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/pagehelp-tl.gif) no-repeat; width:18px; height:37px;}
	td.pagehelp-tp { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/pagehelp-tp.gif) repeat-x; height:37px;}
	  td.pagehelp-tp h1 { color: #74872c; margin: 6px 0 0 0 }
	td.pagehelp-tr { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/pagehelp-tr.gif) no-repeat; width:18px; height:37px;}
	td.pagehelp-rt { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/pagehelp-rt.gif) repeat-y; width:18px;}
	td.pagehelp-br { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/pagehelp-br.gif) no-repeat; width:18px; height:18px;}
	td.pagehelp-bt { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/pagehelp-bt.gif) repeat-x; height:18px;}
	td.pagehelp-bl { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/pagehelp-bl.gif) no-repeat; width:18px; height:18px;}
	td.pagehelp-lt { background: url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/layout/containers/pagehelp-lt.gif) repeat-y; width:18px;}
	td.pagehelp-body { background-color: #f6f8f1; }  	

/* product list */
div.prod-list-item-name { font-size:11px; margin-bottom:5px; }
div.prod-list-item-part, div.prod-list-man-part, div.prod-list-item-promo { font-size:10px; color: #999; }
div.prod-list-preview { font-size:10px !important; }
div.prod-list-item-option label { font-size:11px; position:relative; top:-2px }
div.prod-list-item-summary { font-size:10px }
div.prod-list-item-promo { margin:3px 0 0 5px; }

/* checklists */
.checklist { border: 1px solid #ccc; list-style: none; overflow: auto; background-color:#fff; font-size: 0.9em; width: 100%; height: 20em; margin: 0; padding: 0;}
  .checklist li { background: #f5f5f5; margin:5px 0; padding-left:0 }
    .checklist li:hover { background:#E2E9EF }
    
    .checklist li.hidden, .checklist li.hidden a { color:#aaa !important; }
      .checklist li.hidden a:hover { color:#0d6cb0 !important; }
      
    .checklist li a, .checklist li a:hover {  line-height:22px; }
      a.cat-list-link { padding-left:10px; font-weight:bold; font-size:12px }
    
    .checklist label { display: block; padding-left: 25px; text-indent: -25px; text-align:left }
    .checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
      * html .checklist label { height: 1%; }
	
	.checklist input { vertical-align: middle; }
	.checklist label:hover, .checklist label.hover { background:#E2E9EF; color: #000; }	    

/* utility */
div.utility-container { padding:5px; border:1px solid #ccc; background: #efefef; }

div.utility-box { border:1px solid #cecdd3; margin-bottom:1em; }
  div.utility-box-head { border-bottom: 1px solid #cecdd3; background:#e4e4e4; padding:5px; font-size:13px; font-weight:bold; color:#000; }
  div.utility-box-body { padding:5px; background:#fff }
  
/* main section sub links */
.sectionleft, .sectionright { float: left; }
div.section { margin: 5px 10px 5px 5px; width: 260px; }
  div.section a:link, div.section a:active, div.section a:visited, div.section a:hover { border-width: 0; font-weight:600 }
  div.icon { float:left; }
  div.description { margin-left: 40px; }
	  
/* area within content box */
.area-left { float:left; margin-right: 10px; }
.area-right { float:left; margin-right: 0; }

/* helpful tips */
.help-tip h5 { font-size: 13px; font-weight: 600; margin-bottom:8px; }
      
/* notifications */
p.notify-info { background: #fafbfd url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/icons/ico-info.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #cee3fe; border-bottom: 2px solid #cee3fe; }
p.notify-pass { background: #f8fff0 url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/icons/ico-pass.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #a0dc11; border-bottom: 2px solid #a0dc11; }
p.notify-fail { background: #fecfcf url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/icons/ico-fail.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #f96f6f; border-bottom: 2px solid #f96f6f; }
p.notify-idea { background: #fff6bf url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/icons/ico-idea.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
p.notify-xsel { background: #f7e6ff url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/icons/ico-xsel.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #a160bf; border-bottom: 2px solid #a160bf; }

div.empty-data { background: #fafbfd url(file:///C|/Documents%20and%20Settings/Ssun/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/images/icons/ico-info.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #cee3fe; border-bottom: 2px solid #cee3fe; }

/* validation summary */
div.val-summary { margin: 15px 0; padding: 5px; font-size: 12px; font-weight: bold; border: 1px solid #d4b5d7; background-color: #f6f4f7; }
  div.val-summary ul { margin: 5px 15px; padding-left: 15px;  }
  div.val-summary ul li { margin-left:0; }
  
/* style manager */
div.style-group { margin-bottom: 15px; }
  div.style-group h5 {  font-size: 14px; margin-bottom: 15px; padding-bottom:5px; border-bottom: 2px dotted #ccc; }
  div.style-group table { margin-left: 10px; }
    div.style-group table td.style-label { width: 200px; }

/* layout manager */
td.mod-section { width: 33%; margin: 5px; }

  div.mod-new h3 { font: bold 14px Arial; margin: 5px; }
  div.mod-section-title { border-bottom:1px solid #666; background-color: #cedbe4; padding: 8px; }
  
  div.mod-new { border: 1px solid #ccc; padding: 3px; white-space:nowrap; }
    div.new-mods { margin: 0 10px; }
  div.mod-list { min-height:197px; border: 1px solid #ccc; background-color: #efefef; margin:0; padding: 3px;}
    * html div.mod-list { min-height:205px; height: 205px; }
  div.legend { margin-top: 10px; }
  
  div.mod, div.mod-global { height: 20px; border: 1px solid #ccc; background: #ddeaf8; margin-bottom: 3px; padding: 3px; cursor:move; }
    td.mod-name span { font: bold 12px Verdana; vertical-align:middle; width:90%; white-space:nowrap; }
	td.mod-option { width:10%; white-space:nowrap; vertical-align:middle; text-align:right }
	  td.mod-option a img { border: 0; position:relative; top:-3px }

	div.mod-global { background: #ffffcc; }
	  
	div.mod-add { text-align: center; margin: 11px 0 12px 0; }
	  div.mod-add a { background-color: #ddeaf8; font: bold 2em Tahoma; width: 6em; padding: 0 0.5em; text-decoration: none; border: 1px solid #cedbe4; }
	  div.mod-add a:hover { background-color: #ffffcc; }
		
	div.mod-reusable { margin-top: 10px; }

/* toggler */
div.toggle-region { margin-bottom: 5px; }
  div.toggler	 { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/toggler-bg.jpg') repeat-x; }
    a.toggle-header-link:active, a.toggle-header-link:link, a.toggle-header-link:visited, a.toggle-header-link:hover { color:#000; text-decoration:none;  }
 
  div.toggler-lt { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/toggler-lt.jpg') no-repeat top left; width:100%; padding: 0; }
  div.toggler-rt { background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/toggler-rt.jpg') no-repeat bottom right; margin:0; padding: 0 8px; line-height: 34px; height: 34px; }
  
    div.toggler a:active, div.toggler a:link, div.toggler a:visited, div.toggler a:hover { float:left; font-weight:bold; text-decoration:none; }
    div.toggler img { border:0; margin-top: 9px; margin-right:3px; }
      
/* setup checklist */      
div.check-list { margin-bottom: 10px; }
  span.check-list-status { float:right; font-weight:bold; position:relative; }
    span.check-list-status span { color: green; }   
  div.check-list-item { background: #f2f8ff; border: 1px solid #e4e4e4; border-top:none; margin:0 8px; padding: 10px; }
    a.item-link { display: block; margin-bottom: 5px; }
	div.check-list-item table { width:100% }
	  td.check-cell { text-align:right; vertical-align: top; }
		
/* hover box */
table.thumb-gallery td { vertical-align:bottom; }

div.hover-group { margin-top: 7px; }
  div.hover-box, div.hover-box-over, div.hover-box-selected { border: 1px solid #e4e4e4; min-height:130px; float: left; position:relative; margin: 0 7px 7px 0; padding: 5px; text-align: center; }
    * html div.hover-box, * html div.hover-box-over { height: 131px; }
    
  div.hover-box-over { border: 1px solid gray; background-color: #ddeaf8; }

  div.hover-box-selected { border: 1px solid blue; background-color: #ddeaf8; }
    div.hover-box-selected span { color:green; font-weight:bold; padding-left: 3px }
 
  div.hover-box-controls { margin: 5px auto 0 auto; display:block; font-size:10px; float:none }
    div.hover-box-controls a { margin: 0 3px; }

  div.hover-box-sort { text-align:center }
    div.hover-box-sort input { margin: 10px 5px } /* used input to style image buttons because image buttons render as input type=image */

/* tables */
div.form-section { background-color: #fff; border: 1px solid #bedae5; padding: 10px; margin-bottom: 10px; }
div.form-control-head { margin-bottom: 10px; }
div.form-control-foot { margin-top: 10px; }

table.form { border-collapse: collapse; }
table.form td { vertical-align: top; }
table.form td.label { text-align:right; vertical-align:bottom; }
table.form legend { font-weight: bold; }

/* tabs */
div.tab-menu { width: 100%; }
div.tab-title { font: bold 14px/20px Arial; float: left; position:relative; top: 10px; left: 5px; color: #004D74; }
div.tab-body { min-height: 200px; background: #fff; padding: 10px; border:1px solid #84cae0; border-top:none; clear:both; }

div.tab-header { float:left; width:100%; background: url("file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tab-bg.gif") repeat-x bottom; font-size:110%; line-height:normal }
div.tab-header ul { float:right; margin:0; padding:10px 10px 0; list-style:none }
div.tab-header li { float:left; background:url("file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tab-lt.gif") no-repeat left top; margin:0; padding:0 0 0 9px }
div.tab-header a { float:left; display:block; background:url("file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tab-rt.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none !important; font-weight:bold !important; color:#fff !important; white-space:nowrap }
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.tab-header a {float:none;}
/* End IE5-Mac hack */

div.tab-header a:hover { color:#004D74; text-decoration:none; font-weight:bold }
div.tab-header li.tab-current { background-image:url("file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tab-lt-on.gif") }
div.tab-header li.tab-current a { background-image:url("file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tab-rt-on.gif"); color:#004D74 !important; text-decoration:none !important; font-weight:bold !important; padding-bottom:5px }
div.tab-header li.tab-disabled { float:left; background:url("file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tab-lt-disabled.gif") no-repeat left top; margin:0; padding:0 0 0 9px }
div.tab-header li.tab-disabled a { float:left; display:block; background:url("file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/tab-rt-disabled.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#d1d1d1 }

div.upload-fieldset { margin-bottom: 10px; }
  div.upload-fieldset fieldset {  padding: 8px; }
	html>body div.upload-fieldset fieldset { border: 1px solid #cdcdcd; }
      div.upload-fieldset legend  { font: bold 12px Arial; color: #004d74; }

div.qb-settings-fieldset { margin-bottom: 10px; }
  div.qb-settings-fieldset fieldset {  padding: 8px; height:100px }
	html>body div.qb-settings-fieldset fieldset { border: 1px solid #cdcdcd; }
      div.qb-settings-fieldset legend  { font: bold 12px Arial; color: #004d74; }
      
/* settings group */
div.settings {}
div.setting-label { margin-bottom: 4px; }
div.setting-text, div.setting-radio { margin: 10px 0; }
div.setting-check { margin: 3px 0; }
div.setting-radio label, div.setting-check label { margin-left: 5px; padding-bottom: 2px; }
div.setting-text label { margin-left: 0; } 
div.setting-text input, div.setting-text textarea, div.setting-text select, div.setting-text span { margin: 0px 15px; }
div.setting-dropdown {margin:10px 0; padding: 10px 0; }
div.setting-dropdown select {margin:0 5px;}

fieldset.setting-group { margin: 0 0 10px 20px; width: 160px; height: 175px; float: left; }
html>body fieldset.setting-group { border: 1px solid #cdcdcd; }
fieldset.setting-group legend { font: bold 14px Arial; color: #004d74; }
fieldset.setting-group label { display: block; text-align: left; margin: -16px 0 0 25px;}

/* order list header */
div.order-list-header { border-bottom:1px solid #666; background-color: #cedbe4; padding: 5px; }
  div.order-list-status { margin-bottom:10px; }
  
  table.order-status-list td { white-space:nowrap; text-align:right; padding-right:7px }
	table.order-status-list td a { display:block; font-size:11px }

  td.order-list-item { padding-right:10px; white-space:nowrap; vertical-align:middle !important; }
  td.order-list-item-controls { padding-top:5px }    
  td.order-list-item-products { padding-top:5px; font-size:10px; color: #999 }
	
/* grid view */
div.grid-view-title { border-bottom:1px solid #666; background-color: #cedbe4; padding: 8px; }
.grid-view { color: #333333; }
  .grid-view-header th {font-weight: bold; border-bottom:1px solid #666; background-color: #cedbe4; }
  .grid-view-row { background-color: #e2e9ef; }
    td.grid-view-cell-expanded { background-color: #eff8fd; padding-left:20px; }
      tr.grid-view-row-expand table { border-collapse:collapse; }
      tr.grid-view-expand-head td { border-bottom: 1px solid #999; font-weight:bold; padding-top:5px; }
      
      td.grid-view-cell-expanded ul li { line-height: 22px; }
      
  .grid-view-row-alt { background-color: #fff; }
  .grid-view-row-edit { background-color:#7295b5; }
  .grid-view-row td, .grid-view-row-alt td, .grid-view-row-edit td { vertical-align:top; }
  .grid-view-footer td { text-align:left; font-weight: bold; border-top:1px solid #666; border-bottom:1px solid #666; background-color: #fff; }
	.grid-view-footer table td { border:none; }
    .grid-view-footer label { display:block; text-align:left;}
  .grid-view-pager {  text-align:right; font-weight: bold; border-top:1px solid #666; background-color: #cedbe4;  }
    .grid-view-pager table { float: right; border-collapse:collapse; }
	  .grid-view-pager table td { padding: 0 2px; }
    .grid-view-pager a { border:none; text-decoration: underline; }
 
.ghost-grid{ border: 1px solid #ccc; width: 100%; margin-left: 1px; }  
  .ghost-grid-header th { text-align:left; vertical-align:middle; font-weight: bold; color: #999; border-bottom:1px solid #ccc; background-color: #efeded; }
  .ghost-grid-row, .ghost-grid-row-alt { background-color: #fff; }    
  .ghost-grid-row td, .ghost-grid-row-alt td { vertical-align:middle; border-bottom: 1px solid #ccc; padding: 8px 4px; }

div.ghost-grid-title { border-bottom:1px solid #666; margin-bottom:1px; background-color: #cedbe4; padding: 8px; }
div.theme-img-group { margin-bottom: 20px; }
  div.theme-img-group-last { margin-bottom: 0; }

/* invoice grid view */
.grid-view-invoice { width: 650px; border-bottom: 2px solid #ccc; }
  .grid-view-invoice-header th { font-weight: bold; border-bottom:1px solid #666; background-color: #cdcdcd; text-align:left; }
  .grid-view-invoice-row td { background-color: #fff; }
.invoice-summary { margin:5px 0 0 auto; width:300px }
  .invoice-summary-text { text-align: right; }
  .invoice-summary-item { width: 70px; text-align: right; padding-right: 4px; }
  .invoice-summary-separator { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 1px 0; }
  
  div.invoice-question { margin-top:5px }
  div.invoice-question, div.invoice-item-question, table.invoice-download { margin-left: 15px }
  span.invoice-question-title, span.invoice-item-question-title { font-weight:bold }
  div.invoice-answer, div.invoice-item-answer { margin-left: 15px }  

/* form groups */
.form-group { }  
  .form-group fieldset { border:none; padding-left: 15px; margin:0; }
  .form-group legend { font-size: 14px; margin: 0 0 5px -15px; font-weight: bold; color:#004d74; }
  .form-group-options { margin-left: 57px; }
  .form-group-item { margin-bottom: 4px; }  
    .form-group-item span { color: #000; font-weight: normal; }
    .form-group-item label { display: block; width: 70px; float:left; margin-right: 5px; text-align: right; }
  
/* permission groups */
.permission-group { width: 275px; margin: 7px 15px 7px 10px; float: left; }
  .permission-group fieldset { padding: 5px; border: 1px solid #333; padding-left: 15px; margin:0; }
  .permission-group legend { font-size: 14px; font-weight: bold; color:#000; }

/* calendar */
.calendar { font-size: 12px; border: 1px solid #ccc; width: 200px; margin: 3px; }
  .calendar-title td { font-weight: bold; color: #fff; background-color: #004d74; vertical-align:middle; }
  .calendar-selector { font-weight: bold; color: #333399;  }
  .calendar-next-prev { font-size: 16px; font-weight: bold; color: #fff; padding-right: 10px;  }
  .calendar-day-head { font-weight: bold; border-bottom:1px solid #ccc; }
  .calendar-day-selected { font-weight: bold; color: #fff; background-color: #004d74; border: 1px solid #000;  }
  .calendar-today { font-weight: bold; border:1px dashed #ff0000; background-color: #efefef; }
  .calendar-month-other { background-color: #efefef; }
  
/* quickbooks */
div.qb-setup-head { float:right; clear:both; font-weight:bold; margin-bottom: 10px; }
  span.qb-step-current { font-size: 14px; color: #1B8105; }
  span.qb-step-other { color: #999; }
  span.qb-step-separator { font-size: 16px; color: #999; margin: 0 5px; }

/* color picker */
.cp-text { width: 58px; height: 17px; border: 1px solid #808080; margin:0; float:left; }
div.cp-box { border: 1px solid #808080; text-decoration:none; height:19px; width:19px; float:left; margin-left:2px; }

/* timeout message */
div#timeout-overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
div#timeout-warning { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
  div#timeout-message { position:relative; top: 100px; margin:0 auto; width: 400px; padding: 20px 50px; background: #fff; border: 2px solid red; }
	div#timeout-message p { display:block; line-height: 1.8em }

/* personalization/checkout questions */
div.add-question { background-color: #FCF9E2; border: solid 1px #CAC9C9; padding: 4px 8px; margin-top: 5px } 
  .question-row { background-color: #cedbe4; border: solid 1px #CDCDCD; margin-bottom:5px; padding-top: 5px; }

  .question-set-answer-header th { text-align:left; font-size: smaller; font-weight: bold; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-color: #E2E9EF; white-space: nowrap; }
  .question-set-answer-row { background-color: #EFF8FD; border-top: 2px solid #FFFFFF; }
  .question-set-answer-row-alt { background-color: #EFF8FD; border-top: 2px solid #FFFFFF; }
  .question-set-answer-row-add { background-color: #E6F4FF; }
  .question-set-answer-row td, .question-set-answer-row-alt td, .question-set-answer-row-add td { vertical-align: middle; white-space: nowrap; }
  .question-set-answer-add { font-size: 11px; }
  .question-set-answer-add label, .question-set-answer-add span label { font-weight: bold; white-space: nowrap; margin-right: 10px; }
  .question-set-header { color: #004D74; }

/* order edit */
div.personalization{}
  div.personalization-question { margin-bottom: 15px }
    span.personalization-question-label { font-weight:bold }

  div.personalization-answers {  margin: 5px 0 0 15px  }
	div.personalization-answer {  margin-bottom: 5px  }
      div.radio-answer, div.check-answer, div.select-answer, div.text-answer {}
      
/* setup checklist */
div.checklist-progress { width:200px; margin-right:1px; float:right; height:24px; border:1px solid #ccc; background-color:white; position:relative; } 
  div.checklist-progress div { background-color:#8BDF61; height:22px; position:absolute; top:1px; left:1px }
  div.checklist-progress span { position:absolute; width:100%; text-align:center; font-weight:bold; padding:5px;}

div.checklist-controls { text-align:right; margin-top:15px; }
  a.setup-link, a.setup-link:hover { font-weight:bold; padding-left:10px; }

/* form elements */
.textbox { border: 1px solid #7295b5; padding:2px 1px }
  * html .textbox {margin: -1px; }

.textarea-small,.textarea-med,.textarea-large,.textarea-exlarge { border: 1px solid #7295b5; font: 12px Arial, "sans serif"; padding: 3px; margin: 0; }
.textarea-small { height: 50px; }
.textarea-med {	height: 100px; }
.textarea-large { height: 150px; }
.textarea-exlarge {	height: 250px; font: normal 11px Courier New; }
  * html .textarea {margin: -1px; }
  
.select { padding:1px }

.button, .blind-button { height: 22px; padding:0 .25em; border: 1px solid #7295b5; background: url('file:///C|/Documents and Settings/Ssun/Local Settings/Temporary Internet Files/Content.IE5/images/layout/btn-bg-grad.gif') repeat-x top left; font: bold 11px Arial, "sans serif"; cursor:pointer; }
  * html .button { position:relative; top:1px; padding: 0 4px; }

.micro-button { display:block; margin-top:2px; padding-bottom:2px; height:17px; width:45px; }

.button-upload { background-image:none; font: normal 11px Arial, "sans serif"; width: 65px; margin-bottom: 1px; height:22px; }
  html>body .button-upload { position:relative; top:1px; }

.file-upload { height: 22px; padding: 4px; line-height: 20px; font: normal 11px Arial, "sans serif"; white-space: nowrap; }

/* generic first/lst styles */
div.first, p.first, li.first, ul.first { margin-top: 0; }
div.last, p.last, li.last, ul.last { margin-bottom: 0; }
  
  
