@media screen
{
    
    /*
    .clearFloat
    {
        display: none;
        float: none;
        clear: both;
    }
    */
    
    fieldset 
    {
        border: 1px solid #7BBFF2;
        background-color: #FFFFFF;
        padding: 0px 20px 20px 20px;
        margin: 20px 0px 20px 0px;        
    }

    legend 
    {
        font-family: Trebuchet MS, Tahoma, Sans-Serif;
        color: #333333;
        font-weight: bold;
        font-size: 140%;
        padding: 0px 2px 3px 2px;
        margin: 0px 0px 15px -10px; 
    }
        
    .emptyFieldMark 
    { 
        color: #FF0000;
        font-weight: bold;
        font-size: 1.1em;
        line-height: 25px;
        display: block; 
        float: left;
        width: 12px;
        padding: 5px 0px 0px 2px;
        margin: 0px 0px 0px 0px;
    }
    .validationSummary
    {
        display:block;
        float: left;
        text-align:left;
        width: 250px;
        color: Red;
        font-size: 0.75em;
        line-height: 1.4em;
        font-weight: bold;
        padding: 15px 0px 0px 185px;
    }     

    .validationSummary ul
    {
        padding: 0px 2px 5px 10px;
        margin: 0px;
        text-align:left;
    }

         
/* ############### ADMIN LOGINCONTROL ############### */
/*
    fieldset.loginControl 
    {
        border: 1px solid #7BBFF2;
        width: 375px;
        background-color: #FFFFFF;
        padding: 25px 20px 5px 20px;
        margin: 20px 0px 20px 0px; 
    }
    
    fieldset.loginControl legend
    {
        font-family: Trebuchet MS, Tahoma, Sans-Serif;
        color: #333333;
        font-weight: bold;
        font-variant: small-caps;
        font-size: 140%;
        padding: 3px 7px 10px 7px;
    }
*/    
    fieldset.loginControl p
    {
        font-size: 0.85em;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    
    fieldset.loginControl label
    {
        background-color: #FFFFFF;
        font-size: 0.85em;
        display: block;
        font-weight: bold;
        text-align: right;
        width: 120px;
            width: 175px;
        float: left;
        line-height: 25px;
        padding: 2px 10px 2px 0px;
        margin: 0px;
    }

    fieldset.loginControl input[type=text], fieldset.loginControl input[type=password]
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 175px;
        padding: 2px 0px 2px 0px;
        margin: 5px 0px 5px 0px;
        
    }
    
    fieldset.loginControl .loginEmptyFieldMark 
    {
        color: #FF0000;
        font-weight: bold;
        font-size: 1.1em;
        display: block; 
        float: left;
        width: 10px;
        padding: 6px 0px 0px 5px;
        margin: 5px 10px 3px 0px;
    }

    fieldset.loginControl input[type=submit]
    {
        margin: 10px 0px 0px 185px;
        padding: 0px 4px 0px 4px;
        float: left;
    }
    
    fieldset.loginControl .failureMessage 
    {
        float: left;
        display:block;
        width: 100%;
        text-align:center;
        color: Red;
        font-size: 0.75em;
        font-weight: bold;
        padding: 10px 0px 15px 0px;
        margin-bottom: 15px;
    }


/* ############### ADMIN EDIT USER ############### */
    fieldset.editUser label
    {
        background-color: #FFFFFF;
        font-size: 0.85em;
        display: block;
        font-weight: bold;
        text-align: right;
        width: 175px;
        float: left;
        line-height: 25px;
        padding: 2px 10px 2px 0px;
        margin: 0px;
    }

    fieldset.editUser input[type=text], fieldset.editUser input[type=password]
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 175px;
        padding: 2px 0px 2px 0px;
        margin: 5px 0px 5px 0px;       
    }
    fieldset.editUser input[type=submit]
    {
        margin: 10px 0px 0px 185px;
        padding: 0px 4px 0px 4px;
        float: left;
    }
    fieldset.editUser input[type=button]
    {
        margin: 10px 0px 0px 10px;
        padding: 0px 4px 0px 4px;
        float: left;
    }
/* ############### ADMIN GRIDVIEW ############### */
/*
    fieldset.gridView
    {
        border: 1px solid #7BBFF2;
        width: 440px;
        background-color: #FFFFFF;
        padding: 20px 20px 20px 20px;
    }
    fieldset.gridView legend
    {
        font-family: Trebuchet MS, Tahoma, Sans-Serif;
        color: #333333;
        font-weight: bold;
        font-variant: small-caps;
        font-size: 1.15em;
        padding: 3px 7px 6px 7px;
    }

    fieldset.gridView span
    {
        color: #333;
        font-size: 0.85em;
        display: block;
        font-weight: bold;
        text-align: right;
        width: 100px;
        float: left;
        line-height: 25px;
        padding: 2px 10px 2px 0px;
        margin: 0px;

    }
*/
    fieldset.gridView label
    {
        float: left;
        display: block;
        font-size: 0.85em;
        font-weight: bold;
        text-align: right;
        width: 175px;
        line-height: 25px;
        padding: 2px 10px 2px 0px;
        margin: 0px;

    }
    
    fieldset.gridView select 
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 175px;
        padding: 2px 0px 2px 0px;
        margin: 5px 0px 5px 0px;
    }



/* ############### ADMIN MATERIAL EDIT ############### */

    fieldset.materialEdit .newsletterExplanation
    {
        font-size: 0.85em;
        float: left;
        display: block; 
        width: 100%;
        padding: 6px 5px 0px 5px;
        margin: 5px 0px 15px 0px;   
        line-height: 1.4em;
    }

    fieldset.materialEdit .mark
    {
        display: block;
        text-align: left;
        float: left;
        line-height: 22px;
        padding: 2px 5px 2px 5px;
        margin: 0px;
        width: 6px;
    }

    fieldset.materialEdit span.text
    {
        font-size: 0.85em;
        display: block;
        text-align: left;
        width: 175px;
		float:left;
        line-height: 22px;
        padding: 2px 10px 2px 0px;
        margin: 0px;
    }
    
    /*
	fieldset.materialEdit span
    {
        font-size: 0.85em;
        display: block;
        text-align: left;
		float:left;
		padding: 2px 10px 10px 5px;
		line-height:30px;
		
    }
    */
    fieldset.materialEdit label
    {
        font-size: 0.85em;
        display: block;
        font-weight: bold;
        text-align: right;
        width: 175px;
        float: left;
        line-height: 22px;
        padding: 2px 10px 2px 0px;
        margin: 0px;
    }
    fieldset.materialEdit input[type=text], fieldset.materialEdit input[type=file]  /*, fieldset.newsletter input[type=password] */
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 200px;
        padding: 2px 0px 2px 0px;
        margin: 4px 0px 3px 0px;
        
    }
    fieldset.materialEdit input[type=text].textboxDate 
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 90px;
        padding: 2px 0px 2px 0px;
        margin: 4px 0px 3px 0px;
    }

    fieldset.materialEdit input[type=checkbox]
    {
        display: block;
        float: left;
        padding: 2px 0px 2px 0px;
        margin: 4px 0px 3px 0px;
    }
    fieldset.materialEdit select
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 200px;
        padding: 2px 0px 2px 0px;
        margin: 4px 0px 3px 0px;
    }
/*        
    fieldset.materialEdit .emptyFieldMark 
    { 
        color: #FF0000;
        font-weight: bold;
        font-size: 1.1em;
        display: block; 
        float: left;
        width: 10px;
        padding: 4px 0px 0px 2px;
        margin: 4px 0px 0px 0px;        
    }
*/    
    fieldset.materialEdit .failureMessage 
    {
        float: left;
        display:block;
        width: 100%;
        text-align:center;
        color: Red;
        font-size: 0.75em;
        font-weight: bold;
        padding: 10px -10px 15px -10px;
        margin-bottom: 15px;
    }

    fieldset.materialEdit .failureMessage ul
    {
        padding: 10px 2px 15px 10px;
        margin: 0px;
    }
    
    fieldset.materialEdit .failureMessage li
    {
    }
    fieldset.materialEdit span
    {

    }
    fieldset.materialEdit #bottomButtons
    {
    	clear:both;
    	padding-left: 185px;
    	padding-top:10px;
    }

    fieldset.materialEditPreview
    {
    }


/* ############### Postituslistan ja uutiskirjeen rekisterien hallinta ############### */
    fieldset.letterRegister label
    {
        font-size: 0.85em;
        display: block;
        font-weight: bold;
        text-align: right;
        width: 175px;
        float: left;
        line-height: 25px;
        padding: 2px 10px 2px 0px;
        margin: 0px;
    }
    
    fieldset.letterRegister select
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 175px;
        padding: 2px 0px 2px 0px;
        margin: 5px 0px 5px 0px;
    }    
    
    
/* ############### TILAA NORMIT JA JULKAISUT -sivu ############### */
/*
    fieldset.newsletter 
    {
        border: 1px solid #7BBFF2;
        width: 440px;
        background-color: #FFFFFF;
        padding: 25px 20px 20px 20px;
        margin: 20px 0px 20px 0px; 
    }
    fieldset.newsletter legend
    {
        font-family: Trebuchet MS, Tahoma, Sans-Serif;
        color: #333333;
        font-weight: bold;
        font-size: 140%;
        padding: 0px 7px 3px 7px;
        margin: 0px 0px 0px 0px; 
    }
*/
    fieldset.newsletter .newsletterExplanation
    {
        font-size: 0.85em;
        float: left;
        display: block; 
        width: 96%;
        padding: 0px;
        margin: 0px 0px 15px 0px;   
        line-height: 1.4em;
    }

    fieldset.newsletter label
    {
        font-size: 0.85em;
        display: block;
        font-weight: bold;
        text-align: right;
        width: 175px;
        float: left;
        line-height: 22px;
        padding: 2px 10px 2px 0px;
        margin: 0px;
    }

    fieldset.newsletter input[type=text] 
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 175px;
        padding: 2px 0px 2px 0px;
        margin: 4px 0px 3px 0px;        
    }
    
    fieldset.newsletter input[type=text].textboxSmall 
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 60px;
        padding: 2px 0px 2px 0px;
        margin: 4px 8px 3px 0px;
    }
    /* hack for Win IE6.0 */
    /*\*/ * html .textboxSmall { width: 55px; } /**/

    fieldset.newsletter input[type=text].textboxMedium 
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 105px;
        padding: 2px 0px 2px 0px;
        margin: 4px 0px 3px 0px;
    }
    /* hack for Win IE6.0 */
    /*\*/ * html .textboxMedium { width: 83px; margin-left: 5px; } /**/

    
    fieldset.newsletter .newsletterEmptyFieldMark /* fieldset.newsletter span */
    { 
        color: #FF0000;
        font-weight: bold;
        font-size: 1.1em;
        display: block; 
        float: left;
        width: 10px;
        padding: 4px 0px 0px 2px;
        margin: 4px 0px 0px 0px;        
    }
    
    fieldset.newsletter input[type=submit]
    {
        margin: 10px 0px 0px 0px;
        padding: 0px 4px 0px 4px;
        float: left;
    }
    
    fieldset.newsletter .failureMessage 
    {
        float: left;
        display:block;
        width: 100%;
        text-align:center;
        color: Red;
        font-size: 0.75em;
        font-weight: bold;
        padding: 10px -10px 15px -10px;
        margin-bottom: 15px;
    }

    fieldset.newsletter .failureMessage ul
    {
        padding: 10px 2px 15px 10px;
        margin: 0px;
    }
    
    fieldset.newsletter .failureMessage li
    {
    }

/* ############### UUTISKIRJE-BOX ############### */

    div.newsletter-box 
    {
        float: left;
        display: block;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCC;
        color: #444;
        width: 200px;
        background-color: #FFFFFF;
        padding: 10px 0px 10px 0px;
        margin: 20px 0px 15px 0px; 
    }
    /* hack for Win IE6.0 */
    /*\*/ * html div.newsletter-box  { width: 190px;
                                       padding: 10px 0px 10px 10px; } /**/
    
    
    div.newsletter-box label
    {
        color: Black;
        font-size: 0.75em;
        display: block;
        font-weight: bold;
        text-align: left;
        width: 180px;
        float: left;
        padding: 2px 2px 2px 10px;
        margin: 0px;
    }
    /* hack for Win IE6.0 */
    /*\*/ * html div.newsletter-box label { padding: 2px 2px 2px 0px; } /**/


    div.newsletter-box input[type=text]
    {
        background-color: #F5FAFF;
        display: block;
        float: left;
        font-size: 0.85em;
        border: solid 1px #aacfe4;
        width: 150px;
        padding: 2px 0px 2px 0px;
        margin: 5px 0px 5px 10px;
    }

    div.newsletter-box input[type=submit]
    {
        display: block;
        float: left;
        margin: 0px 0px 0px 10px;
        padding: 0px 4px 0px 4px;
    }
    
    div.newsletter-box .newsletterEmptyFieldMark 
    { 
        color: #FF0000;
        font-weight: bold;
        font-size: 1.1em;
        display: block; 
        float: left;
        width: 10px;
        padding: 4px 0px 0px 2px;
        margin: 4px 0px 0px 0px;
    }

    div.newsletter-box .failureMessage 
    {
        display:block;
        float: left;
        width: 180px;
        text-align:left;
        color: Red;
        font-size: 0.8em;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        margin-bottom: 15px;
    }
    
    div.newsletter-box .failureMessage ul
    {
        padding: 10px 2px 15px 10px;
        margin: 0px;
    }    
}