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

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

/* ** ------------------------------------------------------------------------- **
									RESET, SET
   ** ------------------------------------------------------------------------- ** */
/*  HTML5 Boilerplate  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 0px; border: 0; border-top: 1px solid #ccc; margin: 0.6em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.6em sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
li { margin: 0.5em 0; }
ol { list-style-type: decimal; }
nav ul, nav li, .nav, .nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th, b { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-webkit-selection { background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 1); text-shadow: none; }
::-moz-selection { background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 1); text-shadow: none; }
::selection { background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 1); text-shadow: none; }

a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #2F8CB5; text-decoration: none; }
a:hover { color: #ec008c; }
p { margin: 1em 0 }
p:first-of-type { margin-top: 0 }

/* ** ------------------------------------------------------------------------- **
									DEFAULTS
   ** ------------------------------------------------------------------------- ** */
a {
	-webkit-transition: all 0.16s ease-out;
	-moz-transition: all 0.16s ease-out;
	-ms-transition: all 0.16s ease-out;
	-o-transition: all 0.16s ease-out;
	transition: all 0.16s ease-out;
}

html { height: 100%; }
body {
	height: 100%;
	font: normal 14px/1.5em 'Segoe UI', sans-serif;
	background: #0089C3;
	overflow: hidden;
}
*html body { overflow: auto; }

h1 {
	position: relative;
	font: normal 32px 'Segoe UI Light', sans-serif;
	margin: 20px 0;
	color: #444;
}
h1 .sub {
	/*
	position: absolute;
	left: 0px;
	bottom: -18px;*/
	display: block;
	font: normal 15px 'Segoe UI Light', sans-serif;
}
h2 {
	font: normal 24px 'Segoe UI Light', sans-serif;
	margin: 20px 0;
	color: #555;
}
h3 {
	font: normal 18px 'Segoe UI Light', sans-serif;
	margin: 10px 0;
	color: #333;
}

/* ** ------------------------------------------------------------------------- **
									FORM ELEMENTS
   ** ------------------------------------------------------------------------- ** */
label {
	color: #777;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	
	vertical-align: middle;

}
.form-fields { list-style: none; padding: 0; margin: 0 0 10px 0; }
.form-fields li {
	padding: 10px 0;
	/*
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 0px 1px 0px #fff inset, 0px -1px 0px #fff inset;
	-moz-box-shadow: 0px 1px 0px #fff inset, 0px -1px 0px #fff inset;
	box-shadow: 0px 1px 0px #fff inset, 0px -1px 0px #fff inset;
	*/
	background: #fff url(../images/stripes-mask.gif);
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.boxshadow .form-fields li.focus {
	background-color: #f9f9f9;
	position: relative; z-index: 2;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.boxshadow .form-fields li.focus input {
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2) inset;
	border-color: #ccc;
	
}
.form-fields li:hover label { color: #555; }
.form-fields li.focus label { color: #222; }
.form-fields label[for] {
	display: inline-block; width: 120px; padding: 0 10px;
}
.form-fields input[type=text], .form-fields input[type=password] {
	width: 220px; vertical-align: middle;
}

/* ----------- FILEFORMS ----------- */
.fileforms .document {}
.fileforms .files { margin: 0 10px; padding-left: 30px; color: #888; }
.fileforms .files li { padding: 5px 8px; font-size: 0.86em; }
.fileforms .files .file { display: inline-block; width: 160px; }
.fileforms .files .name { color: #444; }
.fileforms .files .size:before { content: '(' }
.fileforms .files .size:after { content: ')' }
.fileforms .files .date { display: inline-block; width: 120px; }
.fileforms .files .state { color: #555; }
.fileforms .files li:last-child {
	list-style: none; background: none;
}
.fileforms.safety dt {
	margin-top: 10px;
}
.fileforms.safety dt:first-child {
	margin-top: 0px;
}
.fileforms.safety dt label {
	font: normal 1.26em 'Segoe UI Light', Sans-serif;
	color: #555; display: inline-block;
	margin: 1em 0 0.6em 0;
}
/* ----------- INPUT TEXT ----------- */
input[type=text], input[type=password], textarea, select {
	margin: 0; padding: 6px 8px;
	background: #fff url(../images/sprites-x.png) repeat-x 0px -70px; border: 1px solid #d7d7d7;
	font: normal 13px 'Segoe UI', Sans-serif; color: #777;
	
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(255, 255, 255, 0.8) inset;
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(255, 255, 255, 0.8) inset;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(255, 255, 255, 0.8) inset;

	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.cssgradients input[type=text], .cssgradients input[type=password], .cssgradients textarea, .cssgradients select{
	background: #fff -moz-linear-gradient(top, rgba(0,0,0,0.04), rgba(0,0,0,0)) repeat-x 0px 1px; /* FF3.6 */
	background: #fff -o-linear-gradient(top, rgba(0,0,0,0.04), rgba(0,0,0,0)) repeat-x 0px 1px; /* Opera 11.10+ */
	background: #fff -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.04)), to(rgba(0,0,0,0))) repeat-x 0px 1px; /* Saf4+, Chrome */
	background: #fff -webkit-linear-gradient(rgba(0,0,0,0.04), rgba(0,0,0,0)) repeat-x 0px 1px; /* Chrome 10+, Saf5.1+ */
	background: #fff linear-gradient(top, rgba(0,0,0,0.04), rgba(0,0,0,0)) repeat-x 0px 1px;
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); IE6-IE9 */
}
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover { border-color: #bbb;	color: #555; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	outline: none;
	border-color: #bbb; color: #222;
	background-position: 0px -77px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
}
.cssgradients input[type=text]:focus, .cssgradients input[type=password]:focus,
.cssgradients textarea:focus, .cssgradients select:focus {
	background-position: 0px -7px;
}
input[type=text]:disabled, input[type=password]:disabled, textarea:disabled, select:disabled {
	filter: alpha(opacity=60);
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
}
select { padding: 4px 5px; }
option { padding: 0px 6px; }
input[type=text].hint, input[type=password].hint, textarea.hint, select.hint {
	color: #bbb; 
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color:    #bbb;
}
input:-moz-placeholder, textarea:-moz-placeholder {
	color:    #bbb;
}
.wide {
    width: 300px;
}
/* ----------- BUTTON ----------- */
input[type=button], input[type=submit] {
	margin: 0; padding: 2px 10px;
	background: #18729a url(../images/buttonlight.png) repeat-x center; border: 0px;
	font: normal 14px 'Segoe UI', Sans-serif; color: #fff; text-shadow: -1px -1px 0 #266fb2;
	cursor: pointer;
	border: 1px solid #186789;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
	
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.browserFirefox3 input[type=button], .browserFirefox3 input[type=submit] {
	padding: 3px 14px 4px 14px;
}
input[type=button].grey, input[type=submit].grey {
	background-color: #ddd; border: 1px solid #d2d2d2;
	color: #444; text-shadow: 1px 1px 0px #f5f5f5;
}
input[type=button].yellow, input[type=submit].yellow {
	background-color: #f29220; border-color: #e38a21;
	text-shadow: -1px -1px 0px #d1792b;
}
input[type=button].green, input[type=submit].green {
	background-color: #3b9831; border-color: #338b29;
	text-shadow: -1px -1px 0px #338b29;
}
input[type=button].red, input[type=submit].red {
	background-color: #be3e2d; border-color: #ad3627;
	text-shadow: -1px -1px 0px #ad3627;
}
input[type=button]:hover, input[type=submit]:hover {
	background-color: #444; border-color: #404040;
	color: #fff; text-shadow: -1px -1px 0px #404040;
}

/* ----------- FILE ----------- */
input[type=file] {}
.fileInput {
	position: relative;
	display: inline-block;
}
.fileInput input[type=file] {
	visibility: hidden; position: absolute; z-index: 1;
}
.fileInput input[type=button], .fileInput input[type=submit] {
	position:relative; z-index: 2; margin-right: 6px;
}
.fileInput .path {
	position: relative; z-index: 2; margin-right: 8px; color: #888;
}
.fileInput.selected .path { color: #444; }
.fileInput.selected .browse {
	filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7;
}
/* ----------- SEARCHBOX ----------- */
.searchbox {
	position: relative; display: block; width: 180px; margin: 0 auto;
	text-align: right;
}
.searchbox input[type=text] {
	position: relative; margin: 0px;
	width: 135px; padding-left: 8px; padding-right: 35px;
	display: inline-block;
}
.searchbox input[type=submit] {
	position: absolute; top: 0px; right: 0px; bottom: 0px;
	width: 33px; height: 100%; margin: 0px; padding: 0px;
	background: #f29220 url(../images/search.png) no-repeat center;
	background: url(../images/buttonlight.png) repeat-x center, #f29220 url(../images/search.png) no-repeat center;
}
.searchbox input[type=submit]:hover {
	background-color: #444;
}
/* ----------- QUICKSEARCH ----------- */
.quicksearch {
	position: relative; display: block; width: 180px; margin: 0 auto;
	text-align: left;
}
.quicksearch input[type=text] {
	width: 120px; padding-right: 28px; padding-left: 30px;
}
.quicksearch input[type=submit] {
	position: absolute; top: 50%; left: 6px; margin-top: -6px;
	width: 14px; height: 14px; border: 0px;
	background: url(../images/quicksearch.png) no-repeat center;
	cursor: default;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.quicksearch input[type=text]:focus + input[type=submit] {
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
.quicksearch input.reset {
	position: absolute; top: 50%; right: 6px; margin-top: -6px;
	width: 14px; height: 14px; border: 0px;
	background: url(../images/clear.png) no-repeat center;
	cursor: pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	filter: alpha(opacity=60);
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.quicksearch input.reset:hover {
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}


/* *** ===================================================================================================== ***
													HEADER
   *** ===================================================================================================== *** */
#header {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100px; background: #0089C3;
}
#logo {
	position: absolute; top: 15px; left: 15px;
	width: 200px; height: 100px;
}
#logo .logo {
	width: 200px;
	height: 85px;
	overflow: hidden;
	background: url(https://ugyfelkapu.lochner.hu/images/logo.png) no-repeat left top;
}
#logo .main {
	position: absolute; top: 60px; left: 54px;
	font: normal 25px 'Segoe UI Light', sans-serif;
	color: #fff; text-shadow: #000 0px 1px 2px; font-variant: small-caps;
}
#logo .sub {
	position: absolute; top: 40px; left: 90px;
	font: normal 14px 'Segoe UI', sans-serif;
	color: #3e9dc6; text-shadow: #000 0px 1px 0px;
}

/* ** ------------------------------------------------------------------------- **
									MENU
   ** ------------------------------------------------------------------------- ** */
#menuFrame {
	position: absolute; top: 0px; left: 250px; right: 0px;
	height: 300px; overflow: hidden;
}
#menu {
	position: absolute; top: 70px;
	display: block; margin: 0px; padding: 0px;
	list-style: none; width: 90000px;
}
#menu li {
	position: relative; display: block; float: left;
}
#menu li a {
	position: relative;
	display: block; height: 26px;
	margin: 0 4px; padding: 0 6px; float: left;
	font: normal 16px/26px 'Segoe UI Regular', sans-serif;
	color: #fff; text-shadow: #000 0 1px 0;
	border-top: 1px solid transparent;
	border-bottom: 2px solid #888;
}
#menu li a:hover,
#menu li a.active {
	background: #f5f5f5 url(../images/grad-light.png) repeat-x top;
	border-color: #fff; border-bottom-color: #f5f5f5;
	color: #222; text-shadow: #fff 0 1px 0;
	
	-webkit-box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	box-shadow: 0px 0px 6px #000;
}

#menu li ul {
	position: absolute; top: 26px; left: 4px; z-index: 50;
	display: none; padding: 4px 6px;
	background: #000; border: 1px solid #fff;
	
	-webkit-box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	box-shadow: 0px 0px 6px #000;
	
	filter: alpha(opacity=80);
	-khtml-opacity: 0.80;
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#menu li ul li {
	display: block;
	float: none;
}
#menu li ul li a {
	display: block;
	float: none;
	height: auto;
	padding: 3px 12px;
	margin: 2px 0;
	border: 0px;
	font: normal 13px 'Segoe UI', sans-serif;
	color: #fff;
	text-shadow: #000 0 1px 0;
	white-space: nowrap;
}
#menu li ul li a:hover {
	color: #000;
	background: #fff;
}
/* *** ===================================================================================================== ***
													SIDE
   *** ===================================================================================================== *** */
#sidebar {
	position: absolute;
	z-index: 2;
	top: 150px;
	left: 0px;
	width: 250px;
	bottom: 0px;
	overflow: hidden;
}
#userbox {
	padding: 10px 10px;
	border-bottom: 1px solid rgba(255,255,255,0.07);
	border-top: 1px solid rgba(255,255,255,0.05);
	background: rgba(0,0,0,0.5);
	text-align: center;
	font: normal 14px/16px 'Segoe UI', Helvetica, sans-serif;
	color: #fff;
	text-shadow: #000 0px 1px 0px;
	box-shadow: 0 0 4px rgba(0,0,0,0.4) inset;
}
/*
#userbox .greeting {
	font: normal 20px/22px 'Segoe UI', sans-serif;
	text-transform: uppercase;
	color: #000;
	text-shadow: #333 0px 1px 0px;
}*/
#userbox .name {
	font-size: 16px;
	font-variant: small-caps;
}
#userbox .name {
	padding: 3px 0;
}
#userbox .email {
	padding: 2px 0;
	font-size: 11px;
	color: #9cb1bc;
}
#userbox .last-login {
	padding: 6px 0;
	font-size: 11px;
	color: #9cb1bc;
}
#userbox input.button {
	margin: 10px 0 0 0;
}

/* ----------- MENU ----------- */
#sidemenuFrame {
	/*position: absolute; top: 162px; left: 0px; bottom: 0px; */
/*	overflow: hidden;*/
	width: 250px;
}
#sidemenu {
	display: block;
	padding: 10px 0 20px 16px;
	list-style: none;
}
#sidemenu li {
	display: block;
}
#sidemenu li a {
	display: block;
	font: normal 14px/16px 'Segoe UI Light', sans-serif;
	padding: 6px 10px;
	margin: 10px 0 10px 10px;
	color: #444;
	text-shadow: #fff 0 1px 0;
	background: #f5f5f5;
	/*
	font-variant: small-caps;*/
	border-top: 1px solid #fff;
	
	-webkit-box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	box-shadow: 0px 0px 6px #000;
	
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}

#sidemenu li a.active {
	color: #000;
	padding: 8px 10px;
	margin-left: 0px;
	
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 0.00;
	opacity: 1.00;
}
#sidemenu li a:hover {
	color: #175e94;
	margin-left: 4px;
	
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 0.00;
	opacity: 1.00;
}
#sidemenu li a.active:hover {
	margin-left: 0px;
}

/* *** ===================================================================================================== ***
													CONTENT
   *** ===================================================================================================== *** */

#content {
	position: absolute;
	top: 100px;
	left: 250px;
	right: 0px;
	bottom: 0px;
	z-index: 3;
	background: #eee;
	overflow: auto;
	
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	
	-webkit-box-shadow: 0px 0px 8px #000;
	-moz-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
}

.content {
	padding: 10px 20px 30px 20px;
	text-shadow: #fff 0px 1px 0px;
	color: #222;
}
.content a.more {
	color: #D32A8D;
}
.content a.more:hover {}

.content a[href^="http://"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/external-small.png') no-repeat right center;
	display: inline-block;
	padding-right: 18px;
}

.content a.file {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document.png') no-repeat left center;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".zip"],
.content a[href$=".rar"],
.content a[href$=".gzip"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-zipper.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".pdf"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-pdf.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".doc"],
.content a[href$=".docx"],
.content a[href$=".rtf"],
.content a[href$=".wps"],
.content a[href$=".txt"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-word.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".xls"],
.content a[href$=".xlsx"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-excel.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".ppt"],
.content a[href$=".pptx"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-powerpoint.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".jpg"],
.content a[href$=".jpeg"],
.content a[href$=".jpe"],
.content a[href$=".gif"],
.content a[href$=".bmp"],
.content a[href$=".eps"],
.content a[href$=".png"],
.content a[href$=".tif"],
.content a[href$=".tiff"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-image.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".avi"],
.content a[href$=".mpg"],
.content a[href$=".mpe"],
.content a[href$=".mpeg"],
.content a[href$=".mp4"],
.content a[href$=".mov"],
.content a[href$=".vob"],
.content a[href$=".m2ts"],
.content a[href$=".3gp"],
.content a[href$=".mkv"],
.content a[href$=".flv"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-film.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".fla"],
.content a[href$=".as"],
.content a[href$=".asc"],
.content a[href$=".asr"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-flash.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".swf"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-flash-movie.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".psd"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-photoshop.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".ai"],
.content a[href$=".ait"],
.content a[href$=".art"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-illustrator.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}
.content a[href$=".mp3"],
.content a[href$=".mp2"],
.content a[href$=".mp2a"],
.content a[href$=".wav"],
.content a[href$=".flac"],
.content a[href$=".ogg"],
.content a[href$=".aiff"] {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document-music.png') no-repeat left center !important;
	display: inline-block;
	padding: 0 0 0 24px;
}


table {
}
table th {
	background: #ddd url(../images/grad-light.png) repeat-x top;
	border: 1px solid #ccc;
	border-top-color: #eee;
	border-left-color: #eee;
	color: #444;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}
table th,
table td {
	padding: 8px;
}
table td {
	border: 1px solid #ddd;
	border-top-color: #fff;
	border-left-color: #fff;
	background: url(../images/grad-light.png) repeat-x top;
}

/* ----------- PROJECT LIST ----------- */
.boxlist {
}
.boxlist .box {
	position: relative;
	float: left;
	width: 280px;
	margin: 0 20px 20px 0;
	padding: 10px 10px 40px;
	background: #f7f7f7;
	overflow: hidden;
	font-size: 13px;
	
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	
	-webkit-transition: all 0.16s ease-out;
	-moz-transition: all 0.16s ease-out;
	-ms-transition: all 0.16s ease-out;
	-o-transition: all 0.16s ease-out;
	transition: all 0.16s ease-out;
}
.boxlist.sheets .box {
	width: 550px;
}
.boxlist .box.inaktiv {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	background: #f4f4f4;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.boxlist .box:hover {
	background: #fff;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.boxlist .name,
.boxlist .price,
.boxlist .date,
.boxlist .spot,
.boxlist .address,
.boxlist .desc,
.boxlist .comment {
	margin-bottom: 10px;
}
.boxlist .label {
	display: block;
	font-family: 'Segoe UI Semibold', sans-serif;
}
.boxlist .datawrap {
	display: block;
}
.boxlist .name {
	font: normal 20px/22px 'Segoe UI Light', sans-serif;
	text-shadow: none;
	color: #fff;
	background: #373b44;
	margin: -10px -10px 10px -10px;
	padding: 10px;
}
.boxlist .price {
	font: normal 17px/20px 'Segoe UI Semibold', sans-serif;
}
.boxlist .label {
	clear: both;
	float: left;
	width: 35%;
}
.boxlist .data {
	float: left;
	width: 60%;
}
.boxlist .submit {
	position: absolute;
	bottom: 0;
	right: 0;
	border: 0;
	box-shadow: none;
	text-shadow: none;
	background: #eee;
	padding: 5px 10px;
	color: #555;
}
.boxlist .submit:hover {
	background: #444;
	color: #fff;
}
.boxlist .spot {
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}
.boxlist .spot .label {
	padding: 4px 10px;
	width: auto;
}
.boxlist .spot .data {
	width: auto;
	padding: 4px 10px;
	background: #f1f1f1;
}
/* ----------- TASK LIST ----------- */
.taskList {
	background: #eee;
}
.taskList .empty {
	display: none;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}
.taskList .tasks:empty + .empty {
	display: block;
}
.taskList .task {
	position: relative;
	padding: 5px 10px 5px 80px;
	margin: 0 0;
}
.taskList .task:hover {
	background: #f5f5f5;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
.taskList h2 {
	margin: 0px 0px 4px 0px;
	padding: 0 200px 3px 0;
	border-bottom: 1px dotted #ccc;
}
.taskList .empty h2 {
	border: 0px; margin-top: 6px;
}
.taskList .statIcon {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 48px;
	height: 48px;
	
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}
.taskList .stat-new .statIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/48x48/doc_new.png') no-repeat;
}
.taskList .stat-progress .statIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/48x48/cog.png') no-repeat;
}
.taskList .stat-wait .statIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/48x48/sand.png') no-repeat;
}
.taskList .stat-finished .statIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/48x48/checkbox_checked.png') no-repeat;
}
.taskList .stat-cancel .statIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/48x48/cancel.png') no-repeat;
}
.taskList .empty .statIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/48x48/cancel.png') no-repeat;
}

.taskList .info {
	position: absolute;
	top: 4px;
	right: 10px;
	font: normal 16px/18px 'Segoe UI Light', sans-serif;
	text-align: right;
}
.taskList .date {
	display: block;
	color: #777;
	font-size: 12px;
}
.taskList .status {
	display: block;
}

/* ----------- TASK LIST TABULATOR ----------- */
.tabs {
	position: relative;
	display: block; margin: 0px;
	list-style: none;
	/*
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	-webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.05) inset;
	*/
}
.tabs li {
	display: block; padding: 0; margin: 0; float: left;
}
.tabs li a {
	display: block; padding: 0px 10px; margin: 2px 8px;
	font: normal 16px/40px 'Segoe UI Light', sans-serif;
	color: #444;
/*
	background: #f5f5f5;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;

	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px -1px 0px rgba(0, 0, 0, 0.05) inset;
*/
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	

}
.tabs li a .icon {
	margin: 0 6px 0 0; display: inline; vertical-align: middle; margin-top: -4px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}
.tabs li a .qty {
	color: #999;
}
.tabs li a.active, .tabs li a:hover {
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2)/*, 0px -1px 0px rgba(0, 0, 0, 0.05) inset*/;
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2)/*, 0px -1px 0px rgba(0, 0, 0, 0.05) inset*/;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2)/*, 0px -1px 0px rgba(0, 0, 0, 0.05) inset*/;
	
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	background: #f5f5f5;
}
.tabs li a.active {
	background: #fff;
}


/* ----------- TASK LIST TABULATOR ----------- 
.tabs {
	display: block; margin: 0px; padding: 0px;
	list-style: none;
}
.tabs li {
	display: block; padding: 0; float: left;
}
.tabs li a {
	display: block; padding: 0px 10px; margin: 10px;
	font: normal 14px/30px 'Segoe UI Light', sans-serif;
	color: #fff; text-shadow: #16516B 0px 1px 0px;
	text-align: center;
	
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	
	background: #18729a;
	background: -moz-linear-gradient(top, #166c92 0%, #1979a4 50%, #125a7a 50%, #1a7eab 100%);
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#166c92), color-stop(50%,#1979a4), color-stop(50%,#125a7a), color-stop(100%, #1a7eab));
	
	-webkit-box-shadow: 0px 1px 1px #fff;
	-moz-box-shadow: 0px 1px 1px #fff;
	box-shadow: 0px 1px 1px #fff;
	
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	
	transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;

}
.tabs li a.active {
	padding: 4px 10px; margin: 5px 0 0 0;
	font-size: 16px;
}
.tabs li a.active, .tabs li a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}


/* ----------- TASK PROPERTIES ----------- */

.taskPropList {
}

.taskPropList .prop {
	position: relative;
	padding: 10px 10px 10px 50px;
	margin: 10px 0;
}
.taskPropList .prop .propIcon {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 32px;
	height: 32px;
	
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}
.taskPropList .desc .propIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/32x32/doc_lines.png') no-repeat;
}
.taskPropList .stats .propIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/32x32/chart_line.png') no-repeat;
}
.taskPropList .files .propIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/32x32/clip.png') no-repeat;
}
.taskPropList .addFiles .propIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/32x32/doc_plus.png') no-repeat;
}
.taskPropList .comments .propIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/32x32/spechbubble_2.png') no-repeat;
}
.taskPropList .addComment .propIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/32x32/spechbubble.png') no-repeat;
}

.taskPropList .prop h3 {
	font: normal 20px 'Segoe UI Light', sans-serif;
	color: #8f8f8f;
}
.taskPropList .prop h3 .detail {
	font-style: normal;
	color: #373737;
}

.taskPropList .prop .details {
	margin: 10px 0;
	padding: 0px;
}


.taskPropList ul.statList {
	list-style: none;
	padding: 0px;
}
.taskPropList ul.statList {
}
.taskPropList ul.statList li {
	padding: 2px 0 2px 28px;
	background-repeat: no-repeat;
	background-position: left center;
}
.taskPropList ul.statList li.new {
	background-image: url('http://innomedio.hu/common/icons/wireframe/black/16x16/doc_new.png');
}
.taskPropList ul.statList li.progress {
	background-image: url('http://innomedio.hu/common/icons/wireframe/black/16x16/cog.png');
}
.taskPropList ul.statList li.wait {
	background-image: url('http://innomedio.hu/common/icons/wireframe/black/16x16/sand.png');
}
.taskPropList ul.statList li .date {
	font: normal 15px 'Segoe UI Light', sans-serif;
	color: #888;
	padding-right:10px;
}
.taskPropList ul.fileList {
	list-style: none;
	padding: 0px;
}
.taskPropList ul.fileList li {
}
.taskPropList ul.fileList li a {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document.png') no-repeat left center;
	display: inline-block;
	padding: 0 0 0 24px;
}

.taskPropList .comment {
	margin: 10px 0;
}
.taskPropList .comment .header {
	padding: 0 0 0 40px;
	position: relative;
}
.taskPropList .comment .header .userIcon {
	position: absolute;
	top: 6px;
	left: 0px;
	width: 32px;
	height: 32px;
	background: url('http://innomedio.hu/common/icons/wireframe/black/32x32/user.png') no-repeat left top;
	
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}
.taskPropList .comment .header .name {
	font: normal 20px 'Segoe UI Light', sans-serif;
	color: #282828;
}
.taskPropList .comment .header .date {
	font: normal 14px 'Segoe UI Light', sans-serif;
	color: #7e7e7e;
}
.taskPropList .comment .text {
	padding: 10px;
}
.taskPropList .comment textarea {
	margin: 10px 0;
	min-width: 400px;
	min-height: 100px;
}

/* ----------- USER PROFILE ----------- */

.proForm {
	vertical-align: top;
}
.proForm div {
	
}
.proForm ul.form {
	margin: 0; padding: 0; list-style: none;
}
.proForm ul.form li {
	padding: 2px 0;
	font: normal 16px/22px 'Segoe UI Light', sans-serif;
	
}
.proForm label {
	width: 220px;
	display: inline-block;
	margin: 5px 10px 0 0;
	vertical-align: top;
	color: #676767;
	
}

.proForm input[type="text"],
.proForm input[type="password"],
.proForm textarea {
	width: 260px;
	background: 0px;
	padding: 5px 8px 5px 40px;
	border-color: #eee;
	border-bottom: 1px solid #ccc;
	
	font: normal 14px 'Segoe UI Light', sans-serif;
	color: #222;
	text-shadow: #fff 0px 1px 0px;
	background: #eee url('http://innomedio.hu/common/icons/wireframe/black/16x16/pencil.png') no-repeat 10px center;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
}
.proForm label input[type="text"] {
	width: 160px;
	margin-top: 9px;
}

.proForm textarea {
	border: 1px solid #ccc;
	background-position: 10px 8px;
	font-size: 14px;
	height: 100px;
}
.proForm input[type="text"]:hover,
.proForm input[type="password"]:hover,
.proForm input[type="text"]:focus,
.proForm input[type="password"]:focus,
.proForm textarea:hover,
.proForm textarea:focus {
	border: 1px solid #ccc;
	background-color: #f4f4f4;
	background-position: 10px center;
	
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}
.proForm textarea:hover,
.proForm textarea:focus {
	background-position: 10px 8px;
}
.proForm input[type="text"]:focus,
.proForm input[type="password"]:focus,
.proForm textarea:focus {
	border-color: #999;
	
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}

.proForm input[type="button"],
.proForm input[type="submit"] {
	margin: 15px 0;
	font: normal 14px 'Segoe UI Light', sans-serif;
	padding: 4px 10px;
}


/* ----------- KNOWLEDGE LIST ----------- */

.knowledgeList {
}

.knowledgeList .knowledge {
	position: relative;
	padding: 10px 10px 10px 50px;
	margin: 10px 0;
}
.knowledgeList .knowledge .knowIcon {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 32px;
	height: 32px;
	
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}
.knowledgeList .knowledge .knowIcon {
	background: url('http://innomedio.hu/common/icons/wireframe/black/32x32/notepad.png') no-repeat;
}
.knowledgeList .knowledge h3 {
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	color: #8f8f8f;
}

.knowledgeList .knowledge .details {
	margin: 10px 0;
	padding: 0px;
}

.knowledgeList ul.fileList {
	list-style: none;
	padding: 0px;
}
.knowledgeList ul.fileList li {
}
.knowledgeList ul.fileList li a {
	background: transparent url('http://innomedio.hu/common/icons/fugue/document.png') no-repeat left center;
	display: inline-block;
	padding: 0 0 0 24px;
}


.techinfo dt {
	font: normal 18px 'Segoe UI Light', sans-serif;
	color: #35758F;
}
.techinfo dd {
	padding-left: 10px;
	font-family: monospace;
	padding-bottom: 10px;
	color: #555;
}
.send-techinfo {
	border-top: 1px dotted #B2BDC7;
	padding-top: 20px;
}
.send-techinfo dt {
}
/* *** ===================================================================================================== ***
													UTILS
   *** ===================================================================================================== *** */
/* ----------- GRID ----------- */
.grid_2, .grid_3, .grid_4, .grid_5, .grid_6 { float:left; }
.grid_2 { width: 46%; margin: 0 2%; }
.grid_3 { width: 29.33%; margin: 0 2%; } .g3_span_2 { width: 62.66%; }
.grid_4 { width: 21%; margin: 0 2%; } .g4_span_2 { width: 46% } .g4_span_3 { width: 71% }
.alpha { clear: left; }
.grid_2 .alpha, .grid_3 .alpha, .grid_4 .alpha, .grid_5 .alpha, .grid_6 .alpha { margin-left: 0px; }
.grid_2 .omega, .grid_3 .omega, .grid_4 .omega, .grid_5 .omega, .grid_6 .omega { margin-right: 0px; }
/*.omega { margin-right: 0px; }*/

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

.fleft { float: left; }
img.fleft { margin: 0 10px 10px 0; }
.fright { float: right; }
img.fright { margin: 0 0 10px 10px; }
.tright { text-align: right; }
.tcenter { text-align: center; }

.highlight {
	font-size: 2em; font-weight: bold; color: #1e9fcf;
	margin: 8px 0;
}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both }

@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

div.display_table {
    width: 1000px;
}
table.display_table {
    width: 700px;
}
tr.almenu td {
    background-color: #ddd;
    padding-left: 20px;
}

table.demo-btn {
    width: 200px;
    height: 49px;
    /*margin: 6px auto;*/
}
table.demo-btn tr {
}
table.demo-btn tr td {
    vertical-align: middle;
    padding: 0 100px 0px 6px;
    cursor: pointer;
    font-size: 12px;
    color: #e5e3e3;
    border: none;
}
table.demo-btn tr td.over {
    color: #fff;
    padding-top: 2px;
}

table.demo-btn tr.belfold td {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: url(../images/map_in_n.jpg) no-repeat;
}
table.demo-btn tr.belfold td.over {
    background: url(../images/map_in_h.jpg) no-repeat;
}

.reg-button {
	display: block;
	padding: 10px;
	background: #f60;
	margin: 20px 20px 0px;
	border-radius: 4px;
	text-align: center;
	color: #000 !important;
	font-weight: bold;
	box-shadow: 2px 2px 0 rgba(0,0,0,.2), 1px 1px 0 rgba(255,255,255,.2) inset;
	text-shadow: 1px 1px 0 rgba(255,255,255,.4);
}

.reg-button:hover {
	background: #fff;
	color: #000 !important;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}

.message {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    -webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 6px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 6px 0px rgba(50, 50, 50, 0.75);
    
    padding: 5px;
    margin: 8px;
    
    text-shadow: 0px 0px #000000;
}

.message-ok {
    background-color: #d1ffd1;
}

.message-error {
    background-color: #FF6363;
}

.button-delete {
	margin: 0; padding: 2px 10px;
	background: #FF2424 url(../images/buttonlight.png) repeat-x center; border: 0px;
	font: normal 14px 'Segoe UI', Sans-serif; color: #fff; text-shadow: -1px -1px 0 #266fb2;
	cursor: pointer;
	border: 1px solid #186789;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
	
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}