﻿@media screen {
    
    
    fieldset {
        background-color: #E8E3E1;        
        margin: 2px 4px;
    }
    
    fieldset div {
        margin: 2px;        
        /*background: Tan;*/
    }
    
    fieldset p {
        /*background: Wheat;*/
    }
    
    input, select, label {
        float: left;
    }
    
    
            
    select, input, button, textarea {
        font-family: Verdana, Tahoma, Arial, Sans-Serif;
        font-size: 1em;
        margin-left: 8px;
        margin-bottom: 4px;
    }
    
    label 
    {
        text-align: right;
        line-height: 19px;        
        width: 180px;
        float: left;
    }
          
    form.Stretched label 
    {
        width: 201px;
    }

    form.Stretched .Radio label, .Radio label, form.Stretched .Multiple label, .Multiple label
    {
        text-align: left;
        margin-left: 8px;
        width: auto;
    }


	#quicklogon input, #quicklogon img {
		margin-top: 4px;
	}

    
    .Focus {
        text-decoration: underline;
    }
  
    input[type="text"], input[type="password"], textarea {
        border: 1px solid #677588;
        padding: 2px;
    }

    select {
        border: 1px solid #677588;
        padding: 1px 0px 1px 0px;
    }
    
    select.Tiny, input[type="text"].Tiny  {
        width: 20px;
    }
    select.Small, input[type="text"].Small  {
        width: 50px;
    }
    select.Medium, input[type="text"].Medium  {
        width: 110px;
    }
    select.Large, input[type="text"].Large  {
        width: 160px;
    }

   input[type="text"].Huge  {
        width: 220px;
    }

    select.Huge {
        width: 420px;
    }
    
    input[type="submit"],  input[type="button"]  {
        margin: 4px 8px;
        border: outset 1px #ccc; 
        background:#999; 
        color:#666; 
        font-weight:bold; 
        padding: 2px;
        background:url(https://images.gfk.nl/consumerscan/portal/css/submitbg.gif) repeat-x left top;
        
    }

    input[type="submit"][disabled],  input[type="button"][disabled]  {
		color: #CCC;
    }

    /* validation */
   legend {
        display: none;
        margin-left: 8px; 
        padding: 3px 25px; 
        border: 1px solid red; 
        background: #fff url(http://images.gfk.nl/icons/v/16/document_error.png) no-repeat left center;
        }
    
    input[type="text"].Invalid {
            border: 1px solid red;    
    }

    input[type="text"].Valid {
            border: 1px solid green;    
    }




}
