body, button, html, input, select, td, textarea, th {
 font-size       : 11px;
 font-family     : verdana,tahoma,helvetica,sans-serif;
 color           : #000;
 background-color: #FFF
}

a:link {
	color: #004FA2;
	font-weight: normal;
	text-decoration: none;
}
a:visited { 
 color           : #004FA2; 
 font-weight     : normal;  
 text-decoration : none
}
a:hover {
 color           : #004FA2; 
 font-weight     : normal;  
 text-decoration : underline
}

a.navigate:link { 
 color           : #004FA2; 
 font-weight     : bold;  
 text-decoration : none
}
a.navigate:visited {
 color           : #004FA2; 
 font-weight     : bold;  
 text-decoration : none
}
a.navigate:hover {
 color           : #004FA2; 
 font-weight     : bold;
 text-decoration : underline
}

form {
 margin-bottom   : 0px;
 margin-top      : 3px
}

input{
 font-size       : 11px;
 font-style      : normal;
 border-width    : 2px;
 color           : #000000;
 text-align      : left
}

input.readonlycell {
 border          : none;
 border-width    : 0px 0px 0px 0px;
 size            : 10px;
 background      : #EFF7FF
}

select {
 font-size       : 11px
}
span {
 font-size       : 100%
}

table {
 border          : 0px
}

table.fixed td {
 white-space: nowrap;
 vertical-align:top
}

table.multirecord td {
 border-bottom   : solid #93BEE2 1px;
 padding         : 0px 0px 0px 10px;
 margin          : 0px 0px 0px 0px;
 white-space     : nowrap;
 vertical-align  : top
}

textarea {
 font-size       : 11px;
 font-family     : verdana,tahoma,helvetica,sans-serif
}


.backgroundswitch {
 background-color:#E6EDF7
}



.bar {
 border           : 0px solid #919B9C;
 background-color : #407BB9;
 font-weight      : bold;
 color            : #FFFFFF;
 padding          : 3px 10px 3px 10px;
 margin           : 0px 0px 0px 0px;
 text-align       : left
}

.fixedbttn {
 background      : #407BB9;
 border-bottom   : 1px solid #C0C0C0;
 border-right    : 1px solid #C0C0C0;
 border-left     : 1px solid #CCCCCC;
 border-top      : 1px solid #CCCCCC;
 color           : #FFFFFF;
 text-decoration : none;
 font-weight     : bold;
 font-size       : 11px; 
 cursor          : pointer;
 height          : 21px;
 width           : 111px
}

.flexbttn {
 background      : #407BB9;
 border-bottom   : 1px solid #C0C0C0;
 border-right    : 1px solid #C0C0C0;
 border-left     : 1px solid #CCCCCC;
 border-top      : 1px solid #CCCCCC;
 color           : #FFFFFF;
 height          : 21px;
 font-weight     : bold;
 font-size       : 11px;
 text-decoration : none;
 cursor          : pointer;
}

.error {
 color  : #FF0000
}

.label {
 font-weight     : normal;
 vertical-align  : top
}

.leftAlignedTextbox {
 font-style      : normal;
 color           : #000000;
 text-align      : left
}


.mandatory {
 font-style      : normal;
 text-align      : right;
 vertical-align  : top;
 color           : #000000
}

.multirecordCheckbox {
 width           : 14px;
 height          : 14px;
 border-width    : 8px
}

.readonlyfield {
 font-style      : normal;
 color           : #000000;
 text-align      : left;
 background      : #EFF7FF;
 padding         : 0px 0px 0px 0px;
 margin          : 0px 0px 0px 0px
}

.readonlyLeftAlignedTextbox {
 font-style      : normal;
 color           : #000000;
 text-align      : left;
 background      : #EFF7FF
}

.readonlyRightAlignedTextbox {
 font-style      : normal;
 color           : #000000;
 text-align      : right;
 background      : #EFF7FF
}

.rightAlignedTextbox {
 font-style      : normal;
 color           : #000000;
 text-align      : right
}

.search {
 border          : 1px solid #000000;
 background      : #FCFCFE
}

.tabbackground {
 background-color : #FCFCFE
}

.tabContentPane {
 clear           : both;
 border          : 0px solid #000000;
 z-index         : 0;
 position        : relative;
 top             : 0px;
 color           : #000000;
 background      : #FCFCFE;
 padding         : 10px
}


.tabMainContentPane {
 border          : 0px solid #000000;
 padding         : 10px 10px 10px 12px
}

.vet {
 font-weight      : bold
}

.warning {
 color            : #F9AE55
}

.prompt {
  color: #000;
  font-weight: bold;
}

.webformtable {
  width: 200px;
  text-valign: left;
}

.webtable {
  font-family: verdana;
  font-size: 11px;
  color:#300B66;
  background-color:#FFFFFF;
  font-weight: normal;
  padding :0px 0px 0px 0px;
}

.webtabledata {
  font-family: verdana;
  font-size: 11px;
  color:#300B66;
  background-color:white;
  font-weight: normal;
  padding :0px 0px 0px 0px;
  white-space: nowrap;
}

.webobjectmaintable{
   border  : 0px;
   background-color: #ffffff;
}


.webobjecttoolbar {
  background-color: #c0c0c0;
}
.webobjectselected{
  background-color: #E6EDF7;
}

.webbasketsummary{
  background-color: #c0c0c0;
}

.webobjectthumbnailtop {
 padding		    : 0px;
}

.webobjectthumbnail {
 width  : 140px;
 height : 90px;
 padding		 : 3px;
 border-top      : solid #c0c0c0 1px;
 border-bottom   : solid #c0c0c0 1px;
 border-left     : solid #c0c0c0 1px;
 border-right    : solid #c0c0c0 1px; 
}

.webobjectdetailthumbnail {
 width  : 140px;
 height : 90px;
 align  : middle;
 padding		 : 3px;
 border-top      : solid #c0c0c0 1px;
 border-bottom   : solid #c0c0c0 1px;
 border-left     : solid #c0c0c0 1px;
 border-right    : solid #c0c0c0 1px; 
}

/** indien document, de div met afbeelding en teksten **/    
.webobjectdetailfloat1div{
    float : left;
}


/** de thumbnail afbeelding **/    
.webobjectdetailfloat2div{
    display:inline;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    vertical-align: middle;	
}   

/** indien document, de titel **/
.webobjectdetailimageprefixtitle{
    display:inline;
    font-weight:bold;
}