body{margin:0 auto; width:100%; height:100%; background-color:#393062; color:#fff; text-align:center;}

.screen_block{position:fixed; z-index:999; left:0px; top:0px; width:100%; height:100%; background-color:transparent; display:none;}
.screen_block.SHOW{display:block;}

.user_select_NONE{
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	-khtml-user-select:none;
}

.text_wrapper{position:static; z-index:2; margin-left:auto; margin-right:auto; margin-top:80px; text-align:center;}
.text_wrapper div{float:left; margin-left:5px;}
.text_wrapper div.char{float:left; margin-left:0px; margin-top:0px;}

.A{margin-top:5px; font:bold 48px arial, sans-serif;}
.B{margin-top:0px; font:bold 62px arial, sans-serif;}			

.FIXED{position:fixed;}			

.transition_all_0p25{
	transition:all 0.25s;
	-webkit-transition:all 0.25s;
	-moz-transition:all 0.25s;
	-ms-transition:all 0.25s;
	-o-transition:all 0.25s;
	-khtml-transition:all 0.25s;
}			
.transition_all_0p5{
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-khtml-transition:all 0.5s;
}
.LINEAR{
	transition-timing-function:linear;
	-webkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-ms-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	-khtml-transition-timing-function:linear;
}
.transition_all_2p5{
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	-khtml-transition:all 1s;				
}
.transition_all_5{
	transition:all 5s;
	-webkit-transition:all 5s;
	-moz-transition:all 5s;
	-ms-transition:all 5s;
	-o-transition:all 5s;
	-khtml-transition:all 5s;	
}

.rotate_180{
	transform:rotate(720deg);
	-webkit-transform:rotate(720deg);
	-moz-transform:rotate(720deg);
	-ms-transform:rotate(720deg);
	-o-transform:rotate(720deg);
	-khtml-transform:rotate(720deg);
}
.rotate_180_anti{
	transform:rotate(-720deg);
	-webkit-transform:rotate(-720deg);
	-moz-transform:rotate(-720deg);
	-ms-transform:rotate(-720deg);
	-o-transform:rotate(-720deg);
	-khtml-transform:rotate(-720deg);
}
.rotateY_360_anti{
	transform:rotateY(-360deg);
	-moz-transform:rotateY(-360deg);
	-webkit-transform:rotateY(-360deg);
	-ms-transform:rotateY(-360deg);
	-o-transform:rotateY(-360deg);
	-khtml-transform:rotateY(-360deg);
}

.cari_text_background{position:fixed; z-index:1; left:0px; top:0px; width:100%; height:200px; background-color:#393062; display:none;}
.cari_text_background.SHOW{display:block;}			

.cari_desc_text{position:fixed; z-index:2; left:100%; top:160px; width:790px; width:100%; font:normal 22px arial, sans-serif; letter-spacing:2px; color:#7980ce; cursor:default;}
.cari_desc_text span{font-style:italic; font-weight:bold; letter-spacing:0px;}

.login_button{position:fixed; z-index:0; width:220px; height:auto; top:140px; left:0px; font:normal 32px arial, sans-serif; background-color:#7980ce; color:#393062; padding:10px; text-align:center; cursor:default; visibility:hidden;}
.login_button.SHOW{top:200px; visibility:visible;}

.login_els_wrapper{position:fixed; z-index:0; top:200px; left:-100%; width:100%; font:normal 32px arial, sans-serif; overflow:hidden;}
.login_els_wrapper.SHOW{left:0px;}			
.login_els_wrapper label{float:left; clear:left; width:200px; margin-left:25px; margin-top:10px; padding:10px;}
.login_els_wrapper label div{float:left; clear:left; width:100%; text-align:center; font:normal 16px arial, sans-serif;}
.login_els_wrapper input{float:left; margin-left:10px; margin-top:10px; font:normal 32px arial, sans-serif; background-color:#2a2348; color:#fff; padding:10px; outline:none; border:none;}
.login_els_wrapper input:focus{background-color:#4c407e; color:#2a2348;}
.login_els_wrapper div.login_fail_text{float:left; margin-left:0px; margin-top:-45px; width:100%; padding:10px 0px; font:normal 21px lucida console, monospace; text-align:center; background-color:#c04234; color:#fff; visibility:hidden;}
.login_els_wrapper div.login_fail_text.SHOW{margin-top:10px; visibility:visible;}
.login_els_wrapper div.site_key{position:relative; float:left; margin-left:10px; margin-top:10px; padding:10px;}
.login_els_wrapper div.site_key div.site_key_request_info{float:left; display:none;}
.login_els_wrapper div.site_key div.site_key_request_info.SHOW{display:block;}

.site_key_text{position:fixed; left:100%; top:100%;}
.site_key_text div{position:absolute; left:0px; top:0px; width:40px; height:50px; background-color:#fff; color:#393062; font:normal 32px arial, sans-serif;}
.site_key_text div.space{background-color:transparent;}

.copyright{position:fixed; width:190px; left:100%; top:100%; padding:5px; font:normal 16px arial, sans-serif; color:#fff; background-color:#393062;}