body {
	COLOR: #000000;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: none;
    
    background-color: #959595;
}

div.pcs_container {
    
}

A {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: underline;
}

A:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: underline;
}

h1
{
    font-family: verdana;
    font-size: 14pt;
    font-weight: normal;
}

TD {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: none;
}

td.header
{
    FONT-WEIGHT: bold; 
    FONT-SIZE: 10pt; 
    COLOR: #000000; 
    FONT-FAMILY: verdana; 
    TEXT-DECORATION: none;
}

FIELDSET {
	PADDING: 5px;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	FONT-FAMILY: verdana; 
}

A.submenu {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: none;
}

A.submenu:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: underline;
}

TD.submenu {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: none;
}

A.small {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: none;
}

A.small:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: underline;
}

TD.small {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-FAMILY: verdana; 
	TEXT-DECORATION: none;
}

/*
    Watermerk
*/
td.watermerk
{
    /*background-color:#D7DBE5;*/
    /* background-image: url('_gfx/watermerk.jpg'); */
    background-repeat: no-repeat;
    background-position: top right;
}


/* overzichten oud
table.ovrz
{
    padding-right: 7px;
    padding-left: 7px;
    border-color: black;
    border-style: solid;
    border-width: 1px;
}

tr.ovrz
{
    background-color: #AAB2C6;
    padding-top: 2px;
    padding-bottom : 2px;
    border-bottom-color: black;
    border-bottom-style: solid;
}

td.ovrz
{
    font-weight: normal;
    font-size: 14px;
}

tr.ovrzR0
{
    background-color: #D7DBE5;
    padding-top: 2px;
    padding-bottom : 2px;
}

tr.ovrzR1
{
    background-color: #B9C0D2;
    padding-top: 2px;
    padding-bottom : 2px;
}

td.ovrzR0
{
    vertical-align: top;
}

td.ovrzR1
{
    vertical-align: top;
}

tr.ovrzR0error
{
    background-color: #D7DBE5;
    padding-top: 2px;
    padding-bottom : 2px;
}

tr.ovrzR1error
{
    background-color: #B9C0D2;
    padding-top: 2px;
    padding-bottom : 2px;
}

td.ovrzR0error
{
    color: red;
}

td.ovrzR1error
{
    color: red;
}
*/

ul.ovrz
{
    margin-bottom: 0px;
}

input[type="button"].button-pdf {
    padding: 2px;
    padding-left: 24px;
    padding-right: 4px;
    background-image: url('_icons/pdf.gif');
    background-repeat: no-repeat;
    background-position: 2px;
    
    border: 1px solid gray;
    
    cursor: pointer;
}

a.brother_print_button {
    border:1px solid silver;
    padding: 30px;
    background-color: white;
    color: black;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
}

a.brother_print_button:hover {
    border:1px solid silver;
    padding: 30px;
    background-color: silver;
    color: black;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
}

div.menuCont
{
    width:1000px;
    height: 20px;
    position: relative;
    top: 0px;
    left: 0px;
    vertical-align: middle;
}
    
div.menuItemL
{
    margin-right:8px;
    margin-left: 8px;
    position: relative;
    top: 0px;
    left: 0px;
    
    float: left;
}   
     
div.menuItemR
{
    margin-right:8px;
    margin-left: 8px;
    position: relative;
    top: 0px;
    left: 0px;
    
    float: right;
}

ul.mainmenu {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.mainmenu li {
    margin: 0px;
    padding: 0px;
    float: left;
}

ul.mainmenu li a {
    display: inline-block;
    height: 60px;
    background-color: #1a387e;
    color: white;
    border-right: 1px solid black;
    text-decoration: none;
}

ul.mainmenu li a:hover {
    display: inline-block;
    height: 60px;
    background-color: #0191d7;
    color: white;
    border-right: 1px solid black;
    text-decoration: none;
}

ul.mainmenu li a span {
    font-size: 14pt;
    padding: 10px;
    padding-top: 15px;
    display: inline-block;
    width: 150px;
    text-align: center;
}

table.ovrz {
    width: 100%;
    
    border-collapse: separate;
    border-spacing: 1px;
    
    border: 1px solid #d0d0d0;
}

table.ovrz tr th {
    font-weight: bold;
    font-size: 11pt;
    
    vertical-align: top;
    padding-left: 4px;
    padding-right:4px;
    padding-top: 2px;
}

table.ovrz tr td {
    font-weight: normal;
    vertical-align: top;
    padding-left: 4px;
    padding-right:4px;
}

table.ovrz thead {
    background-color: #1a387e;
}

table.ovrz thead tr th {
    color: #ffffff;
    height: 25px;
    vertical-align: top;
    text-align: left;
}

table.ovrz thead tr th.right {
    text-align: right;
}

table.ovrz thead tr th a {
    color: #ffffff;
}

table.ovrz thead tr td {
    color: #ffffff;
}

table.ovrz thead tr td a {
    color: #ffffff;
}
    
table.ovrz tbody tr
{
/*    background-color: #eaeaea;*/
    background-color: #e9e9e9;
}

table.ovrz tbody tr.even
{
/*    background-color: #eaeaea;*/
    background-color: #d0d0d0;
}

table.ovrz tbody tr.selectedRow {
  background-color: #028fd4;
}

table.ovrz tbody tr.selectedRow td {
  color: white;
}

table.ovrz tbody tr.selectedRow td a {
  color: white;
}

table.ovrz tbody tr.selectedRow td a:hover {
  color: white;
  border-bottom: 1px solid white;
}

table.ovrz tbody tr td {
    padding-top: 2px;
    padding-bottom: 2px;
}

table.ovrz tbody tr td a {
  text-decoration: none;    
  border-bottom: 1px dotted black;
}

table.ovrz tbody tr td a:hover {
    text-decoration: none;    
}

table.ovrz tbody tr td span {
    float:left;   
}

table.ovrz tbody tr td.right {
    text-align: right;
}

table.ovrz tfoot tr td.right {
    text-align: right;
}

table.ovrz tfoot tr td span {
    float:left;   
}

label {
    /* width: 160px;  verwijderd ivm goed/redelijk/slecht opties bij klant edit */
    display: inline-block;
}

div.error
{
    border: 1px solid #f8d1d2;
    padding: 5px;
    display: inline-block;
    color: #9c2c1e;   
 
    padding-left:   40px;
    padding-top:    10px;
    padding-right:  10px;
 
    margin-bottom:  15px;
 
    background-image: url('_icons/error.gif');
    background-color: #fce4e4;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
 
div.error h2
{
    margin:0px;
    padding:0px;
    font-size: 12pt;
    color: #9c2c1e;   
}
 
div.error ul
{
    color: #9c2c1e;   
}

div.notices
{
    border: 1px solid #c4e2b9;
    padding: 5px;
    display: inline-block;
    color: #9c2c1e;   
 
    padding-left:   40px;
    padding-top:    10px;
    padding-right:  10px;
 
    margin-bottom:  15px;
 
    background-image: url('_icons/info.gif');
    background-color: #e6f3e5;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
 
div.notices h2
{
    margin:0px;
    padding:0px;
    font-size: 12pt;
    color: #409c46;   
}
 
div.notices ul
{
    color: #409c46;   
    margin-top: 0px;
    margin-bottom: 0px;
}

h2 {
    margin:0px;
    margin-bottom: 10px;
    padding:0px;
    font-size: 11pt;
    font-weight: bold;
    color: #1a387e;   
}

/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}
/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }

div#content {
    padding: 10px;
}

div.pagination p {
    float: left;
}

div.pagination ul {
    float: left;
    
    list-style: none;
}

div.pagination ul li {
    float: left;
    
    margin: 0px;
    border: 0px;
    margin-right: 5px;
}

div.pagination ul li.selectedPage a {
    background-color: gray;    
}

div.pagination ul li.selectedPage a span {
    color: white;
}

div.pagination ul li a {
    text-decoration: none;

    background-color: silver;

    display: inline-block;
    height: 20px;
    min-width: 20px;
    
    text-align: center;
    
    border: 1px solid gray;
}

div.pagination ul li a:hover {
    text-decoration: none;
    background-color: gray;
}

div.pagination ul li a span {
    color: black;
    
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
}

div.pagination ul li a:hover span {
    color: white;
    
    margin-top: 4px;
}

.clearable{
  background:url(http://i.imgur.com/z7ZSYjt.png) no-repeat right -10px center;
  border:1px solid #999;
  padding:3px 18px 3px 4px; /* USE the same right padding in jQ! */
  border-radius:3px;
  transition: background 0.4s; /*Remove this line if issues in Chrome (02.2014)*/
}
/* (jQ addClass:) if input has value: */
.clearable.x{
  background-position: right 5px center;
}
/* (jQ addClass:) if mouse is over the 'x' input area*/
.clearable.onX{
  cursor:pointer;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url('_gfx/scroll/icon_top.png') no-repeat;
}