/*
	----------
	TRANSLATOR
	----------
*/

#component_translator {
	position:fixed;
	left:0;
	bottom:-155px;
	z-index:5015;
	width:100%;
	height:155px;
    font-family:Arial;
}

#translator_content {
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	width:100%;
	height:150px;
	color:#fff;
	text-align:center;
	font-size:8pt;
	background-color:#333;
	border-top:5px solid #333;
	background-image:url(../_nugen.cms/components/translator/images/bg.gif);
}

#component_translator .title {
	width:230px;
	border-right:1px solid rgba(255,255,255,0.1);
	font-family:'Oswald',sans-serif;
	font-size:18pt;
	color:#868686;
	margin-top:-5px;
	height:155px;
	float:left;
	text-align:center;
	line-height:155px;
	text-shadow:0 1px 1px rgba(0,0,0,1);
}

#component_translator .params {
	width:500px;
	font-size:8pt;
	line-height:170%;
	color:#aaa;
	padding:20px;
	float:left;
	text-align:left;
	/*border-right:1px solid rgba(255,255,255,0.1);*/
	margin-top:-5px;
	height:155px;
}

#component_translator .languages {
	float:left;
}

#component_translator .languages select {
	background-color:#555;
	border:1px solid #666;
	color:#ccc;
	padding:3px;
	font-size:8pt;
	margin-top:19px;
	margin-left:3px;
}





/*
#translate_bt {
	margin-top:15px;
	display:inline-block;
	padding:6px 13px;
	font-size:9pt;
	line-height:18px;
	color:#aaa;
	text-align:center;
	text-shadow:0 1px 1px rgba(0,0,0,0.75);
	vertical-align:middle;
	cursor:pointer;
	background-color:#f7f7f7;
	background-image:-moz-linear-gradient(top, #555, #444);
	background-image:-ms-linear-gradient(top, #555, #444);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444));
	background-image:-webkit-linear-gradient(top, #555, #444);
	background-image:-o-linear-gradient(top, #555, #444);
	background-image:linear-gradient(top, #555, #444);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555',endColorstr='#444',GradientType=0);
	border-color:#444 #444 #444;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border:1px solid #111;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	margin-left:-1px;
}

#translate_bt:hover {
	opacity:0.8;
}

#translate_bt.disabled {
	opacity:0.6;
	cursor:default;
}

#translate_bt.disabled:hover {
	opacity:0.6;
}
*/





#close_translator {
	position:absolute;
	font-size:12pt;
	font-weight:bold;
	color:#fff;
	right:10px;
	top:10px;
	width:21px;
	height:21px;
	line-height:21px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	cursor:pointer;
	background-color:#777;
}

#close_translator:hover {
	background-color:#888;
}





#translator_mask {
	position:fixed;
	left:0;
	top:0;
	z-index:5009;
	width:100%;
	height:100%;
}





#translator_hover {
	position:absolute;
	left:0;
	top:0;
	z-index:5010;
	width:10px;
	height:10px;
	display:none;
	background-color:rgba(255,0,0,0.2);
	cursor:pointer;
}





/*
	MARKER AKTYWNEGO TEKSTU / OBRAZKA
*/

#translator_marker {
	position:absolute;
	left:0;
	top:0;
	z-index:5011;
	width:10px;
	height:10px;
	display:none;
	border:1px dashed rgba(255,255,255,0.5);
	padding:10px;
	margin:-10px;
	cursor:pointer;
}





#translator_info_mask {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:40px;
	background-color:rgba(10,10,10,1);;
	color:#aaa;
	overflow:hidden;
	text-align:left;
	z-index:2;
}

#translator_info {
	margin-left:10px;
	line-height:40px;
	float:left;
}

#translator_loader {
	width:16px;
	height:16px;
	float:left;
	margin-top:12px;
	margin-left:20px;
}










/*
	POJEMNIK NA PLIKI GRAFICZNE
*/

#translator_images_inputs {
	position:absolute;
	left:0;
	top:0;
	width:auto;
	height:200px;
	color:#aaa;
	overflow:hidden;
	text-align:left;
	z-index:1;	
}

#translator_images_inputs .img_input {
	width:198px;
	height:199px;
	border:1px solid rgba(40,40,40,1);
	border-bottom:0;
	float:left;
	margin:0 5px;
	background-color:rgba(10,10,10,1);
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}

#translator_images_inputs .img_input p.img_title {
	padding:10px;
	border-bottom:1px solid rgba(30,30,30,1);
	background-color:rgba(10,10,10,1);
}

#translator_images_inputs .img_input p.choose_file {
	margin-top:15px;
	padding:3px 8px;
	font-size:8pt;
	line-height:18px;
	color:#aaa;
	text-align:center;
	text-shadow:0 1px 1px rgba(0,0,0,0.75);
	vertical-align:middle;
	cursor:pointer;
	background-color:#f7f7f7;
	background-image:-moz-linear-gradient(top, #555, #444);
	background-image:-ms-linear-gradient(top, #555, #444);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444));
	background-image:-webkit-linear-gradient(top, #555, #444);
	background-image:-o-linear-gradient(top, #555, #444);
	background-image:linear-gradient(top, #555, #444);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555',endColorstr='#444',GradientType=0);
	border-color:#444 #444 #444;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border:1px solid #111;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	margin-left:-1px;
	position:absolute;
	right:10px;
	bottom:10px;
}

#translator_images_inputs .img_input p.choose_file:hover {
	opacity:0.8;
}

#translator_images_inputs .img_input table {
	width:198px;
	height:125px;
}

#translator_images_inputs .img_input table tr td {
	width:198px;
	height:125px;
}

#translator_images_inputs .img_input .img_imgfile {
	max-width:170px;
	max-height:90px;
	border:1px solid rgba(255,255,255,0.5);
	min-width:5px;
	min-height:5px;
	padding:5px;
}

#translator_images_inputs .img_input .img_loader {
	position:absolute;
	right:10px;
	top:10px;
	width:16px;
	height:16px;
	opacity:0.5;
}







/*
	----------------------------
	OKNO Z NOWYM EDYTOREM TEKSTU
	----------------------------
*/

#component_translator_edit {
	position:absolute;
	left:100px;
	top:100px;
	width:auto;
	height:auto;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	background-color:rgba(39,39,39,1);
	z-index:5012;
	display:none;
    font-family:Arial;
}

#component_translator_edit .title {
	font-size:9pt;
	color:#999;
}

#component_translator_edit .header {
	border-bottom:1px solid #444;
	padding:20px;
	position:relative;
	cursor:move;
}

#component_translator_edit .footer {
	border-top:1px solid #444;
	padding:20px;
	position:relative;
	height:100%;
	overflow:hidden;
}

#component_translator_edit .footer .active {
	color:#bbb;
	cursor:default;
}

#component_translator_edit .footer .inactive {
	color:#666;
	cursor:pointer;
}

#component_translator_edit .footer .inactive:hover {
	color:#999;
}

#component_translator_edit .text_area {
	padding:20px;
	position:relative;
}

#close_translator_edit {
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#999;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#333;
	position:absolute;
	right:16px;
	top:16px;
	font-size:20px;
	cursor:pointer;
}

#close_translator_edit:hover {
	background-color:#ccc;
}

#translator_edit {
	min-width:410px;
	min-height:200px;
	border:1px solid #999;
	background-color:#444;
	font-family:Arial;
	line-height:150%;
	color:#bbb;
	padding:5px;
	font-size:9pt;
}

#translator_clear_text {
	font-size:9pt;
	color:#666;
	float:left;
	margin-right:20px;
}

#translator_editor_text {
	font-size:9pt;
	color:#666;
	float:left;
	margin-right:20px;
}

#save_translator_text {
	float:right;
	display:inline-block;
	padding:4px 10px;
	font-size:8pt;
	line-height:18px;
	margin-top:-10px;
	color:#aaa;
	text-align:center;
	text-shadow:0 1px 1px rgba(0,0,0,0.75);
	vertical-align:middle;
	cursor:pointer;
	background-color:#f7f7f7;
	background-image:-moz-linear-gradient(top, #555, #444);
	background-image:-ms-linear-gradient(top, #555, #444);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444));
	background-image:-webkit-linear-gradient(top, #555, #444);
	background-image:-o-linear-gradient(top, #555, #444);
	background-image:linear-gradient(top, #555, #444);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555',endColorstr='#444',GradientType=0);
	border-color:#444 #444 #444;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border:1px solid #111;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	margin-left:-1px;
}

#save_translator_text:hover {
	opacity:0.8;
}

#save_translator_loader {
	float:right;
	margin-right:10px;
	width:16px;
	height:16px;
	margin-top:-4px;
	opacity:0.5;
	display:none;
}









/*
	==================================================
	KOMPONENT - SLIDER - STYLE FORMULARZA KONFIGURACJI
	==================================================
*/

#field_component_config .slider_pages ul {
    padding:0;
    margin:0;
    list-style:none;
}

#field_component_config .slider_pages .bt {
    width:33px;
    height:33px;
    padding:0;
    line-height:35px;
    text-align:center;
    margin-right:2px;
    float:left;
}

#field_component_config .slider_pages .bt.selected {
    background-color:#810000;
    background-image:-moz-linear-gradient(top,#6e0000,#810000);
    background-image:-ms-linear-gradient(top,#6e0000,#810000);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#6e0000),to(#810000));
    background-image:-webkit-linear-gradient(top,#6e0000,#810000);
    background-image:-o-linear-gradient(top,#6e0000,#810000);
    background-image:linear-gradient(top,#6e0000,#810000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e0000',endColorstr='#810000',GradientType=0);
    border-color:#6e0000 #810000 #000;
    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border:1px solid #111;
    color:#fff;
}

#field_component_config .slider_pages .bt.selected:hover {
    color:#fff;
    border-color:#c30000;
}

#field_component_config .slider_pages .slider_page_placeholder {
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background-color:rgba(0,0,0,0.7);
    border:1px solid #000;
    color:#fff;
    width:33px;
    height:33px;
    padding:0;
    line-height:35px;
    text-align:center;
    margin-right:2px;
    float:left;
}

#field_component_config .slider_pages #add_slider_page {
    float:right;
    font-size:25px;
    font-weight:bold;
    margin-right:-1px;
}










/*
	------
	ALERTY
	------
*/

#alerts {
	position:fixed;
	left:0;
	bottom:0;
	max-height:280px;
	min-height:100px;
	width:100%;
	background-color:#444;
	background-image:url(../_nugen.cms/components/alerts/images/shadow.png);
	background-repeat:repeat-x;
	background-position:left top;
	display:none;
	border-top:5px solid #666;
	z-index:5001;
	padding-bottom:50px;
    font-family:halis_grextralight;
    font-weight:400;
}

#alerts .alert_container {
	width:930px;
	height:auto;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	padding-right:50px;
}

#alerts .top_white_shadow {
	padding:0;
	margin:0;
	margin-bottom:5px;
	position:absolute;
	left:0;
	top:-305px;
	background-image:url(../_nugen.cms/components/alerts/images/mask_white.png);
	background-repeat:repeat-x;
	width:100%;
	height:300px;
	display:none;
}

#alerts div h2 {
	font-size:15pt;
	font-weight:normal;
	color:#fff;
	margin-bottom:25px;
	text-align:right;
	margin-top:30px;		
}

#alerts div p {
	padding-left:350px;
	line-height:160%;
	margin-bottom:35px;
	color:#aaa;
	
}

#alerts div a {
	color:#333;
}

#alerts div a:hover {
	color:#333;
}

#alerts div .green { background-color:#00990b; }
#alerts div .green:hover { background-color:#00b20d; }
#alerts div .red { background-color:#da0000; }
#alerts div .red:hover { background-color:#ff0000; }





#add_alert_buttons {
	width:auto;
	/*height:auto;*/
	padding:0;
	margin:0;
	margin-left:10px;
	float:right;
}

#decisions_buttons {
	width:auto;
	/*height:auto;*/
	padding:0;
	margin:0;
	margin-left:10px;
	float:right;
	display:none;
}

#close_buttons {
	width:auto;
	/*height:auto;*/
	padding:0;
	margin:0;
	margin-left:10px;
	float:right;
	margin-bottom:50px;
}

#decision_loader {
	float:left;
	margin-top:4px;
	margin-right:10px;
	display:none;
}

#alerts .bt {
	display:inline-block;
	height:22px;
	font-size:9pt;
	line-height:22px;
	padding:4px 13px;
	color:#333;
	text-align:center;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	vertical-align:middle;
	cursor:pointer;
	background-color:#f7f7f7;
	background-image:-moz-linear-gradient(top, #fafafa, #f2f2f2);
	background-image:-ms-linear-gradient(top, #fafafa, #f2f2f2);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f2f2f2));
	background-image:-webkit-linear-gradient(top, #fafafa, #f2f2f2);
	background-image:-o-linear-gradient(top, #fafafa, #f2f2f2);
	background-image:linear-gradient(top, #fafafa, #f2f2f2);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#f2f2f2',GradientType=0);
	border-color:#f2f2f2 #f2f2f2 #ccc;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}

#alerts .bt:hover {
	border-color:#999;
	color:#333;
	-webkit-box-shadow:inset 0 3px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow:inset 0 3px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow:inset 0 3px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}









/*
	------------
	COOKIES INFO
	------------
*/

#cookies_info {
	position:fixed;
	left:0;
	bottom:0;
	height:auto;
	width:100%;
	background-color:#000;
	opacity:0.9;
	z-index:5000;
	color:#aaa;
	text-align:center;
	font-size:8pt;
	line-height:120%;
}

#cookies_info div {
    padding:20px;
	margin-left:auto;
	margin-right:auto;
    font-family:Arial;
}

#close_cookies_info {
	width:80px;
	height:20px;
	text-align:center;
	color:#fff;
	background-color:#555;
	font-size:8pt;
	font-weight:bold;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	line-height:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	cursor:pointer;
}

#close_cookies_info:hover {
	opacity:0.7;
}









/*
	------------------------------------
	KOMPONENT - POLE PODPOWIEDZI TOOLTIP
	------------------------------------
*/

#tooltip {
	position:fixed;
	left:0;
	top:0;
	z-index:50001;
	max-width:350px;
	padding:20px;
	line-height:150%;
	color:#fff;
	text-align:center;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:8pt;
	background-color:#333;
	border:1px solid #000;
	display:none;
	opacity:0.9;
    font-family:Arial;
    font-size:8pt;
    font-style:normal;
    text-decoration:none;
}

#tooltip p {
    position:relative;
    z-index:2;
}

#tooltip_arrow.right {
    z-index:1;
    position:absolute;
    width:10px;
    height:10px;
    top:13px;
    right:-6px;
    background-color:#333;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    border-right:1px solid #000;
    border-top:1px solid #000;
}

#tooltip_arrow.left {
    z-index:1;
    position:absolute;
    width:10px;
    height:10px;
    top:13px;
    left:-6px;
    background-color:#333;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    border-left:1px solid #000;
    border-bottom:1px solid #000;
}

#tooltip a {
    color:#fff;
}

#tooltip a:hover {
    color:#ddd;
}














/*
    -------------------
    STAŁE STYLE SYSTEMU
    -------------------
*/

body {
    overflow-x:hidden;
}

::-webkit-scrollbar {
    width:15px;
    margin-right:1px;
    background-color:#444;
}

::-webkit-scrollbar-track {
    background-color:#444;
}

::-webkit-scrollbar-thumb {
    background-color:#777;
}