body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	text-align:center;
 margin: 0 0 1px;
	font-family: verdana
, tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
/*background: #fff url(http://www.q-invoice.com/images/bodybg.jpg) center repeat-y;*/
background-color: #fff;
}
html{
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: scroll;
 margin: 0 0 1px;
}

a{
color: #dd1782;
}
a img{
border: 0;
}
a.more{
padding: 0 10px;
}
.features a{

color: #dd1782;
}
#maincontainer{
	width:950px;
	margin:0px auto;
	text-align:left;
	padding:0px;
}

b{font-size: 110%;}
em{color: red;}
p{
margin: 0;
padding: 0 10px;
}
p.q{
font-weight: bold;
padding: 2px 0;
width: 450px;
font-size: 0.9em;
margin-top: 15px;
padding-left: 10px;
}
p.a{

padding-left: 20px;
width: 450px;
font-size: 0.9em;
}
p.error{
border: 1px solid #e91b00;
width: 400px;
background-color: #f39184;
padding: 5px;
}
h1{
padding: 0 10px;
font-size: 1em;
}

#header{
border-top: 3px solid #da0264;
border-bottom: 1px solid #313537;
background: #17191a;
height: 130px; /*Height of top section*/
}
#headerleft{
float: left;
margin: 0;
width:275px;
height: 120px;
}
#headerleft img{

padding-top: 5px;

}
#headerleft p{
clear: both;
position: absolute;
top: 100px;
width: 100%;
color: #777b7d;
padding-left: 15px;
}
#headerright{
margin-top: 10px;
float: right;
}
#headerright .countries{
float: right;
}
#headerright .countries ul li{
padding: 0 10px;
}
#headerright .countries ul li a{
font-size: 0.8em;
height: 13px;
padding: 1px 7px 0px 7px;
text-decoration: none;
color: #767a7c;
}
#headerright ul li.NL a{
background: url(http://www.q-invoice.com/images/flag_nl.png) no-repeat;
}
#headerright ul li.BE a{
background: url(http://www.q-invoice.com/images/flag_be.png) no-repeat;
}
#headerright ul li.DE a{
background: url(http://www.q-invoice.com/images/flag_de.png) no-repeat;
}
#headerright ul li.AT a{
background: url(http://www.q-invoice.com/images/flag_at.png) no-repeat;
}
#headerright ul li.ALL a{
background: url(http://www.q-invoice.com/images/flag_all.png) no-repeat;
}
#headerright .countries ul li a:hover{
background-position: 0 -13px;
}

#headerright .links{
clear: both;
float: left;
margin-top: 10px;
}
#headerright .links p{
font-weight: bold;
float: right;
color: #cacaca;
font-size: 1.2em;
padding-bottom: 10px;
}
#headerright ul li{
float: left;
display: block;

}

#headerright .links ul li a{
font-size: 0.8em;
height: 24px;
padding: 5px 10px 5px 25px;
text-decoration: none;
color: #767a7c;
}

#headerright ul li.home a{
background: url(http://www.q-invoice.com/images/homebg.jpg) no-repeat;
}
#headerright ul li.login a{
background: url(http://www.q-invoice.com/images/loginbg.jpg) no-repeat;
}
#headerright ul li.contact a{
background: url(http://www.q-invoice.com/images/contactbg.jpg) no-repeat;
}
#headerright ul li.support a{
background: url(http://www.q-invoice.com/images/supportbg.jpg) no-repeat;
}
#headerright .links ul li a:hover{
background-position: 0 -24px;
color: #fff;
}
#navigation{
float: left;
width: 100%;
height: 40px;
background: url(http://www.q-invoice.com/images/navbg.jpg) repeat-x;
border-top: 1px solid #202224;
}
.mainnav{
margin: 0 0 0 30px;
text-align: left;
list-style-type: none;
font-size: 12px;
padding: 0;

}
.mainnav:hover{

}
.mainnav li{
float: left;
margin-left: 12px;
padding: 7px 3px;
height: 28px;
}

.mainnav a{
color: #fff;
font-weight: normal;
text-decoration: none;

padding: 10px 18px;
}
.mainnav li:hover, .mainnav li.active{
text-decoration: none;
background-color: #de0272;
}


#content{
float: left;
width: 100%;
	margin:0px auto;
	text-align:left;
	padding:10px 0px;
	border-bottom: 0px solid #979696;

}
#contentleft, #contentright{
width: 50%;
float: left;
}
#contentbg{
float: left;
width: 100%;
	margin:0px auto;
	text-align:left;
	padding:10px 0px;
	border-bottom: 1px solid #979696;
background: url(http://www.q-invoice.com/images/desk.jpg) no-repeat right top;
margin-top: 5px;
min-height: 370px;
}
.contentimg{
float: right;
}
ul.features{
list-style-image: url(http://www.q-invoice.com/images/check.png);
}
ul.features li{
padding: 2px 0;

}
#header h1{
margin: 0;
padding-top: 15px;
}
.logout {
color: #f12222;
}
.logo{
margin-top: 15px;
font-size: 24px;
text-align: left;
width: 100%;
font-weight: bold;
padding-left: 1em;
color: #284301;
float: left;
}
.logo p{
font-size: 12px;
padding: 5px 0;
font-weight: normal;
}
#footer{
float: left;
width: 100%;
text-align: center;

}
.footer_container{
background: url(http://www.q-invoice.com/images/navbg.jpg);
border-top: 3px solid #535657;
width: 950px;
height: 30px;
margin: 0 auto;
}
.footer_container a{
text-decoration: none;
}
.new_invoice{
display: block;
width: 230px;
height: 30px;
background: url(http://www.q-invoice.com/images/new_invoice.png) no-repeat;
color: #dd0070;
font-weight: bold;
text-decoration: none;
padding-left: 40px;
padding-top: 5px;
margin-top: 20px;
}




.red{
color: #d43403;
}
.table01{
font-weight: normal;
border-spacing: 0px;
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
}
.table01 th{
padding: 3px 5px;
border-bottom: 2px solid #313537;
background: #da0264;
color: #fff;
}
.table01 td{
font-weight: normal;
padding: 5px 5px;
border-bottom: 1px solid #676e71;
vertical-align: top;
}
.table01 tr.odd{
background-color: #e3e4e4;
}
.tcontact{
vertical-align: top;
width: 500px;
}
.products{
width: 500px;
}
.register{
width: 500px;
}
.register td{
width: 50%;
}
.right{
text-align: right;
}
select{
font-family: verdana;
}
.defaultform p{
width: 300px;
}
.invoicedata label{
display: block;
clear: both;
float: left;
width: 150px;
padding: 3px;
color: #373736;
}
.invoicedata input, .invoicedata select{
clear: right;
width: 160px;
padding: 3px;
background-image: url(http://www.q-invoice.com/images/fieldbg.gif);
background-repeat: repeat-x;
border-color: #a7a7a7;
color: #373736;
}
.invoicedata select{
padding: 3px;
width: 168px;
}
.invoicedata{
float:left;
width: 48%;
}
.invoicedata p{
clear: both;
}
.clientdata{
margin-top: 10px;
float: left;
width: 48%;

padding: 0 5px;
min-height: 110px;
}
.clientdata label{
float: left;
width: 150px;
font-size: 0.8em;
}
.clientdata input{
width: 250px;
border-color: #9f9d9c;
}
.invoiceproducts{
margin-top: 10px;
float: left;
width: 98%;
min-height: 190px;

}
.prod_desc{
width: 340px;
height: 35px;
}
.prod_select{
width: 340px;
}
.prod_items{
width: 50px;
}
.prod_code{
width: 50px;
}
.prod_price{
width: 50px;
}
.prod_discount{
width: 50px;
}
.prod_total{
width: 50px
}
.prod_vat{
width: 60px;
}
input, select{
border: 1px solid #4d545d;
margin: 1px;
width: 130px;
}
.invoicetotals{
float: right;
width: 300px;
height: 100px;

}
.invoicetotals label{
width: 150px;
float: left;
text-align: right;
}
.invoicetotals p{
float: left;
padding-left: 10px;
width: 100px;
}
.small{
font-size: 80%;
}
.submitinvoice{
width: 450px;
float: left;
margin-top: 5px;
}
.submitinvoice input{
background-color: #dd026d;
color: #fff;
font-weight: bold;
padding: 4px;
width: 200px;
}
.loginbox{
margin-top: 20px;
float: left;
width: 320px;
height: 150px;
border: 1px solid black;
padding: 10px;
}
.registerbox{
margin-top: 20px;
margin-left: 10px;
float: left;
width: 320px;
height: 150px;
border: 1px solid black;
padding: 10px;
}
.loginbox label, .registerbox label{
float: left;
width: 150px;
}
.example{
float: left;
margin-top: 10px;
}
.example a{
display: block;
}
.infobox{
float: left;
width: 300px;
height: 300px;
padding-left: 5px;
margin-left: 3px;
line-height: 16pt;
letter-spacing: 1px;
}
.infobox img{
padding: 10px;
}
ul.try{
list-style-type: none;
}
ul.try li{
width: 250px;
border: 1px solid #dd1782;
clear: left;
background-color: #dd1782;

}
ul.try li p{
padding: 0;
margin: 5px 0;
font-size: 0.55em;
text-decoration: none;
}
ul.try li a{
margin: 5px;
width: 100%;
display: block;
font-size: 20px;
text-decoration: none;
color: #fff;
}

ab.try{
text-decoration: none;
color: #dd1782;
font-size: 20px;
float: left;
clear: left;
margin-left: 20px;
margin-top: 20px;
border-bottom: 2px solid #ffffff;
}
a.mainmore{
float: left;
margin-left: 40px;

}

textarea{
	font-family: verdana, tahoma, sans-serif;
font-size: 10pt;
border: 1px solid #4d545d;
width: 300px;
height: 200px;
}
#footer ul{
width: 95%;
padding-top: 0;
margin-top: 5px;
}
#footer ul li{
font-size: 10px;
font-weight: bold;
display: inline;
padding:  0 10px;

}
input[type="checkbox"]{
width:20px;
border: 0;
}

.rates{
text-align: center;
width: 600px;
}
.left{
text-align: left;
}
div.paginate_mainheader{
display: block;
width: 100%;
height: 3em;
text-align: left;
font-size: 0.8em;
margin: 10px 0;
}
div.paginate_link a{
float: left;
margin: 2px;
width: 2em;
height: 2em;
text-align:center;
line-height: 1.8em;
border: 1px solid #dd1782;
color: #dd1782;
font-weight: bold;
text-decoration: none;
}
div.paginate_link a:hover{
background: #f5a8ce;
color: #dd1782;
text-decoration: none;
}
div.paginate_selected{
margin: 2px;
width: 2em;
height: 2em;
text-align:center;
background: #dd1782;
color: #ffffff;
line-height: 1.8em;
border: 1px solid #dd1782;
float: left;
}

div.paginate_products{
width: 12em;
float: left;
}
div.paginate_sort{
width: 30em;
float: left;
}
div.paginate_navigation{
width: 30em;
float: left;
text-align: center;
}
div.paginate_productsperpage{
width: 8em;
float: right;
}
/* Required CSS classes: must be included in all pages using this script */

/* Apply the element you want to drag/resize */
.drsElement {
 position: absolute;
 border: 1px dotted #555555;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.page{
position: relative;
height: 989px;
width: 720px;
border: 1px solid black;
font-size: 8pt;
}
.drsMoveHandle {
background-color: #d8d7d7;
border-bottom: 0px solid #dd1782;;
 cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #545454;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}
.image{
width: 200px;
height: auto;
}
.image{
width: auto;
height: 300px;
}
input[type="reset"]{
color: #525357;
}
.input50{
width: 40%;
}
#blanket {
background-color:#111;
opacity: 0.60;
filter:alpha(opacity=60);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
.popUpDiv {
position:absolute;
background-color:#fff;
width:400px;
height:400px;
z-index: 9002;
border: 2px solid #313030;
color: #313030;
font-size: 0.9em;
line-height: 1.9em;
}
.popUpDiv #pu_header a{
float: right;
color: white;
font-weight: bold;
text-decoration: none;
padding: 2px;
padding-right: 5px;
}
.popUpDiv div.title{
float: left;
color: white;
font-weight: bold;
text-decoration: none;
padding: 4px;
margin: 0;
}
#pu_header{
background: #dd1782;
color: white;
font-weight: bold;
border-bottom:1px solid #545454;
height: 23px;
}
#pu_body{
padding:0;
margin: 0;
}
.popUpDiv label{
float: left;
font-weight: normal;
width: 170px;
margin: 3px;
}
.popUpDiv input{
float: left;
display: block;
margin: 3px;
}
.popUpDiv p{
width: 380px;
clear: left;
padding: 5px;
margin-left: 20px;
}
input[type="hidden"]{
border:0;
display:none;
}
.itext{
width: 500px;
height: 60px;
}
input[type="radio"]{
width: 20px;
}
#footer p{
font-size: 10px;
padding-left: 50px;
color: #545454;
}
.status05{
color: #089f16;
}
.status04{
color: #bb6907;
}

.status01{
color: #443f39;
}
.tabbed{
list-style-type: none;
margin-left: 20px;
padding: 0;
}
.tabbed li{
font-weight: bold;
width: 300px;
height: 60px;
padding: 3px;
padding-left: 50px;
border: 1px solid #fff;
margin-bottom: 0px;
display:block;
}
.tabbed li p{
color: #777777;
font-weight: normal;
padding: 0;
width: 300px;
margin: 0;
}
.tabbed li a{
width: 100%;
height: 100%;
display: block;
}
.send{
background: url(http://www.q-invoice.com/images/send.png) no-repeat;
background-position: 0px 10px;
}
.send_mail{
background: url(http://www.q-invoice.com/images/send_mail.png) no-repeat;
background-position: 0px 10px;
}
.send_extra{
background: url(http://www.q-invoice.com/images/send_extra.png) no-repeat;
background-position: 0px 10px;
}
.payivr{
background: url(http://www.q-invoice.com/images/ivr.png) no-repeat;
background-position: 0px 10px;
}
.credits_ivr100{
background: url(http://www.q-invoice.com/images/ivr_1.png) no-repeat;
background-position: 0px 10px;
}
.credits_ivr1000{
background: url(http://www.q-invoice.com/images/ivr_10.png) no-repeat;
background-position: 0px 10px;
}
.credits_ivr2000{
background: url(http://www.q-invoice.com/images/ivr_20.png) no-repeat;
background-position: 0px 10px;
}
.credits_ivr3000{
background: url(http://www.q-invoice.com/images/ivr_30.png) no-repeat;
background-position: 0px 10px;
}
.tabbed li:hover, .tabbed li.active{
border: 1px solid #313030;
background-color: #d9d9d9;
}
.tabbed a{
color: #313030;
text-decoration: none;
}
a.close_popup{
margin: 0 auto;
color:#777777;
font-weight: normal;
}
.pu_mail{
width: 350px;
height: 175px;
font-size: 1em;
padding: 2px;
margin-left: 20px;
}
.download{
background: url(http://www.q-invoice.com/images/pdf.png) no-repeat;
background-position: 0px 10px;
}
.remind{
background: url(http://www.q-invoice.com/images/remind.png) no-repeat;
background-position: 0px 10px;
}
.history{
background: url(http://www.q-invoice.com/images/history.png) no-repeat;
background-position: 0px 10px;
}
.pay{
background: url(http://www.q-invoice.com/images/pay.png) no-repeat;
background-position: 0px 10px;
}
.remind_default{
background: url(http://www.q-invoice.com/images/remind_default.png) no-repeat;
background-position: 0px 10px;
}
.remind_last{
background: url(http://www.q-invoice.com/images/remind_last.png) no-repeat;
background-position: 0px 10px;
}
.remind_collection{
background: url(http://www.q-invoice.com/images/remind_collection.png) no-repeat;
background-position: 0px 10px;
}
.dashboard{
float: left;
width: 455px;
border-bottom: 1px solid #313537;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
}
.dashboard p{
width: 100%;
font-weight: bold;
padding: 3px;
}
.dashboard label{
width: 250px;
font-weight: normal;
float: left;
}
.dashboard h1{
border-bottom: 2px solid #313537;
background: #da0264;
color: #fff;
padding: 3px 5px;
font-size: 0.9em;
}
.historydiv{
height: 250px;
overflow-y: scroll;
overflow-x: hidden;
width: 375px;
}
.historydiv p{
width: 320px;
}




.pu_form{
width: 40%;
float: left;
}
.pu_calendar{
width:40%;
float: left;
}








div.calendar
{
  font-size: smaller;
  color: #000;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}
a.close{
position: absolute;
left: 170px;
bottom: 10px;
}
p.demo_alert{
border: 1px solid #e91b00;
background-color: #f39184;
margin: 0 10px;

}

.suggest_link {
		background-color: #dfdfdf;
		padding: 2px 6px 2px 6px;
	}
	.suggest_link_over {
		background-color: #f02a84;
		color: #fff;
		padding: 2px 6px 2px 6px;
		cursor: pointer;
	}
	.search_suggest {
		position: absolute;
		background-color: #FFFFFF;
		text-align: left;
		border: 1px solid #000000;
		display: none;
	}
.suggest_link .close{
border-top: 1px solid black;
}
a.try{
height: 50px;
width: 300px;
position: absolute;
bottom: 20px;
background: url(http://www.q-invoice.com/images/button_big.png) no-repeat;
color: #dd0070;
font-weight: bold;
text-decoration: none;
margin:0;
padding-left: 20px;
line-height: 35pt;
font-size: 15pt;
letter-spacing: 0px;
}
.indexdemo{
margin-top: 8px;
}
.indexdemo a{
font-weight: bold;
}
.wide{
letter-spacing: 1px;
}
#tabbed_nav {
     text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #dd026d; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 6px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
#tabbed_nav li {
display: inline;
border-bottom: 1px solid #dd026d; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
margin-left: 5px;
    }
#tabbed_nav a {
padding: 6px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #dd026d; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #dddddd; /* set unselected tab background color as desired */
color: #636363; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;

  }
#tabbed_nav li.active{
color: #dd026d;
border-bottom: 1px solid #fff;

}
#tabbed_nav li.active a{
color: #dd026d;
background-color: #fff;
border-bottom: 1px solid #fff;
}
#successdiv, #errordiv, #alertdiv{
background-color: transparent;

background-attachment: scroll;
background-position: 100% 0pt;
padding-right: 30px;
position: relative;
top: 3px;
clear:both;
margin-top: 3px;
height: 20px;
padding: 5px;
padding-left: 30px;
font-size: 0.9em;
color: #393939;
}
#successdiv{
background: url(http://www.q-invoice.com/images/box_succes.png) no-repeat;
}
#errordiv{
background: url(http://www.q-invoice.com/images/box_error.png) no-repeat;
}
#alertdiv{
background: url(http://www.q-invoice.com/images/box_alert.png) no-repeat;
}

#successdiv a, #errordiv a, #alertdiv a{
margin-left: 20px;
text-decoration: none;
}
.accountlogo{
padding-left: 150px;
}
.addinvoicerow{
display: block;
padding: 4px;
}
.subnavinvoice img, .subnavinbound img, .subnavperiodical img{
position: relative;
top: 8px;
left: 0px;
margin-right: 10px;
border: 0;
}
h2{
color: #dd0070;
font-weight: normal;
}
.table01 td span.description{
display: block;
font-style: italic;
color: #dd0070;
}