﻿*
{
 font-size: 1em;
 orphans: inherit;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: normal;
}

body
{
 font-size: 60%;
    background-color: yellow;
    border-width: 5px;
    border-style: solid;
    border-color: red;
}

h1, h2, h3, h4
{
 color: #003399;
 font-weight: bold;
 padding: 0px;
 margin: 0px;
}

h1
{
 font-size: 1.2em;
 text-align: center;
}

h2
{
 font-size: 1.2em;
 color: #003399;
 padding: 0px;
 margin-bottom: 10px;
}

h3
{
 font-size: 1.2em;
 text-align: left;
}

h4
{
 font-size: 1em;
 text-align: left;
 padding-top: 5px;
}

h5
{
 color: #003399;
 text-align: left;
 padding-left: 0px;
 font-weight: bold;
}

hr.clear
{
 clear: both;
 display: block;
 visibility: hidden;
 width: 800px;
 margin: 0;
 padding: 0;
}

.Panel fieldset
{
 border: 1px solid #003399;
 background-image: none;
 background-color: white;
 margin-bottom: 10px;
}

.Panel legend
{
 color: #003399;
 font-weight: bold;
}

.Panel div
{
 font-style: normal;
 text-align: left;
 color: #003399;
}

fieldset
{
 color: #003399;
}

p
{
 font-size: 130%;
 font-style: normal;
 color: #003399;
}

label
{
 font-style: normal;
 color: Black;
}

input, textarea
{
}

select
{
 color: Black;
 background-color: #ffffff;
 border: 1px solid #003399;
}

ol
{
 list-style-type: decimal;
 padding: 0px;
}

ul
{
 padding: 5px;
 list-style-type: disc;
}

span
{
 font-style: normal;
}

div span
{
}

p
{
  color: Black;  
}

table
{
  color: Black;  
}

/**************** Labels *****************/

.FormLabel
{
 text-align: left;
 width: 200px;
 display: block;
 font-style: normal;
}

.FormLabelRight
{
 text-align: right;
 width: 200px;
 display: block;
}

.FormLabelRightSmall
{
 text-align: right;
 width: 100px;
 display: block;
}

.FormLabelSmall
{
 text-align: left;
 width: 100px;
 display: block;
 font-style: normal;
}

.FormLabelVerySmall
{
 text-align: left;
 width: 50px;
 display: block;
 font-style: normal;
}

.FormLabelMedium
{
 text-align: left;
 width: 150px;
 display: block;
 font-style: normal;
}

.FormLabelLarge
{
 text-align: left;
 width: 250px;
 display: block;
 font-style: normal;
}

.FormLabelExtraLarge
{
 text-align: left;
 width: 400px;
 display: block;
}

.FormLabelExtremeLarge
{
 text-align: left;
 width: 600px;
 display: block;
 font-style: normal;
}

.FormLabelExtremeLargeEnquete
{
 text-align: left;
 width: 700px;
 display: block;
 font-style: normal;
}

.FormLabelFreeWidth
{
 text-align: left;
 font-style: normal;
}

.FormLabelDateAnysurfer
{
 text-align: left;
 width: 250px;
 display: block;
 font-style: normal;
}

.FormLabelAlert
{
  font-weight: normal;
  color: red;
}

.FormLabelInvisible /* label voor blinden, is niet zichtbaar op scherm. */
{
 font-size: 0px;
 color: White;
 width: 0px;
 height: 0px;
}



/*************** Textboxes ****************/

.FormTextBoxVerySmall
{
 width: 20px;
}

.FormTextBoxSmall
{
 width: 50px;
}

.FormTextBoxMedium
{
 width: 120px;
}

.FormTextBoxLarge
{
 width: 250px;
}

.FormTextBoxExtraLarge
{
 width: 400px;
}

.FormTextBoxNumeric
{
  text-align: right;
}

/*************** Dropdowns ****************/

.FormDropDownVerySmall
{
  width: 40px;
  border-top-color: #999999;
  border-left-color: #CCCCCC;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
}

.FormDropDownSmall
{
 width: 100px;
 border-top-color: #999999;
 border-left-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
}

.FormDropDownMedium
{
 width: 150px;
 border-top-color: #999999;
 border-left-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
}

.FormDropDownLarge
{
 width: 250px;
 border-top-color: #999999;
 border-left-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
}

.FormDropDownExtraLarge
{
 width: 400px;
 border-top-color: #999999;
 border-left-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
}

.FormDropDownExtremeLarge
{
 width: 500px;
 border-top-color: #999999;
 border-left-color: #CCCCCC;
 border-right-color: #CCCCCC;
 border-bottom-color: #CCCCCC;
}

/*************** CheckBoxes ****************/

.FormCheckBox
{
}

.FormCheckBoxCenter
{
 padding-left: 50px;
}

/*************** RadioButtons ****************/

.FormRadioButton
{
 margin-right: 25px;
 background-color: transparent;
 border-width: 0;
 border-color: White;
}

.PrintLabel
{
 font-style: normal;
 text-align: left;
 text-decoration: none;
 width: 600px;
 display: block;
 color: Black;
}


/*************** RadioButtonList ****************/
.FormatRadioButtonList label
{
  margin-right: 30px;
}

/*************** Bottons *************/
.BlosoButton
{
}

/*************** GridView *************/
.FormGridView
{
 border-top: 2px solid white;
 border-left: 2px solid white;
 border-bottom: 2px solid #A7A6AA;
 border-right: 2px solid #A7A6AA;
 padding: 8px;
}

.FormGridView a
{
 color: Purple;
}

.FormGridViewHeader th
{
 border-left: 1px solid #EBE9ED;
 border-right: 1px solid #EBE9ED;
}

.FormGridViewHeader
{
 text-align: left;
 color: White;
 background-color: #5D7B9D;
 font-weight: bold;
}

.FormGridViewRow
{
 color: #333333;
 background-color: #FFFFF0;
}

.FormGridViewAlternatingRow
{
 color: #284775;
 background-color: #F5F5F5;
}

.FormGridViewRow td, .FormGridViewAlternatingRow td
{
}


/* ------------------------FormTable table css------------------------------- */
.FormTable
{
  border-collapse: collapse;
  margin-left: 10px;
}

.FormTable th
{
  padding: 4px 2px;
  color: #fff;
  background: #424242 url(images/grd_head.png) repeat-x top;
  border-left: solid 1px #525252;
  font-size: 0.9em;
}

.FormTable td
{
  font-size: 1em;
  border: 1px solid #C0C0C0;
  padding: 3px 7px 2px 7px;
  background-color: #F5F5F5; /*WhiteSmoke*/
}

.FormTable tr.alt td
{
  background-color: #F5F5F5; /*WhiteSmoke*/
}

.FormTable tr td tr td
{
  border-style:none;
}

/* ...http://atashbahar.com/post/GridView-makeover-using-CSS.aspx.................... */
.FormGridView2
{
 width: 50%;
 background-color: #fff;
 margin: 5px 0 10px 0;
 border: solid 1px #525252;
 border-collapse: collapse;
 margin-left: 10px;
}
.FormGridView2 td
{
 padding: 2px;
 border: solid 1px #c1c1c1;
 color: #717171;
}
.FormGridView2 th
{
 padding: 4px 2px;
 color: #fff;
 background: #003399; 
 border-left: solid 1px #525252;
 font-size: 0.9em;
}

.FormGridView2 .FormGridViewAlt
{
   background-color: #F5F5F5;
}

/*************** Css classes die nog in gebruik zijn maar obsolete  *************/
.textbox
{
 background-color: #ffffff;
 color: #039;
 border-color: #039;
 border: 1px solid;
}
.inputbutton
{
 background-color: #039;
 color: #ffffff;
 border-color: #ffffff;
 border: 1px solid;
}
.dropdownlist
{
 background-color: #ffffff;
 color: #039;
 border-color: #039;
 border: 1px solid;
}
.Checkbox
{
 background-color: #ffffff;
 color: #515151;
}
.Tekst
{
 color: #666;
}
.Opvallend
{
 font-weight: bold;
 text-align: center;
}

/*********** **********/

.FormTableCell
{
 background-color: #F5F5F5; /*WhiteSmoke*/
 text-align:center;
}

.FormTableCellFixed
{
 background-color: #F5F5F5; /*WhiteSmoke*/
 width: 120px;
 height: 40px;
}

.FormTableHeaderCell
{
 padding: 4px 2px;
 color: #fff;
 background: #424242 url(images/grd_head.png) repeat-x top;
 border-left: solid 1px #525252;
 font-size: 0.9em;
 text-align: center;
}

.ToTop
{
 vertical-align: top;
}

.BijscholingFacturatieAdres
{
 margin-left: 27px;
}

.BijscholingFacturatieAdresWidth
{
 width: 200px;
}

.EnqueteTitle
{
 font-size: large;
}
.NumericOnly
{
 /*NIET DELETEN !!!*/
}

/* voor Anysurfer help */
  a.AnysurferHelp
  {
    position: relative;
  }
  
  a.AnysurferHelp:focus
  {
    outline: none;
  }
  
  a.AnysurferHelp strong
  {
    position: absolute;
    display: block;
    top: -1em;
    left: 2.5em;
    text-decoration: none;
    font-weight: normal;
    background-color: #ffffc7;
    border: 1px solid #aaa;
    padding: 5px;
    font-size: 90%;
    width: 300px;
  }
  
  img
  {
    border: none;
  }
  
  

  /*  Repeater */
  
  .RepeaterNormalRow
  {
    background-color: White  
  }
  
  .RepeaterAlternateRow
  {
    background-color: #F5F5F5; /*WhiteSmoke*/
  }
  
/* FormRepeaterTable */
.FormRepeaterTable
{
 background-color: #fff;
 margin:  5px 0 10px 20px;
 border: solid 1px #525252;
 border-collapse: collapse;
}

.FormRepeaterTable td
{
 padding: 5px;
 border: solid 1px #c1c1c1;
 color: #717171;
}

.FormRepeaterTable th
{
 padding: 4px 2px;
 color: #fff;
 background: #003399; 
 border-left: solid 1px #525252;
 font-size: 0.9em;
}

  