BODY {
	 MARGIN: 0px; 
	  scrollbar-face-color: #FFFFFF; 
	  scrollbar-shadow-color: #cbc9bf; 
	  scrollbar-highlight-color: #FFFFFF; 
	  scrollbar-3dlight-color: #cbc9bf; 
	  scrollbar-darkshadow-color: #FFFFFF; 
	  scrollbar-track-color: #FFFFFF; 
	  scrollbar-arrow-color: #cbc9bf; 
	  background-color: #e6e6e6;
	  background-position: left top;
	  margin: 0px auto;
	  padding: 0px;

}

.TopTab {
border: 0px solid #a4d1ff; 
margin-top:0px; 
webkit-border-top-right-radius: 10px;  
webkit-border-top-left-radius: 10px;  
moz-border-radius-topright: 10px;  
moz-border-radius-topleft: 10px;  
border-top-right-radius: 10px;  
border-top-left-radius: 10px; 
} 

.TopTabRight {
border: 0px solid #a4d1ff; 
margin-top:0px; 
webkit-border-top-right-radius: 10px;  
moz-border-radius-topright: 10px;  
border-top-right-radius: 10px;  
} 

.TopTabLeft {
border: 0px solid #a4d1ff; 
margin-top:0px; 
webkit-border-top-left-radius: 10px;  
moz-border-radius-topleft: 10px;  
border-top-left-radius: 10px; 
} 


h2{
	font-size:16px;
	color:#6a6a6a;
	line-height:18px;	
	margin-top:6px;
}

A.Text:link {
	FONT-SIZE: 14px; COLOR: #0083c1; FONT-FAMILY: Calibri,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.Text:active {
	FONT-SIZE: 14px; COLOR: #0083c1; FONT-FAMILY: Calibri,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.Text:visited {
	FONT-SIZE: 14px;COLOR: #0083c1; FONT-FAMILY: Calibri,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.Text:hover {
	FONT-SIZE: 14px; COLOR: #0077b0; FONT-FAMILY: Calibri,Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.Text:hover {
	FONT-SIZE: 14px; COLOR: #FF9900; FONT-FAMILY: Calibri,Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.Text {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
    line-height:1.5em;
}
.TextBlauw {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #0083c1;
}

.TextTitel {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #0083c1;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold; 
}

.Textklein {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	color: #323232;
}

.tekst {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
}
.tekstNormal {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
}
A:link {
	FONT-SIZE: 8pt; COLOR: #007af4; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:visited {
	FONT-SIZE: 8pt;COLOR: #007af4; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none
}
A:hover {
	FONT-SIZE: 8pt; COLOR: #ff8000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.menubutton {
width:100px;
height:17px;
margin:2px;
background-color:#eef0f2;
font-size:8pt;
COLOR: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
border-top: 1px solid #dee2e7;
border-left: 1px solid #dee2e7;
border-bottom: 1px solid #718493;
border-right: 1px solid #718493;
} 
a:visited.menubutton {
COLOR: #000000;
}
a:active.menubutton {
COLOR: #000000;
}
a:hover.menubutton {
background-color:#e1e4e8;
COLOR: #000000;
}

}

.TableText {

	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232; 

}

.TableText td{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232; 
	border:1px solid #f0f0f0;
}

.TableNoBorder{
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232; 
	border:0px ;
	border-collapse:collapse;
}

.TableNoBorder td {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232; 
	border:0px ;
	border-collapse:collapse;
}

.lijst{
	background-color: #c3d0d8;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 9px;
	border-color:#c0c0c0;
        border-style: none;
}
.lijstlicht{
	background-color: #ffffff;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 9px;
        border-style: none;
}
.lijstdonker{
	background-color: #ebebeb;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 9px;
        border-style: none;
}
.lijstActive {  
	background-color: #7dbeff;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
        border-style: none;
}
.lijstattentie{
	background-color: #ff8000;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
        border-style: none;
}
.lijstkop{
    background-color: #a4d1ff;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 9px;

 
}
.lijstborder{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Helvetica ,Arial, sans-serif;
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 9px;
        border-style: none;
}





.formlicht{
	background-color: #f3f4f8;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 5px;
}
.formdonker{
	background-color: #f3f4f8;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt;
	COLOR: #000000; 
	FONT-FAMILY: Helvetica ,Arial, sans-serif; 
	TEXT-ALIGN: left;
	MARGIN: 3px 3px;
	PADDING-LEFT: 5px;
}

	
	form{
		display:inline;
	}

A:link.adres {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:active.adres {
	FONT-WEIGHT: bold; FONT-SIZE: 8px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none
}
A:visited.adres {
	FONT-SIZE: 8pt;COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none
}
A:hover.adres {
	FONT-SIZE: 8pt; COLOR: #ff8000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
	
	
.tekstlinks {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #000000; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.titellinks {
FONT-WEIGHT: bolder; FONT-SIZE: 9pt; MARGIN: 0px 5px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
; padding: 0px 5px
}
.onderaan {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 7pt; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #FFCC00; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.ondertitel { FONT-WEIGHT: normal; FONT-SIZE: 7pt; MARGIN: 0px 5px 0px 0px; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none ; padding: 0px 5px 0px 0px}
.klein { FONT-WEIGHT: normal; FONT-SIZE: 7pt; MARGIN: 0px 5px; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none ; padding: 0px 5px }
.titelextra { FONT-WEIGHT: bolder; FONT-SIZE: 9pt; MARGIN: 2px 5px; COLOR: #0099CC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none ; padding: 2px 5px}
.adminnav { FONT-WEIGHT: normal; FONT-SIZE: 8pt; MARGIN: 0px 2px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none ; padding: 0px 2px}
.sidenav {
	PADDING-RIGHT: 2px;  PADDING-LEFT: 2px;   FONT: bold 11px verdana; 
	}
A.sidenav {
	COLOR: #787878; TEXT-DECORATION: none
}
A.sidenav:active {
	COLOR: #787878; TEXT-DECORATION: none
}
A.sidenav:visited {
	COLOR: #787878; TEXT-DECORATION: none
}
A.sidenav:hover {
	COLOR: #0091d7; TEXT-DECORATION: underline
}

A.volgorde {
	COLOR: #ffffff; TEXT-DECORATION: bold
}
A.volgorde:active {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.volgorde:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.volgorde:hover {
	COLOR: #ffff00; TEXT-DECORATION: underline
}


.anylinkcss{
position:absolute;
visibility: hidden;
font:normal 11px Verdana;
text-align: left;
line-height: 15px;
z-index: 100;
padding: 7px 5px;
background-color: #ffffff;
width: 205px;
border: 1px solid #e1e1e1;
border-radius:7px; 
-moz-border-radius:7px; 
-khtml-border-radius:7px; 
-webkit-border-radius:7px; 
-moz-box-shadow: 7px 7px 7px #dfdfdf; 
-webkit-box-shadow: 7px 7px 7px #dfdfdf; 
box-shadow: 7px 7px 7px #dfdfdf;	
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;
 
}
.anylinkcss a:visited{
width: 100%;
display: block;
text-indent: 3px;

padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;

}
.anylinkcss a:active{
width: 100%;
display: block;
text-indent: 3px;

padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;

}

.anylinkcss a:hover{ /*hover background color*/
background-color: #22b7ff;
font-weight: bold;
color: #ffffff;
}


.Box {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	background-color: #fbfbfb;
	font-size: 14px;
	text-align: left;
	color: #323232;
border: 1px solid #d6d6d6; 
margin-top:5px; 
border-radius:6px; 
-moz-border-radius:6px; 
-khtml-border-radius:6px; 
-webkit-border-radius:6px;  

}

.BoxActive {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	background-color: #dee4e7;
	font-size: 14px;
	text-align: left;
	color: #323232;
border: 1px solid #d6d6d6; 
margin-top:5px; 
border-radius:6px; 
-moz-border-radius:6px; 
-khtml-border-radius:6px; 
-webkit-border-radius:6px;  

}

.BoxShadow {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
border: 1px solid #d6d6d6; 
margin-top:5px; 
border-radius:6px; 
-moz-border-radius:6px; 
-khtml-border-radius:6px; 
-webkit-border-radius:6px;  
-moz-box-shadow: 6px 6px 6px #dfdfdf; 
-webkit-box-shadow: 6px 6px 6px #dfdfdf; 
box-shadow: 6px 6px 6px #dfdfdf;	
}

.BoxShadowActive {
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #323232;
	background: #b9dcff;
	cursor: pointer;
border: 1px solid #d6d6d6; 
margin-top:5px; 
border-radius:6px; 
-moz-border-radius:6px; 
-khtml-border-radius:6px; 
-webkit-border-radius:6px;  
-moz-box-shadow: 6px 6px 6px #b5b5b5; 
-webkit-box-shadow: 6px 6px 6px #b5b5b5; 
box-shadow: 6px 6px 6px #b5b5b5;	
}

.hovermenu{
position:absolute;
	font-family: Calibri,Arial, Helvetica, sans-serif;
	font-size: 12px;
text-align: left;
line-height: 18px;
z-index: 80;
padding: 7px 5px;
background-color: #fbfbfb;
margin-top:5px; 
width: 205px;
border: 1px solid #e1e1e1;
border-radius:7px; 
-moz-border-radius:7px; 
-khtml-border-radius:7px; 
-webkit-border-radius:7px; 

}

.hovermenu a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;
 
}
.hovermenu a:visited{
width: 100%;
display: block;
text-indent: 3px;

padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;

}
.hovermenu a:active{
width: 100%;
display: block;
text-indent: 3px;

padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000080;

}

.hovermenu a:hover{ /*hover background color*/
background-color: #dee4e7;
font-weight: bold;
color: #000000;
}

.basetabs{
padding: 5px 0;
margin-left: 30;
margin-top: 1px;
margin-bottom: -5;
font-family: Calibri,Arial, Helvetica, sans-serif;
font-size: 14px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.basetabs li{
display: inline;
margin: 0;

}

.basetabs li a{
text-decoration: none;
position: relative;
height: 30px;
z-index: 1;
padding: 7px;
margin-right: 3px;
border: 1px solid #cdcdcd;
color: #808080;
background-color: #f7f7f7; 

webkit-border-top-right-radius: 6px;  
webkit-border-top-left-radius: 6px;  
moz-border-radius-topright: 6px;  
moz-border-radius-topleft: 6px;  
border-top-right-radius: 6px;  
border-top-left-radius: 6px; 
}


.basetabs li a.active{ 
display: block
color: #0079f2;
FONT-WEIGHT: bold;
background-color:#ffffff;
background-image: none;
border: 1px solid #cdcdcd;
border-bottom-color: white;
}
.basetabs li a:hover{
text-decoration: none;
color: #ffffff;
background-color:#0083c1;
background-image: none;
}

.button_blue{
    cursor:pointer;
    font-size: 11px;
    color: #000000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 6px;
    margin-top:5px;
    background-color:#cfcfcf;	
    border: 1px solid #808080;
    background: -moz-linear-gradient(top, #e1e1e1, #a6a6a6);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#a6a6a6));
}
.button_blue:hover {
    color:#000000;
    background:#a4d1ff;
    text-decoration: none;
    background: -moz-linear-gradient(top, #249ee4, #057cc0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249ee4), to(#057cc0));
}


.button_red{
    cursor:pointer;
    font-size: 11px;
    color: #000000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 6px;
    margin-top:5px;
    background-color:#cfcfcf;	
    border: 1px solid #808080;
    background: -moz-linear-gradient(top, #ff8a8a, #ff0000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8a8a), to(#ff0000));
}	
.button_red:hover {
    color:#000000;
    background:#a4d1ff;
    text-decoration: none;
    background: -moz-linear-gradient(top, #249ee4, #057cc0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249ee4), to(#057cc0));
}
	
	
	/*-------------------------------------------------------*/
	/*FORMS*/
/*-------------------------------------------------------*/
.fieldset{
margin-top: 10px;
}

label {

	font-weight:normal;
	display:block;
}
.form {
	margin-top:15px;
}

input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input.text,input.title,textarea {
	background-color:#FFF;
	border:1px solid #e1e1e1;
	font-size:14px;
	color: #303030;
    border-radius:5px; 
    -moz-border-radius:5px; 
    -khtml-border-radius:5px; 
    -webkit-border-radius:5px;  
	padding-left: 2px;
	height: 25px;

}
input[type=text]:focus,input[type=search]:focus,input[type=email]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus {
	-moz-box-shadow: 0 0px 3px #d7d7d7;
	-webkit-box-shadow: 0 0px 3px #d7d7d7;
	border:1px solid #c0c0c0;
	-moz-box-shadow: 0 0px 5px #d7d7d7; 
	-webkit-box-shadow: 0px 0px 7px #d7d7d7; 
	box-shadow: 0px 0px 5px #d7d7d7;	
}

input[readonly]:not(.border),input[readonly]:not(.border):focus {
border:0px solid #c0c0c0;
background-color:transparent;
}

*, input, select, textarea, option, button {outline: none!important;}

select {
	background-color:#fff;
	border:1px solid #e1e1e1;
	font-size:14px;
	color: #303030;
	height: 30px;
    border-radius:5px; 
    -moz-border-radius:5px; 
    -khtml-border-radius:5px; 
    -webkit-border-radius:5px;
	padding: 4px;  
}

input.text,input.title {
	
	padding:5px;
}
input.title {
	font-size:1.5em;
}
textarea {
	width:610px;
	height:180px;
	padding:5px;
}
form.inline {
	line-height:3;
}
form.inline p {
	margin-bottom:0;
}
.required {
	color:#ff0000;
}

.customerBox{cursor: pointer; position: relative; min-height: 130px;  padding: 9px; font-family:verdana; font-weight:bold; font-size:13px;}
.customerBox:hover{background-color: #dee4e7; color: #323232;}
.noCustomerBox{background: #f66 !important; color: #fff !important;}
.noCustomerBox a{color:#ff0;}
.quickScrapChangeCustomerBox{cursor:default; position:relative; padding:9px;}
.quickScrapTable td{padding-left:4px;padding-right:4px;}
.orderBox{position:relative; min-height:130px; width:180px; padding:9px;}
.orderBox .title{margin:0 0 .5em;}
.orderInfo td{font-family:Verdana; font-size:13px;}
/*-------------------------------------------------------------------------------------------------*/

.paginate-wrapper{margin:1em 0;}
.paginate {font-family: Arial, Helvetica, sans-serif; border: 1px solid #0080c0; padding: 2px 6px 2px 6px; font-size: 1em; border-radius:4px;}
a.paginate {border: 1px solid #0080c0; padding: 2px 6px 2px 6px; text-decoration: none; color: #000080; border-radius:4px;}
a.paginate:hover {background-color: #0080c0; color: #FFF; text-decoration: none; border-radius:4px;}
a.current {border: 1px solid #0080c0; font: bold 1em Arial,Helvetica,sans-serif; padding: 2px 6px 2px 6px; cursor: default; background:#0080c0; color: #FFF; text-decoration: none; border-radius:4px;}
span.inactive {border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 2px 6px 2px 6px; color: #999; cursor: default; border-radius:4px;}

h1.title, h2.title, h3.title, h4.title{font-family:verdana;color:#0091d7;}
h1.title{font-size:1.3em;font-weight:bold;margin-bottom:1em;}
h1.title a{font-size:1em;color:#0091d7;border-bottom:1px dotted #0091d7;text-decoration:none;}
h2.title{font-size:1.2em;margin-top:1em;}
table.striped{font-size: 9pt;font-weight: normal;color:#000000;font-family: Helvetica, Arial, sans-serif;border-style: none;}
table.striped tbody tr:nth-child(even) {background:#f2f2f2;}
table.striped tbody tr:nth-child(odd) {background:#fff;}
table tr.active {background:#b4dbe7 !important;cursor:pointer;}
table.striped tr.active {background:#b4dbe7;cursor:pointer;}
table.striped td{padding-left:6px;padding-right:6px;padding-top:4px;padding-bottom:4px;font-size: 9pt;font-family: Helvetica ,Arial, sans-serif;}
table.striped > thead, thead.head th, 
table.striped > thead td, thead.head td{font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 10pt; background: #a4d1ff; color: #000000; text-align: left; margin: 3px 3px;}
table.striped > thead td a, thead.head td a{font-family: Helvetica, Arial, sans-serif; font-size: 10pt; color: #000000; border-bottom:1px dotted #000;text-decoration:none;}
table.striped > thead td a:hover, thead.head td a:hover{border-bottom:0;}

table.striped tfoot.separate{background:#fff;;}
table.striped tfoot.separate th{border:1px solid transparent;}
table.striped tfoot.separate td{border:1px solid #999 !important;background:#eee;}
table.striped tfoot tr td{background:#ccc;}
table.striped tfoot.white  tr td{background:#f9f9f9;}
table.striped tfoot.blue  tr td{background:#a4d1ff;}
table.borders{border-collapse:collapse;}
table.borders td, table.borders th{border:1px solid #999;padding:.3em .5em;}

tr[data-href]{cursor:pointer;}
td.clickable.hovered{cursor:pointer;}
th.left, td.left{text-align:left !important;}
th.center, td.center{text-align:center !important;}
th.right, td.right{text-align:right !important;}

table.sortableTable th[data-sortby]{cursor:pointer;}
table.sortableTable th.sorted[data-order]:after{display:inline-block;margin-left:.5em;}
table.sortableTable th.sorted[data-order="asc"]:after{content:"\2191";}
table.sortableTable th.sorted[data-order="desc"]:after{content:"\2193";}

.mainLogo{margin:.2rem 1rem .5rem;display:inline-block;}
.posLogo{margin:.2rem 1rem;display:inline-block;text-align:right}
.main-container{background:#fff;border: 1px solid #808080;width:1000px;margin:0 auto;}
.menu-container{height:20px;border-top: 2px solid #808080;}
.page-container{background:#fff;padding:.5em 1.5em 1em;text-align:left;font-family:arial;font-size:12px;}

select.error, input.error{border:1px solid #ff0000;}
td.error{color: #ff0000;}
.nowrap{white-space:nowrap;}
.nodecoration, .nodecoration:hover{text-decoration:none;border-bottom:0 !important;}
.icon{vertical-align:middle;margin-top:-2px;}
.copyright{font-family:arial;color:#999;font-size:11px;text-align:center;padding:.5em 0;clear:both;}
.inline-block{display:inline-block;}
.vtop{vertical-align:top;}
.center{text-align:center;}

#popup_container {font-family: Arial, sans-serif;font-size: 12px;min-width: 200px;max-width: 600px;background: #FFF;border: solid 5px #999;color: #000;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#popup_title {display:none;font-size: 14px;font-weight: bold;text-align: center;line-height: 1.75em;color: #666;background: #CCC url(../images/alerts/title.gif) top repeat-x;border: solid 1px #FFF;border-bottom: solid 1px #999;cursor: default;padding: .4em;margin: 0em;}
#popup_content {background: 16px 16px no-repeat url(../images/alerts/info.gif);padding: 1em 1.75em;margin: 0em;}
#popup_content.alert {background-image: url(../images/alerts/info.gif);}
#popup_content.confirm {background-image: url(../images/alerts/important.gif);}
#popup_content.prompt {background-image: url(../images/alerts/help.gif);}
#popup_content.popup select{margin-bottom:1px}
#popup_message {margin:0 0 0 43px;text-align:center;}
#popup_panel {text-align: center;margin: 1em 0em 0em 43px;white-space:nowrap}
#popup_prompt {margin: .5em 0em;}

#popBox{position: absolute;z-index: 2;background: #ffffff;width: 310px;padding: 1em;border: 1px solid #0080c0;color: #000000;font-weight: bold;}

.loginForm .alert{text-align:center;}
.alert-success{color:#090;}
.alert-danger{color:#f00;}
.text-center{text-align:center}
label.inline{display:inline;}
#marquee{position: absolute;}

.tabContainer{position: relative; /*margin-left: 15px;*/ padding: 15px; width: 100%; box-sizing:border-box;}
.tabContainer .tab{display:none;}

.photoBox{display:inline-block; padding:8px; max-width:280px; margin:.25em; vertical-align:top;}
.photoDescription{font-size:12px; display:block; margin-bottom:.25em;}
#ui-datepicker-div{display:none;}
.popupScrapForSale{background: #ffffff; position:absolute; width:200px; height:100px; padding: 20px; margin-top:70px; margin-left:300px; display:none;}