body
{  
	 font-family: Arial;
	 font-size: 12pt; 
	 background-image: url('images/bg.jpg');  
}

body.main
{  
	 font-family:Arial;
	 font-size: 12pt; 
	 background-image: url('images/bg.jpg');  
}

body.admin
{  
	 font-family: Arial;
	 font-size: 12pt; 
	 background-image: url('images/bg.jpg');  
}

.title       { color: #800080; font-size: 14pt; font-family: Arial;  } /* font-weight: bold */
.label       { color: #800000; font-weight: bold ;}
.dataitem    { color: #000080; font-weight: bold ;}
.block { border-style:outset; border-width: 1px ; padding: 6pt;}
.error{ color: red; font-weight: bold;  }

button { padding: 4px; border-radius: 5px;}
button:focus { font-weight:bold;}

input {
    border: 1px solid black;           
    padding: 2px;
    border-radius: 5px;
    transition:.2s linear;
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
}
input:focus {
    outline: none;
    box-shadow: 0px 0px 5px #FFCFAB;
    border-color: #FFCFAB;
}

select {
    border: 1px solid black;           
    padding: 2px;
    border-radius: 5px;
    transition:.2s linear;
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
}

select:focus {
    outline: none;
    box-shadow: 0px 0px 5px #FFCFAB;
    border-color: #FFCFAB;
}

.corner 
{
    padding:1em;
	  background-color:#FFFFCC ;
    border: 2px solid #55537C;
	  border-radius: 15px;
}

 .admin_corner
{
  padding:1em;
  border: 2px solid #55537C;
  background-color: #F2EACF;
	border-radius: 15px;
}


.datalist td { font-size:10pt;} 
.datalist th { font-size:10pt;} 