/* OIKEAN YLÄKULMAN SISÄÄNKIRJAUSTILA */
DIV.loginformsimple,DIV.loggedin
	{ width: 750px; margin-right: auto; margin-left: auto; height: 20px; font-size: 12px; 
	 text-align: right; padding: 3px 10px; }
/*	{ position: absolute; top: 3px;	right: 0px; width: 360px; height: 20px;
	  font-size: 12px; text-align: left; padding: 0px 10px; }*/
DIV.loggedin
	{ border: none;	 }
/*	{ border: none;	padding-top: 4px; padding-right: 0px; margin-top: 3px; 
	  text-align: left; margin-left: 0px;
	  filter:alpha(opacity=90); opacity: 0.9; } */
SPAN.loggedin
	{ border: 1px #aaaaaa dotted; border-right: 0px; background-color: white;
	  padding-top: 4px; padding: 5px; padding-right: 10px; }
/*	{ border: 1px #aaaaaa dotted; border-right: 0px; background-color: white;
	  padding-top: 4px; padding: 5px; padding-right: 10px; } */
INPUT.loginfieldsimple
	{ width: 80px; background-color: white; font-size: 10px; border: 1px black solid; }
INPUT.loginbuttonsimple
	{ width: 80px; background-color: white; font-size: 10px; border: 1px black solid; }
INPUT.loginfieldsimple,INPUT.loginbuttonsimple
	{ background-color: #f3f3f3; filter:alpha(opacity: 60); opacity: 0.6; }

/* SISÄÄNKIRJAUTMISIKKUNA */
DIV.login
	{ width: 230px; margin-right: auto; margin-left: auto; }
DIV.loginform
	{ margin-bottom: 10px; margin-left: auto; margin-right: auto; }
SPAN.loginform
	{ display: block; width: 120px; float: left;  }
INPUT.loginfield,INPUT.loginbutton
	{ width: 100px; background-color: white; font-size: 10px; border: 1px black solid;
	  background-color: #ffffff; }
DIV.loginbuttons
	{ text-align: center;  }


/* ACCOUNTS LIST STYLES */
DIV.accountsContainer
					{  }
TABLE.accounts		{ margin-right: auto; margin-left: auto; border: solid 1px black;
					  border-collapse: collapse; font-family: arial; font-size: 12px;
					  width: 390px; }
TD.accountsActivate	{ width: 5px; padding-left: 0px; padding-right: 3px;}
TD.accountsUsername	{ width: 100px; font-weight: bold; }
TD.accountsName		{  }
TD.accountsButtons	{ width: 80px; }

/* hidden part */
DIV.accountsHiddenContainer
					{ width: 350px; background-color: #ffffff; 
					  border: solid 1px #000000; padding: 10px; margin-right: auto; margin-left: auto;
					  font-family: arial; font-size: 12px; }
DIV.accountsHidden	{ clear: both; margin-bottom: 5px; }
SPAN.accountsHidden { display: block; width: 100px; float: left; font-weight: bold; }

TD.accountsHiddenHeader
					{ font-weight: bold; width: 120px; padding: 2px 5px 2px 5px; border: 1px solid red;}
TR.active			{ background-color: #C2FFBF }
TR.inactive			{ background-color: #FFBFBF }
TD.name				{ text-transform: capitalize; }
/* cell/row bottom border */ 
TD.accounts,
TD.accountsActivate,
TD.accountsUsername,
TD.accountsName,
TD.accountsButtons,
TD.accountsmore
					{ border: none; }


/* ACCOUNT FORM STYLES */
DIV.registerform
	{ margin-top: 7px; width: 380px; }
SPAN.registerform
	{ float: left; width: 140px; }
	
INPUT.formText
	{ font-size: 10px; border: solid 1px black; padding: 3px; }
	

/* buttons */	
DIV.formbuttons
		{ text-align: center; margin-top: 20px; }
INPUT#ok,INPUT#cancel
		{ border: 1px black solid; width: 80px; }
INPUT#ok	
		{ background-color: #B4E8B0; font-weight: bold; }
INPUT#cancel
		{ background-color: #FA8683; }
	
	
.righttextbox
	{ position: relative; top: 50px; right: 15px; float: right;
	  border: dotted 1px #cccccc; width: 240px; height: 250px;
	  background-color: #FFFFBB; padding: 15px; }
.righttextboxheader
	{ font-weight: bold; font-size: larger; margin-bottom: 10px; }
	
/* FORM FIELDS */
SPAN.registerformUsername
	{ font-size: 1.2em; font-weight: bold; }
INPUT#username,INPUT#password,INPUT#password2,
INPUT#nusername,INPUT#npassword,INPUT#npassword2,
INPUT#country,INPUT#phone
	{ width: 120px; }
INPUT#firstname,INPUT#lastname,INPUT#address,
INPUT#city,INPUT#email
	{ width: 220px; }
INPUT#zip
	{ width: 40px; }
.require
	{ background-color: #FFFFBB; }
.errortext
	{ color: #FF0000; }
.errorstyle
	{ background-color: #FA8683; }