@charset "iso-8859-2";
/* CSS Document */

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/*																GLOBAL OBJECTS
/************************************************************************************************************************************/
/************************************************************************************************************************************/

/**** FONTS ****/
@font-face {
	font-family: 'Raleway'; src: url('../fonts/raleway_thin.eot');
	src: local('Raleway'), local('RalewayThin'), url('../fonts/raleway_thin.woff') format('woff'), url('../fonts/raleway_thin.ttf') format('truetype'), url('../fonts/raleway_thin.svg#webfontSVWy4rdb') format('svg');
	font-weight: normal; font-style: normal;
}


@font-face {
	font-family: 'Helvetica UltraLight';
	src: url('../fonts/helveticaneueltpro-ultlt.eot');
	src: local('¢'), url('../fonts/helveticaneueltpro-ultlt.woff') format('woff'), url('../fonts/helveticaneueltpro-ultlt.ttf') format('truetype'), url('../fonts/helveticaneueltpro-ultlt.svg#webfontTeHuSh14') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Thin';
	src: url('../fonts/helveticaneueltpro-th.eot');
	src: local('¢'), url('../fonts/helveticaneueltpro-th.woff') format('woff'), url('../fonts/helveticaneueltpro-th.ttf') format('truetype'), url('../fonts/helveticaneueltpro-th.svg#webfontcYBzPuLC') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Light';
	src: url('../fonts/helveticaneueltpro-lt.eot');
	src: local('¢'), url('../common/fonts/helveticaneueltpro-lt.woff') format('woff'), url('../fonts/helveticaneueltpro-lt.ttf') format('truetype'), url('../common/fonts/helveticaneueltpro-lt.svg#webfontt02iRaI3') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Helvetica Roman';
	src: url('../common/fonts/helveticaneueltpro-roman.eot');
	src: local('¢'), url('../fonts/helveticaneueltpro-roman.woff') format('woff'), url('../fonts/helveticaneueltpro-roman.ttf') format('truetype'), url('../fonts/helveticaneueltpro-roman.svg#webfontUTKDHsUE') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**** DEFAULTS ****/
* { margin:0px; padding:0px; outline:none; border:0px; background:none; }
html {
	height: 100%;
}
body {
	height: 100%;
	background: #f5f5ef;
	font: normal 100%/160% 'Helvetica Roman', 'Segoe UI', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #2f2c2b;
}
header, section, article, aside, footer, nav { display: block; }
ul, ol, dl { margin:10px 0; padding-left:20px; }
img { display: inline; vertical-align:middle; }
hr {
	border:0px; height:0px; background:none; margin: 10px 0; clear:both;
	border-bottom:1px solid rgba(255, 255, 255, 0.2); border-top:1px solid rgba(0, 0, 0, 0.2);
}
nav ul, ul.nav, ul.nav ul { display: block; list-style: none; margin:0; padding:0; }
p { margin: 0.2em 0 1em 0; }

::selection { background: rgba(0, 0, 0, 0.10); }
::-moz-selection { background: rgba(0, 0, 0, 0.10); }
::-webkit-selection { background: rgba(0, 0, 0, 0.10); }

/**** HEADERS ****/
h1, h2, h3, h4, h5, h6 {
	font: normal 3.0em/1.6em 'Helvetica UltraLight', 'Segoe UI Light', Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

h1 { color: /*#4483AF*/#9f9890; letter-spacing: 0px; }
h2 { font-size: 2.2em; color: #736458; font-family: 'Helvetica Thin', 'Segoe UI', Arial, Helvetica, sans-serif; }
h3 { font-size: 1.8em; color: #4483AF; font-family: 'Helvetica Thin', 'Segoe UI', Arial, Helvetica, sans-serif; }
h4 { font-size: 1.4em; font-family: 'Helvetica Light', 'Segoe UI', Arial, Helvetica, sans-serif; }
h5 { font-size: 1.2em; font-family: 'Helvetica Light', 'Segoe UI', Arial, Helvetica, sans-serif; }
h6 { font-size: 1.0em; font-family: 'Helvetica Light', 'Segoe UI', Arial, Helvetica, sans-serif; }


/**** LINKS ****/
a {
	text-decoration: none; color: #417da8;
	transition: all .1s ease-out; -o-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -webkit-transition: all .1s ease-out;
}
a.outer, .outer > a, .outer > .wrp > a { color: #4f8e2d !important; }
a:hover { color: #c45829; }
a.linkinvert:hover, .linkinvert a:hover, .linkinvert a.active { }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { }


/**** UTILS ****/
.clr { clear:both; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
* html .clearfix, *:first-child+html .clearfix { zoom: 1; }

.fright { float: right; }
.clight { color: #888; }
.uline { border-bottom: 1px solid rgba(255, 255, 255, 0.6); }

.tooltip {
	z-index: 100;
	display: none; max-width: 300px; padding: 8px 10px;
	background: #000; border: 1px solid #bbb;
	color: #fff; font-size: 12px; text-align: left;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	
	-webkit-box-shadow: 0px 0px 6px #777;
	-moz-box-shadow: 0px 0px 6px #777;
	box-shadow: 0px 0px 6px #777;
}
.cooltip:hover {
	color: #af090b;
	cursor: default;
}

/***********************************************************************/
/*								MESSAGE BOX
/***********************************************************************/
.msgbox {
	margin: 10px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	color: #404040;
	text-shadow: #fff 0px 1px 0px;
	border: 1px solid #f5eaa9;
	background: #fcf3b5 url('http://innomedio.hu/common/images/msgbox-hint.png') no-repeat 8px 6px;
}
html > body .msgbox.info {
	text-shadow: #f9ffef 0px 1px 0px;
	border-color: #c1e2a0;
	background: #c6e7bc url('http://innomedio.hu/common/images/msgbox-info.png') no-repeat 8px 6px;
}
html > body .msgbox.alert {
	color: #fff;
	text-shadow: #a43d2a 0px -1px 0px;
	border-color: #c54d35;
	background: #d65036 url('http://innomedio.hu/common/images/msgbox-alert.png') no-repeat 8px 6px;
}

.msgbox .msg {
	border: 1px solid #ffffc7;
	padding: 5px 10px 6px 34px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: none;
	text-align: left;
}
html > body .msgbox.info .msg {
	border-color: #d5f6cb;
}
html > body .msgbox.alert .msg {
	border-color: #f06a50;
}

/****************************************************************************************/
/*										FORM ELEMENTS
/****************************************************************************************/

/*************** INPUT TEXT *****************/
label {
	margin: 0.3em 0.2em 0 0.2em; vertical-align: top;
}
input[type=text], input[type=password], textarea, select {
	background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); padding: 0.3em; margin: 0.2em 0.5%;
	
	border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
	
	font: normal 0.95em/1.4em Verdana, Geneva, sans-serif;
	color: #6b6663;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
}
textarea {
	min-width: 300px;
	min-height: 100px;
}
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover {
	color: #5d5956;
	border-color: rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus,
input[type=text].active, input[type=password].active, textarea.active, select.active
{
	color: #2f2c2b;
	border-color: rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}
input[type=text]:disabled, input[type=password]:disabled, textarea:disabled, select:disabled {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
select { padding: 4px 5px; }
optiongroup { }
option { padding: 0px 6px; }

/*************** BUTTON *****************/
input[type=button], input[type=submit] {
	margin: 0.4em 0.2em; padding: 0.3em 1.4em;
	background-color: rgba(117, 113, 104, 0.9);
	
	border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
	
	font: normal 0.96em 'Helvetica Roman', 'Segoe UI', Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	
	cursor: pointer;

	transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
input[type=button]:hover, input[type=submit]:hover {
	background-color: rgba(117, 113, 104, 1);
}
input[type=button].blue, input[type=submit].blue {
	background-color: rgba(65, 125, 168, 0.9);
}
input[type=button].blue:hover, input[type=submit].blue:hover {
	background-color: rgba(65, 125, 168, 1);
}
input[type=button].red, input[type=submit].red {
	background-color: rgba(198, 72, 38, 0.9);
}
input[type=button].red:hover, input[type=submit].red:hover {
	background-color: rgba(198, 72, 38, 1);
}
input[type=checkbox], input[type=radiobutton] { }

/*************** search input v2 -> SEARCHFIELD *****************/
div.searchfield { position: relative; }
div.searchfield .txt { margin: 0px; }
div.searchfield .go {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding: 0px;
	width: 34px;
	margin: 0px;
	
	background-image: url('http://innomedio.hu/common/images/search-go.png'); /* fallback */
	background-repeat: no-repeat; /* fallback */
	background-position: center center; /* fallback */
	
	background: url('http://innomedio.hu/common/images/search-go.png' ) no-repeat center center, url('http://innomedio.hu/common/images/grad-dark-half.png') repeat-x bottom;
	background-color: #444;
	
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	
	box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.15);
}
div.searchfield .go:hover { background-color: #555; }




/************************************************************************************************************************************/
/************************************************************************************************************************************/
/*																LAYOUT
/************************************************************************************************************************************/
/************************************************************************************************************************************/
header {
	position: relative; z-index: 30;
	background: #36322f;
	background-image: -moz-linear-gradient(top, #413c38 0%, #292623 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#413c38), color-stop(100%, #292623));
	padding-top: 60px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}
header h1 {
	position: absolute; top: 10px; left: 1%;
	font: normal 2.2em 'Helvetica Thin', 'Segoe UI Light', Arial, Helvetica, sans-serif;
	color: #bfb0a3;
}
header h1 sup {
	position: relative; top:-8px;
	font: normal 0.3em Arial, Helvetica, sans-serif;
	color: #72c0da;
}
header .user {
	position: absolute; top: 20px; right: 1%;
	color: #d8cfbf;
}
header .user .name {
	display: block; position: relative;
	font: normal 1.5em/1em 'Helvetica Thin', 'Segoe UI Light', Arial, Helvetica, sans-serif;
	text-align: right;
}
header .user .rank {
	position: relative;
	font-size: 0.9em; line-height: 1em; top: -4px;
	color: #8F8574;
}
#page {
	position: relative; z-index: 20;
	padding: 5px 1%;
}
#page .wrapper {
	width: 79%; float: right;
}

footer {
	min-height: 100px;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/*																SITE MODULES
/************************************************************************************************************************************/
/************************************************************************************************************************************/


/****************************************************************************************/
/*										SITE HEADER, NAV
/****************************************************************************************/

/*************** SITE NAV *****************/
#sitenav { width: 100%; font: normal 1.1em/1.5em 'Helvetica Light', 'Segoe UI', Arial, Helvetica, sans-serif; }

#sitenav > ul { display: block; margin-left: 3%; }
#sitenav > ul > li { position: relative; float: left; display: block; padding: 0 3px; }
#sitenav > ul > li > a {
	float: left; display: block; padding: 2px 10px; color: #d8cfbf;
	
	border-top-right-radius: 3px; border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px;
}
#sitenav > ul > li > a.active, #sitenav > ul > li.opened > a, #sitenav > ul > li > a:hover {
	background: #f5f5ef; color: #42372e; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.99);
}
#sitenav .sub {
	position: absolute; top: 95%; left: 0px; display: none; background: rgba(255, 255, 255, 0.94);
	
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#sitenav .sub li { display: block; padding: 0px; white-space: nowrap; }
#sitenav .sub li a {
	display: block; padding: 2px 10px; background: none;
	font-size: 0.9em; line-height: 1.4em; color: #483c33; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.99);
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#sitenav .sub li a:hover {
	background: #35322f; color: #fff; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}

#breadcrumbs {
	font-size: 0.8em; 
	color: #968c84;
}
#breadcrumbs a {
	color: #968c84;
}
#breadcrumbs a:hover {
	color: #417da8;
}
#breadcrumbs ul:first-child {
}
#breadcrumbs ul li.main_li {
	display: block; float: left;
}
#breadcrumbs ul li.main_li:before {
	content: "/";
	margin: 0 10px; color: #5e564c;
}
#breadcrumbs ul li.main_li:last-child {
	color: #423b33;
}
#breadcrumbs ul li.main_li a {
}
#breadcrumbs ul li.main_li .wrp {
	display:inline !important;
}
#breadcrumbs ul li.main_li .wrp span.contextable {
	color:#4483AF;
	font-size:1.1em;
}
/****************************************************************************************/
/*										POPUPBOX
/****************************************************************************************/
#popupframe {
	position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index:1000;
	overflow: auto; background: rgba(255, 255, 255, 0.4);
	display: none;
}
#popupborder {
	position: absolute; top: 20%; left: 20%; z-index: 1000; padding: 10px; max-width: 60%;
	border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
	background: rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
#popupbox {
/*	position: absolute; top: 50%; left: 50%;
	max-width: 60%; padding: 1%; margin: -5% 0 0 -30%;*/
	position: relative;
	background: rgba(255, 255, 255, 0.95); padding: 0.4em 1em;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#popupbox .close {
	position: absolute; top: -19px; right: -19px; width: 38px; height: 38px;
	background: #fff url(../images/icon-round_delete-32.png) no-repeat center center;
	border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
	filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80;
	cursor: pointer;
}
#popupbox .close:hover {
	filter: alpha(opacity=95); -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95;
}

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/*																PAGE MODULES
/************************************************************************************************************************************/
/************************************************************************************************************************************/

/****************************************************************************************/
/*									PAGE SIDE, CONTENT
/****************************************************************************************/
.page {
	text-shadow: 1px 1px 0px #fff;
}
form.rows label {
	display: inline-block;
	width: 20%; margin-right: 1%;
	text-align: right;
}
form.rows input[type=text], form.rows input[type=password], form.rows textarea {
	width: 70%;
}
form.rows .buttons {
	text-align: right;
	margin-right: 6%;
}
/*************** TAB *****************/
.tabframe {
	display: block;
	margin: 0 0 0 0; padding: 2px 10px 0 10px;
	list-style: none;
	overflow: hidden;
}
.tabframe li {
	float: left; padding: 0 4px;
}
.tabframe a {
	display: block;
	margin: 0px; padding: 2px 10px;
	font: normal 1.1em/1.8em 'Helvetica Light', 'Segoe UI', Arial, Helvetica, sans-serif;
	color: #43403e;
	
	border-top-right-radius: 10px; border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px;
	
}
.tabframe .active a,
.tabframe a:hover {
	background: #fff;
	
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.tabcontent {
	background: rgba(255, 255, 255, 1);
	margin: 0px; padding: 4px 1%;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
/*************** CONTEXT MENU *****************/
.contextMenuBtn {
	position: relative;
}
#contextMenu {
	position: absolute; left: -4px; top: -4px; z-index: 30;
	display: none; min-width: 32px; min-height: 32px;
	
	background: rgba(255, 255, 255, 0.94);
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
}
#contextMenu .loader {
	position: absolute; z-index: 31;
	top: 8px; left: 8px;
}
#contextMenu ul {
	position: relative; z-index: 32; display: block; margin: 0px; padding: 0px;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#contextMenu ul li {
	display: block;
}
#contextMenu ul li a {
	display: block !important; padding: 3px 8px !important; background: none !important; color: #2f2c2b !important;
	border-radius: 10px !important; -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important;
}
#contextMenu ul li a:hover {
	 background: #417da8 !important; text-shadow: none !important; color: #fff !important;
}


/*************** PAGE NAV *****************/
#pagenav {
	float: left; margin-right: 1%;
	width: 20%; background: #eeeee6; text-shadow: 1px 1px 0px #f9f9f4;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
}
#pagenav a {
	color: #2f2c2b;
	display: block; padding: 3px 8px;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#pagenav a:hover {
	color: #417da8 !important; background: #fff;
}
#pagenav .active > a {  background: #417da8; text-shadow: none; color: #fff !important; }
#pagenav .disabled > a, #pagenav .disabled > .wrp > a { color: #87827e; }/*
#pagenav .disabled > a:before, #pagenav .disabled > .wrp > a:before { content: "("; }
#pagenav .disabled > a:after,  #pagenav .disabled > .wrp > a:after { content: ")"; }*/

#pagenav > ul { margin-bottom: 20px; }
#pagenav ul { }
#pagenav ul li { font-size: 0.95em; line-height: 1.2em; z-index: 10; }

#pagenav ul.sub { margin: 0px 0 0 8px; padding: 0px 0 0 4px; border-left: 1px solid #ccc8c1; }
#pagenav ul.sub > li:before {
	position: absolute; margin-top: 5px; margin-left: -4px;
	content: "-------"; color: #ccc8c1;
	font-size: 3px; text-shadow: none;
}
/* editable */
.wrp {
	position: relative; display: block; padding: 3px 28px 3px 8px;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.wrp a {
	position: static; display: inline; padding: 0px;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.wrp:hover { background: #fff;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

.active > .wrp { background: #417da8; text-shadow: none; }
.active > .wrp > a, #pagenav .active > .wrp > a:hover { color: #fff !important; background: none; }

.wrp .icon {
	position: absolute; right: 5px; top: 4px; z-index: 20;
	display: block; width: 16px; height: 16px; cursor: pointer;
	display: none;
}
.wrp .icon .img {
	display: block; width: 16px; height: 16px;
	background: url(../images/icon-pencil.png) no-repeat center center;
	filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60;
}
.active .wrp .icon .img { background-image: url(../images/icon-pencil_w.png); }
.wrp .icon:hover .img { filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; }
.wrp:hover .icon { display: block; }


/************************************************************************************************************************************/
div.success_msg{
	background-color: rgba(65, 125, 168, 1);
	color: #fff;
	text-shadow: 1px 1px 0px #396E94;
	font-size:18px;	
	padding:5px;
	text-align:center;
}
div.error_msg{
	background-color: rgba(198, 72, 38, 1);
	color: #fff;	
	text-shadow: 1px 1px 0px #AE4020;
	font-size:18px;	
	padding:5px;
	text-align:center;
}
div.sablon_doboz{
	float:left;
	border:2px dashed #222;
	margin:5px 0px;
}
div.sablon_doboz_main{
	text-align:center;
}
div.sablon_doboz_main div.error{
	border:1px solid #fff;
	background:#f00;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-shadow:none;
}

div.sablon_doboz_jobb{
	width:70%;
	border:2px dashed #222;
	padding:1px;
	margin:5px 0px 0px 5px;
	text-shadow:none;
}
div.sablon_doboz_jobb table{
	width:100%;
}
div.sablon_doboz_jobb input[type=text]{
	width:60%;
}

textarea.mce_editor{
	background:#ddddff;
}

div.help{
	background:#DBDCD6;
	color:#1CAF3E;
	padding:2px;
	text-shadow:none;
	filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80;
}
h4 span{
	font-size:0.6em !important;
}


/************************************************************************************************************************************/
/************************************************************************************************************************************/
/*																MEDIA QUERIES
/************************************************************************************************************************************/
/************************************************************************************************************************************/

@media screen and (max-width: 1250px) {
	
}
@media screen and (max-width: 1000px) {
	
}
@media screen and (max-width: 600px) {
	
}