﻿
#sectionHeader {
    font-weight:bold;
    text-align:center;
    height:28px;
    width:auto;
      -webkit-border-radius: 5px 5px 5px 5px; 
      -moz-border-radius: 5px 5px 5px 5px;
      -o-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      padding-top:3px;
}


#categories, #categories_0 {
  border: 1px solid #bbb;
  background-color: rgba(221, 217, 217, 0.77);
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(rgba(203, 202, 202, 0.77)));
  background-image: -webkit-linear-gradient(top, #ffffff, rgba(203, 202, 202, 0.77));
  background-image: -moz-linear-gradient(top, #ffffff, rgba(203, 202, 202, 0.77));
  background-image: -ms-linear-gradient(top, #ffffff, rgba(203, 202, 202, 0.77));
  background-image: -o-linear-gradient(top, #ffffff, rgba(203, 202, 202, 0.77));
  background-image: linear-gradient(to bottom, #ffffff, rgba(203, 202, 202, 0.77));
  color: #555;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  cursor:default;
  position:relative;
  padding-top: 5px;
}


#products, .products {
  border: 1px solid #bbb;
  background-color: rgba(221, 217, 217, 0.77);
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(rgba(203, 202, 202, 0.77)));
  background-image: -webkit-linear-gradient(top, #ffffff, rgba(203, 202, 202, 0.77));
  background-image: -moz-linear-gradient(top, #ffffff, rgba(203, 202, 202, 0.77));
  background-image: -ms-linear-gradient(top, #ffffff, rgba(203, 202, 202, 0.77));
  background-image: -o-linear-gradient(top, #ffffff, rgba(203, 202, 202, 0.77));
  background-image: linear-gradient(to bottom, #ffffff, rgba(203, 202, 202, 0.77));
  color: #555;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  cursor:default;
  position:relative;
  width:100%;
  padding-top: 5px;
}

.category {
  cursor:default;
  position:relative;
  padding-left:5px;
  padding-right:5px;
  padding-bottom: 5px;
}

.product{
  cursor:default;
  position:relative;
  padding-bottom: 5px;
  padding-left:5px;
  padding-right:5px;

}

#layout {
    width:1080px;
}

#layout #leftPane {
    float: left;
    width:410px;
    height:440px;
}

#layout #leftPane #content {
    width:410px;
    height:400px;
    overflow:auto;

}


#layout #rightPane {
    float: right;
    width:600px;
    height:440px;
}

#layout #rightPane #leftPane {
    float: left;
    width:50px;
}

#layout #rightPane #rightPane {
    float: right;
    width:530px;
}


#importProducts {
    width:1080px;
}

#importProducts #leftPane {
    float: left;
    width:510px;
}

#importProducts #leftPane #content {
    width:100%;
}

#importProducts #rightPane {
    float: right;
    width:540px;
}

#importProducts #rightPane #leftPane {
    float: left;
    width:50px;
}

#importProducts #rightPane #rightPane{
    float: right;
    width:480px;
}


#linkDebiteuren{
    width:820px;
}
#linkDebiteuren #leftPane {
    float: left;
    width:450px;
    height:450px;
}

#linkDebiteuren #leftPane #content {
    border:1px solid green;
    width:100%;
    height:440px;
}

#linkDebiteuren #rightPane {
    float: right;
    width:360px;
    height:440px;
}

#linkDebiteuren #rightPane #content {
    border:1px solid green;
    padding-top:5px;
    padding-left:5px;
    width:100%;
    height:440px;
}

#deliverLocationLayout {
    width:850px;
}

#deliverLocationLayout #leftPane {
    width:380px;
    float:left;
}

#deliverLocationLayout #rightPane {
    width:450px;
    float:right;
}

#deliverLocationLayout #rightPane #leftPane {
    width:50px;
    float:left;
}

#deliverLocationLayout #rightPane #rightPane {

    width:380px;
    float:right;
}



#clear {
    clear:both;
}

#showCategory, #editCategory, #deleteCategory, #deleteProduct, #addCategory {
    padding-left:5px;
    float:left;
}

#loading-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
}

