/* FLASH */
div.notice {
  border: 2px solid #BBDF8D;
  background-color: #EAF7D9;
}
div.info {
  border: 2px solid #B8E2FB;
  background-color: #E8F6FF;
}
div.warning {
  border: 2px solid #F2DD8C;
  background-color: #FFF5CC;
}
div.error {
  border: 2px solid #FFAEAE;
  background-color: #FEEBEB;
}
div.warning span {
  font-weight: bold;
}
div.notice a,
div.info a,
div.error a,
div.warning a {
  color: #333;
}

div.notice,
div.info,
div.warning,
div.error {
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

div.message.notice {
  padding-left: 35px;
  background: #EAF7D9 url("/images/ico-notice.gif") 10px 50% no-repeat;
}
div.message.warning {
  padding-left: 35px;
  background: #FFF5CC url("/images/ico-warning.gif") 10px 50% no-repeat;
}
div.message.info {
  padding-left: 35px;
  background: #E8F6FF url("/images/ico-info.gif") 10px 50% no-repeat;
}
div.message.error {
  padding-left: 35px;
  background: #FEEBEB url("/images/ico-error.gif") 10px 50% no-repeat;
}


/* ERRORS */
div.errorExplanation {
  border: 2px solid #FFAEAE;
  background-color: #FEEBEB;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 0px;
  margin-bottom: 20px;
}
div#errorExplanation h2 {
  border: none;
  background-color: #fcc;
  margin:0;
  margin-bottom:10px;
  padding:5px 10px;
}
div.errorExplanation p {
  padding:0px 10px;
}
div.errorExplanation ul {
  margin:0px 0px 20px 0px;padding:0px;
}
div.errorExplanation ul li {
  margin-left:25px;
}
div.fieldWithErrors {
  border: 1px solid #f00;
  display: inline-block;
  margin-right: 3px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/**
 * Farbtastic Color Picker 1.2
 * © 2008 Steven Wittens
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 */
.farbtastic {
  margin-left:20px;
  background-color:#FFF;
  border:3px solid gray;
  z-index:10;
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(/images/farbastic/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(/images/farbastic/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(/images/farbastic/marker.png) no-repeat;
}



/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* FORMS & UTILITIES */
a, a:hover {
  color: #009900;
}
a.icon img {
  vertical-align: center;
  width: 16px;
  height: 16px;
}
a.file_icon {
  height: 28px;
  vertical-align:center;
  margin-right: 5px;
}
a.file_icon img {
  margin-bottom:-5px;
  width: 24px;
  height: 24px;
}
a.icon:hover,
a.file_icon:hover {
  background-color: transparent;
}

a.close_link {
  display: block;
  margin: 15px 0px 10px 5px;
  color: #333;
  text-decoration: underline;
}
a.close_link:hover {
  background-color: transparent;
  color: #333;
  text-decoration: underline;
}

body {
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
  background-color: #EAEAEA;
  font-family: "Lucida Grande", "Arial";
  font-size: 13px;
  line-height: 18px;
  color: #333;
}

h1, h2, h3, h4 {
  margin-left: 5px;
}

pre {
  margin-left: 5px;
  margin-bottom: 10px;
  background-color: #111;
  color: #33FF00;
  padding: 5px 0px 5px 5px;
}

h1 {
  font-size: 169%;
  font-weight: bold;
  margin-bottom: 15px;
}
h2 {
  font-size: 123%;
  font-weight: bold;
  margin-bottom: 15px;
}
h3 {
  margin-left: 0px;
  margin-bottom: 10px;
  font-size: 108%;
}
h4 {
  margin-left: 0px;
  margin-bottom: 5px;
}

hr {
  height: 1px;
  border: 0px;
  border-bottom: 1px solid #AAA;
}

.box {
  min-height: 1px;
}
.box:after {
  display: block;
  visibility: hidden;
  clear: both;
  line-height: 0;
  font-size: 0;
  content: ".";
}
.noscreen {
  display:none;
}

.main p, 
.main div {
  margin-bottom: 10px;
}

h1 {
  position:relative;
  margin: 0px 0px 15px 0px;
  padding: 15px 15px;
  background: url("/images/content-title.gif") 0 0 repeat-x;
  letter-spacing: -1px;
  color: #FFF;
  display: block;
  font-size: 180%;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
h1 span {
  display: inline-block;
  font-size: 70%;
  color: #FFF;
}
h1 span.subtitle {
  padding-right: 10px;
  float:right;
}
h1 a,
h1 a:hover,
h1 a:visited {
  color: #FFF;
}

h2.block {
  margin: 0px;
  margin-bottom: 10px;
  padding:8px 0px 10px 10px;
  background-color: #DFDFDF;
  color: #000;
  display: block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

#sidebar {
  line-height: 18px;
}
ul {
  margin-bottom: 10px;
  list-style-type: square;
}
ul.arrows,
div.features ul {
  list-style-type:none;
}
ul li {
  margin-left: 20px;
  margin-bottom: 5px;
}
div.features ul li,
ul.arrows li {
  margin-left:0px;
  padding:2px 0 2px 25px; 
  background:url("/images/ul_arrow.gif") 0 50% no-repeat; 
}
div.features ul li {
  margin-left:260px;
  background-position: 0px 5px;
}

.vtop {
  vertical-align: top !important;
}
.baseline {
  vertical-align: baseline !important;
}
.small {
  font-size: 73%;
}
.clear_both {
  clear: both;
  margin:0 !important;
  padding:0 !important;
  height: 0% !important;
  height: 0px !important;
  width: 100%;
}

.top {
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
}
.bottom {
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

label,
textarea,
input.text,
input.password,
input.submit,
select,
option,
button {
  font-family: "Lucida Grande", "Arial";
  font-size: 100%;
  color: #333;
}

button, input.submit, input.file {
  cursor: pointer;
}

button.submit,
a.button {
  display:inline-block;
  border:0px;
  text-decoration:none;
  margin:0;padding:0;
  margin-right:20px;
  width:125px;
  height:29px;
  line-height:29px;
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
  font-size:100%;
  vertical-align:top;
}
button.submit {
  color:#FFF;
  background:url("/images/btn_blue.gif") 0px 0px no-repeat;
}
button.submit.cancel,
a.button.cancel {
  color:#333;
  background:url("/images/btn_gray.gif") 0px 0px no-repeat;
}
button.submit.dark,
a.button.dark {
  color:#FFF;
  background:url("/images/btn_dark_gray.gif") 0px 0px no-repeat;
}

label {
  height: 16px;
  line-height: 16px;
  margin-bottom: 4px;
  font-weight: bold;
}
label.vtop {
  padding-top: 4px;
}
select,
input.text,
input.password {
  width: 250px;
}
input.large,
select.large {
  width: 500px;
}
select.medium,
input.medium {
  width: 140px;
}
input.small,
select.small {
  width:100px;
  font-size:100%;
}
select.mini,
input.mini {
  width: 60px;
}
input.tiny {
  width: 40px;
}
select.tiny {
  width: 50px;
}

input.auto,
select.auto {
  width:auto;
  max-width:140px;
}
div.date_select select {
  width: auto;
}

textarea {
  padding:2px;
  width: 264px;
}
textarea.multilines {
  height:66px;
}
textarea.medium {
  width: 380px;
}
textarea.large {
  width: 600px;
}
input.submit {
  text-transform: uppercase;
}
form div {
  margin-bottom: 10px;
}

label.align,
div.details label,
form div label {
  display: inline-block;
  width: 200px;
  text-align: right;
  margin-right: 10px;
  vertical-align: text-top;
}
form div .unwidth {
  width: auto !important;
  min-width: 1px !important;
  margin-left: 0px !important;
}
form label.unwidth {
  height:auto !important;
  font-weight: normal;
  max-width: 430px;
  text-align: left;
}

div.buttons {
  padding-left: 225px;
}
div.center_buttons {
  padding:0;
  width:100%;
  margin:0 auto;
  text-align:center;
}
div.block div.buttons {
  padding-left: 215px;
}
div.date_select {
  margin-bottom: 10px;
}
div.note {
  font-size: 84%;
  margin-bottom: 15px;
  margin-left: 5px;
}
span.note {
  font-size: 84%;
  margin-left: 5px;
}
div.text {
  margin-bottom: 15px;
  margin-left: 5px;
}
div.inline_note {
  font-size: 84%;
  margin: 2px 0px 7px 215px;
}
form div div.inline_note {
  margin-bottom: 0px;
}
form div.inline_block {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0px;
}
#sidebar form div {
  margin-bottom: 5px;
}
#sidebar form div label {
  width: auto;
  margin-left: 5px;
}
#sidebar form div input.submit {
  margin-left: 5px;
}
#sidebar div.identity {
  margin-bottom:10px;
  padding: 5px;
  border: 3px solid #BFBFBF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/* LAYOUTS */
#page {
  width: 966px;
  margin: 0 auto;
  padding: 0;
}

#wrapper {
  display: block;
  background-color: white;
  border: 3px solid #aaa;
  width: 960px;
  padding: 0px 10px;
}

#header {
  position:relative;
  padding: 0px 10px;
  display: block;
  padding-top: 35px;
  height: 60px;
  margin-left: -10px;
  margin-right: -10px;
  background: url("/images/top.gif") 0px -10px repeat-x;
}
#header div.track {
  position:absolute;
  top:5px;
  margin-left:20px;
}
#header div.track a {
  color:#333;
}

#sidebar {
  background-color:#FFF;
  vertical-align: top;
  width: 200px;
  margin: 0px;
  padding: 15px 8px 15px 0px;
}
#main {
  background-color:#FFF;
  float: right;
  vertical-align: top;
  min-height: 730px;
  width: 720px;
  padding: 15px 0px 15px 20px;
  border-left: 1px solid #ccc;
}
#no_sidebar #main {
  padding: 15px 0px;
  width: 100%;
  border-left: none;
}

#footer {
  clear: both;
  margin-top: 15px;
  text-align: right;
  padding: 0px 15px;
}

#header div.title {
  position:relative;
  line-height:28px;
  margin-left:20px;
  color: #888;
  font-weight: normal;
  font-size: 123%;
}

#header div.title img {
  margin-right:20px;
  margin-bottom:-1px;
  vertical-align:baseline;
}

#header div.subtitle {
  display: inline;
  margin-left: 20px;
  line-height: 30px;
}

#menu {
  margin:0;padding:0;
  position: relative;
  width: 960px;
  height: 45px;
  background: url("/images/menu.gif") 0 0 no-repeat;
  overflow: hidden;
  font: bold 100%/1 "tahoma",sans-serif;
}
#menu ul {
  margin: 0 20px;
  list-style: none;
}
#menu li {
  float:left;
  margin:0;
}
#menu li a {
  color: #404040;
  display:block;
  margin:0;
  padding: 17px 20px 17px 18px;
  background: url("/images/menu-separator.gif") 100% 0 no-repeat;
  text-decoration: none;
}
#menu li.last {
  margin:0;
  padding-left:0px;
  float:right;
}
#menu li.last a {
  background: none;
}
#menu li a:hover {
  color: #FFF;
  background: url("/images/menu-hover.gif");
}
#menu li a.active {
  color: #FFF;
  background: url("/images/menu-active.gif");
}

#subnav {
  margin:0;padding:0;
  position: relative;
  width: 960px;
  height: 45px;
  overflow: hidden;
  font: bold 100%/1 "tahoma",sans-serif;
  border-bottom: 3px solid #BFBFBF;
}

#subnav ul {
  margin: 0px;
  list-style: none;
}
#subnav li {
  display: inline;
}
#subnav li a {
  color: #404040;
  display: block;
  float: left;
  padding: 17px 20px 17px 18px;
  text-decoration: underline;
}
#subnav li a:hover {
  color: #2BAE00;
}
#subnav li a.active {
  color: #2BAE00;
  text-decoration:none;
}

div.spaced {
  margin: 20px 0px;
}

div.block {
  position: relative;
  clear: both;
  margin: 0px;
  padding: 0px;
  width: 100%;
  margin-bottom: 20px;
  vertical-align: top;
}

div.info.block {
  width:716px;
}
div.info.block h2 {
  background-color: #049BEF;
  color:#FFF;
}
div.info.block h2 a {
  color:#FFF;
}
div.reminder {
  border: 2px solid #f00;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

div.left div.block,
div.right div.block {
  width: auto;
  min-width: 200px;
  margin-bottom: 0px;
}
div.left {
  margin-right: 15px;
}
div.right {
  margin-left: 15px;
}
div.summary {
  min-height: 195px;
  padding-bottom: 0px;
  margin-left:8px;
}
div.left.summary {
  width:200px;
}
div.summary_short {
  min-height: 155px;
  width: 330px;
  padding-bottom: 0px;
}
div.right.summary,
div.right.summary_short {
  float:left;
  padding-left:20px;
  max-width: 450px;
  border-left:3px solid #F0F0F0;
  padding-left:20px;
}
div.explain {
  border: 2px solid #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 10px;
  width: 677px;
}
div.block h2,
div.textile h2 {
  background-color: #DFDFDF;
  margin: 0;
  padding: 8px 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #000;
}
div.block h2 span {
  margin-left: 10px;
  font-size: 80%;
  font-weight: bold;
}
div.block .content {
  padding: 10px 10px 0px 10px;
}
div.block p {
  margin-bottom: 8px;
}
#sidebar .block {
  padding: 5px 0px 15px 0px;
  margin: 0;
  clear: none;
}
#sidebar .block h2 {
  margin: 0;
  padding: 0;
  margin-right: 10px;
  padding-left: 4px;
  font-size: 123%;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}
#sidebar ul {
  padding: 0;
  border-bottom: 1px solid #ccc;
  margin: 0px 0px 5px;
}
#sidebar ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 5px;
  padding-left: 5px;
}
#sidebar ul.links li {
  padding-left: 0px;
}
#sidebar ul.links li a {
  padding: 4px 5px 4px 8px;
  display: inline-block;
  width: 190px;
  font-weight: bold;
  color: #333;
}
#sidebar input {
  margin-left: 5px;
}
#sidebar ul.links li a.active,
#sidebar ul.links li a:hover.active {
  background-color: #009933;
  background: url("/images/menu-active.gif");
  text-decoration: none;
  color: #FFF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#sidebar ul.links li a:hover {
  background-color: #333;
  background: url("/images/menu-hover.gif");
  color: #FFF;
  text-decoration: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/* Search block */
.search {
  margin-bottom: 10px;
}
.search fieldset {
  border: 1px solid #bfbfbf;
  padding: 7px 10px;
}
.search legend {
  font-weight: bold;
  font-size: 120%;
  padding: 2px 4px;
}
/* Sortable items as table */
.title,
.nature {
  text-align: left;
}
.quantity,
.price,
.vat,
.total {
  text-align: right;
}
.handle:hover {
  cursor: move;
}

.header a, .header a:visited, .header a:hover {
  color: #111;
}

a.ttc_link {
  font-weight:bold;
  font-size:75%;
  float:right;
}

ul#items {
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  width: 100%;
  list-style-type:none;
}
ul#items li {
  display: block;
  clear:both;
  float:left;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #e7e7e7;
  margin-top: 3px;
}
ul#items li.header {
  border: none;
}
ul#items li.item {
  padding-top: 5px;
}
ul#items li div {
  display:block;
  float:left;
  vertical-align:top;
  margin:0px 0px 3px 0px;
  padding: 0px 5px;
}
ul#items li div span,
ul#items li div.readonly {
  display:block;
  float:left;
  padding-top: 5px;
  padding-bottom: 5px;
}
ul#items li p {
  margin:0px;
}
ul#items li div.quantity {
  width: 50px;
  text-align: center;
}
ul#items li div.title {
  width: 340px;
}
ul#items li div.title input.text {
  width: 330px;
}
ul#items li div.title textarea {
  height:18px;
  !height:17px;
  margin:0px;
  width: 330px;
}
ul#items li div.title textarea.multilines {
  height:66px;
}
ul.with_vat#items li div.title {
  width: 280px;
}
ul.with_vat#items li div.title textarea {
  width: 275px;
}

ul#items li div.price {
  width: 100px;
}
ul#items li div.price input {
  width: 90px;
}
ul#items li div.total {
  padding-top: 5px;
  width: 100px;
}
ul#items li div.vat {
  width: 50px;
  text-align: center;
}
ul#items li div.edit {
  padding-top: 5px;
}
ul#items li div.others {
  display:block;
  clear:both;
  padding:0;margin:0;
  padding-top:5px;
  padding-left:18px;
}
ul#items li select.nature {
  width: 250px;
}
ul#items li.header div {
  border: none;
  padding: 5px;
  margin:0px -2px;
  padding-left:7px;
  background-color: #E8F6FF;
  font-weight: bold;
  font-size: 105%;
  color: #111;
}
table.total {
  display:block;
  clear:both;
}
table.total td {
  font-size:100%;
}
table tr.notop td {
  border-top:none;
}
td.items_ft {
  padding: 5px 5px 5px 0px;
  text-align: right;
  width: 100%;
  font-weight:bold;
}
td.items_val,
td.items_field {
  margin: 5px;
  white-space:nowrap;
  text-align: right;
}
ul#items li div.items_val {
  padding: 5px;
}

ul#items li div.total input,
ul#items li div.price input,
ul#items li div.quantity input,
ul#items li div.items_field input {
  text-align: right;
}

ul#items li#new_line {
  display:block;
  clear:both;
  float:left;
  text-align: left;
  border:none;
  height:30px;
  padding-top:10px;
  border-bottom: 1px solid #e7e7e7;
  width:100%;
}
ul#items li#new_line a {
  width: auto;
  white-space : nowrap;
}
ul#items select#product_id {
  width:250px;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 15px;
  font-size: 100%;
}
table tr {
  border-bottom: 1px solid #e7e7e7;
}
table tr.even {
  background-color: #F9F9F9;
}

table tr.header,
table tr.header:hover {
  border: 1px solid #e7e7e7;
  background-color: #E8F6FF;
  color: #111;
}
table th {
  padding: 5px 10px;
  vertical-align: top;
  font-weight: bold;
  white-space: nowrap;
  text-align: left;
  font-size: 105%;
}
table th a,
table th a:hover {
  color: #111;
}
table td {
  font-size: 92%;
  padding: 5px 10px;
  text-align: left;
  border: 1px solid #e7e7e7;
}
table td a,
table td a:hover {
  color: #333;
}
table td.strong {
  font-weight: bold;
}
table .nowrap {
  white-space: nowrap;
}
table .right {
  float: none;
  text-align: right;
}
table .left {
  float: none;
  text-align: left;
}
table .center {
  float: none;
  text-align: center;
}

.overdue {
  background-color: #FC9B18;
  color: #FFF;
}
.draft {
  background-color: #67C94F;
  color: #FFF;
}
.overdue a,
.overdue a:hover,
.draft a,
.draft a:hover {
  color: #FFF;
}

table tr.odd:hover,
table tr.even:hover,
table tr.even:hover a,
table tr.odd:hover a,
table tr.draft:hover,
table tr.overdue:hover,
table tr.draft:hover a,
table tr.overdue:hover a {
  background-color: #ffd !important;
  color: #111 !important;
}


/* press */
ul.press li {
  margin-bottom: 20px;
}
ul.press li p {
  margin: 2px 0px;
  padding:0px;
}

/* Button */
a.button_add {
  display: inline-block;
  padding-left: 20px;
  background: url("/images/add.gif") 0px 50% no-repeat;
  font-size: 16px !important;
  text-decoration: underline;
  color: #FFF;
}

a.button_import {
  display: inline-block;
  padding-left: 20px;
  background: url("/images/import.png") 0px 2px no-repeat;
  font-size: 16px !important;
  text-decoration: underline;
  color: #FFF;
}

/* SSL NOTICE */
div.ssl_notice {
  display: none;
}

.left {
  float: left;
}
.right {
  float: right;
}
div.left, div.right {
  display: inline-block !important;
}
div.textile p,
div.textile h3,
div.textile h4 {
  margin-left: 10px;
  margin-right: 10px;
}
div.textile h2 {
  margin-bottom: 10px;
  margin-top: 20px;
}

#col-browser {
  float: left;
  position: relative;
  border:1px solid #C7E9A8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding:10px 20px;
  background-color: #EEF8E4;
  width: 280px;
  height: 215px;
}

#col-browser .inner {
  float: left;
  position: relative;
  width: 280px;
  height: 215px;
  background: #EEF8E4 url("/images/browser.gif") 0 0 no-repeat;
}

#col-browser img {
  position: absolute;
  top: 28px;
  left: 11px;
}
h3.slogan {
  color: #019A00;
  font-weight:bold;
}

#col-text {
  margin: 0;
  float: right;
  width: 600px;
  padding-top: 0px;
  padding-right:10px;
  line-height: 1.7;
}
h2.slogan {
  position: relative;
  height: 50px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 500px;
  font-size: 180%;
}

#btns {
  margin-top: 25px;
  margin-bottom: 0;
}

#home_features {
  display:block;
  clear:both;
  margin-bottom:20px;
}

.col {
  float:left; 
  width:180px;
  margin:0px; padding:0px;
  height:185px;
  padding-bottom:20px;
  margin-right:35px;
  border:1px solid #DFDFDF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.col.last {margin-right:0;}
.col h3 {
  background:url("/images/homeblock-title.gif") 20px 40% no-repeat;
  margin:0; 
  margin-bottom:10px;
  padding:7px 15px 12px 50px; 
  font-size:120%;
  background-color:#E7F7FE; 
  color:#52a429;
}
.col h3 a {
  color:#52a429;
}
.col h3 a:hover {
  color:#000;
}
div.small_demo {
  position: relative;
  width: 160px;
  height: 145px;
  overflow: hidden;
  text-align: center;
  margin: auto;
}
div.small_demo img {
  position: absolute;
  top: 0px;
  left: 0px;
  margin:0px;
  overflow:hidden;
}
#feature-facturation-iphone div.small_demo img {
  left:-50px;
}

a.btn_infos,
a.btn_subscribe {
  text-decoration:none;
  margin:0;padding:0;
  height:30px;
  text-align:center;
  padding-top:3px;
  text-transform:uppercase;
  font-weight:bold;
  display:inline-block;
  width:125px;
  margin-right:20px;
  color:#FFF;
}
a.btn_infos,
a.btn_infos:visited {
  color:#FFF;
  background:url("/images/btn_blue.gif") 0px 0px no-repeat;
}
a.btn_subscribe:visited,
a.btn_subscribe {
  color:#333;
  background:url("/images/btn_gray.gif") 0px 0px no-repeat;
}

#testimonials {
  float:left;
  background-color:#e9f9ff;
  text-align:left;
  width:585px;
  padding:15px;
  border:1px solid #9CE4FF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#testimonials h4 {
  font-size:110%;
  color:#039ceb;
  background:url("/images/dot-02.gif") 0 50% repeat-x;
}
#testimonials h4 span {
  background-color:#e9f9ff;
  padding-right:10px;
}
#testimonials div.quote {
  margin-bottom:10px;
}
#testimonials cite {
  color:#039ceb;
  font-size:90%;
  padding-right:10px;
}
#testimonials span.bquote {
  font-size:120%;
}
#stickers {
  text-align:center;
  float:right;
  width:330px;
  max-width:300px;
  overflow:hidden;
}
#stickers img {
  max-width:300px;
  margin:10px 5px;
}

/* Mini Login */
div.mini_login {
  margin:0;
  float:right;
  height:225px;
  margin-bottom:20px;
  padding:5px 10px 15px 10px;
  width:264px;
  background-color:#F5F5F5; 
  border:1px solid #DFDFDF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
div.mini_login h2 {
  margin:0px 0px 5px 0px;
  padding:0;
  font:bold 20px Arial, Helvetica, sans-serif;
}
div.mini_login form{
  margin:0; padding:2px;
}
div.mini_login form div {
  margin:0; padding:0;
}
div.mini_login label {
  margin:0px 0px 2px 0px; padding:0;
  text-align:left;
  width:auto;
}
div.mini_login form input.text, 
div.mini_login form input.password {
  width:236px;
  border-left:#808080 solid 1px;
  border-top:#808080 solid 1px;
  border-right:#D4D0C8 solid 1px;
  border-bottom:#D4D0C8 solid 1px;
  color:#000;
  background-color:#fff;
  margin:0 0 7px 0;
  padding:2px 5px;
}
div.mini_login form div.buttons {
  margin:0;padding:0;
}

/* feature page */
img.demo {
  float: left;
  display: inline-block;
  margin-right: 10px;
  width: 250px;
  max-width: 250px;
  margin-bottom:25px;
}

div.demo_page {
  margin:0 auto; padding:0;
  text-align:center;
  margin-bottom:20px;
}

div.block div.features h2 {
  background-color: #FFF;
  border: none;
}
table.features {
  width: 100%;
  margin-bottom: 15px;
  font-size: 110%;
}
table.features tr {
  border-bottom: none;
}
table.features tr:hover,
table.features tr.even:hover {
  background-color: #FFF;
}

table.features td {
  text-align: center;
  border: none;
  padding-bottom: 20px;
}

table.features strong a {
  display: block;
  margin-bottom: 15px;
}

div.hidden_overflow {
  overflow: hidden;
}

div.signup {
  padding: 10px;
  text-align: left;
  font-size: 130%;
  color: #FFF;
  background-color: #333;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: #303030 url("/images/content-title.gif") 0 0 repeat-x;
  color: #FFF;
  display: block;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
div.signup a,
div.signup a:hover {
  color: #FFF;
}

#home_features div.signup {
  float:right;
  margin:0px;
  margin-top:30px;
  width:265px;
}

.bold {
  font-weight: bold !important;
}
a.sorting {
  line-height: 24px;
  vertical-align:middle;
}
a.sorting img {
  width:16px;
  height:16px;
}

#uservoice-feedback {
  margin:0px !important;
}
#settlements {
  width:100%;
}

div.rows {
  margin:10px 10px 20px 0px;
  padding-left:10px;
}
.rows .half_left {
  float:left;
}
.rows .half_right {
  float:right;
}
.rows .external_login {
  width:400px;
}
.rows .internal_login {
  width:500px;
}

a#zenbox_tab {
  background: url("/images/support.png");
  top:108px !important;
  background-color:#343434;
  border-color:#343434;
  color:#343434;
}
a#feedback_tab {
  position:fixed;
  left:0px;
  top:250px;
  z-index: 10000;
  background-color:#343434;
  border-color:#343434;
  color:#343434;
}
a#feedback_tab img {
  border:1px solid black;
  border-left:none;
}


div.inline_form {
  height:40px;
  vertical-align:baseline;
}
div.inline_form button, div.inline_form input, div.inline_form select {
  vertical-align:baseline;
}

select#firm_switch {
  padding:0;margin:0;
  width:185px;
  max-width:185px;
  margin-bottom:5px;
}

.autoexpand label,
.autoexpand textarea {
  float:left;
}