/* 
    Document   : main
    Created on : 2010.01.09., 22:15:32
    Author     : geza.miklo
    Description:
        Purpose of the stylesheet follows.
*/

body{
	font: 10px Georgia, Times, "Trebuchet MS", sans-serif;
	width:100%;
	margin:0;
	background: #000000;
	color:#ffffff;
}

input, select, td, th, textarea {font-size:1em}

.demoHeaders { margin-top: 2em; }
#search_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#search_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
#search_keyword {width:300px;}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.resultHeader {font-size: 1em; margin-top: 12px;}
form {text-align:left;}
div.form_label {font-size:0.9em; font-weight:bold; margin:5px 15px 0px 0px; width:150px; float:left; clear:left;}
form.input, .ui-widget input, .ui-widget select, form.textarea {font-size:1em;}
#theme_li{ float:right; margin:auto 5px;}
h1 {
	font-size:	1.6em;
	font-weight: normal;
	padding:0;
	margin:0;
}
a { color: #fff !important;}
.hide{
	display: none;
	visibility:hidden;
}
.show{ display: block; visibility:visible; }
.left_float{ float:left !important; }
.right_float{ float:right !important; }
.white { color:#fff !important; }
#page_container{
	display:block;
	float:none;
	position:absolute;
	left:50%;
	margin-left: -495px;
	width:1024px;
	height:1600px;
	background: #000000 url('samuraii/bg_samurai.png') top center no-repeat;
	clear:both;
	font-size: 1.6em;
}
#left_panel, #leftPanel{
	display:block;
	position:relative;
	float:left;
	width:320px;
	height:1645px;
	padding:0;
	margin:0;
}
#mid_panel, #midPanel{
	display:block;
	position:relative;
	float:left;
	width:384px;
	height:1645px;
	padding:0;
	margin:0;
}
#right_panel, #rightPanel{
	display:block;
	position:relative;
	float:right;
	width:320px;
	height:1645px;
	padding:0;
	margin:0;
}
#registration_form{
	display:block;
	position:relative;
	clear:both;
	float:left;
	width:301px;
	height:394px;
	color:#fff;
	background-color:#000;
}
#registration_form input, #registration_form textarea{
	font-size:0.9em;
	font-family: Georgia, Times, "Trebuchet MS", sans-serif;
	color:#fff;
}
#registration_form input, #registration_form textarea{
	background-color:transparent;
	border:0px;
}
.registration_form_passive{ background-image:url('samuraii/samraii_regbox_vilagos.jpg');}
.registration_form_active{
	opacity:1; -moz-opacity:1; filter:Alpha(Opacity=100);
	background: #000000 url('samuraii/samraii_regbox_vilagos.jpg') top center no-repeat;
}
.registration_form_hu_passive{
	background-image:url('samuraii/samraii_regbox_sotet_hun.jpg');
}
.registration_form_hu_active{
	opacity:1; -moz-opacity:1; filter:Alpha(Opacity=100);
	background-image: url('samuraii/samraii_regbox_vilagos_hun.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}
.regform_name{
	position:absolute;
	top:95px;
	left:75px;
	width:185px;
	height:16px;
}
.regform_name input{
	padding:0 5px;
	width:175px;
	height:16px;
}
.regform_mail{
	position:absolute;
	top:145px;
	left:75px;
	width:185px;
	height:16px;
}
.regform_mail input{
	padding:0 5px;
	width:175px;
	height:16px;
}
.regform_message{
	position:absolute;
	top:195px;
	left:75px;
	width:185px;
	height:70px;
}
.regform_message textarea{
	padding:0 5px;
	width:175px;
	height:70px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.regform_captcha{
	position:absolute;
	top:282px;
	left:80px;
	width:80px;
	height:45px;
}
.regform_captcha_input{
	position:absolute;
	top:280px;
	left:175px;
	width:80px;
	height:45px;
}
.regform_captcha_input input{
	width:80px;
	height:45px;
	font-size:28px !important;
	color:#FF9900 !important;
	text-align:center;
	line-height:40px;
	vertical-align:middle;
}
.registration_form_passive .regform_captcha img,.registration_form_hu_passive .regform_captcha img{
	opacity:0.3;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
}
.regform_send{
	position:absolute;
	top:330px;
	left:207px;
	width:40px;
	height:20px;
}
.regform_send input{
	width:55px;;
	height:22px;
	background-color:transparent;
	border:0px;
	color: none;
}

.addresses{
	font-size:1em;
	color:#ffffff;
	font-weight:normal;
	line-height:1.425em;
	margin-top:1.25em;
}
a.nodecor{
	text-decoration:none !important;
}

#sideText_samuraiiLeft{
	position:absolute;
	top:380px;
	left:0px;
	margin:0px;
}
#sideText_Dojo{
	position:absolute;
	top:920px;
	left:0px;
	margin:0px;
}

#sideText_Contact{
	position:absolute;
	bottom:84px;
	left:0px;
	margin:0px;
}
#sideText_arsPoeticaRight{
	position:absolute;
	width:240px;
	top:23px;
	right:0px;
	margin:0px;
}
#sideText_portfolioRight{
	position:absolute;
	width:240px;
	top:640px;
	right:0px;
	margin:0px;
}

#freeContent_akciokBox{
	position:absolute;
	top: 1020px;
	width:240px;
	right:0px;
	margin:0px;
}


.sideText{
	position:relative;
	clear:both;
	width:318px;
	color: #999999;
	font-size:0.9em;
	margin-top:0px;
	padding: 0px 15px;
	line-height: 1.625em;
}


.sideText a{
	font-size:1.3em;
	color:#ffffff;
	text-decoration:underline;
	line-height: 1em;
}
.sideText a:hover{
	text-decoration:none;
}
.left{
	text-align:left;
}

.right{
	text-align:right;
}

.sideText h1{
	line-height:29px;
	color:#ff9900;
}
.sideText h1 img{
	vertical-align: middle;
	margin-right: 15px;
}

#samuraii_kacsint{
	display:block;
	position:absolute;
	bottom:80px;
	left:340px;
	width: 442px;
	height: 68px;
	background-image: url('samuraii/anim_kacsint_sprite.png');
}
#samuraii_kacsint_text{
	position:absolute;
	bottom:0px;
	left:130px;
	text-align:right;
	font-size:11px;
	color:#999999;
	padding:0;
	margin:0;
}
#samuraii_kacsint.on{
	background-position: 0px 0px;
}
#samuraii_kacsint.off{
	background-position: 0px -66px;
}


/*midPanel*/
.midFlag{
	position: absolute;
	display: block;
	width: 50px;
	height:110px;

}
.midFlag div{
	display: block;
	width: 50px;
	height:110px;
}
.midFlag div.admintoolbar{
	display: block;
	width: 50px;
	height:30px;
}
.flagLeft{
	/*background: url('samuraii/flags_sprite.png') 0px 0 no-repeat;*/
}
.flagRight{
	/*background: url('samuraii/flags_sprite.png') -41px 0 no-repeat;*/
}

.arsPoeticaFlag{
	top: 43px;
	left: 293px;
}
.arsPoeticaFlag div{
	background: url('samuraii/samraii_rendes_ars_kezdokep.jpg') top left no-repeat;
}
.arsPoeticaFlag div:hover{
	background: url('samuraii/samraii_rendes_ars.gif') top center no-repeat;
}

.samuraiiFlag{
	top: 381px;
	left: 106px;
}
.samuraiiFlag div{
	background: url('samuraii/samraii_rendes_samu_kezdokep.jpg') top left no-repeat;
}
.samuraiiFlag div:hover{
	background: url('samuraii/samraii_rendes_sam.gif') top left no-repeat;
}

.portfolioFlag{
	top: 671px;
	left: 195px;
}
.portfolioFlag div:hover{
	background: url('samuraii/samraii_rendes_port.gif') top left no-repeat;
}
.portfolioFlag div{
	background: url('samuraii/samraii_rendes_port_kezdokep.jpg') top left no-repeat;
}

.contactsFlag{
	top: 1005px;
	left: 111px;
}
.contactsFlag div:hover{
	background: url('samuraii/samraii_rendes_dojo.gif') top left no-repeat;
}
.contactsFlag div{
	background: url('samuraii/samraii_rendes_dojo_kezdokep.jpg') top left no-repeat;
}


/*midPanel*/


/*GENERAL*/
.opacity_light{ opacity:0.70; filter:Alpha(Opacity=70);}
.opacity_strong{ opacity:0.35; filter:Alpha(Opacity=35);}

h3.ui-accordion-header{font-size:13px;}
h4.ui-accordion-header{font-size:12px;}
h5.ui-accordion-header{font-size:12px;}

.ui-clear-all{
	clear: both !important;
}
.ui-center{
	text-align:center;
}
select{
	float:left;
}
span{
	float:left;
}
.left_float{
	float:left;
}
.right_float{
	float:right;
}
.left_pos_float{
	position:relative;
	float:left;
}
.right_pos_float{
	position:relative;
	float:right;
}
.right_pos_abs{
	position:absolute;
	right: 0px;
}

.margin_side_15{margin-left:15px; margin-right:15px;}
.margin_side_5{margin-left:5px; margin-right:5px;}
.margin_topbottom_15{margin-top:15px; margin-bottom:15px;}
.margin_15{margin:15px;}
.margin_side_auto{margin-left:auto; margin-right:auto;}
.margin_topbottom_auto{margin-top:auto; margin-bottom:auto;}
.margin_auto{margin:auto;}
.padding_5{padding:5px;} .padding_2{padding:2px;}

.lh120{
	line-height:120px;
}
.lh180{
	line-height:180px;
}
.lh60{
	line-height:60px;
}
.wfull{
	width:100% !important;
}
.w30{
	width:30px !important;
}
.w60{
	width:60px;
}
.w90{
	width:90px;
}
.w120{
	width:120px;
}
.w150{
	width:150px;
}
.w180{
	width:180px;
}
.w210{
	width:210px;
}
.w240{
	width:240px;
}
.w270{
	width:270px;
}
.w300{
	width:300px;
}
.w330{
	width:330px;
}
.w390{
	width:390px;
}
.w480{
	width:480px;
}
.w540{ width:480px; }
.w600{ width:480px; }
.w660{
	width:660px;
}
.w990{
	width:990px;
}
.w990_pad5{
	width:980px !important;
	padding-left: 5px;
	padding-right: 5px;
}
.h30{
	height:30px;
}
.h60{
	height:60px;
}
.h90{
	height:90px;
}
.h120{
	height:120px;
}
.h150{
	height:150px;
}
.h180{
	height:180px;
}
.h210{
	height:210px;
}
.h240{
	height:240px;
}
.h270{
	height:270px;
}
.h300{
	height:300px;
}
.h330{
	height:330px;
}

/*GALLERY*/
.gallery_close_button{
	position:absolute;
	top:5px;
	right:5px;
	z-index:30;
}

#shadow_layer{
	z-index:20;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:#000000;
}

#gallery_layer{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:25;
	vertical-align:middle;
	opacity:1 !important;
	-moz-opacity:1 !important;
	filter:alpha(opacity=100) !important;
}
#gallery_container{
	position:absolute;
	left:50%;
	top:0px;
	/*height:670px;*/
	padding-bottom:0px;
	width:620px;
	display:block;
	margin: 0px 0px 0px -310px;
	background:#fff;
	border: 0px solid #000 !important;
}
#gallery_pager{
	position:absolute;
	float:left;
	/*height:620px;*/
	width:620px;
	top:40px;
	display:block;
	margin: 0;
	background:#fff;
	border: 0px solid #000 !important;
}
#gallery_container h1{
	font-size:16px;
}
#gallery_container #pic_prev{
	position:absolute;
	top:15px;
	left:5px;
	width:330px;
	height:330px;
	padding:5px;
	z-index:1;
	line-height:340px;
	display:none;
}
#gallery_container #pic_next{
	position:absolute;
	top:15px;
	right:5px;
	width:330px;
	height:330px;
	padding:5px;
	z-index:1;
	line-height:340px;
	display:none;
}
#gallery_container #pic_actual{
	position:relative;
	top:0px;
	padding:10px 10px 0px 10px;
	margin: 0 auto;
	z-index:10;
	background:#fff;
}
.imgnext{
	position:absolute;
	right:0px;
	top:33%;
	width:43px;
	height:43px;
	background:transparent url('samuraii/nyil_jobbra.png') no-repeat center center;
	padding:0;
}
.imgprev{
	position:absolute;
	left:0px;
	top:33%;
	width:43px;
	height:43px;
	background:transparent url('samuraii/nyil_balra.png') no-repeat center center;
	padding:0;
}

.imgnext:hover, .imgprev:hover{
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
}
#gallery_container div.gallery_desc{
	position:absolute;
	clear:both;
	left:0px;
	bottom:0px;
	font-size:11px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	padding:0px 15px;
	color:#000;
}
#gallery_info{
	position:relative;
	float:left;
	width:100%;
	height:37px;
	clear:both;
	padding:0;
	margin:0;
}
#actual_image{
	position:relative;
	padding:5px 0;
	margin: auto;
	z-index:10;
	background:#fff;
	/*line-height:600px;*/
}

#pic_name{
	width:500px;
	position:relative;
	float:left;
	height:37px;
	line-height:37px;
	font-size:11px;
	vertical-align: middle;
	text-align: center;
}


#gallery_container div div img{
	vertical-align:middle;
}

#gallery_thumbnails_container{
	width:100%;
	position:fixed;
	height:78px;
	bottom:0px;
	z-index:20;
}

#gallery_thumbnails{
	width:990px;
	position:relative;
	height:64px;
	margin:0 auto;
	background:#848484 !important;
}
#gallery_link_back{
	position:relative;
	left:0px;
	bottom:0px;
	width:100% !important;
	text-align:center;
	color:#000;
	line-height:37px;
	vertical-align:middle;
}
#gallery_link_back a{
	color:#000 !important;
}
.imgzoom{
	position:relative;
	display:block;
	float:left;
	padding-left:10px;
	width:25px;
	height:37px;
	background:transparent url('samuraii/nagyito.jpg') no-repeat center center;
}
.imgsamuraii{
	position:relative;
	display:block;
	float:right;
	width:53px;
	height:37px;
	background:transparent url('samuraii/mini_samuraii_logo.jpg') no-repeat center center;
	z-index:10000;
}
#gallery_thumbnails div span.ui-icon{
	margin-top:25px;
}
img{
	vertical-align:middle;
}

pre.print_r_pre{
	border:2px solid #a0a0a0;
	background-color: #c0c0c0;
	color: #333;
	padding:10px;
	margin:10px 0;
}

/* #WYSIWYG 
div.wysiwyg { border: 1px solid #ccc; padding: 5px; background-color: #000; color:#fff; }*/

/*ADMIN*/
.admin_toolbar{
	position:absolute;
	top:0px;
	left:0px;
	background-color:#555;
	cursor:pointer;
	cursor:hand;
	height:25px !important;
}
.admin_close_button{
	position:absolute;
	top:5px;
	right:5px;
	z-index:30;
}

#admin_shadow_layer{
	z-index:20;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:#400;
}

#admin_layer{
	width:100%;
	height:100%;
	position:fixed;
	color:#000 !important;
	top:0;
	left:0;
	z-index:25;
	vertical-align:middle;
	opacity:1 !important;
	-moz-opacity:1 !important;
	filter:alpha(opacity=100) !important;
	border: 2px dashed #440;
}
#admin_container{
	position:fixed;
	left:50%;
	top:0px;
	height:100%;
	overflow-y:scroll;
	overflow-x:scroll;
	padding-bottom:0px;
	width:800px;
	display:block;
	margin: 0px 0px 0px -400px;
	background:#fff;
}
#admin_container table{
	border:1px solid #ccc;
}
#admin_container table th,#admin_container table td{
	vertical-align:top;
	border-bottom:1px solid #ccc;
}
#admin_container form{
	font-size: 11px !important;
}
#admin_logout{
	position:absolute;
	top: 10px;
	right:10px;
}
#admin_logout a{
	display:block;
	width:80px;
	height:25px;
	font-size:12px;
	line-height:25px;
	vertical-align: middle;
	text-align:center;
}
.statistical_codes{
	clear:both;
	height:5px;
	position:relative;
	float:left;
}
.toolbars_h_container{
	position:fixed;
	height:600px;
	width:130px;
	overflow: none scroll;
	background:#400;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	right:0px;
	top:0px;
}
.toolbars_h{
	position:relative;
	clear:both;
	float:right;
	width:120px;
	height:25px;
	font-size:10px !important;
	border-bottom: 2px dashed #fff;
}