html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
	padding:0px;
	margin:0px;
}
body, div, p, span, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.leftAlign td {
	text-align:left;
}, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
}

img {
	border:none;
	padding:0px; 
	margin:0px;
}

a {
	text-decoration:none;
	border:none;
	color:#000000;
}

.dialogTable {
	border: 1px solid #999999;
	/*background-color:#CCCC99;*/
	background-color:#FFFFCC;
	text-align:left;
}



.topMenu {
	padding:5px;
	padding-bottom:0px;
	/*border:1px solid #999999;*/
/*	background-color:#FFFFCC;*/
	margin-bottom:10px;
}

.topMenu a {
/*	color:blue;
	text-decoration:none;
	display:compact;
	border:1px solid #999999;
	background-color:#FFFFCC;
	padding:3px;
	padding-left:6px;
	padding-right:6px;*/

}

.notes {
	font-size:9px;
}

.BlockHeader {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.TableHeader {
	background-color:#FFFFCC;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border-bottom:1px solid #999999;
}

.DialogTableHeader {
	background-color:#FFFFCC;
}

.ListTable {
	border: 1px solid #000000;
}


.ImageButton {
	border:1px solid #999999; 
	background-color:#F7F7F7; 
	font-weight:bold;
	font-size:10px;
	color:black;

}
.ImageButton td {
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

.ImageButtonLeftBottom {
	border-bottom:1px solid #999999;
	padding-left:4px; 
	padding-top:4px; 
	padding-bottom:4px; 
}

.ImageButtonRightBottom {
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	padding-right:4px; 
	padding-top:4px; 
	padding-bottom:4px; 
}

.ImageButtonRightBottom a {
	color: #000000;
	text-decoration:none;
}



.browserHighLightedRow{
	background-color:#FFCC99;

}
.browserHighLightedRow td{
 font-weight:bold;

}


.browserNormalRow {
	background-color:#FFFFFF;
}

.highlightedRow {
	background-color:#FFCC66;
}

.normalRow {
	background-color:#FFFFFF;
}

.MailHeader {
	font-family:sans-serif;
	font-size:11px;
}
.MailDetail {
	font-family:sans-serif;
	font-size:11px;
}

.TabActive {
	color:#000000;
	padding:5px;
	border:2px solid #666666;
	border-bottom-width:0px;
		display:block;
	width:70px;
	text-align:center;
	text-decoration:none; 
	background-color:#FFCC00;
	font-weight:bold;
	margin-top:0px;
		/*margin-top:-2px;
		padding-top:7px;*/
}

.TabInActive {
	color:#000000;
	padding:5px;
	display:block;
	width:70px;
	text-align:center;
	text-decoration:none; 
	background-color:#FFFFCC;
	margin-top:0px;
	border:1px solid #666666;
	border-bottom-width:0px;
}

.TabInActive:hover {
	background-color:#FFCC99;
}

.TabInActiveSub {
	color:#000000;
	border:1px solid #666666;
	border-bottom-width:0px;
	display:block;
	width:70px;
	text-align:center;
	text-decoration:none; 
	background-color:#FFFFCC;
	margin-bottom:0px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;

}


.TabActiveSub {
	color:#000000;
	padding:5px;
	margin-bottom:0px;
	border:2px solid #666666;
	border-bottom-width:0px;
		display:block;
	width:70px;
	text-align:center;
	text-decoration:none; 
	background-color:#FFCC00;
	font-weight:bold;
	padding-bottom:6px;
}

.TabInActiveSub:hover {
	background-color:#FFCC99;
}


.dropdown a {
	font-size:11px;
}

.dropdown a:hover {
 color:#FF0000;
}

.TopBarLinks {
	margin-top:0px;
}

.TopBarLinks a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
		text-decoration:none;
	
}

.tbEmailInvoice
{
	padding:5px;
	font:Verdana, Arial, Helvetica, sans-serif;
	width:500px;
}

.invoiceContextMenu
{
	position:absolute; 
	display:none; 
	background-color:#FFFFFF; 
	border:1px solid #000000; 
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px; 
	width:120px
}

.invoiceContextMenu a
{
	display:block;
	padding-bottom:3px;
	padding-top:3px;
}

.bold 
{
	font-weight:bold;
}


.pageHeading {
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	display:block;
}

.tabButton
{
	padding:3px;
	border:1px solid #000000;
}

	/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
    z-index:1000 !important;

}

.popupTitle {
	cursor: move; 
	background-color: #DDDDDD;
    border: solid 1px Gray; color: Black;
}

.modalPopup p {
    padding: 3px;
	margin:0px;
	font-weight:bold;
	text-align:left;
}


.gridRow, .gridrow {
 /*background-color:#FFFFCC;*/
 cursor:pointer;
 
}

.gridRow td, .gridrow td {
  border-bottom:none;
}

.gridRow.sepUnder td , .gridrow.sepUnder td {
  border-bottom:1px dashed #CCCCCC;
} 


.gridRowOver td {
  border-bottom:none;
  border-top:1px solid #999999;
  background-color:#FF9933;
  cursor:pointer;
}


.gridRowOver.sepUnder td {
  border-bottom:1px solid #999999;
 border-top:none;
  background-color:#FF9933;
  cursor:pointer;
}


.gridTable .top  td {
  border-bottom:none;
}

.gridTable .bottom  td {
  border-bottom:2px solid #000000;
}


.gridRow.topRow td {
	border-bottom-width:0px;
}

.bottomRow td {
	padding-bottom:15px;
}



.gridRowHeader td{
	border-bottom:1px solid #999999;
	padding:3px;
	background-color:#CCCCCC;
	font-weight:bold;
	
	

}


.gridHeader, .gridHeader span {
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.gridHeader a {
	/*text-decoration:underline;*/
}


.gridRowRemains {
 background-color:#FFFFCC;
}

.gridRowRemains td {
  border-bottom:1px dashed #CCCCCC;
}


.gridRowRemains.topRow td {
	border-bottom-width:0px;
}

.gridRowOverRemains,  .gridRowRemains:hover{
 background-color:#FFCCFF;
  cursor:pointer;
}





.gridRowRemainsUsingCredit {
 background-color:#FFFFEE;
}

.gridRowRemainsUsingCredit td {
  border-bottom:1px dashed #CCCCCC;
}


.gridRowRemainsUsingCredit.topRow td {
	border-bottom-width:0px;
}

.gridRowOverRemainsUsingCredit, .gridRowRemainsUsingCredit:hover {
 background-color:#FFFFEE;
  cursor:pointer;
}

.bigSubmitButton {
	background-color:#00CC66; 
	font-size:16px;
	font-weight:bold;
	border-radius:5px;
	padding:15px;
}



.gridRowOver, .gridRow:hover {
 background-color:#FF9933;
  cursor:pointer;
}

.gridRow.lineDueNow .remainsCell, .gridRow.lineDueNow .dueInCell {
	background-color:#FFCC00;
}
.gridRow.lineDueNow:hover td {
	background-color:#FFCC33;
}



.gridRow.lineOverDue .remainsCell, .gridRow.lineOverDue .dueInCell {
	background-color: #FF5959; 
}
.gridRow.lineOverDue:hover td {
	background-color:#FFA8A8;
}




.gridRowDue {
 background-color:#FFFFCC;
}
.gridRowDue td {
  border-bottom:1px dashed #CCCCCC;
}

.gridRowDue.topRow td {
	border-bottom-width:0px;
}



.gridRowOverDue {
 background-color:#FFCCFF;
  cursor:pointer;
}

.gridRowComplete {
 background-color:#CCCCFF;
}
.gridRowComplete td {
  border-bottom:1px dashed #CCCCCC;
}

.gridRowComplete.topRow td {
	border-bottom-width:0px;
}


.gridRowOverComplete {
 background-color:#9999CC;
  cursor:pointer;
}

.batchPaymentSelected td {
	background-color:#00FF00;
}

 .overlay {
        position: fixed;
        z-index: 10000020;
        top: 0px;
        left: 0px;
        background-color: #EEEEEE;
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=90);
        opacity: 0.90;
        -moz-opacity: 0.90;
    }
    * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
    .loader {
        z-index: 100;
        position: fixed;
        width: 120px;
        margin-left: -60px;
        top: 50%;
        left: 50%;
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }
	

.menuButtonRightTd 
{
	background-image:url(client/images/menubuttonRight.jpg);
		background-repeat:no-repeat;
}

.menuButtonRightTd img
{
	width:9px;
	border-width:0px;
}

.menuButtonLeftTd 
{
	background-image:url(client/images/menubuttonLeft.jpg);
	background-repeat:no-repeat;
}

.menuButtonLeftTd img
{
	width:11px; height:30px; border-width:0px;
}

.menuButtonMiddleTd 
{
	background-image:url(/client/images/menubuttonMiddle.jpg);
	background-repeat:repeat-x;
	vertical-align:middle;
}

.menuButton 
{
	background-image:url(/client/images/menubuttonMiddle.jpg);
	background-repeat:repeat-x;
	vertical-align:middle;
	display:block;
	height:23px;
	padding-top:7px;
	padding-left:7px;
	margin-bottom:2px;
	border-left:1px solid #6699FF;
	border-right:1px solid #6699FF;
}


.actionsButton, .prevNextButton
{
	background:#DDDDDD; 
	color:#000000 ;
	text-align:center; 
	display:block;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding-left:5px; 
	padding-right:8px;
	padding-top:3px; 
	padding-bottom:3px;
	margin-bottom:2px;
	vertical-align:middle;
	width:200px;
	height:23px;
	line-height:23px;
	border: 1px solid #666666;
}

.flexiWidth200
{
	width:default;
	max-width:200px;
}


.actionsButtonSmall
{
	background:#DDDDDD; 
	color:#000000 ;
	text-align:center; 
	display:block;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding-left:5px; 
	padding-right:8px;
	padding-top:3px; 
	padding-bottom:3px;
	margin-bottom:2px;
	vertical-align:middle;
	width:80px;
	height:23px;
	line-height:23px;
	border: 1px solid #666666;
}


.actionsButton_old
{
	background-image:url(/client/images/buttonNewDoc.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	height:23px;
	width:200px;
	padding-top:8px;
	padding-left:10px;
	margin-bottom:2px;
	font-weight:normal;
	
}

.prevNextButton_old
{
	background-image:url(/client/images/buttonNewDoc.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	display:block;
	height:23px;
	width:200px;
	padding-top:8px;
	margin-bottom:2px;
	font-weight:normal;
	
}


.actionsButtonSmall_old
{
	background-image:url(/client/images/buttonSmallActions.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:left;
	display:block;
	height:23px;
	width:80px;
	padding-top:7px;
	padding-left:9px;
	margin-bottom:2px;
	
}


.formTbl {
	background-color:#f6F6F6;
	border:1px solid #000000;
	border-radius:5px;
	padding:5px;
}



/* AutoComplete item */



.autocomplete_completionListElement 
{
margin-top:0px;
padding:1px;
color : windowtext;

font-size: small;
background-color:Gray;
list-style:none;
/*creates border with
autocomplete_completionListElement
background-color*/
z-index:100002 !important;

}


.autocomplete_completionListElement.supplier
{
	background-color:#EEEEEE;
	border:1px solid #666666;
	width:270px !important;
}

.autocomplete_completionListElement.supplier:before {
	font-weight:bold;
	content:"Suppliers:";
}

.autocomplete_completionListElement.shiftedSupplier
{
	margin-left:280px;
	background-color:#EEEEEE;
	border:1px solid #666666;
	width:270px !important;
}

.autocomplete_completionListElement.shiftedSupplier:before {
	font-weight:bold;
  content:"Non-supplier suggestions";
}

/*AutoComplete flyout */
.autocomplete_listItem 
{ 
padding:3px;
text-align : left;
background-color:White;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
padding:3px;
background-color:#99CCFF;
color:#FFFFFF;
font-weight:bold;
font-size: small;
}

.statusMessage {
	display:block;
	width:500px;
	border: 5px double #FFCC00;
	padding:5px;
	background-color:#CCFFFF;
	margin:5px;
	font-weight:bold;
	color:#000000;
}

.docDetails {
	display:block;
	margin-bottom:10px;
	margin-top:5px;
}

.popupTitle {
	padding:5px;
	font-weight:bold;
}

.invoiceCalendar .ajax__calendar_container
{
    border: solid 1px #0171BA;
    background-color: #DDDDDD;
    color: #000000;
	width:auto;
	height:auto;	
}
 
.invoiceCalendar .ajax__calendar_body
{
    padding-bottom: 10px;
	width:225px;
	height:210px;

}

.invoiceCalendar  .ajax__calendar_day
{
	padding:6px;
	vertical-align:middle;
	text-align:center;
}

 
.invoiceCalendar .ajax__calendar_active .ajax__calendar_day
{
    border-color: #A1BC00;
    font-weight: bold;
    color: #000000;
	background-color:#999999;
}
 
.invoiceCalendar .ajax__calendar_hover .ajax__calendar_day
{
    background-color: #666666;
    /*font-weight: bold;*/
}
 
.invoiceCalendar .ajax__calendar_dayname
{
    font-weight: bold; 
	background-color:#CCCCCC;
	padding:6px;
	
}

 
.invoiceCalendar .ajax__calendar_other .ajax__calendar_day
{
    color: #AAAAAA;  
}
.invoiceCalendar  td
{
        border-style:solid;
        border-width:1px;
        border-color:#999999;
        background-color:EEEEEE;
}
.invoiceCalendar .ajax__calendar_body td
{
        border-style:solid;
        border-width:1px;
        border-color:#999999;
        background-color:EEEEEE;
		
}



.crossed {
	text-decoration:line-through;
}

.faded, .faded a, .faded p, .faded span, .faded td {
	color:#CCCCCC;
}


.lblError {
	padding:10px;
	border:3px;
	margin:10px;
	background-color:#FFFF00;
	color:#FF0000;
	font-weight:bold;
	font-size:14px;
	border-style:solid;
	border-color::#000000;
	display:block;
}


.invalidInput {
	color:#FF0000;
	font-weight:bold;
	font-size:14px;
}

.invLineInsertBefore td {
	border-top:5px solid #00FF00;
	padding-top:5px;
	border-bottom:1px solid #999999;
	padding-bottom:10px;
}

.invLineInsertBefore td a img {
	
	/*margin-top:-6px;*/
}


.invLineInsertAfter td {
	border-Bottom:5px solid #00FF00;
	padding-bottom:2px;
}

.invLineRemove td {
	background-color:#FF0000;
	border-bottom:1px solid #BBBBBB;
	padding-top:10px;
	padding-bottom:10px;
}

.invoiceBg {
	background-color:#F3F3F3;
}

.borderLeft {
	border-left: 1px solid #000000;
}

.borderRight {
	border-right: 1px solid #000000;
}

.borderTop {
	border-top: 1px solid #000000;
}

.borderBottom {
	border-bottom: 1px solid #000000;
}


input[type="button"], .button {

	background-color: #DDDDDD; 
	color:#000000;
	text-align:center; 
	display:inline-block;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	vertical-align:middle;
	border: 1px solid #666666;
	padding-left:8px;
	padding-right:8px;
	
}

 
.clickable {
	cursor:pointer;
}
 
.block {
	display:block;
	
}

.LinkButton {
	text-decoration:underline;
	color:#0000FF;
}


.PricingTable td {
	border:1px dashed #EEEEEE
}

.errorLabel {
	display:block;
	padding:10px;
	border:2px solid red;
	background-color:#FFFFCC;
}

		.accordion {  
					
				}  
          
        .accordionHeader {  
            border: 1px solid #2F4F4F;  
            color: white;  
            background-color: #2E4d7B;  
            font-family: Arial, Sans-Serif;  
            font-size: 12px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionHeaderSelected {  
            border: 1px solid #2F4F4F;  
            color: white;  
            background-color: #5078B3;  
            font-family: Arial, Sans-Serif;  
            font-size: 12px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionContent {  
            background-color: #D3DEEF;  
            border: 1px dashed #2F4F4F;  
            border-top: none;  
            padding: 5px;  
            padding-top: 10px;  
					
        }  
		
		.settings_normalField {
			width:650px;
			padding:3px; 
			
		}
		
		.ajax__html_editor_extender_texteditor
    {
        <%--make htmleditor wrap--%>
        word-wrap:break-word;
        }
		
		
.ListHeader
{
	font-size:17px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:3px;
	margin-right:50px;
}

.pageHint
{
	padding:5px; 
	background-color:#FFFFCC;
	border: 1px solid #666666;
	max-width:600px;
	
}

.borderedHint {
	font-size:10px;
	padding:5px; 
	background-color:#FFFFCC;
	border: 1px solid #666666;
	border-radius:3px;
}

.link {
	color:#0000FF;
	text-decoration:underline;
}

.invoiceCustomField {
	width:550px;
}

.modalPopupTitle {
	cursor: move; 
	background-color: #DDDDDD; 
	border-bottom: solid 1px Gray; 
	color: Black;
	padding:5px;
	font-weight:bold;
} 

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	 

}

.modalPopup p {
	padding:5px;
}

.modalPopupBody {
	padding:5px;
}


.customerShortTextbox {
	width:200px;
}

.FormTypeButtons {
	width:125px;
}


.FormTypeButtons td {
	border:1px solid #999999;
	background-color:#CCCCCC;
	width:125px;
}

.FormTypeButtons label {
	font-size:16px;
		cursor:pointer;

}


.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}

.dashboardHeading {
	font-weight:bold;
}

.dashboardLink {
	text-decoration:underline;
	color:#0000FF;
}

.TimeSheetRow td {
	border-top:1px dashed #666666;
}

.TimeSheetRow:hover td {
	background-color:#FFFFCC;
	border-top:2px solid #666666;
	border-bottom:2px solid #666666;
}

.TimeSheetTotal {
	font-weight:bold;
}

.TimeSheetTb {
	font-weight:bold;
	font-size:12px;
	padding:3px;
	
}

.mob_tablerow {
	padding:10px;
	border-top:1px solid #999999;
	background-color:#EEEEEE;
	min-height:25px;
	line-height:25px;
	
}

.lastRow {
	border-bottom:1px solid #999999;
}


.mob_dashboardLink {
	font-weight:bold;
}

.dashboardButton {
	width:140px;
}

.switchModeButton {
	font-size:10px;
}

.SuppliersRepTab {
	width:140px;
	overflow:hidden;
}

.contactInput {
	width:350px;
	}
	
div.fadeMe {
  opacity:    0.5; 
  background: #000; 
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
}
	
	
	.selectedButton {
		padding:5px;
		border:2px solid #999999;
		margin-left:10px;
		margin-right:10px;
		font-weight:bold;
		background-color:#00CC66;
		cursor:default;
	}

	.unselectedButton {
		padding:5px;
		border:1px solid #999999;
		margin-left:10px;
		margin-right:10px;
		cursor:pointer;
	}
	
.hlBorder
{
 border-color:#FFCC33; border-width:2px; border-style:solid; padding:5px; margin:10px;
}

.hlBorder a
{
 text-decoration:underline;
}

.hlBorder .SubmitButton
{
 text-decoration:none;
}

	
.SubmitButton, .CancelButton, input[type="button"].SubmitButton {
	padding:5px;
	width:80px;
	font-weight:bold;
	
	
	background-color:#2fa349; 
	color:#000000;
	text-align:center; 
	display:inline-block;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	vertical-align:middle;
	border: 1px solid #666666;
	text-decoration:none;
}

.yellowText {
	color:#FFFF00
}

.nonBold {
	font-weight:normal;
}

.wideButton {
	width:160px;
}

.CancelButton {
	background-color:#DDDDDD;
	font-size:11px;
	font-weight:normal;
}



.withBg
{
 background-color:#FFFFCC;
}

.rounded
{
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;

}


.VatDetailsOnScreenScroll {
 float:left; width:600px;  height:750px; overflow:scroll; margin-left:15px;
}

.VATreturnCompanyAndNumber {
 	font-size:16px;
	font-weight:normal;
 }
 
 .invLineRow td {
	border-bottom:1px solid #BBBBBB;
	padding-top:10px;
	padding-bottom:10px;
}


.filtersBox {
	background-color:#F8F8F8;
	border:1px solid #666666;
	border-radius:5px;

}




.mainMenuButton, .mainMenuPanel {
	display:inline-table;
	text-decoration:none;
	width:120px;
	height:30px;
	border-radius:3px;
	background-color: #E1E1E1;
    padding: 3px;
	vertical-align:middle;
	position:relative;
	border:1px solid #888888;
	margin-bottom:5px;
	margin:5px;
}

.mainMenuPanel {
	width:400px;
    padding: 8px;
}

.mainMenuButton img {
	display:block;
	float:left;
	position:relative;
	padding-right:10px;
	heigth:30px;
	width:30px;
	
}

.mainMenuButton span {
	display:block;
	position:absolute;
	font-weight:bold;
	top: 50%;
	left:40px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}




.sideMenuButton:hove, .sideMenuMiniButton:hoverr {
	background-color:#CCCCCC
}

.sideMenuButton, .sideMenuMiniButton {
	display:block;
	text-decoration:none;
	width:130px;
	height:20px;
	border-radius:3px;
	background-color: #E1E1E1;
    padding: 3px;
	vertical-align:middle;
	position:relative;
	border:1px solid #888888;
	margin-bottom:5px;
}

.sideMenuButton img {
	display:block;
	float:left;
	position:relative;
	padding-right:10px;
	heigth:20px;
	width:20px;
	
}

.sideMenuButton span, .sideMenuMiniButton span {
	display:block;
	position:relative;
	font-weight:bold;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.sideMenuMiniButton {
	display:inline-table;
	width:auto;
}
.sideMenuMiniButton span {
	font-size:11px;
	font-weight:normal;
}

.moveStockUnitsHeader {
	font-weight:bold;
}

.lineAllocInfoPanel {
	display:inline-table;
	border:1px solid #999999;
	border-radius:3px;
	padding:3px;
	margin-top:5px;
	background-color:#FFCC66;
}
.lineAllocInfoPanel.notAlloc {
	background-color:#999999;
}


.listHeader td {
	font-weight:bold;
	border-bottom: 1px solid #999999;
}

.listLine td {
	padding-bottom:10px;
	border-bottom: 1px solid #CCCCCC;
}

.listLineTop td {
	padding-bottom:10px;
}

.listLineBottom td {
	padding-bottom:10px;
	border-bottom: 1px solid #CCCCCC;
}


/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popdowntext {
  visibility: hidden;
  border: 1px solid #555;
  background-color: #FAFAFA;
  color: #000000;
  text-align: center;
  border-radius: 6px;
  padding: 8px 8px;
  position: absolute;
  z-index: 1;
  top: 70%;
  left: 50%;
  margin-left: -100px;

}

/* Popup arrow */
.popup .popdowntext::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color:  transparent transparent #555 transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 0.25s;
  animation: fadeIn 0.25s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}


.hidden {
	display:none;
}

.collectLineIndicator {
	display:inline-table;
	background-color:#CCFF99;
	padding:3px;
	font-weight:bold;
}

.deliveryLineIndicator {
	display:inline-table;
	background-color:#CCCCCC;
	padding:3px;
	font-weight:normal;
}

.tooltip {
	color:#000000;
	width:300px;
	min-height:60px;
	background-color:#CC99FF;
	border:2px solid #666666;
	padding:10px;
	z-index:100001;
}