/**
* @author Tom van Oorschot
* @date 2-10-2008 15:41:00
*
* Base CSS File for greenfee module
**/   
  html {     
    background-color: #E5E5E5;
    background-color: #F4FAF6;
    background-image: url("/gfx/content-bg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top right;
  }

  body {
    margin: 0px;
    padding: 10px;
    
    background-color: #E5E5E5;
    background-color: #F4FAF6;
    background-image: url("/gfx/content-bg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top right;
    
    font-family: tahoma, sans-serif;
    font-size:12px;
  }
  
  body.menu {
      position: relative;
      background-image: url("/gfx/menu-bg.jpg");
      background-repeat: repeat-y;
      margin: 0px;
      padding: 0px;
  }
  
   /* body, text, td {
      font-family: tahoma, sans-serif;
      font-size:12px;
  }*/
  
  font.klein {
    font-size: 10px;
  }
  
  /* Table styles */
    table.overzicht {
      border-collapse:collapse;
      border-spacing:0;

      empty-cells:show;
      width: 100%;
      margin-right: 10px;

    }
    
    table.overzicht th {
      border-bottom: 1px solid black;
    }
    
    table.overzicht thead tr {
      
    }
    
    table.overzicht thead tr th {
      font-weight: bold;
      text-align: left;
      font-size: 12px;
      padding-bottom: 5px;
      
      border-bottom: 1px solid black; 
    }
    
    table.overzicht tfoot tr th {
      font-weight: bold;
      text-align: left;
      font-size: 12px;
      padding-top: 5px;
      
      border-top: 1px solid black; 
      border-bottom: none;
    }

    table.overzicht tr td {
      vertical-align: middle;
      height: 22px; 
      border-bottom: 1px dotted gray;
    }
    
   
    
    table.overzicht tr.odd {
      background-color: #effff1;
    }
    
    table.overzicht tr.even {
      background-color: #ffffff;
    }
    
    table.overzicht tbody tr:hover { background-color: #FFCC99; }
    table.overzicht tbody tr.no-bg:hover { background-color: transparent; }


table label, td, th {
      font-size: 12px;
    }
    
    table td {
      vertical-align: top;
    }
    
    table td.form_uitleg{
      font-style: italic;
      font-size: 11px;
    }
    
    table th {
      text-align: left;
      vertical-align: top;
      font-size: 12px;
    }
  
  /* End Table styles */
  
  a {
    color: green;
    text-decoration: none;
  }
  
  a:hover {
    color: green;
    text-decoration: underline;
  }
  
  input, textarea, select {
    background-color:#EFFFF1;
    border:1px solid #999;
    font-family:tahoma,helvetica;
    font-size:12px;
    padding-left:2px;
  }
  
  input.hover:hover{
    border-width: 2px;
  }
  
  input.large {
    width: 150px;
  }
  
  input.medium {
    width: 95px;
  }
  
  input.small {
    width: 50px;
  }

  textarea.medium {
    width: 250px;
    height: 60px;
  }

  input.loading {
    background-image: url('/gfx/loading_light.gif');
    background-position: right;
    background-repeat: no-repeat;
  }
  
  fieldset.dotted {
    border: 0;
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
    margin-top: 10px;
    margin-bottom: 10px;   
    
  }
  
  fieldset.dotted label { padding-left: 0px; }
  
  fieldset.dotted_all {
    border:1px solid #8fb26f;
    background: #e5f0e2;

    margin-top: 10px;
    margin-bottom: 10px;
    
  }
   fieldset.dotted_all legend { background-color: transparent; padding: 0 3px 0 3px; }
  
  
  fieldset legend { background: #F4FAF6; padding: 0 3px 0 3px; }
  
  fieldset label {
    font-weight: bold;
  }
  
  hr.dotted {
    color: #000;
    margin-left: 0px;
    text-align: left;
    border: none;
    border-style: dotted none none;
    border-width: 1px 0 0;
    padding: 0px;
    height: 0;

  }
  
  .clickable {
    cursor: pointer;
  }
  
  h4 {
    font-size: 12px;
  }
  
  .pageHeader h4{
    padding: 0; margin: 0;
    font-size: 12px;
  }
  
  .input_verplicht {
    border: 1px solid red;
    background-color: #FFDEDE;
  }
  
  /* Melding classes */
    .box-loading{
      position: absolute;
      background-color: #EEE;
      border: 3px solid #CCC;
      width: 400px;
      padding: 5px;
      
      z-index: 6000;
    }
    
    .box-loading h4 {
       background: url(/gfx/loading_light.gif) no-repeat left;
       padding-left: 20px;
       margin: 0px 0px 10px 0px;
    }
    
    .box-loading p {
       text-align: left;
       padding: 2px;
    }
    
    .successMelding {
    	background-color: #d4ffc2;
    	border: 1px solid #7dbc6c;
    	padding: 10px;
    	margin: 5px 0px 5px 0px;
    }
    .successMelding h4 {
    	background: url(/gfx/icons/set/accept.png) no-repeat left;
    	padding-left: 20px;
    	margin: 0px 0px 10px 0px;
    }
    
    .successMelding.klein { font-size: 10px; padding: 2px; }
    .successMelding.klein h4 {font-size: 11px; margin-bottom: 5px; }
    
    .errorMelding {
      background-color: #ffdede;
      border: 1px solid #ef4747;
      padding: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
    }
    
    .errorMelding h4 {
      background: url(/gfx/icons/set/exclamation.png) no-repeat left;
      padding-left: 20px;
      margin: 0px 0px 10px 0px;
    }
    
    .errorMelding.klein { font-size: 10px; padding: 2px; }
    .errorMelding.klein h4 {font-size: 11px; margin-bottom: 5px; }
    
    .box-errorMelding {
      position: absolute;
      background-color: #ffdede;
      border: 3px solid #ef4747;
      width: 400px;
      padding: 5px;
    }
    
    .box-errorMelding h4 {
       background: url(/gfx/icons/set/exclamation.png) no-repeat left;
       padding-left: 20px;
       margin: 0px 0px 10px 0px;
    }
    
    .box-errorMelding p {
       text-align: left;
       padding: 2px;
    }
    
    .warningMelding {
      background-color: #FFFFDD;
      border: 1px solid #FFF8AF;
      padding: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
   }
   

   .warningMelding h4 {
       background: url(/gfx/icons/set/error.png) no-repeat left;
       padding-left: 20px;
       margin: 0px 0px 10px 0px;
    }
    
   .warningMelding.klein { font-size: 10px; padding: 2px; }
   .warningMelding.klein h4 {font-size: 11px; margin-bottom: 5px; }
    
    .box-warningMelding {
      position: absolute;
      background-color: #FFFFDD;
      border: 3px solid #FFF8AF;
      width: 400px;
      padding: 5px;
    }
    
    .box-warningMelding h4 {
       background: url(/gfx/icons/set/error.png) no-repeat left;
       padding-left: 20px;
       margin: 0px 0px 10px 0px;
    }
    
    .box-warningMelding p {
       text-align: left;
       padding: 2px;
    }
    
    .infoMelding {
      background-color: #C2EBFF; 
      border: 1px solid #E0F0FF;
      padding: 10px;
      margin-top: 5px;
      margin-bottom: 5px;
   }
   
   .infoMelding h4 {
       background: url(/gfx/icons/set/information.png) no-repeat left;
       padding-left: 20px;
       margin: 0px 0px 10px 0px;
    }
    
    .infoMelding.klein { font-size: 10px; padding: 2px; }
    .infoMelding.klein h4 {font-size: 11px; margin-bottom: 5px; }
    
    .box-infoMelding {
      position: absolute;
      background-color: #C2EBFF; 
      border: 3px solid #E0F0FF;
      width: 400px;
      padding: 5px;
    }
    
    .box-infoMelding h4 {
       background: url(/gfx/icons/set/information.png) no-repeat left;
       padding-left: 20px;
       margin: 0px 0px 10px 0px;
    }
    
    .box-infoMelding p {
       text-align: center;
       padding: 2px;
    }
    
    
  /* Eind melding classes */

.handle {
    background: url('/gfx/icons/move_vertical_light.png') no-repeat left center transparent;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.handle:hover {
    background: url('/gfx/icons/move_vertical.png') no-repeat left center transparent;
}

@media print {
    #_fc_div {
        display: none;
    }
}