/*
Theme Name: Opanski theme
Description: Opanski Datenmanager für Entwässerungsanlagen Web Application
Author: Krisztian Panyik
Author URI: http://design.oficina.hu
Version: 1.0
*/

/******************************************************

					CSS RESET
			Resets browser defaults
					
******************************************************/	

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0}
body{line-height:1;font-size:14px;position:relative;z-index:0}
h1,h2,h3,h4,h5,h6{line-height:130%}
ol,ul{list-style:none}
blockquote{quotes:none}
blockquote:before,blockquote:after{content:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a,#featured-container a:hover{outline:none;text-decoration:none}
a:hover{text-decoration:underline}
a:active{text-decoration:blink}
a img{border:none}
textarea{resize:none}
input::-moz-focus-inner{border:0;padding:0}
a,button{cursor:pointer}
input[type=submit],a:hover,a:focus,input{outline:none}



/******************************************************

						GENERAL

******************************************************/	


.margin {
	margin: 0 auto;
}

/*-------------- Basic typography ---------------*/

body {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #717b8c;
/*	background: #f4f5f7 url(../images/wrapper_bg.gif) repeat-y 203px 0;	*/
}
h1, h2, h3, h4, h5, h6, p {
	line-height: 130%;
}
a {
	color: #003884;
}
h1 {
	font-size: 32px;
	margin: 32px 0 24px;
}
h2 {
	font-size: 22px;
	margin: 28px 0 14px; 
}
h3 {
	font-size: 18px;
	margin: 20px 0 10px; 
}
h4 {
	font-size: 14px;
	margin: 14px 0 8px; 
}
em {
	font-style: normal;
}

/*----------------- Basic layout ----------------*/

body {
	position: relative;
}
#wrapper {
	padding-top: 52px;
	background: url(../images/page_bg.jpg) no-repeat;
	position: relative;	
}
.login {
	background: #fff; 
}
.login #wrapper {
	margin-top: 130px;
	padding-top: 0;
	background: url(../images/page_login_bg.jpg) no-repeat center 116px;
}
#left-nav,
#content {
	float: left;
}
#left-nav {
	margin: 0 0 60px 20px;
	width: 195px;
}
#content {
	margin: 0 0 60px 30px;
/*	width: 730px; */
	width: 73%%;
}

/*-------------------- Misc ---------------------*/

.clearfix:after,
.menu:after,
#wrapper:after,
form fieldset:after,
label:after,
.image-container:after,
.pager-bar:after,
.image-container:after,
.image-gallery:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
.menu,
#wrapper,
form fieldset,
label,
.image-container,
.pager-bar,
.image-container,
.image-gallery {
	zoom: 1;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.text-align-left,
table.general .text-align-left {
	text-align: left;
}
.text-align-center,
table.general .text-align-center {
	text-align: center;	
}
.text-align-right,
table.general .text-align-right {
	text-align: right;	
}
.display-none {
	display: none;
}
.visibility-hidden {
	visibility: hidden;
}
.overflow-hidden {
	overflow: hidden;
}
.hidden {  /* for screen readers only */
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
	vertical-align: middle;
}

/* Corners */

.round-corner-2px,
.list-menu li a {
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;	
	-moz-border-radius: 2px;
	border-radius: 2px;	
}
.round-corner-3px,
.button,
.button-menu li a,
.pager li:hover a,
.pager li.active,
.list-menu,
input[type="text"],
input[type="password"], 
textarea,
.select-container,
.image-container,
:hover .tool-top {
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.round-corner-5px,
ul.button-menu,
.box,
.warning-message,
form {
	-webkit-border-radius: 5px;	
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.round-corner-top-5px {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.round-corner-bottom-5px {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.round-left-disabled {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.round-right-disabled {
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* Boxes */ 
.box {
	padding: 9px 10px;
	border: 1px solid #cdd2dc;
	background: #fff;	  
}
.box.small {
	padding: 6px;
}
.box.small h4 {
	margin: 4px 0;
}
.box.small h4:first-child {
	margin-top: 0;
}
.gray {
	background-color: #f4f5f7;
}
.shadow {
	-webkit-box-shadow: 0px 3px 8px rgba(225, 228, 233, 1);
	-khtml-box-shadow: 0px 3px 8px rgba(225, 228, 233, 1);
	-moz-box-shadow: 0px 3px 8px rgba(225, 228, 233, 1);
	box-shadow: 0px 3px 8px rgba(225, 228, 233, 1);
}
.shadow.dark,
:hover .tool-top {
	-webkit-box-shadow: 0px 4px 8px rgba(91, 100, 116, .5);
	-khtml-box-shadow: 0px 4px 8px rgba(91, 100, 116, .5);
	-moz-box-shadow: 0px 4px 8px rgba(91, 100, 116, .5);
	box-shadow: 0px 4px 8px rgba(91, 100, 116, .5);
}

/* Icons */

[class*="ico-"] {
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
}
span[class*="ico-"] {
	display: inline-block;
}
.ico-arrow-left-small {
	padding-left: 10px;
	background-position: 0 -100px; 
}
.ico-arrow-right-small {
	padding-right: 10px;
	background-position: right -125px; 
}
.ico-double-arrow-left-small {
	padding-left: 13px;
	background-position: 0 -150px; 	
}
.ico-double-arrow-right-small {
	padding-right: 13px;
	background-position: right -175px; 		
}

/*--------------- Table ----------------*/

table.general,
table.tbl {
	width: 100%;
	margin: 14px 0 20px;
	padding-bottom: 10px;
	vertical-align: middle;
}
table.general {
	border-bottom: 1px solid #b2bcc8;
}
table.tbl tfoot {
	border-top: 1px solid #b2bcc8;	
}
table.general td,
table.general th,
table.tbl td.tbl-header,
table.tbl td.tbl-header:first-child {
	text-align: left;
}
table.tbl td.tbl-header {
	text-align: center;
}
table.general thead th,
table.tbl td.tbl-header {
	padding: 5px 6px;
	background: #f7ad22;
	border-bottom: 2px solid #fff;
}
table.general thead th,
table.general thead th a,
table.tbl td.tbl-header,
table.tbl td.tbl-header a {
	color: #fff;
}
table.tbl td.tbl-header {
	font-weight: 700;
}
table.general a {
	display: block;
}
table.general th.orderby a:hover,
table.general th.orderby.asc a,
table.general th.orderby.desc a {
	background-color: #f2aa32;
	background-image:  url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: right -200px;
	
	-webkit-box-shadow: inset 0px 2px 4px rgba(215, 128, 20, 1);
	-khtml-box-shadow: inset 0px 2px 4px rgba(215, 128, 20, 1);
	-moz-box-shadow: inset 0px 2px 4px rgba(215, 128, 20, 1);
	box-shadow: inset 0px 2px 4px rgba(215, 128, 20, 1);		
}
table.general th.orderby.desc a,
table.general th.orderby.asc:hover a {
	background-color: #f2aa32;		
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: right -225px;
}
table.general th.orderby a {
	background-color: #f7ad22;
	margin: -5px -6px;
	padding: 5px 6px;
	height: 20px;
	line-height: 20px;	
}
table.general th.orderby a:hover {
	text-decoration: none;
}
table.general td,
table.general tbody th ,
table.tbl tbody td {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;	
	padding: 5px 6px;
}
table.general tr td:last-child,
table.general tbody tr th:last-child,
table.tbl tbody tr td:last-child {
	border-right: none;	
}
table.general tbody th {
	font-weight: 400;
}
table.general tbody tr:nth-child(2n+2) td,
table.tbl tr.tbl-row-even td {
	background: #f4f5f7;	
}
table.general tbody th,
table.general tr:hover td,
table.general tbody tr:hover:nth-child(2n+2) td,
table.tbl tr.tbl-row:hover td,
table.tbl tr.tbl-row-even:hover td {
	background: #feeeca;
}
table.general .warning {
	background: #f7d4ba!important;
	color: #902424!important;
}
.select-container {
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;	
	display: block;
}

/* Sizes */

table.general .one-sixth {
	width: 109px;
}
table.general .one-fifth {
	width: 134px;
}
table.general .one-quarter {
	width: 170px;
}
table.general .three-quarter {
	width: 535px;
}
table.general .one-third {
	width: 231px;
}
table.general .two-third {
	width: 447px;
}
table.general .one-half {
	width: 353px;
}

/* Zsolt tablazat */

td.tbl-pages {
	text-align: center;
}
td.tbl-row-num {
	text-align: right;
}
td.tbl-cell {
	text-align: center;
}
td.tbl-cell:first-child {
	text-align: left;
}
td.tbl-controls {
	text-align: center;
}
td.tbl-page {
	text-align: right;
}
td.tbl-noresults {
	font-weight: bold;
	color: #9F0000;
	height: 45px;
	text-align: center;
}
span.tbl-reset {
	margin: 5px 5px;
}
img.tbl-reset-image {
	margin-right: 5px;
	border: 0;
}
span.tbl-create {
	margin: 5px 0;
}
img.tbl-create-image {
	margin-right: 5px;
	border: 0;
}
div.tbl-filter-box {
}
img.tbl-arrows {
	border: 0;
}
img.tbl-order-image {
	margin: 0 2px;
	border: 0;
}
img.tbl-filter-image {
	border: 0;
}
img.tbl-control-image {
	border: 0;
}
span.page-selected {
	color: black;
	font-weight: bold;
}
input.tbl-checkbox {
}



/*-------------- Forms --------------*/

/* Styling */

input,
input:active,
input:focus,
input:hover,
textarea,
textarea:active,
textarea:focus,
textarea:hover,
select,
select:active,
select:focus,
select:hover {
	outline: none;
}
input,
textarea,
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #717b8c;
}
input[type="text"],
input[type="password"] {
	height: 30px;
	line-height: 30px;
}
form,
form fieldset,
input[type="text"],
input[type="password"],
textarea,
.select-container {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}
input[type="text"],
input[type="password"], 
textarea {
	padding: 5px 4px;
	border: 1px solid #BECED4;
	-webkit-box-shadow: inset 0px 2px 2px rgba(200, 210, 213, 0.6);
	-khtml-box-shadow: inset 0px 2px 2px rgba(200, 210, 213, 0.6);
	-moz-box-shadow: inset 0px 2px 2px rgba(200, 210, 213, 0.6);
	box-shadow: inset 0px 2px 2px rgba(200, 210, 213, 0.6);
}

input[type="password"]:focus,
.select-container:hover {
	border: 1px solid #f2ab46;
	-webkit-box-shadow: 0px 0px 5px rgba(242, 171, 70, 0.75);
	-khtml-box-shadow: 0px 0px 5px rgba(242, 171, 70, 0.75);
	-moz-box-shadow: 0px 0px 5px rgba(242, 171, 70, 0.75);
	box-shadow: 0px 0px 5px rgba(242, 171, 70, 0.75);
}
input::-moz-focus-inner { 
	border: 0;
	padding: 0;
}
.highlight input,
.highlight textarea {
	background: #feeeca;
	border-color: #e5c484;
	-webkit-box-shadow: inset 0px 2px 2px rgba(238, 215, 167, 1);
	-khtml-box-shadow: inset 0px 2px 2px rgba(238, 215, 167, 1);
	-moz-box-shadow: inset 0px 2px 2px rgba(238, 215, 167, 1);
	box-shadow: inset 0px 2px 2px rgba(238, 215, 167, 1);
}
textarea {
    resize: none;
}
label,
.select-container {
	margin-right: 10px;
}
.select-container {
	padding: 5px 4px;
	border: 1px solid #BECED4;
	background: url(../images/select_bg.gif) no-repeat right center;
}
.select-container select {
/*	height: 20px; */
	-webkit-appearance: none;	
	border: none;
	outline: none;
	background-color: transparent;
	width: 100%;	
}


/* Sizes, positioning */

form {
	width: 100%;
	margin-bottom: 20px;
}

form label,
form fieldset h2,
form fieldset h3,
form fieldset h4 {
	float: left;
	width: 100%;
}
form.inline label {
	width: 100%!important;
	margin-bottom: 8px;
}
form.inline label > p {
	float: left;
	width: 488px;
}
form.inline label > span {
	float: left;	
	width: 215px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	text-align: right;
	vertical-align: middle;	
}
form fieldset h2,
form fieldset h3,
form fieldset h4 {
	margin-top: 16px;
}
form.inline fieldset h2,
form.inline fieldset h3,
form.inline fieldset h4 {
	width: 488px;
	margin-left: 225px;
	margin-top: 6px;
	margin-bottom: 8px;
}
form fieldset h2:first-child,
form fieldset h3:first-child,
form fieldset h4:first-child,
form.inline fieldset h2:first-child,
form.inline fieldset h3:first-child,
form.inline fieldset h4:first-child {
	margin-top: 0;
}
form fieldset {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 3px 0;
	padding: 15px 0 10px 15px;
	background: #F4F5F7; 	
}
form.box fieldset {
	margin: 0;
    padding: 15px 0 10px 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #CDD2DC;

}
form.box fieldset:last-child {
	border-bottom: none;
}
form.box .button-bar {
	margin-top: 0;
}
form.inline .indent,
form.inline .button-bar,
form.inline fieldset > input.button {
	margin-left: 225px;
} 
form.inline fieldset > input.button {
	margin-bottom: 10px;
}
form fieldset.naked {
	padding: 15px 0 10px 0;
	background: none;
}
form.box {
	padding: 0;
	overflow: hidden;
	background: #F4F5F7;	
}
form label {
	margin: 0 10px 14px 0;
}
form table label {
	margin: 10px 0;
}
form fieldset > p {
	float: left;
	width: 100%;
}
form label.break {
	clear: left;
}
form label > span {
	padding-bottom: 3px;
	font-size: 10pt;
	font-weight: 500;
}
form label > input,
form label > textarea,
form label > div,
form label > span {
	float: left;
	width: 100%;
}
form.inline label input,
form.inline label > div,
form.inline label > p > span.select-container {
	width: 234px;
}
form.inline label > p > span.select-container {
	display: inline-block;
}
form.inline label input[type="file"] {
	width: auto;
	margin: 3px 0;	
}
form.inline label > textarea {
	width: 478px;
}
form label > span {
	display: block;
}
form input[type="checkbox"], 
form input[type="checkbox"] + span {
	float:left;
}
form label input[type="checkbox"] + span {
	margin-left: 5px;
	width: auto;
}
label > p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	/*color: #9fa6b2; */
}
label > p input,
label > p span.select-container {
	margin-right: 4px;
}
fieldset .one-fifth {
	width: 132px;
}
fieldset .one-quarter {
	width: 167px;
}
fieldset .one-third {
	width: 226px;
}
fieldset .two-third {
	width: 462px;
}
fieldset label,
fieldset .one-half {
	width: 345px;
}
fieldset .full-width {
	width: 700px;
}
fieldset .one-quarter > p input,
fieldset .one-quarter > p > span.select-container {
	width: 80px;
}
fieldset .one-third > p input,
fieldset .one-quarter > p > span.select-container {
	width: 126px;
}
fieldset .two-third > p input,
fieldset .two-third > p > span.select-container {
	width: 362px;
}
fieldset .one-half > p input,
fieldset .one-half > p > span.select-container {
	width: 245px;
}
fieldset .full-width > p input,
fieldset .full-width > p > span.select-container {
	width: 600px;
}

form.inline fieldset .one-quarter input,
form.inline fieldset .one-quarter > div,
form.inline fieldset .one-quarter > p input,
form.inline fieldset .one-quarter > p span.select-container {
	width: 112px;
}
form.inline fieldset .one-third input,
form.inline fieldset .one-third > div,
form.inline fieldset .one-third > p input,
form.inline fieldset .one-third > p span.select-container {
	width: 152px;
}
form.inline fieldset .two-third input,
form.inline fieldset .two-third > div,
form.inline fieldset .two-third > p input,
form.inline fieldset .full-width > p input,
form.inline fieldset .full-width > p span.select-container {
	width: 315px;
}
form.inline fieldset .one-half input,
form.inline fieldset .one-half > div,
form.inline fieldset .one-half,
form.inline fieldset .one-half > p input,
form.inline fieldset .one-half > p span.select-container {
	width: 234px;
}
form.inline fieldset .full-width input,
form.inline fieldset .full-width > div,
form.inline fieldset .full-width {
	width: 478px;
	margin-right: 0;
}

/* Warnings */

label.warning,
label.warning span,
label.warning input,
label.warning textarea {
	color: #dd4b39!important;

}
label.warning input,
label.warning textarea {
	border: 1px solid #dd4b39!important;
	background: #fcc894!important;	
}
.warning-message {
	font-size: 18px;
	background: #FEEECA;
	border: 1px solid #E5C484;	
	padding: 10px; 
	margin-bottom: 15px;
	color: #717B8C;		
}
.field-warning input,
.field-warning textarea,
.field-warning .select-container {
	border: 1px solid #dd4b39!important;
	background: #fcc894!important;	
}
.field-warning input,
.field-warning textarea {
	-webkit-box-shadow: inset 0px 2px 2px rgba(233, 163, 92, 1);
	-khtml-box-shadow: inset 0px 2px 2px rgba(233, 163, 92, 1);
	-moz-box-shadow: inset 0px 2px 2px rgba(233, 163, 92, 1);
	box-shadow: inset 0px 2px 2px rgba(233, 163, 92, 1);
}
.field-warning > span {
	color: #D83110!important;	 
}

/*-------------- Images --------------*/

#content > img {
	width: 100%;
}
.image-container {
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 16px 0 0;
	padding: 4px;
	border: 1px solid #CDD2DC;
	background: #fff;	
	-webkit-box-shadow: 0 2px 5px rgba(113, 123, 140, 0.5);	
	-khtml-box-shadow: 0 2px 5px rgba(113, 123, 140, 0.5);
	-moz-box-shadow: 0 2px 5px rgba(113, 123, 140, 0.5);	
	box-shadow: 0 2px 5px rgba(113, 123, 140, 0.5);	
}
.gray .image-container {
	border: none;
	padding: 5px;
}
.gray a.image-container:hover,
a.image-container:hover {
	padding: 4px;
	border: 1px solid #f2ab46;
	-webkit-box-shadow: 0px 2px 5px rgba(242, 171, 70, 1);
	-khtml-box-shadow: 0px 2px 5px rgba(242, 171, 70, 1);
	-moz-box-shadow: 0px 2px 5px rgba(242, 171, 70, 1);
	box-shadow: 0px 2px 5px rgba(242, 171, 70, 1);	
}
.image-container.float-right {
	float: right;
	margin: 0 0 0 16px;	
}
.image-container img {
	float: left;
}
.image-container.full-width {
	margin-right: 0;
	width: 720px;
}
.image-container.full-width img {
	float: none;
	width: 100%;
}
.thumb-100 {
	width: 100px;
	height: 100px;
}
.image-container table,
.image-container table tr,
.image-container table td {
	border: none;
	padding: 0;
	margin: 0;
}
.image-container table td {
	text-align: center;
	vertical-align: middle;
	background: #fff;		
}
.image-container table img {
	margin: auto;
	float: none;
	vertical-align: middle;	
}
.image-gallery {
	margin: 0 -8px 20px 0;
}
.image-gallery .image-container {
	float: left;
	width: 228px;
	height: 228px;
	margin-right: 8px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.image-gallery .image-container table img {
	float: none;
	max-height: 228px;
}
.image-gallery .image-container table td {
	text-align: center;
	width: 228px;
	height: 228px;		
}
.image-container .image-info {
	display: none;
}
.image-container:hover .image-info {
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 228px;
	height: 228px;
	background: url(../images/bg_white_opacity_90.png);
	text-align: center;	
}
.image-container:hover .image-info .button-bar {
	margin-top: 35%;
}

.show-image{
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.95);
	z-index: 100000;
}
.show-image-container {
	display: flex;
	margin-left: auto;
	margin-right: auto;
}

.show-image img {
	display: block;
	border: 0px;
	border-radius: 0px;
	margin: auto;
}

.show-close-image{
	color: rgba(255,255,255, 0.5);
	font-size: 30px;
	font-weight: 500;
	position: absolute;
	right: 3%;
	top: 2%;
}



/*----------------- modal window ------------------*/
/*
#modal-window-wrapper {
	position: absolute;
	z-index: 9999;
	top: 0;
	bottom: 0;
	left 0;
	right: 0;
	width: 100%;
	background: url(../images/black_bg_op75.png);
	background: rgba(0,0,0,.75);
}
#modal-window {
	position: absolute;
	background: #fff;
	width: 800px;
}
#modal-window img {
	text-align: center;
	max-width: 100%;
}
*/

/******************************************************

					  NAVIGATION

******************************************************/	

.menu a {
	text-decoration: none;
}
.menu li {
	float: left;
	position: relative;
}
.menu li a,
.menu li a i {
	display: block;
}
.menu li a i {
	color: #717b8c;
	font-style: normal;
	font-weight: 400;
}

/*----------------- logo ------------------*/

.logo {
	display: block;
	width: 180px;
	margin-bottom: 20px;
	padding-top: 46px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	background: url(../images/logo.png) no-repeat;	
}
.login .logo {
	width: 100%;
	height: 45px;
	margin-bottom: 15px;
	padding: 0;
}
a.logo:hover {
	text-decoration: none;
}
.logo em {
	display: block;
	font-size: 15px;
}

/*--------------- Left menu ----------------*/

#left-nav .menu {
	margin: 20px 0 20px -20px;
	border-top: 1px solid #c2ccd8;
}
#left-nav .menu li {
	width: 100%;
}
#left-nav .menu li a {
	padding: 5px 12px 5px 20px;
	font-size: 15px;
	line-height: 20px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #c2ccd8;	
	background: #eceef2 url(../images/left_nav_shadow.png) repeat-y right top;	
}
#left-nav .menu li a:hover,
#left-nav .menu li.current a {
	background-color: #e2e6ec;
}
#left-nav .menu li.current a {
	padding-top: 6px;
	border-top: none;
}

/*--------------- List menu ---------------*/

.list-menu {
	padding: 5px;
}
.list-menu li {
	width: 100%;
}
.list-menu li a {
	padding: 0 9px;
	line-height: 22px;
}
.list-menu li a:hover {
	background: #feeeca;
}
.gray .list-menu {
	background: #fff;
}

/*---------------- Button menu ---------------*/

ul.button-menu,
div.box.three-col {
	padding: 8px 0 3px 8px;
	border: 1px solid #cdd2dc;
	background: #f4f5f7;
}
ul.button-menu.naked {
	padding: 0;
	background: none;
	border: none;
}
ul.button-menu.two-col {
	float: left;
	width: 525px;
}
div.box.three-col ul.button-menu {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
div.three-col ul.button-menu {
	float: left;
	width: 239px;
}
.button-menu.two-col + .box.small {
	float: left;
	width: 182px;
	margin-left: 9px;	
}
.button-menu.two-col + .box.small .list-menu {
	height: 108px;
	overflow-y: auto;	
}
.button-menu li a {
	width: 232px;
	height: 40px;
	line-height: 40px;		
	text-align: center;
	font-weight: 700; 
}
.button-menu.slim li a {
	height: 32px;
	line-height: 32px;		
}
.button-menu.naked li a {
	height: auto;
	padding: 6px;
	background: none;
	border: none;
	line-height: 18px;
	text-align: left;
}
.button-menu.naked li a:hover {
	padding: 5px;
	background: #fff;	
	border: 1px solid #B2BCC8;

}
.button-menu.two-col li a {
	width: 249px;
}
.button-menu li {
	margin: 0 5px 5px 0; 
}
.button-menu.naked li {
	margin: 0; 
}
.button-menu li a span {
	display: block;
	height: 24px;
	margin: 8px;
	padding-left: 25px;
	line-height: 24px;
	text-align: left;
}
.button-menu.slim a span {
	margin: 4px 8px;	
}
.button-menu.toggle li a span {
	background: url(../images/icons.png) no-repeat;	
}
.button-menu.toggle li a:hover span {
	background-position:  0 -25px;
}
.button-menu.toggle li.on span {
	background: url(../images/icons.png) no-repeat	0 -50px;
}
.button-menu.toggle li.on a:hover span {
	background-position:  0 -75px;
}

/*----------- Buttons and tabs ------------*/

.button {
	text-decoration: none;
	vertical-align: middle;
}
button,
input.button,
input[type="submit"],
input[type="file"] {
	cursor: pointer;
}
a.button,
div.button,
span.button,
ul.tabs > li > a,
ul.tabs > li {
	display: inline-block;
}
button {
	cursor: pointer;
}
a.button:hover,
ul.tabs a:hover {
	text-decoration: none;
}
.button-bar {
	width: 100%;
	margin: 10px 0 14px;
}
.button-bar.separator {
	padding-top: 12px;
	border-top: 1px solid #B2BCC8;
}
.submit .button-bar.separator {
	margin: 5px 0 14px;
}
ul.tabs > li {
	position: relative;
}

/* Sizes */

button {
/*	padding-bottom: 2px!important; */
}
.button.bold {
	font-weight: 700;
}
.button.small {
	font-size: 11px;	
	padding: 0 6px;
	height: 18px;
	line-height: 18px;
	font-weight: 400!important;	
}
.button.normal {
	font-size: 13px;	
	padding: 0 7px;
	height: 24px;
	line-height: 24px;
}
.button.medium {
	padding: 0 14px;
	height: 32px;
	line-height: 32px;
}
.button.big {
	padding: 0 20px;
	height: 38px;
	line-height: 38px;
}
.button.medium,
.button.big,
ul.tabs.small a {
	font-size: 18px;
}

ul.tabs > li > a {
	font-size: 24px;
}
ul.tabs > li > a {
	padding: 0 20px;	
	height: 40px;
	line-height: 40px;
}
ul.tabs.small a {
	padding: 0 12px;	
	height: 30px;
	line-height: 30px;
}
ul.tabs li {
	float: left;
	margin-right: 6px;
}
ul.tabs.small li {
	margin-right: 4px;
}
ul.tabs {
	height: 41px;
	margin-bottom: 20px;
}
ul.tabs.small {
	height: 31px;
	margin-bottom: 16px
}
.button.big.naked {
	padding: 1px 9px;	
}
.button.medium.naked {
	padding: 1px 7px;	
}
.button.normal.naked {
	padding: 1px 5px;	
}
.button.big.naked:hover {
	padding: 0 8px;	
}
.button.medium.naked:hover {
	padding: 0 6px;	
}
.button.normal.naked:hover {
	padding: 0 4px;	
}

.align-left .button {
	margin: 0 4px 0 0;
}
.align-center .button {
	margin: 0 2px;
}
.align-right .button {
	margin: 0 0 0 4px;	
}
.align-left .button.big {
	margin: 0 6px 0 0;
}
.align-center .button.big {
	margin: 0 3px;
}
.align-right .button.big {
	margin: 0 0 0 6px;	
}

/* Colors */

.button,
.button.naked:hover,
ul.tabs > li > a,
.button-menu li a {
	border: 1px solid #b2bcc8;
	text-shadow: 0 1px 0 #fff;
}
.button,
.button.naked:hover,
ul.tabs > li > a,
.button-menu li a { 
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VlZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #eceef2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eceef2));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eceef2 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eceef2 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eceef2 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eceef2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eceef2',GradientType=0 );

}
.button:hover,
.button-menu li a:hover {
	background: #f9fcff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGYxZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9fcff 0%, #e0f1fe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcff), color-stop(100%,#e0f1fe));
	background: -webkit-linear-gradient(top,  #f9fcff 0%,#e0f1fe 100%);
	background: -o-linear-gradient(top,  #f9fcff 0%,#e0f1fe 100%);
	background: -ms-linear-gradient(top,  #f9fcff 0%,#e0f1fe 100%);
	background: linear-gradient(to bottom,  #f9fcff 0%,#e0f1fe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcff', endColorstr='#e0f1fe',GradientType=0 );
}
.button.naked {
	color: #666;
	border: none; 
	text-shadow: none;
	background: rgba(255, 255, 255, 0); 
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* IE6-9 */
}
.button.gray {
	background: #f0f4f8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjRmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWUwZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f0f4f8 0%, #dae0e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f4f8), color-stop(100%,#dae0e7));
	background: -webkit-linear-gradient(top,  #f0f4f8 0%,#dae0e7 100%);
	background: -o-linear-gradient(top,  #f0f4f8 0%,#dae0e7 100%);
	background: -ms-linear-gradient(top,  #f0f4f8 0%,#dae0e7 100%);
	background: linear-gradient(to bottom,  #f0f4f8 0%,#dae0e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f8', endColorstr='#dae0e7',GradientType=0 );
}
.button.gray:hover {
	background: #f8f9fa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjlmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWUwZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f8f9fa 0%, #dae0e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f9fa), color-stop(100%,#dae0e7));
	background: -webkit-linear-gradient(top,  #f8f9fa 0%,#dae0e7 100%);
	background: -o-linear-gradient(top,  #f8f9fa 0%,#dae0e7 100%);
	background: -ms-linear-gradient(top,  #f8f9fa 0%,#dae0e7 100%);
	background: linear-gradient(to bottom,  #f8f9fa 0%,#dae0e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9fa', endColorstr='#dae0e7',GradientType=0 );
}
.button.orange {
	color: #934506;
	border-color: #dc9a1c;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);		
	background: #fbde96;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iI2ZiZGU5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZjljODZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3YjAyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #fbde96 3%, #f9c86a 3%, #f7b029 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fbde96), color-stop(3%,#f9c86a), color-stop(100%,#f7b029));
	background: -webkit-linear-gradient(top,  #fbde96 3%,#f9c86a 3%,#f7b029 100%);
	background: -o-linear-gradient(top,  #fbde96 3%,#f9c86a 3%,#f7b029 100%);
	background: -ms-linear-gradient(top,  #fbde96 3%,#f9c86a 3%,#f7b029 100%);
	background: linear-gradient(to bottom,  #fbde96 3%,#f9c86a 3%,#f7b029 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c86a', endColorstr='#f7b029',GradientType=0 );
}
.button.orange:hover {
	background: #fbde96;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iI2ZiZGU5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZmFkNzk0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3YjAyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #fbde96 3%, #fad794 3%, #f7b029 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fbde96), color-stop(3%,#fad794), color-stop(100%,#f7b029));
	background: -webkit-linear-gradient(top,  #fbde96 3%,#fad794 3%,#f7b029 100%);
	background: -o-linear-gradient(top,  #fbde96 3%,#fad794 3%,#f7b029 100%);
	background: -ms-linear-gradient(top,  #fbde96 3%,#fad794 3%,#f7b029 100%);
	background: linear-gradient(to bottom,  #fbde96 3%,#fad794 3%,#f7b029 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad794', endColorstr='#f7b029',GradientType=0 );
}
.button.light-red {
	color: #7f0c0c;
	border-color: #ba4848;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);		
	background: #f2beab;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iI2YyYmVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZjQ5YTc3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5NzE0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #f2beab 3%, #f49a77 3%, #d97148 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#f2beab), color-stop(3%,#f49a77), color-stop(100%,#d97148));
	background: -webkit-linear-gradient(top,  #f2beab 3%,#f49a77 3%,#d97148 100%);
	background: -o-linear-gradient(top,  #f2beab 3%,#f49a77 3%,#d97148 100%);
	background: -ms-linear-gradient(top,  #f2beab 3%,#f49a77 3%,#d97148 100%);
	background: linear-gradient(to bottom,  #f2beab 3%,#f49a77 3%,#d97148 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49a77', endColorstr='#d97148',GradientType=0 );
}
.button.light-red:hover {
	background: #f2beab;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iI2YyYmVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZjJiMjliIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5NzE0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #f2beab 3%, #f2b29b 3%, #d97148 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#f2beab), color-stop(3%,#f2b29b), color-stop(100%,#d97148));
	background: -webkit-linear-gradient(top,  #f2beab 3%,#f2b29b 3%,#d97148 100%);
	background: -o-linear-gradient(top,  #f2beab 3%,#f2b29b 3%,#d97148 100%);
	background: -ms-linear-gradient(top,  #f2beab 3%,#f2b29b 3%,#d97148 100%);
	background: linear-gradient(to bottom,  #f2beab 3%,#f2b29b 3%,#d97148 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b29b', endColorstr='#d97148',GradientType=0 );
}
.button.current, 
.menu li.current a,
.menu li.on a,
.menu.naked li a  {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);		
}
.button.current, 
.menu li.current a,
.pager li:hover a,
.pager li.active {
	background: #e2e6ec;	
	-webkit-box-shadow: inset 0px 2px 4px rgba(199, 207, 218, 1);
	-khtml-box-shadow: inset 0px 2px 4px rgba(199, 207, 218, 1);
	-moz-box-shadow: inset 0px 2px 4px rgba(199, 207, 218, 1);
	box-shadow: inset 0px 2px 4px rgba(199, 207, 218, 1);		
}
.menu li.on a {
	color: #718254;
	background: #edf6c9!important;
	border-color: #a9c66b!important;	
	-webkit-box-shadow: inset 0px 2px 4px rgba(173, 190, 136, .75);
	-khtml-box-shadow: inset 0px 2px 4px rgba(173, 190, 136, .75);
	-moz-box-shadow: inset 0px 2px 4px rgba(173, 190, 136, .75);
	box-shadow: inset 0px 2px 4px rgba(173, 190, 136, .75);
}
.menu li.on a:hover {
	color: #b13328;
	background: #f7d4ba!important;	
	border-color: #ed7c68!important;		
	-webkit-box-shadow: inset 0px 2px 4px rgba(204, 142, 97, .55);
	-khtml-box-shadow: inset 0px 2px 4px rgba(204, 142, 97, .55);
	-moz-box-shadow: inset 0px 2px 4px rgba(204, 142, 97, .55);
	box-shadow: inset 0px 2px 4px rgba(204, 142, 97, .55);
}

/* Arrows */

.button.arrow-right,
.button.arrow-left {
	position: relative;
	z-index: 0;
}
.button.arrow-right span,
.button.arrow-left span {
	position: absolute;
	display: block;
	top: -1px;		
	background: url(../images/button_arrows.png) no-repeat;
}
.button.arrow-right span {
	right: -1px;	
}
.button.arrow-left span {
	left: -1px;	
}
.button.big.arrow-right,
.button.big.arrow-left {
	padding-left: 24px;
}
.button.big.arrow-right span,
.button.big.arrow-left span {
	width: 8px;
	height: 40px;
}
.button.big.arrow-left span {
	background-position: 0 -2px;
}
.button.big.arrow-right span {
	background-position: 0 -90px;
}
.box.gray .button.big.arrow-left span,
#left-nav .button.big.arrow-left span {
	background-position: 0 -46px;
}
.box.gray .button.big.arrow-right span,
#left-nav .button.big.arrow-right span {
	background-position: 0 -134px;
}
#left-nav .button.big.arrow-left {
	margin-left: -4px;
	width: 136px;
	text-align: center;
	color: #758395;
}

/*--------------- Pager ---------------*/

/* Pager-bar */
table + .pager-bar {
	margin-top: -8px;
}

.listing-options select {
	float: left;
}
select.button.normal {
	padding: 1px; 
	margin: 0; 
	height: 23px; 
	line-height: 23px; 
}

/* Pager */

.pager {
	float: left;
}
.pager ul,
.pager a {
	float: left;
	display: inline-block;	
}
.pager li,
.pager a.button {
	float: left;	
}
.pager a.button {
	margin-right: 5px;
}
/*.pager .button + ul,*/
.pager ul + .button {
	margin-left: 5px;
}
.pager li a { 
	color: #44595e;
}
.pager a:hover {
	text-decoration: none;
}
.pager li a,
.pager li.active {
    font-size: 12px;
    height: 21px;
    line-height: 21px;
	padding: 0 6px;
	min-width: 10px;
	text-align: center;
	margin: 1px;
}
.pager li:hover a,
.pager li.active {
    height: 21px;
    line-height: 21px;
	padding-top: 1px;
	
}
.ico-double-arrow-left-small, 
.ico-double-arrow-right-small {
	text-indent: -999em;
}

/*----------------- Tool-tip ------------------*/

.tool-top {
	display: none;
}
:hover > .tool-top,
a:hover .tool-top {
	display: block;
	position: absolute;
	z-index: 999;
	top: 45px;
	left: 10px;
	font-size: 12px!important;
	line-height: 15px!important;
	font-style: normal!important;
	font-weight: 400!important;
	background: #fff8d2!important;
	color: #333!important;
	border: 1px solid #e4c996;
	vertical-align: top;	
}
a:hover .tool-top {
	width: inherit;
	padding: inherit;	
}
:hover > .tool-top {
	width: 200px;
	padding: 5px;
}
:hover .tool-top .cusps {
	margin: 0;
	position: absolute;
	display: block;
	left: 20px;
	top: -11px;
	width: 21px;
	height: 11px;
	background: url(../images/icons.png) no-repeat 0 -255px;
}

/******************************************************

					   CONTENT

******************************************************/	

/*--------------- Login ----------------*/

#login {
	width: 760px;
}
#login form.box {
	float: left;
	width: 310px;
	margin-right: 24px;
	padding: 30px 20px 10px 20px;
	background: #fff;	
}
#login form.box fieldset {
	padding: 15px 17px;
	border: none;
}
#login fieldset label {
	width: 100%;
	margin-right: 0;
}
#login fieldset label input {
	height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
#login form fieldset.naked {
	padding: 0;
	margin: 0;
}
#login form .button-bar {
	padding: 12px 0 2px;
}
.tagline em {
	display: block;
	margin-bottom: 4px;
	font-size: 20px;
	line-height: 24px;
	color: #003884;
}

/*--------------- Profile ----------------*/

/*.box.profile .image-container + .button-menu.naked {
	margin: 7px 0; 	
}*/
.box.profile .button-menu.naked li a {
	width: 222px;
}
/*
.box.profile .image-container + .button-menu.naked li a {
	width: 182px;
}*/

/*----------Zsolt -------*/

#table-container{
	padding: 5px;
	border-top: 1px solid lightgray;
	border-left:1px solid silver;
	border-right:1px solid black;
	border-bottom:1px solid darkgray;
	border-radius: 5px;
	box-shadow: 10px 10px 5px #888888;
}
.select_anlage {
	min-width: 15em;
	font-family:Georgia, Times, serif; font-size:15px;
	list-style-type: none; 
	list-style-position: inside; 
	position: absolute;

	margin-left: 0px;
	padding: 5px;
	border-top: 1px solid white;
	border-left:1px solid silver;
	border-right:1px solid black;
	border-bottom:1px solid darkgray;
	background-color: white;
	border-radius: 5px;
	box-shadow: 10px 10px 5px #888888;
}

.select_anlage .buttons{
	float: right;
	background: transparent;
	padding: 0 0 0 0;
	margin-top: -15px;
	border: 1px solid silver;
	width: auto;
}
.select_anlage h4 {
	width: 90%;
	margin: 3px 0px 0px 0px;
	border-bottom: 1px dotted silver;
	line-height: 1em;
}
.select_anlage em {
	font: 0.7em Verdena Arile sans;
}
.select_anlage ul {
	margin-top: -50px;
	margin-left: 90px;
}

.select_anlage li {
	min-width: 20em;
	height: 50px;
	background-color: GhostWhite;
	padding: 5px 12px 5px 20px;
	margin-bottom: 3px;
	font-size: 15px;
	border-top: 1px solid rgb(255, 255, 255);
	border-bottom: 1px solid rgb(194, 204, 216);
	border-radius: 5px;
}
.select_anlage li:nth-child(odd) {
  background-color: rgb(244, 245, 247);
}

.select_anlage div {
	font-family:Georgia, Times, serif; 
	font-weight: bold;
	font-size:18px; 
	color: white; 
	//background-color: rgb(247, 173, 34);
	//background-color: rgb(28, 96, 187);
	background-color: #3173a5;
	border: 1px solid white;
	border-radius: 5px;
	width: 97%;
	padding: 5px;
	margin-bottom: 5px;
}

.search-field {
	position: absolute; 
	top: 50px; 
	left: 760px;
}
.button-search {
	width: 25px;
	height: 25px;
	background-image: url(../images/filter.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}
 
.button-edit {
	width: 25px;
	height: 25px;
	background-image: url(../images/icon_modify.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	border-top: 1px solid rgb(255, 255, 255);
	border-bottom: 1px solid rgb(194, 204, 216);
	border-radius: 5px;
}

.button-sonde {
	width: 25px;
	height: 25px;
	background-image: url(../images/icon_sonde.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	border-top: 1px solid rgb(255, 255, 255);
	border-bottom: 1px solid rgb(194, 204, 216);
	border-radius: 5px;
}

.button-delete {
	width: 25px;
	height: 25px;
	background-image: url(../images/icon_delete.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	border-top: 1px solid rgb(255, 255, 255);
	border-bottom: 1px solid rgb(194, 204, 216);
	border-radius: 5px;
}

.button-new {
	margin-top: -3px;
	float: right;
	width: 25px;
	height: 25px;
	background-image: url(../images/icon_add.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	border-top: 1px solid rgb(255, 255, 255);
	border-bottom: 1px solid rgb(194, 204, 216);
	border-radius: 5px;
}

.button-close {
	margin-top: -3px;
	float: right;
	width: 25px;
	height: 25px;
	background-image: url(../images/close.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10px;
	border-top: 1px solid rgb(255, 255, 255);
	border-bottom: 1px solid rgb(194, 204, 216);
	border-radius: 5px;
}
/*Acordion style */
.on.ui-state-default{
      //background-color: #3173a5;
      //background-image: none;
		color: #718254;
		background: #edf6c9!important;
		border-color: #a9c66b!important;
		-webkit-box-shadow: inset 0px 2px 4px rgba(173, 190, 136, .75);
		-khtml-box-shadow: inset 0px 2px 4px rgba(173, 190, 136, .75);
		-moz-box-shadow: inset 0px 2px 4px rgba(173, 190, 136, .75);
		box-shadow: inset 0px 2px 4px rgba(173, 190, 136, .75);
}

.off.ui-state-default{
      //background-color: #3173a5;
      //background-image: none;
	background: #e2e6ec;	
	-webkit-box-shadow: inset 0px 2px 4px rgba(199, 207, 218, 1);
	-khtml-box-shadow: inset 0px 2px 4px rgba(199, 207, 218, 1);
	-moz-box-shadow: inset 0px 2px 4px rgba(199, 207, 218, 1);
	box-shadow: inset 0px 2px 4px rgba(199, 207, 218, 1);
}

/* Modal style */
.ui-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
        font-size: 1em;
   	background: #3173a5;
   	color: white;
}