html, body{
	height: 100%;
	font-family: 'Maven Pro Regular', sans-serif; 
	font-size:12px;
	text-align:left;
	margin:0px;
	padding:0px;
	color: #4c4d4f;
	background: linear-gradient(to bottom, #B7B7B7 0%, #282323 100%);
}


a:link    { color: white; text-decoration: none; }
a:visited { color: white; text-decoration: none; }
a:active  { color: white; text-decoration: underline; }
a:hover   { color: black; background-color: transparent; text-decoration: none;cursor:pointer;}


p{
 color: black;
 margin:  0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

iframe {
 color: black;
 margin:  0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 z-index:6;
}

table {
 background-color: transparent;
 color:#000000;
 border-radius: 3px;
 -webkit-border-radius:3px; 
}


th {
 background: linear-gradient(to bottom, #8d8d8d 0%, #3c3c3c 100%);
 color:#ffffff;
 text-align: center;
 white-space:nowrap;
 vertical-align:top;
}

td {
 background-color: transparent;
 color: #000000;
}


img.ui-autocomplete {
 border:none;
 margin:  0px 0px 0px 0px;
 padding: 0px 0px 0px 0px; 
}
  
img {
 border:none;
}


input[text],textarea{
 font-size            : 10px;
 cursor               : default;
 min-width            : 125px; 
 border-radius    	  : 3px!important;
 -webkit-border-radius: 3px;
}


input[text]:hover,textarea:hover{
 border          : rgb(193,194,197) 1px solid;
}

select{
  border          : rgb(193,194,197) 1px solid;	
}

select:hover{
   border          : #3c3c3c 1px solid;
}



textarea,input[type="text"],input[type="file"],input[type="password"] {
 background-color: #ffffff;
 border          : rgb(193,194,197) 1px solid;
 border-radius: 3px!important;
 -webkit-border-radius:3px;
}

textarea:hover,input[type="text"]:hover,input[type="file"]:hover,input[type="password"]:hover{
 background-color: #ffffff;
 border          : #3c3c3c 1px solid;
 border-radius: 3px!important;
 -webkit-border-radius:3px;
}

/*checkbox ja radio*/
input[type="checkbox"],input[type="radio"]{
 background-color: transparent;
 border          : none; 
}

input[type="checkbox"]:hover,input[type="radio"]:hover{
 cursor          : pointer;
}



h1 {
   color:#3c3c3c;
   font-size: 2em;  /* font size for h1 */
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

h2 {
   color:#3c3c3c;
   font-size: 1.5em;  /* font size for h1 */
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

h3 {
   color:#3c3c3c;
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
h4 {
   color:#3c3c3c;
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h5 {
   color:#3c3c3c;
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color:#3c3c3c;
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}


table.temp_selection{
 background-color:transparent;
 border: none;
 border-collapse: collapse;
 z-index: 1;
}


/* hovered cell colors */
.temp_selection tbody > tr > td.hover,
.temp_selection tbody > tr > td:hover,
.temp_selection tbody > tr > td.even:hover,
.temp_selection tbody > tr > td.odd:hover {
	background-color:#FFFFFF;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}

.temp_selection tr > td {
	background-color: transparent;
	border: 1px solid #FFFFFF;
	padding: 3px;
	 border-radius    	  : 3px!important;
 -webkit-border-radius: 3px;
}





.normal{
	text-align:left;
	background-color:white;
	color:black;
	width:100%;
}

.centered {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}


div.content{
	width:99%;

	padding-top: 5px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left:auto;
	margin-right:auto;
	
}


img.layout {
 display:block;
}


img.action {
 display:inline;
}
 
img.action:hover {
 display:inline;
 background-color:#e4e4e4;
 cursor:pointer;
 
}

#lampotila {
  margin: 0 0 8px;
  color: #F9F9F9;
  font-size: 80px;
  font-weight: 300;
  text-align: center;
  text-shadow: 1px 1px 5px #86E08C;
  /*rgba(57,57,57,0.0)
   #666666
  
  */
}
#paivays {
  margin: 0 0 2px;
  color: #F9F9F9;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  text-shadow: 1px 1px 3px #86E08C;
 
  /*rgba(57,57,57,0.0)
   #666666
  
  */
}