@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
    font-family: 'Arimo', sans-serif;
	font-size:0.9em;
	overflow-x:hidden;
}

html {
	/*height:101%;*/
	overflow: -moz-scrollbars-vertical;
}

a, a:link, a:visited {
	text-decoration:none;
}

.aH2 {
	 font-size:120%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h1 {
	font-size:30px;
    line-height:40px;
    font-weight:normal;
    letter-spacing:-1.5px;
}

h2 {
	font-size:120%;
}

h3 {
	font-size:110%;
}

h3.smaller {
	font-size:80% !important;
}

h4 {
	font-size:105%;
}

a:hover {
	text-decoration:underline;
}

#main {
	width:auto;
	margin:0;
	min-height:0;
	border-top:1px solid #000;
	padding:0;
}
#header {
    width:100%;
    padding:0;
    height:80px;
	position:relative;
}
#innerHeader 
{
    width:980px;
    margin-left:auto;
    margin-right:auto;
}
a img {
	border:0;
}

#logo {
	float:left;
	position:absolute;
    padding-left:0;
}

#logo a 
{
    text-indent:-9999px;
    display:block;
}
#content {
	width:980px;
    margin-left:auto;
    margin-right:auto;
    min-height:800px;
    padding: 0 0 50px;
	margin-top:25px;
}
#content.wide 
{
    width:980px;
}
.clearMaster 
{
	clear:both;
	padding-bottom:40px;
}
#outerTopMenu {
	display:inline;
}


#outerTopMenu a 
{
	color:#fff;
	/*padding:0 3px;*/
}

#topMenu 
{
	display:inline;
	float:left;
	color:#fff;
	height:30px;
	padding-left:10px;
	font-size:12px;
	position:relative;
	left:10px;
}

#innerTopMenu 
{
	height:30px;
	float:left;
	padding-top:9px;
	padding-bottom:9px;
	display:inline;
}
#topMenuEnd 
{
	width:10px;
	height:30px;
	float:left;
	display:inline;
}

.editor-group 
{
    border-bottom:1px solid #d7d7d7;
    padding:10px 5px;
    /*overflow: hidden;*/
    min-height:20px;
    clear:both;
}

.editor-last
{
     border-style: none !important;
     padding-bottom:30px;
}

.editor-label 
{
    float:left;
    width:190px;
}

.editor-field  
{
    float:left;
    max-width:680px;
}

fieldset 
{
    border:0;
    margin:0;
    padding:0;
}
    
.listEdit
{
    cursor:pointer;
}

.listDelete, .priceListRowDelete
{
    cursor:pointer;
}

/*
.button {
	background-repeat:no-repeat;
	background-color:transparent;
	text-align:center;
	margin:0;
	border:0;
	width:180px;
	padding:10px 0;
	height:42px;
	cursor:pointer;
	color:#fff;
	font-size:14px;
}

.button:hover {
	background-position:0px -42px;
}
*/

.buttonsmall {
	font-size:12px !important;
	padding:3px 3px !important;
}

.big {
	width:220px;
	height:42px;
	padding:10px 0;
}

.medium {
	width:130px;
	height:42px;
	padding:10px 0;
}
.small 
{
    width:75px;
    height:30px;
    padding:4px 0;
}
.small.wide 
{
    width:130px;
}
.tiny 
{
    width:65px;
    height:25px;
    padding:5px 0;
}
.addBtn 
{
	width:50px;
	font-size:13px;
	padding:0;
	margin:0;
	height:20px;
	cursor:pointer;
	color:#fff;
	border:0;
	text-decoration:underline;
	position:relative;
	top:1px;
}

.ulMini
{
    margin:0px;
    padding-left:15px;
}
.ajaxLoaderBtn 
{
    display:none;
    position:relative;
    left:-22px;
    top:2px;
}
.ajaxPayout 
{
    left:-30px;
}
.onOffBtn 
{
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:70px;
    height:21px;
    position:relative;
}
.onOffBtn span 
{
    position:absolute;
    top:3px;
    left:0;
    width:38px;
    text-align:center;
    font-size:12px;
    color:#fff;
    text-transform:uppercase;
}
.onOffBtn div 
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
}
.off 
{
    background-position:0px -21px !important;
}
.off span 
{
    left:31px !important;
}

.overlay 
{
	width:560px;
	height:430px;
	padding:25px;
	background:url(gfx/overlay-bg.png) no-repeat;
	display:none;
	z-index:1000;
	color:#fff;
	position:absolute;
}

.overlay .close {
	background-image:url(gfx/overlay-close.png);
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	height:25px;
	width:24px;
}

.hrLineDotted
{
    border-bottom: 2px !important; 
    border-bottom-style:dotted !important; 
    border-bottom-color: #147918 !important;
}



/* Accordion */
.accordionHeader
{
    border: 1px solid #9e9e9e;
    background-color: #efefef;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderSelected
{
    border: 1px solid #9e9e9e;
    color: white;
    background-color: #dfdfdf;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    border: 1px dashed #9e9e9e;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


.modalBackground
{
  background-color: #9e9e9e;
  filter:alpha(opacity=70);
  opacity:0.7;
}

.modalPopup {
  background-color: #ffffff;
  border-width:3px;
  border-style:solid;
  border-color: #808080;
  padding:3px;
  width:500px;
}

.notificationMsgBox
{
    background-color:#ffc6c6; 
    border-style: dotted; 
    border-width:thin; 
    padding:5px;
}

.notificationMsgBoxGreen
{
    background-color:#ccffcc; 
    border-style: dotted; 
    border-width:thin; 
    padding:5px;
}

.clearBoth
{
    clear:both;
}

.hidden {
    display: none;
}

.autosize-group {
    overflow: auto;
}
.rightAlign {
    float: right;
}
.cellAlignRight {
    text-align: right !important;
}
.highlightedRow {
    background: #f6ff00 !important;
}

table.treetable span.treeTableFile
{
    cursor: pointer;
}

td.monthEnd, th.monthEnd, div.monthEnd {
    border-right-color: blue !important;
}

table.tooltip {
    font-family: 'Arimo',sans-serif;
    font-size: 1.0em;
}

.ui-tooltip {
    max-width: 450px !important;
  }

.maintainMessage {
    width: 100%; 
    height: 20px; 
    background-color:#ff5a62; 
    color: white; 
    text-align: center;
}



#geocomplete { width: 200px}

.map_canvas { 
  width: 700px; 
  height: 450px; 
  margin: 10px 20px 10px 0;
}

#multiple li { 
  cursor: pointer; 
  text-decoration: underline; 
}

.shortfield
{
    width:50px !Important;
}

.listPrint
{
    cursor:pointer;
}

.claimRowOK, .stockStatusOK, .rackQuoteStatusOk {
    background-color: #92d050;
}

.claimRowWarning, .stockStatusWarning {
    background-color: #ffff00
}

.claimRowCritic, .stockStatusCritic, .rackQuoteStatusCritic {
    background-color: #ff0000
}

.orderRowDelete, .fileDelete {
    cursor: pointer;
}

.alignright {
    text-align: right !important;
}
.aligncenter {
    text-align: center !important;
}

.textRed {
    color: #ff0000;
}