/* 
 * ./eb.css
 *
 * settings to make eb elements fit the joomla-based layout from k.i gmbh 
 */
 
select, input, textarea {
    border:1px solid #107E67;
    font-size:10px;
}

.align-right {
    text-align: right;	
}

.pad-top-5 {
    padding-top: 5px;   
}
.pad-top-10 {
    padding-top: 10px;   
}

.w80 {
    width: 80px;   
}

.w90 {
    width: 90px;   
}

.no-border {
   border: 0px;	
}

.oddRow{
    background-color: #d4f3d0;
}

.evenRow{
    background-color: #ffffff;
}
.oddAppendRow{
    background-color: #ffffff;
}

.evenAppendRow{
    background-color: #ffffff;
}

/*
 * Elemente des BASS-Designs (base.css, custom.css), 
 * die überschrieben werden müssen
 ************************************************************/
div#user1 {
	z-index: 2;
}

/*
 * Generelle Elemente für eB in Kombination mit dem BASS-Design
 * (zum Beispiel zur Darstellung von Fehlermeldungen etc. )
 ************************************************************/
#simpleContentBox {
    padding:   25px;   	
}

#simpleContentBox a{
    color: #107E67; 
}

#simpleContentBox a.visited {
    color: #107E67; 
}

#simpleContentBox ul {
  list-style-type: disc;	
}

#simpleContentBox ul li{
  list-style-type: disc;	
}

/* Menü */
#user1 .menu{
	position: absolute;
	left: 38px;
    bottom: 15px;
}

/* Errors */
.fieldError {
    color: darkred;
}

/*
 * "Klammern" für Boxen
 ************************************************************/

.leftUpperCorner{
    border-left: 1px solid #107E67;
    border-top: 1px solid #107E67;
    height: 10px;
    width: 10%;
}
.rightUpperCorner{
    border-right: 1px solid #107E67;
    border-top: 1px solid #107E67;
    height: 10px;
    width: 10%;
}

.borderHeader{
    border-top: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 80%; 
}

.leftLowerCorner{
    border-left: 1px solid #107E67;
    border-bottom: 1px solid #107E67;
    height: 10px;
    width: 10%;
}

.rightLowerCorner{
    border-right: 1px solid #107E67;
    border-bottom: 1px solid #107E67;
    height: 10px;
    width: 10%;
}

.borderFooter{
    border-bottom: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 80%; 
}

div#eb_content {
  min-height: 356px;
  position:relative;
  width: 754px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #F3F4F6;
  z-index:1;
}
div#authenticationForm {
  padding-top: 100px;
}

/* 
 * container displayed in the right lower region
 * this container is used to present additional navigation elements
 * like the direct input form or the shoppingcart state  
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */ 
div#rightNavBox {
left:-214px;
padding-left:25px;
position:absolute;
text-align:left;
top:360px;
width:185px;	
}

#rightNavBox .leftUpperCorner{
    border-left: 1px solid #107E67;
    border-top: 1px solid #107E67;
    height: 10px;
    width: 10%;
}
#rightNavBox .rightUpperCorner{
    border-right: 1px solid #107E67;
    border-top: 1px solid #107E67;
    height: 10px;
    width: 10%;
}
#rightNavBox .leftLowerCorner{
    border-left: 1px solid #107E67;
    border-bottom: 1px solid #107E67;
    height: 10px;
    width: 10%;
}
#rightNavBox .rightLowerCorner{
    border-right: 1px solid #107E67;
    border-bottom: 1px solid #107E67;
    height: 10px;
    width: 10%;
}
#rightNavBox .borderHeader{
    border-top: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 79%; 
}
#rightNavBox .borderFooter{
    border-bottom: 1px solid #107E67;
    float: left;
    height: 10px;
    width: 79%; 
}

#rightNavBox a{
    color: #107E67; 
}

#rightNavBox a.visited {
    color: #107E67; 
}

#rightNavBox .directInputBox {
	padding-left: 10px;
}
#rightNavBox .directInputBox .header {
    font-size: 11px; 
    font-weight: bold;
}
#rightNavBox .directInputBox .ez-box .addToCart {
    text-align: right;
}

#rightNavBox .cartStateBox {
    padding-left: 10px;
}
#rightNavBox .cartStateBox .header {
    font-size: 11px; 
    font-weight: bold;
}

/* 
 * container for the shoppingcart
 * this container is used to present the shoppingcart
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */ 
 
#shoppingcart {
    padding-left: 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

#shoppingcart a {
    color: #107E67;	
}

/* notwendig, um EInstellung für input/select/textarea aus custom.css zu überschreiben */
#shoppingcart select, input, textarea {
    margin-left:  0px;
    margin-right: 0px;
}

#shoppingcart div.errors {
    display             : block;
    border              : solid 2px darkred;
    background-color    : #fff;
    margin-bottom       : 5px;
    padding             : 8px;	
}

#shoppingcart .content{
    background-color: #FFFFFF;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
}
#shoppingcart .content .header{
}
#shoppingcart .content .header h2{
	line-height:1.1em;
	padding-bottom:1em;
	padding-top:0.5em;
}
#shoppingcart .content .footer{
    font-size: 9px;
}

#shoppingcart .content #commandBar{

}

#shoppingcart .content #commandBar .content{
    padding-left: 5px;
}

#shoppingcart .content #commandBar #leftBox{
    text-align: left;
}

#shoppingcart .content #commandBar #rightBox{
    text-align: right;
}

#shoppingcart .content #commandBar .commandButton {
  border:0;
  display:inline;
  height:32px;
  width:32px;
  background-repeat: no-repeat;
}

#shoppingcart .content #commandBar .startOrderFlow, .proceedOrderFlow{
  background-image:url(shoppingcart/proceed.png);
}

#shoppingcart .content #commandBar .recedeOrderFlow{
  background-image:url(shoppingcart/recede.png);
}

#shoppingcart .content #commandBar .deleteShoppingCart {
  background-image:url(shoppingcart/shoppingcart_delete.png);
}

#shoppingcart .content #commandBar .refreshShoppingCart{
  background:url(shoppingcart/shoppingcart_refresh.png) no-repeat;
  margin-top:-8px;
}

#shoppingcart .content #commandBar .printPreview{
  background-image:url(shoppingcart/printer.png);
}

#shoppingcart .content #commandBar .gotoGTC{
  background-image:url(shoppingcart/gtc.png);
}

#shoppingcart .content #shoppingcartTable .refreshShoppingCart{
  background:url(shoppingcart/shoppingcart_refresh16.png) no-repeat;
}

#shoppingcart .content #shoppingcartTable .deleteRow{
  background-image:url(shoppingcart/shoppingcart_delete16.png);
}

#shoppingcart .content #shoppingcartTable .deleteSelectedRows{
  background-image:url(shoppingcart/list-delete.gif);
}

#shoppingcart .content #shoppingcartTable .content{
    line-height: 17px;
}

#shoppingcart .content #shoppingcartTable .content table{
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

#shoppingcart .content #shoppingcartTable .content table th{
    border-bottom: 1px solid black;
}

#shoppingcart .content #shoppingcartTable .content table .footer td{
    border-top: 1px solid black;
}

#shoppingcart .content #shoppingcartTable .content table td{

}

#shoppingcart .content #shoppingcartTable .content table .percent{
    width: 50px;
    text-align: center;   
}

#shoppingcart .content #shoppingcartTable .tableButton {
  border:0;
  display:inline;
  height:32px;
  width:32px;
  background-repeat: no-repeat;
}

.dataTables_wrapper table{
  margin-top: 15px;
  width: 750px;
}

#toolfinder_select select {
  border:1px solid #107E67;
  float:left;
  font-size:10px;
}


/*
 * Registration
 */
#register input, textarea {
	margin: 0px;	
	width: 251px;
}

#register select {
	margin: 0px;	
	width: 253px;
}

#register .label {
	float: left;
	width: 200px;
}

#register .row {
	margin-top: 5px;	
}
 
/*
 * styles for common content boxes, in combination with ez-css
 */
#box-main {
	width: 700px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #D4D4D4;
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

/*
 *styles for the reorder-component
 */
.box-reorder-header {
    margin: 10px 0px 0px 0px;   
}
.box-reorder-table {
    margin: 20px 0px 0px 0px;	
}
.box-reorder-table table {
    width: 680px;	
    background:none repeat scroll 0 0 #FFFFFF;
    border-collapse:collapse;
    text-align: left;
    margin: 5px;
}
.box-reorder-table th {
    border-bottom:2px solid black;
    padding: 4px;
    vertical-align: top;
}

.box-reorder-table td {
    border-bottom:1px solid #CCCCCC;
    padding: 4px;
}

.box-reorder-table .actions {
    width: 120px;
}
.box-reorder-table .actions input{
    width: 100%;
}
/* 
 * styles applied by js-functions or especially used by js
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */ 
 .pleaseWaitBox {
    background-image:url(../images/loader/greenCircleLoader.gif);
    background-repeat: no-repeat; 
 }
 .availability-wait {
    background-image:url(../images/loader/greenArrowsLoader.gif);
    background-repeat: no-repeat;
    text-align: center;
    padding-left: 20px;
}