body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
  background-color: #FFFFFF;
  width: 985px;
  margin: 0px auto;
  padding-top: 16px;
}

iframe#hiddenDownloader
{
  display: none;
}

iframe#modelIFrame{position:absolute; display: none;}
div#modalLayer {position:absolute; background-color:#000; left:0px; top:0px; right:0px; bottom:0px; filter:alpha(opacity:0); opacity:0; display:none;}
div#modalHolder {position:absolute; border:8px solid #747474; background-color:#eee; filter:alpha(opacity:100); color:#fff; opacity:1; display:none; padding:10px; }
div#modalHolder div.closeBar {padding:0; text-align:right; font-size:8pt; background-color:#fff; color:#FFFFFF;}
div#modalHolder div.closeBar a {font-weight:bold;	color:#000; background:url(../images/close.png) no-repeat right; padding-right:17px; display: inline-block; width: 45px; height: 20px; text-decoration:none;}

div#modalHolder div#modalContent {color:#424242; margin:0; padding:10px; padding-top: 0px; background-color:#fff;}
div#modalHolder div#modalContent h3 {margin-top: 0px; padding-top: 0px;}
div#modalHolder div#modalContent #static, #static {text-align:left;	margin:0;}

a.whatis
{
	margin-left: 8px;
	color: #22b14c;
	font-weight: bold;
}

a.withdrawn
{
	color: #22b14c;
	font-weight: bold;
}

div#pricingInfo
{
	display: none;
}

div.pricingInfoBody
{
	width: 400px;
}

p.dayOld
{
  margin-top: 0px;
	font-weight: bold;
}

span#pleaseWaitSmallPriceChanges
{
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0px 4px -4px 0px;
  background: url("/images/ajax-loader-grey.gif");
  display: none;
}

span#pleaseWaitSmall
{
  display: block;
  width: 16px;
  height: 16px;
  margin: 4px 4px;
  float: left;
  background: url("/images/ajax-loader.gif");
  display: none;
}
div.feedbackArea
{
	padding-top: 8px;
	background-color: #FFFFFF;
}

div.feedbackArea p
{
	display: block;
	width: 450px;
}
div.feedbackArea h2
{
	margin-top: 0px; 
}

form.popupForm label
{
  font-size: 12px;
  display: inline-block;
  width: 150px;
}

form.popupForm input, form.popupForm select
{
  margin-bottom: 8px;
}

form.popupForm textarea
{
  width: 300px;
  height: 100px;
  margin-bottom: 8px;
}

form.popupForm div.buttonBar
{
  margin-top: 10px; 
  margin-left: 150px;
  width: auto;
}


p.warning
{
  padding-top: 8px;
  
}

div.surchargeNote
{
    padding: 8px;
}

div.warningboxtext, img.warningboximage
{
    float:left;
}

div.warningboxtext
{
    padding-left: 8px;
}

div.finished
{
    margin: 0px auto 0px auto;
    border: 1px solid #00DD00;
    background-color: #FFFFFF;
    width: 300px;
    text-align: center;
    padding: 8px;
}

div.noProgress
{
    margin: 0px auto 0px auto;
    border: 1px solid #0000BB;
    background-color: #FFFFFF;
    width: 300px;
    text-align: center;
    padding: 8px;
}

div.inProgress
{
    margin: 0px auto 0px auto;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    width: 300px;
    text-align: center;
    padding: 8px;
}

p.suggest
{
    padding: 8px;
}

ul.suggest
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.suggest li
{
    margin: 0px;
}

ul.suggest li a
{
    display: inline-block;
    padding: 4px;
    width: 300px;
    text-decoration: none;
    color: #333333;
}

ul.suggest li a.selected
{
    background-color: #40A18E;
    color: #FFFFFF;
}

div#fpsForth, div#wdsForth, div#groupForth
{
  float: left;
  width: 224px;  
} 

div#wdsForth, div#groupForth
{
  margin-left: 4px;
}

div.accountNameHolder
{
    margin: 0px 0px 12px 0px;
}

div.selectedProducts
{
  float: left;
}

div#selectedProducts
{
  font-size: 12px;
  font-style: normal;
  background-color: #40A18E;
  color: #FFFFFF;
  float: left;
  padding: 8px;
  margin-left: 1px;
  min-width: 50px;
}

div.selectedProductsLabel
{
  padding: 8px;
  background-color: #CCCCCC;
  float: left;
}

div.accountNameHolder h3
{
    display: inline-block;
    margin: 0px;
    padding: 0px 4px 0px 0px;
}

div.hozCheckBoxHolder
{
  padding: 4px;
  float: left;
  height: 30px;
  width: 220px;
}

div.hozCheckBoxHolder input
{
  vertical-align: top;
  margin-right: 8px;
  float: left;
  margin-bottom: 12px;
}

div.hozCheckBoxHolder span
{
  font-size: 7pt;
  font-style: italic;
  color: #AAAAAA;
}

div#suggest
{
    position: absolute;
    border: 1px #333333 solid;
    background-color: #FFFFFF;
}

div#selectAccount
{
  display: inline-block;
  float: right;
}

div.header
{
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    text-align: right;
    padding: 0px 4px 4px 4px;
}

div.header span
{
    font-weight: bold;
}

div.leadingZero
{
    float: right;
    width: 456px;
}

div.leadingZeroNewToRange
{
  float: right;
  margin-bottom: 4px;
  margin-right: 4px;
}

div.leadingZeroNewToRange select
{
  margin-left: 8px;
}

div.leadingZeroChanges
{
  float: right;
  margin-right: 4px;
}

div.leadingZeroChanges select
{
  margin-left: 8px;
}

div.pricingHolder
{
	  float:left;
    margin-right: auto;
    width: 985px;
    border: 1px solid #EEE;
    margin-left: 5px;  
}

div.contentHolder
{
    padding: 16px;
    background-color: #ebf8f6;
}

h1
{
  display: block;
  background-image: url(../images/title-bg.gif);
  padding: 16px;
  margin: 0px;
  color: #FFFFFF;
}

input.button
{
  border: 1px solid #235a4f;
  background-color: #FFFFFF;
  color: #40A18E;
  font-weight: bold;
	padding: 4px;
	margin: 0px 4px 0px 4px;
	width: auto;
	max-width: auto;
	overflow: visible
 
}

div.pleaseWait
{
    margin: 20px;
    text-align: center;
    font-size: 20px;
    color: #AAAAAA;
}

div.pleaseWait img
{
    margin-bottom: 16px;
}

div.fieldset
{
  padding: 8px 8px 8px 8px;
  border: 1px solid #CCCCCC;
  background-color: #FAFAFA;
  border-top: 0px;
  border-bottom: 0px;
}

div.noFooter
{
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 20px;
}

div.fieldset div.formElement
{
  margin-bottom: 8px;
  background-color: #F0F0F0;
  border: 1px solid #CCCCCC;
  padding: 8px;
}

div.fieldset div.formElement label
{
  width: 140px;
}

div.fieldset p
{
    margin: 0px;
}

div.legend
{
  padding: 4px;
  padding-left: 8px;
  border: 1px solid #CCCCCC;
  color: #40A18E;
  background-color: #FFFFFF;
  background-image: url(../images/legend-bg.png);
}

div.footer
{
  padding: 4px;
  padding-left: 8px;
  border: 1px solid #40A18E;
  color: #FFFFFF;
  background-color: #40A18E;
  margin-bottom: 8px;
  text-align: right;
  min-height: 25px;
}

div.footer a
{
    color: #FFFFFF;
    padding: 8px;
    float: right;
}

div.fieldset label
{
  margin-right: 4px;
  display: inline-block;
}

div.fieldset h2
{
  margin: 0px 0px 4px 0px;
}

div.tabs
{
  width: 300px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 4px;
  cursor: pointer;
}

div.tabs div
{
  border: 1px solid #EEEEEE;
  background-color: #EEEEEE;
  padding: 4px;
  color: #AAAAAA;
  width: 58px;
  margin: 0px;
  display: inline-block;
  margin-top: 4px;
}

div.clear
{
  clear: both;
}

div.tabs div.active
{
  border: 1px solid #CCCCCC;
  border-bottom: 0px;
  color: #333333;
  background-color: #FFFFFF;
  font-weight: bold;
  padding-bottom: 8px;
  margin-top: 0px;
}

table
{
  background-color: #CCCCCC;
  
}

table thead tr th
{

  background-color: #FFFFFF;
  color: #40A18E;
  padding: 4px;
}

table thead tr th.right
{
  text-align: right;
}

table thead tr th.left
{
  text-align: left;
}

table tbody tr td
{
  padding: 4px;
  background-color: #FFFFFF;
}

table tbody tr td.right
{
  text-align: right;
}

table tbody tr td.center
{
  text-align: center;
}

table tfoot tr td.center
{
  text-align: center;
}

table tfoot tr td.right
{
  text-align: right;
}

table tfoot tr td input
{
  margin-right: 4px; 
}

form.newToRange, form.priceChanges
{
  float: left;
  width: 240px;
  min-height: 330px;
  font-size: 10px;
}

form.priceChanges
{
  width: 705px;
}

form.newToRange h2, form.priceChanges h2
{
  font-size: 13px;
}

form.newToRange table, form.priceChanges table
{
  width: 100%;
}

form.newToRange table
{
  font-size: 10px !important;
}

table tbody tr td.date
{
  white-space: nowrap;
}
 
table caption
{
  font-weight: bold;
}

form.newToRange
{
  margin-right: 8px;
}

div#priceChanges div.fieldset, div#newToRange div.fieldset
{
  min-height: 250px;
}

div#priceChanges table
{
	font-size: 10px !important;
}

div#priceListCriteria
{
  display: none;
}

div#priceListCriteria p
{
  margin: 4px 0 8px;
  font-weight: bold;
}

#generatePriceList
{
  display: none;
  float: left;
}

.adminPanel .fieldset
{
  position: relative;
}

/* Checkbox dropdown */


.dropdown dd,
.dropdown dt {
  margin: 0px;
  padding: 0px;
}

.dropdown ul {
  margin: -1px 0 0 0;
}

.dropdown dd {
  position: relative;

}
.dropdown
{
  margin: 0px;
}

.dropdown a,
.dropdown a:visited {
  color: #000000;
  text-decoration: none;
  outline: none;
  font-size: 12px;
}

.dropdown dt a {
  display: block;
  padding: 8px 20px 5px 10px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  border: 0;
  width: 272px;
  border: 1px solid #CCCCCC;
  background: #EEEEEE url(/images/arrow.png) no-repeat right 15px center;
}

.dropdown dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}

.dropdown dd ul {
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  color: #000000;
  display: none;
  left: 0px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 2px;
  width: 282px;
  list-style: none;
  height: 200px;
  overflow: auto;
}

.dropdown span.value {
  display: none;
}

.dropdown dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown dd ul li a:hover {
  background-color: #fff;
}

.offlineBrandsHolder
{
  float: left;
}

.maintenanceMode
{
  float: left;
  padding-left: 15px;
  width: 400px;
}

.maintenanceMode label
{
  float: left;
}

.maintenanceMode .ePricingMode
{
  float: left;
  height: 46px;
  width: 75px;
  margin: 0px 20px;
  cursor: pointer;
}

.maintenanceMode .ePricingMode.on
{
  background: url("/images/toggle-on.png") no-repeat center;
  background-size: contain;
}

.maintenanceMode .ePricingMode.off
{
  background: url("/images/toggle-off.png") no-repeat center;
  background-size: contain;
}

.maintenanceMode label, .maintenanceMode .ePricingModeDesc
{
  height: 46px;
  line-height: 46px;
  vertical-align: middle;
  font-weight: bold;
}

.downloadStats
{
  float: left;
  margin-top: 7px;
}