/* 
    Document   : ppctinstant_custom_login
    Created on : 30.5.2012, 9:35:00
    Author     : lassek
    Description:
        Login page customed style sheet file
*/

html,body,div,p,a,img,form,label {
	margin: 0pt; 
	padding: 0pt; 
	border: 0pt none; 
	outline: 0pt none;
}

body { 
	line-height: 1; 
	color: black; 
	color: rgb(51, 51, 51); 
	font: 12px/18px Arial,Verdana,sans-serif;	
	background: #002939; 
}

a { 
	outline: 0pt none; 
}

.clearfix { 
	display: block; 
}

input { 
	font: 99% Arial,Verdana,sans-serif; 
}

p {
	margin: 8px 0pt; 
}

a:link{ 
	color: rgb(0, 102, 188); 
	cursor: pointer; 
	text-decoration: none; 
}

a:hover{ 
	text-decoration: underline; 
}

a:visited{ 
	color:#AAAAAA; 
}

label { 
	color: #666; 
	font-weight: normal; 
}

input { 
	padding: 0pt 0pt 0pt 4px; 
	vertical-align: middle; 
}

input,select,textarea { 
	font-size: 12px; 
}

input.textbox340 { 
	width: 323px; 
}

div#login { 
	margin: 108px auto 0pt; 
	width: 504px; 
}

div.cap-top { 
	background: url("../img/login/_cap-top.png") no-repeat scroll 0% 0% transparent; 
	height: 8px; width: 504px; 
}

div.cap-body { 
	padding-left: 40px; 
	padding-right: 40px; 
	background: url("../img/login/_cap-bg.png") repeat-y scroll 0% 0% transparent; 
}

div.cap-bottom { 
	background: url("../img/login/_cap-bottom.png") no-repeat scroll 0% 0% transparent; 
	height: 15px; 
	width: 504px; 
}

div#mobi-body { 
	padding-left: 5px; 
	padding-right: 5px; 
	background: url("../img/login/_cap-bg.png") repeat-y scroll 0% 0% transparent; 
  width: 250px; 
}

div#mobi-inbody { 
	padding-left: 5px; 
	padding-right: 5px; 
  background: url("../img/login/_cap-bg.png") repeat-y scroll 0% 0% transparent; 
  width: 660px; 
}

div#login div#panelLogin div#tokenDiv div,div#login div#panelResetPass div,div#login div#panelChangePass div { 
	margin: 0pt auto; 
	padding-bottom: 18px; 
	width: 456px; 
}

div#login div#branding { 
	padding-top: 5px; 
	padding-left: 0px; 
	padding-bottom: 10px; 
}

div#login div#branding img { 
	display: block; 
	margin: 0pt 0pt 10px 0px; 
}

div#login label2 { 
	color: rgb(136, 136, 136); 
	display: block; 
	font-size: 12px; 
}

div#login input#txtLogin1,div#login input#txtPassword,div#login input.textbox340 { 
	background: none repeat scroll 0% 0% rgb(250, 250, 250); 
	border: 1px solid rgb(187, 187, 187); 
	font-size: 14px; 
	line-height: 20px; 
	margin: 0pt; 
	padding: 3px; width: 440px; 
}

div#login input#btnLogin { 
	float: right; 
	margin-bottom: 10px; 
}

div#login a:link { 
	color: rgb(170, 170, 170); 
}

label {
	font: 11px Arial, Helvetica, sans-serif;
	color: #606264;
	text-transform:uppercase;

}

.field {
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 120%;
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	padding: 4px;
}

button {
	display: block;
	width: 74px;
	height: 29px;
	border: 0px solid #fff;
	background-position: top left;
	cursor: pointer;
	background: no-repeat;
}

button:hover {
	background-position: top right;
}

button span {
	display: none;
}

button.button_kirjaudu {
	/*background-image: url(img/login/_button_kirjaudu.gif);*/
}

.taulukko {
	margin: 10px 0;
}

.taulukko td {
	padding: 5px 0;
}

.clearall {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	width: 100%;
}

h1 {
	font: 700 22px/26px Arial, Helvetica, sans-serif;
	color: #002939;
	margin: 0;
	padding: 5px 0;
}

div#system-loader {
	position: absolute; 
	left: 0; 
	top: 0; 
	background-color: #333; 
	color: #aaa; 
	width: 100%; 
	height: 100%; 
	z-index: 999999; 
	display: none;
}

.form_navi, .ui-button {
	background: #274e5f !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#51869D), to(#133848)) !important;
	background: -webkit-linear-gradient(#51869D, #133848) !important;
	background: -moz-linear-gradient(#51869D, #133848) !important;
	background: -ms-linear-gradient(#51869D, #133848) !important;
	background: -o-linear-gradient(#51869D, #133848) !important;
	background: linear-gradient(#51869D, #133848) !important;
	color: #fff !important;
	height: 23px !important;
	height: 24px\9 !important;
	border-top: 2px solid #466876 !important;
	border-left: 2px solid #466876 !important;
	border-right: 2px solid #203f4d !important;
	border-bottom: 2px solid #203f4d !important;
	padding: 2px 6px 3px 6px !important;
	cursor: pointer;
}

.form_navi:hover, .ui-button:hover {
	background-color: #035374 !important;
	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#51869D), to(#035374));
	background: -webkit-linear-gradient(#51869D, #035374);
	background: -moz-linear-gradient(#51869D, #035374);
	background: -ms-linear-gradient(#51869D, #035374);
	background: -o-linear-gradient(#51869D, #035374);
	background: linear-gradient(#51869D, #035374);
	border-top: 2px solid #286c88 !important;
	border-left: 2px solid #286c88 !important;
	border-right: 2px solid #02435e !important;
	border-bottom: 2px solid #02435e !important;

}

.form_navi:active, .ui-button:active {
    background-color: #173e4f !important;
    
    border-top: 2px solid #203f4d !important;
    border-left: 2px solid #203f4d !important;
    border-right: 2px solid #466876 !important;
    border-bottom: 2px solid #466876 !important;
}