/*! jQuery UI - v1.10.1 - 2013-02-23

* http://jqueryui.com

* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css

* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=segoe%20ui%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ece8da&bgTextureHeader=gloss_wave&bgImgOpacityHeader=100&borderColorHeader=d4ccb0&fcHeader=433f38&iconColorHeader=847e71&bgColorContent=f5f3e5&bgTextureContent=highlight_hard&bgImgOpacityContent=100&borderColorContent=dfd9c3&fcContent=312e25&iconColorContent=808080&bgColorDefault=459e00&bgTextureDefault=highlight_hard&bgImgOpacityDefault=15&borderColorDefault=327E04&fcDefault=ffffff&iconColorDefault=eeeeee&bgColorHover=67b021&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=327E04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=fafaf4&bgTextureActive=highlight_hard&bgImgOpacityActive=100&borderColorActive=d4ccb0&fcActive=459e00&iconColorActive=8DC262&bgColorHighlight=fcf0ba&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=e8e1b5&fcHighlight=363636&iconColorHighlight=8DC262&bgColorError=ffedad&bgTextureError=highlight_soft&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2b2922&bgTextureOverlay=inset_soft&bgImgOpacityOverlay=15&opacityOverlay=90&bgColorShadow=cccccc&bgTextureShadow=highlight_hard&bgImgOpacityShadow=95&opacityShadow=20&thicknessShadow=12px&offsetTopShadow=-12px&offsetLeftShadow=-12px&cornerRadiusShadow=10px

* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */



/* Layout helpers

----------------------------------*/

.ui-helper-hidden {

	display: none;

}

.ui-helper-hidden-accessible {

	border: 0;

	clip: rect(0 0 0 0);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	width: 1px;

}

.ui-helper-reset {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	line-height: 1.3;

	text-decoration: none;

	font-size: 100%;

	list-style: none;

}

.ui-helper-clearfix:before,

.ui-helper-clearfix:after {

	content: "";

	display: table;

	border-collapse: collapse;

}

.ui-helper-clearfix:after {

	clear: both;

}

.ui-helper-clearfix {

	min-height: 0; /* support: IE7 */

}

.ui-helper-zfix {

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	opacity: 0;

	filter:Alpha(Opacity=0);

}



.ui-front {

	z-index: 100;

}





/* Interaction Cues

----------------------------------*/

.ui-state-disabled {

	cursor: default !important;

}





/* Icons

----------------------------------*/



/* states and images */

.ui-icon {

	display: block;

	text-indent: -99999px;

	overflow: hidden;

	background-repeat: no-repeat;

}





/* Misc visuals

----------------------------------*/



/* Overlays */

.ui-widget-overlay {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.ui-resizable {

	position: relative;

}

.ui-resizable-handle {

	position: absolute;

	font-size: 0.1px;

	display: block;

}

.ui-resizable-disabled .ui-resizable-handle,

.ui-resizable-autohide .ui-resizable-handle {

	display: none;

}

.ui-resizable-n {

	cursor: n-resize;

	height: 7px;

	width: 100%;

	top: -5px;

	left: 0;

}

.ui-resizable-s {

	cursor: s-resize;

	height: 7px;

	width: 100%;

	bottom: -5px;

	left: 0;

}

.ui-resizable-e {

	cursor: e-resize;

	width: 7px;

	right: -5px;

	top: 0;

	height: 100%;

}

.ui-resizable-w {

	cursor: w-resize;

	width: 7px;

	left: -5px;

	top: 0;

	height: 100%;

}

.ui-resizable-se {

	cursor: se-resize;

	width: 12px;

	height: 12px;

	right: 1px;

	bottom: 1px;

}

.ui-resizable-sw {

	cursor: sw-resize;

	width: 9px;

	height: 9px;

	left: -5px;

	bottom: -5px;

}

.ui-resizable-nw {

	cursor: nw-resize;

	width: 9px;

	height: 9px;

	left: -5px;

	top: -5px;

}

.ui-resizable-ne {

	cursor: ne-resize;

	width: 9px;

	height: 9px;

	right: -5px;

	top: -5px;

}

.ui-selectable-helper {

	position: absolute;

	z-index: 100;

	border: 1px dotted black;

}

.ui-accordion .ui-accordion-header {

	display: block;

	cursor: pointer;

	position: relative;

	margin-top: 2px;

	padding: .5em .5em .5em .7em;

	min-height: 0; /* support: IE7 */

}

.ui-accordion .ui-accordion-icons {

	padding-left: 2.2em;

}

.ui-accordion .ui-accordion-noicons {

	padding-left: .7em;

}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {

	padding-left: 2.2em;

}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {

	position: absolute;

	left: .5em;

	top: 50%;

	margin-top: -8px;

}

.ui-accordion .ui-accordion-content {

	padding: 1em 2.2em;

	border-top: 0;

	overflow: auto;

}

.ui-autocomplete {

	position: absolute;

	top: 0;

	left: 0;

	cursor: default;

}

.ui-button {

	display: inline-block;

	position: relative;

	padding: 0;

	line-height: normal;

	margin-right: .1em;

	cursor: pointer;

	vertical-align: middle;

	text-align: center;

	overflow: visible; /* removes extra width in IE */

}

.ui-button,

.ui-button:link,

.ui-button:visited,

.ui-button:hover,

.ui-button:active {

	text-decoration: none;

}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {

	width: 2.2em;

}

/* button elements seem to need a little more width */

button.ui-button-icon-only {

	width: 2.4em;

}

.ui-button-icons-only {

	width: 3.4em;

}

button.ui-button-icons-only {

	width: 3.7em;

}



/* button text element */

.ui-button .ui-button-text {

	display: block;

	line-height: normal;

}

.ui-button-text-only .ui-button-text {

	padding: .4em 1em;

}

.ui-button-icon-only .ui-button-text,

.ui-button-icons-only .ui-button-text {

	padding: .4em;

	text-indent: -9999999px;

}

.ui-button-text-icon-primary .ui-button-text,

.ui-button-text-icons .ui-button-text {

	padding: .4em 1em .4em 2.1em;

}

.ui-button-text-icon-secondary .ui-button-text,

.ui-button-text-icons .ui-button-text {

	padding: .4em 2.1em .4em 1em;

}

.ui-button-text-icons .ui-button-text {

	padding-left: 2.1em;

	padding-right: 2.1em;

}

/* no icon support for input elements, provide padding by default */

input.ui-button {

	padding: .4em 1em;

}



/* button icon element(s) */

.ui-button-icon-only .ui-icon,

.ui-button-text-icon-primary .ui-icon,

.ui-button-text-icon-secondary .ui-icon,

.ui-button-text-icons .ui-icon,

.ui-button-icons-only .ui-icon {

	position: absolute;

	top: 50%;

	margin-top: -8px;

}

.ui-button-icon-only .ui-icon {

	left: 50%;

	margin-left: -8px;

}

.ui-button-text-icon-primary .ui-button-icon-primary,

.ui-button-text-icons .ui-button-icon-primary,

.ui-button-icons-only .ui-button-icon-primary {

	left: .5em;

}

.ui-button-text-icon-secondary .ui-button-icon-secondary,

.ui-button-text-icons .ui-button-icon-secondary,

.ui-button-icons-only .ui-button-icon-secondary {

	right: .5em;

}



/* button sets */

.ui-buttonset {

	margin-right: 7px;

}

.ui-buttonset .ui-button {

	margin-left: 0;

	margin-right: -.3em;

}



/* workarounds */

/* reset extra padding in Firefox, see h5bp.com/l */

input.ui-button::-moz-focus-inner,

button.ui-button::-moz-focus-inner {

	border: 0;

	padding: 0;

}

.ui-datepicker {

	width: 17em;

	padding: .2em .2em 0;

	display: none;

}

.ui-datepicker .ui-datepicker-header {

	position: relative;

	padding: .2em 0;

}

.ui-datepicker .ui-datepicker-prev,

.ui-datepicker .ui-datepicker-next {

	position: absolute;

	top: 2px;

	width: 1.8em;

	height: 1.8em;

}

.ui-datepicker .ui-datepicker-prev-hover,

.ui-datepicker .ui-datepicker-next-hover {

	top: 1px;

}

.ui-datepicker .ui-datepicker-prev {

	left: 2px;

}

.ui-datepicker .ui-datepicker-next {

	right: 2px;

}

.ui-datepicker .ui-datepicker-prev-hover {

	left: 1px;

}

.ui-datepicker .ui-datepicker-next-hover {

	right: 1px;

}

.ui-datepicker .ui-datepicker-prev span,

.ui-datepicker .ui-datepicker-next span {

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -8px;

	top: 50%;

	margin-top: -8px;

}

.ui-datepicker .ui-datepicker-title {

	margin: 0 2.3em;

	line-height: 1.8em;

	text-align: center;

}

.ui-datepicker .ui-datepicker-title select {

	font-size: 1em;

	margin: 1px 0;

}

.ui-datepicker select.ui-datepicker-month-year {

	width: 100%;

}

.ui-datepicker select.ui-datepicker-month,

.ui-datepicker select.ui-datepicker-year {

	width: 49%;

}

.ui-datepicker table {

	width: 100%;

	font-size: .9em;

	border-collapse: collapse;

	margin: 0 0 .4em;

}

.ui-datepicker th {

	padding: .7em .3em;

	text-align: center;

	font-weight: bold;

	border: 0;

}

.ui-datepicker td {

	border: 0;

	padding: 1px;

}

.ui-datepicker td span,

.ui-datepicker td a {

	display: block;

	padding: .2em;

	text-align: right;

	text-decoration: none;

}

.ui-datepicker .ui-datepicker-buttonpane {

	background-image: none;

	margin: .7em 0 0 0;

	padding: 0 .2em;

	border-left: 0;

	border-right: 0;

	border-bottom: 0;

}

.ui-datepicker .ui-datepicker-buttonpane button {

	float: right;

	margin: .5em .2em .4em;

	cursor: pointer;

	padding: .2em .6em .3em .6em;

	width: auto;

	overflow: visible;

}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {

	float: left;

}



/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {

	width: auto;

}

.ui-datepicker-multi .ui-datepicker-group {

	float: left;

}

.ui-datepicker-multi .ui-datepicker-group table {

	width: 95%;

	margin: 0 auto .4em;

}

.ui-datepicker-multi-2 .ui-datepicker-group {

	width: 50%;

}

.ui-datepicker-multi-3 .ui-datepicker-group {

	width: 33.3%;

}

.ui-datepicker-multi-4 .ui-datepicker-group {

	width: 25%;

}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {

	border-left-width: 0;

}

.ui-datepicker-multi .ui-datepicker-buttonpane {

	clear: left;

}

.ui-datepicker-row-break {

	clear: both;

	width: 100%;

	font-size: 0;

}



/* RTL support */

.ui-datepicker-rtl {

	direction: rtl;

}

.ui-datepicker-rtl .ui-datepicker-prev {

	right: 2px;

	left: auto;

}

.ui-datepicker-rtl .ui-datepicker-next {

	left: 2px;

	right: auto;

}

.ui-datepicker-rtl .ui-datepicker-prev:hover {

	right: 1px;

	left: auto;

}

.ui-datepicker-rtl .ui-datepicker-next:hover {

	left: 1px;

	right: auto;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane {

	clear: right;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {

	float: left;

}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,

.ui-datepicker-rtl .ui-datepicker-group {

	float: right;

}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {

	border-right-width: 0;

	border-left-width: 1px;

}

.ui-dialog {

	position: absolute;

	top: 0;

	left: 0;

	padding: .2em;

	outline: 0;

    z-index:9999;

}

.ui-dialog .ui-dialog-titlebar {

	padding: .4em 1em;

	position: relative;

}

.ui-dialog .ui-dialog-title {

	float: left;

	margin: .1em 0;

	white-space: nowrap;

	width: 90%;

	overflow: hidden;

	text-overflow: ellipsis;

}

.ui-dialog .ui-dialog-titlebar-close {

	position: absolute;

	right: .3em;

	top: 50%;

	width: 21px;

	margin: -10px 0 0 0;

	padding: 1px;

	height: 20px;

}

.ui-dialog .ui-dialog-content {

	position: relative;

	border: 0;

	padding: .5em 1em;

	background: none;

	overflow: auto;

}

.ui-dialog .ui-dialog-buttonpane {

	text-align: left;

	border-width: 1px 0 0 0;

	background-image: none;

	margin-top: .5em;

	padding: .3em 1em .5em .4em;

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

	float: right;

}

.ui-dialog .ui-dialog-buttonpane button {

	margin: .5em .4em .5em 0;

	cursor: pointer;

}

.ui-dialog .ui-resizable-se {

	width: 12px;

	height: 12px;

	right: -5px;

	bottom: -5px;

	background-position: 16px 16px;

}

.ui-draggable .ui-dialog-titlebar {

	cursor: move;

}

.ui-menu {

	list-style: none;

	padding: 2px;

	margin: 0;

	display: block;

	outline: none;

}

.ui-menu .ui-menu {

	margin-top: -3px;

	position: absolute;

}

.ui-menu .ui-menu-item {

	margin: 0;

	padding: 0;

	width: 100%;

}

.ui-menu .ui-menu-divider {

	margin: 5px -2px 5px -2px;

	height: 0;

	font-size: 0;

	line-height: 0;

	border-width: 1px 0 0 0;

}

.ui-menu .ui-menu-item a {

	text-decoration: none;

	display: block;

	padding: 2px .4em;

	line-height: 1.5;

	min-height: 0; /* support: IE7 */

	font-weight: normal;

}

.ui-menu .ui-menu-item a.ui-state-focus,

.ui-menu .ui-menu-item a.ui-state-active {

	font-weight: normal;

	margin: -1px;

}



.ui-menu .ui-state-disabled {

	font-weight: normal;

	margin: .4em 0 .2em;

	line-height: 1.5;

}

.ui-menu .ui-state-disabled a {

	cursor: default;

}



/* icon support */

.ui-menu-icons {

	position: relative;

}

.ui-menu-icons .ui-menu-item a {

	position: relative;

	padding-left: 2em;

}



/* left-aligned */

.ui-menu .ui-icon {

	position: absolute;

	top: .2em;

	left: .2em;

}



/* right-aligned */

.ui-menu .ui-menu-icon {

	position: static;

	float: right;

}

.ui-progressbar {

	height: 2em;

	text-align: left;

	overflow: hidden;

}

.ui-progressbar .ui-progressbar-value {

	margin: -1px;

	height: 100%;

}

.ui-progressbar .ui-progressbar-overlay {

	background: url("front/js/jquery/jquery-ui-1.10.1.custom/images/animated-overlay.gif");

	height: 100%;

	filter: alpha(opacity=25);

	opacity: 0.25;

}

.ui-progressbar-indeterminate .ui-progressbar-value {

	background-image: none;

}

.ui-slider {

	position: relative;

	text-align: left;

}

.ui-slider .ui-slider-handle {

	position: absolute;

	z-index: 2;

	width: 1.2em;

	height: 1.2em;

	cursor: default;

}

.ui-slider .ui-slider-range {

	position: absolute;

	z-index: 1;

	font-size: .7em;

	display: block;

	border: 0;

	background-position: 0 0;

}



/* For IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,

.ui-slider.ui-state-disabled .ui-slider-range {

	filter: inherit;

}



.ui-slider-horizontal {

	height: .8em;

}

.ui-slider-horizontal .ui-slider-handle {

	top: -.3em;

	margin-left: -.6em;

}

.ui-slider-horizontal .ui-slider-range {

	top: 0;

	height: 100%;

}

.ui-slider-horizontal .ui-slider-range-min {

	left: 0;

}

.ui-slider-horizontal .ui-slider-range-max {

	right: 0;

}



.ui-slider-vertical {

	width: .8em;

	height: 100px;

}

.ui-slider-vertical .ui-slider-handle {

	left: -.3em;

	margin-left: 0;

	margin-bottom: -.6em;

}

.ui-slider-vertical .ui-slider-range {

	left: 0;

	width: 100%;

}

.ui-slider-vertical .ui-slider-range-min {

	bottom: 0;

}

.ui-slider-vertical .ui-slider-range-max {

	top: 0;

}

.ui-spinner {

	position: relative;

	display: inline-block;

	overflow: hidden;

	padding: 0;

	vertical-align: middle;

}

.ui-spinner-input {

	border: none;

	background: none;

	color: inherit;

	padding: 0;

	margin: .2em 0;

	vertical-align: middle;

	margin-left: .4em;

	margin-right: 22px;

}

.ui-spinner-button {

	width: 16px;

	height: 50%;

	font-size: .5em;

	padding: 0;

	margin: 0;

	text-align: center;

	position: absolute;

	cursor: default;

	display: block;

	overflow: hidden;

	right: 0;

}

/* more specificity required here to overide default borders */

.ui-spinner a.ui-spinner-button {

	border-top: none;

	border-bottom: none;

	border-right: none;

}

/* vertical centre icon */

.ui-spinner .ui-icon {

	position: absolute;

	margin-top: -8px;

	top: 50%;

	left: 0;

}

.ui-spinner-up {

	top: 0;

}

.ui-spinner-down {

	bottom: 0;

}



/* TR overrides */

.ui-spinner .ui-icon-triangle-1-s {

	/* need to fix icons sprite */

	background-position: -65px -16px;

}

.ui-tabs {

	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

	padding: .2em;

}

.ui-tabs .ui-tabs-nav {

	margin: 0;

	padding: .2em .2em 0;

}

.ui-tabs .ui-tabs-nav li {

	list-style: none;

	float: left;

	position: relative;

	top: 0;

	margin: 1px .2em 0 0;

	border-bottom: 0;

	padding: 0;

	white-space: nowrap;

}

.ui-tabs .ui-tabs-nav li a {

	float: left;

	padding: .5em 1em;

	text-decoration: none;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {

	margin-bottom: -1px;

	padding-bottom: 1px;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,

.ui-tabs .ui-tabs-nav li.ui-state-disabled a,

.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {

	cursor: text;

}

.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {

	cursor: pointer;

}

.ui-tabs .ui-tabs-panel {

	display: block;

	border-width: 0;

	padding: 1em 1.4em;

	background: none;

}

.ui-tooltip {

	padding: 8px;

	position: absolute;

	z-index: 9999;

	max-width: 350px;

    -webkit-box-shadow: 0 0 2px #aaa;

	box-shadow: 0 0 2px #aaa;

}

body .ui-tooltip {

	border-width: 1px;

    background: #FFFFFF;

}



/* Component containers

----------------------------------*/

.ui-widget {

	font-family: segoe ui,Arial,sans-serif;

	font-size: 1.1em;

}

.ui-widget .ui-widget {

	font-size: 1em;

}

.ui-widget input,

.ui-widget select,

.ui-widget textarea,

.ui-widget button {

	font-family: segoe ui,Arial,sans-serif;

	font-size: 1em;

}

.ui-widget-content {

	border: 1px solid #dfd9c3;

	background: #f5f3e5 url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x;

	color: #312e25;

}

.ui-widget-content a {

	color: #312e25;

}

.ui-widget-header {

	border: 1px solid #d4ccb0;

	background: #ece8da url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-bg_gloss-wave_100_ece8da_500x100.png) 50% 50% repeat-x;

	color: #433f38;

	font-weight: bold;

}

.ui-widget-header a {

	color: #433f38;

}



/* Interaction states

----------------------------------*/

.ui-state-default,

.ui-widget-content .ui-state-default,

.ui-widget-header .ui-state-default {

	border: 1px solid #327E04;

	background: #459e00 url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-bg_highlight-hard_15_459e00_1x100.png) 50% 50% repeat-x;

	font-weight: bold;

	color: #ffffff;

}

.ui-state-default a,

.ui-state-default a:link,

.ui-state-default a:visited {

	color: #ffffff;

	text-decoration: none;

}

.ui-state-hover,

.ui-widget-content .ui-state-hover,

.ui-widget-header .ui-state-hover,

.ui-state-focus,

.ui-widget-content .ui-state-focus,

.ui-widget-header .ui-state-focus {

	border: 1px solid #327E04;

	background: #67b021 url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-bg_highlight-soft_25_67b021_1x100.png) 50% 50% repeat-x;

	font-weight: bold;

	color: #ffffff;

}

.ui-state-hover a,

.ui-state-hover a:hover,

.ui-state-hover a:link,

.ui-state-hover a:visited {

	color: #ffffff;

	text-decoration: none;

}

.ui-state-active,

.ui-widget-content .ui-state-active,

.ui-widget-header .ui-state-active {

	border: 1px solid #d4ccb0;

	background: #fafaf4 url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-bg_highlight-hard_100_fafaf4_1x100.png) 50% 50% repeat-x;

	font-weight: bold;

	color: #459e00;

}

.ui-state-active a,

.ui-state-active a:link,

.ui-state-active a:visited {

	color: #459e00;

	text-decoration: none;

}



/* Interaction Cues

----------------------------------*/

.ui-state-highlight,

.ui-widget-content .ui-state-highlight,

.ui-widget-header .ui-state-highlight {

	border: 1px solid #e8e1b5;

	background: #fcf0ba url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-bg_glass_55_fcf0ba_1x400.png) 50% 50% repeat-x;

	color: #363636;

}

.ui-state-highlight a,

.ui-widget-content .ui-state-highlight a,

.ui-widget-header .ui-state-highlight a {

	color: #363636;

}

.ui-state-error,

.ui-widget-content .ui-state-error,

.ui-widget-header .ui-state-error {

	border: 1px solid #e3a345;

	background: #ffedad url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x;

	color: #cd5c0a;

}

.ui-state-error a,

.ui-widget-content .ui-state-error a,

.ui-widget-header .ui-state-error a {

	color: #cd5c0a;

}

.ui-state-error-text,

.ui-widget-content .ui-state-error-text,

.ui-widget-header .ui-state-error-text {

	color: #cd5c0a;

}

.ui-priority-primary,

.ui-widget-content .ui-priority-primary,

.ui-widget-header .ui-priority-primary {

	font-weight: bold;

}

.ui-priority-secondary,

.ui-widget-content .ui-priority-secondary,

.ui-widget-header .ui-priority-secondary {

	opacity: .7;

	filter:Alpha(Opacity=70);

	font-weight: normal;

}

.ui-state-disabled,

.ui-widget-content .ui-state-disabled,

.ui-widget-header .ui-state-disabled {

	opacity: .35;

	filter:Alpha(Opacity=35);

	background-image: none;

}

.ui-state-disabled .ui-icon {

	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */

}



/* Icons

----------------------------------*/



/* states and images */

.ui-icon {

	width: 16px;

	height: 16px;

	background-position: 16px 16px;

}

.ui-icon,

.ui-widget-content .ui-icon {

	background-image: url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-icons_808080_256x240.png);

}

.ui-widget-header .ui-icon {

	background-image: url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-icons_847e71_256x240.png);

}

.ui-state-default .ui-icon {

	background-image: url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-icons_eeeeee_256x240.png);

}

.ui-state-hover .ui-icon,

.ui-state-focus .ui-icon {

	background-image: url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-icons_ffffff_256x240.png);

}

.ui-state-active .ui-icon {

	background-image: url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-icons_8DC262_256x240.png);

}

.ui-state-highlight .ui-icon {

	background-image: url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-icons_8DC262_256x240.png);

}

.ui-state-error .ui-icon,

.ui-state-error-text .ui-icon {

	background-image: url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-icons_cd0a0a_256x240.png);

}



/* positioning */

.ui-icon-carat-1-n { background-position: 0 0; }

.ui-icon-carat-1-ne { background-position: -16px 0; }

.ui-icon-carat-1-e { background-position: -32px 0; }

.ui-icon-carat-1-se { background-position: -48px 0; }

.ui-icon-carat-1-s { background-position: -64px 0; }

.ui-icon-carat-1-sw { background-position: -80px 0; }

.ui-icon-carat-1-w { background-position: -96px 0; }

.ui-icon-carat-1-nw { background-position: -112px 0; }

.ui-icon-carat-2-n-s { background-position: -128px 0; }

.ui-icon-carat-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -64px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -64px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }





/* Misc visuals

----------------------------------*/



/* Corner radius */

.ui-corner-all,

.ui-corner-top,

.ui-corner-left,

.ui-corner-tl {

	border-top-left-radius: 6px;

}

.ui-corner-all,

.ui-corner-top,

.ui-corner-right,

.ui-corner-tr {

	border-top-right-radius: 6px;

}

.ui-corner-all,

.ui-corner-bottom,

.ui-corner-left,

.ui-corner-bl {

	border-bottom-left-radius: 6px;

}

.ui-corner-all,

.ui-corner-bottom,

.ui-corner-right,

.ui-corner-br {

	border-bottom-right-radius: 6px;

}



/* Overlays */

.ui-widget-overlay {

	background: #2b2922 url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-bg_inset-soft_15_2b2922_1x100.png) 50% bottom repeat-x;

	opacity: .9;

	filter: Alpha(Opacity=90);

}

.ui-widget-shadow {

	margin: -12px 0 0 -12px;

	padding: 12px;

	background: #cccccc url(front/js/jquery/jquery-ui-1.10.1.custom/images/ui-bg_highlight-hard_95_cccccc_1x100.png) 50% top repeat-x;

	opacity: .2;

	filter: Alpha(Opacity=20);

	border-radius: 10px;

}
/* CSS Document */

/* CSS Sprites http://xhtml.co.il/ru/CSS/CSS-%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-%D1%81%D0%BF%D1%80%D0%B0%D0%B9%D1%82 */

html, body{ height: 100%; -webkit-text-size-adjust: 100%; background: #EEEEEE; text-align: center;}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, preabbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,sub, sup, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; font-family: Verdana, sans-serif;}

html{overflow: -moz-scrollbars-vertical;overflow: scroll;}

body{min-width: 1070px;}

img, fieldset { border: none; }                 

a, a:visited { text-decoration: none; }

a:hover, a:active { outline: none; }

.__test{background: #CECEEC;}

div{position: relative; text-align: center;}

p{font-size: 12px; text-align: left; padding-bottom: 5px;}

img#CAPTCHA_Image{font-size: 9px; font-weight: bold; line-height: 10px; font-face: arial narrow}

.CAPTCHA_ImageBox{width: 150px; height: 50px; border: 1px solid #CCC;}

/* BASE ELEMENTS */



/*YouAreLogged - should be shown when user is logged*/

.YouAreLogged{display: none;}

/*YouAreNotLogged - should be shown when user is not logged*/

.YouAreNotLogged{display: block;}



.wrapper{width: 100%; background: #FFFFFF;}

.centerbox{width: 970px;margin: 0 auto;}

.aboveheader{height: 35px; /*background: url("../images/b.jpg");*/background: #FFFFFF;}

.header{height: 45px; background: url("front/layouts/modern/images/headbg2.jpg") repeat-x;}

.footer{margin: 10px 0px;}

.footerBox{width: 219px; vertical-align: top; display: inline-block; margin:5px 2px 5px 2px; height: 250px; overflow: auto;}

    .footerBoxTitle{padding: 5px;}

    .footerBoxTitle h4{color: #FFFFFF; font-weight: bold; text-align: center;}

    .footerBoxContent{color: #000000; padding: 10px; font-weight: normal; text-align: left;}

    .footerBoxContent .link{padding: 3px 0px 0px 7px;}

    #CodKnopkiArea{font-size: 9px; width: 190px; height: 73px; background: #EFEFEF; border: 0px;}

.VK_icon{float: left; width: 25px; height: 25px;background: url(front/layouts/modern/images/sprite.png) 0px -66px  no-repeat;}

.FB_icon{float: left; width: 25px; height: 25px;background: url(front/layouts/modern/images/sprite.png) -25px -66px  no-repeat;}

.GP_icon{float: left; width: 25px; height: 25px;background: url(front/layouts/modern/images/sprite.png) -50px -66px  no-repeat;}

.TW_icon{float: left; width: 25px; height: 25px;background: url(front/layouts/modern/images/sprite.png) -75px -66px  no-repeat;}



.footerline{margin: 0px; min-height: 41px; background: url("front/layouts/modern/images/footer_line.jpg") repeat-x;}

    .footerline a{font-size: 12px; font-weight: bold;}

.underfooter{background: #EEEEEE;}

    #underfooterbg{width: 88px; height: 16px; margin: 0 auto; background: url(front/layouts/modern/images/sprite.png) -14px 0  no-repeat;}

.button{width: 170px; height: 30px; cursor: pointer; line-height: 28px; margin: 0 0 0 4px;}

.button:active{line-height: 29px;}

.button_menu{width: 16px; height: 16px; margin:0 0 0 5px;}

.button_menu div{width: 7px; height: 4px; background: url(front/layouts/modern/images/sprite.png) 0 0 no-repeat; margin: 6px 0 0 4px;}

.button_menu:hover div{width: 7px; height: 4px; background: url(front/layouts/modern/images/sprite.png) -7px 0 no-repeat; margin: 6px 0 0 4px;}

.fl_left{float: left;}

.fl_right{float: right; }

.clear{clear: both; height: 0px;}

.clear2{clear: both; height: 2px;}

.clear3{clear: both; height: 3px;}

.clear5{clear: both; height: 5px;}

.clear7{clear: both; height: 7px;}

.clear10{clear: both; height: 10px;}

.clear20{clear: both; height: 20px;}

.hidden{display: none;}

.linesep{clear: both; height: 1px; background: #bbbbbb;}

a{/*color:#256318;*/color:#29711a}

a:hover{color:#f3200e}

#loading{display: none;}

#loadingCenter{position: fixed; width: 300px; height: 50px; top:40%; left:50%; margin-left: -150px; z-index:99; padding: 20px 0px 0px 0px; text-align: center; display: none;}

.pointer{cursor: pointer;}

.infoBox{padding: 10px;}

#overlay{background: url("front/layouts/modern/images/modal.png");}

/*a:visited{color:#2c9b25}*/

h1{color: #256318;}

h2{color: #256318; font-weight: bold; font-size: 16px; text-align: left; padding: 10px 0px; line-height: 24px;}

h3{color: #256318; font-weight: bold; text-align: left;}

h4{color: #256318; font-weight: normal; text-align: left; font-size: 12px;}



ul, ol{padding: 10px;}

    li{}

ul.menu{padding: 0px 10px 10px 10px;}

/* LAYOUTS *//*http://htmlbook.ru/css3-na-primerakh/skruglennye-ugolki*/

.tooltip_styling{border: 0px; background: #CECEEC; padding: 12px; font-size: 11px; text-align: left; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);}

.ui-tooltip-content{text-align: left;}



/*

#back-top{position:fixed;bottom:0;z-index:99;left:0;margin-left:0px; width:70px; height:100%; background: #333333; cursor: pointer; display: none;opacity:0.6;filter:alpha(opacity=60);}

#back-top:hover{}

#back-topIcon{position:fixed;width:50px;height:50px;z-index:100;left:10px; top:90%; background: url(front/layouts/modern/images/sprite.png) -246px 0px no-repeat;cursor: pointer; display: none;}

#back-topIcon:hover{background: url(front/layouts/modern/images/sprite.png) -196px 0px no-repeat;}

*/

#back-top{position:fixed;bottom:0;z-index:99;right:0;margin-left:0px; width:50px; height:50px; cursor: pointer; display: none;background: #333333;opacity:0.6;filter:alpha(opacity=60);}<span></span>

#back-top:hover{}

#back-topIcon{width: 50px; height: 50px;z-index:100; position: fixed; right:0px; bottom:0px;cursor: pointer;display: none; background: url(front/layouts/modern/images/sprite.png)  -246px 0px no-repeat;}

#back-topIcon:hover{background: url(front/layouts/modern/images/sprite.png) -196px 0px no-repeat;}



.bgrWhite{background: #FFFFFF;}

.bgrGrey{background: #EFEFEF;}

.gradGreyLight  {background: #eeeeee;background: -moz-linear-gradient(top, #eeeeee, #efefef);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#efefef));background: -webkit-linear-gradient(top, #eeeeee, #efefef);background: -o-linear-gradient(top, #eeeeee, #efefef);background: -ms-linear-gradient(top, #eeeeee, #efefef);background: linear-gradient(top, #eeeeee, #efefef);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#efefef', GradientType=0 );}

.gradGrey       {background: #eeeeee;background: -moz-linear-gradient(top, #eeeeee, #d0d0d0);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d0d0d0));background: -webkit-linear-gradient(top, #eeeeee, #d0d0d0);background: -o-linear-gradient(top, #eeeeee, #d0d0d0);background: -ms-linear-gradient(top, #eeeeee, #d0d0d0);background: linear-gradient(top, #eeeeee, #d0d0d0);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d0d0d0', GradientType=0 );}

.gradGrey:hover {background: #eeeeee;background: -moz-linear-gradient(top, #d0d0d0, #eeeeee);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d0d0), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #d0d0d0, #eeeeee);background: -o-linear-gradient(top, #d0d0d0, #eeeeee);background: -ms-linear-gradient(top, #d0d0d0, #eeeeee);background: linear-gradient(top, #d0d0d0, #eeeeee);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#eeeeee', GradientType=0 );}

.gradGreen      {background: #1b4216;background: -moz-linear-gradient(top, #318e1d, #1b4216);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#318e1d), color-stop(100%,#1b4216));background: -webkit-linear-gradient(top, #318e1d, #1b4216);background: -o-linear-gradient(top, #318e1d, #1b4216);background: -ms-linear-gradient(top, #318e1d, #1b4216);background: linear-gradient(top, #318e1d, #1b4216);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318e1d', endColorstr='#1b4216', GradientType=0 );}

.gradGreen:hover{background: #318e1d;background: -moz-linear-gradient(top, #1b4216, #318e1d);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b4216), color-stop(100%,#318e1d));background: -webkit-linear-gradient(top, #1b4216, #318e1d);background: -o-linear-gradient(top, #1b4216, #318e1d);background: -ms-linear-gradient(top, #1b4216, #318e1d);background: linear-gradient(top, #1b4216, #318e1d);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b4216', endColorstr='#318e1d', GradientType=0 );}

.gradRed        {background: #b41501;background: -moz-linear-gradient(top, #ff2211, #b41501);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff2211), color-stop(100%,#b41501));background: -webkit-linear-gradient(top, #ff2211, #b41501);background: -o-linear-gradient(top, #ff2211, #b41501);background: -ms-linear-gradient(top, #ff2211, #b41501);background: linear-gradient(top, #ff2211, #b41501);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2211', endColorstr='#b41501', GradientType=0 ); /* IE6-9 */}

.gradRed:hover  {background: #ff2211;background: -moz-linear-gradient(top, #b41501, #ff2211);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b41501), color-stop(100%,#ff2211));background: -webkit-linear-gradient(top, #b41501, #ff2211);background: -o-linear-gradient(top, #b41501, #ff2211);background: -ms-linear-gradient(top, #b41501, #ff2211);background: linear-gradient(top, #b41501, #ff2211);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41501', endColorstr='#ff2211', GradientType=0 ); /* IE6-9 */}





.rad3{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.rad5{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.rad7{-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}



/*http://www.the-art-of-web.com/css/border-radius/#.UPVJWfLIt8E*/

.rad3topleft{border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;}

.rad3topright{border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;}

.rad3bottomleft{border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;}

.rad3bottomright{border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;}



.rad5topleft{border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}

.rad5topright{border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}

.rad5bottomleft{border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}

.rad5bottomright{border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}



.rad7topleft{border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px;}

.rad7topright{border-top-right-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px;}

.rad7bottomleft{border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;}

.rad7bottomright{border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;}



.bdr1grey{border: 1px solid #bbbbbb;}

.bdr1green{border: 1px solid #1b4216;}

.bdr1red{border: 1px solid #CC0000;}



.shadow{-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);}

.shadow2{-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.3);box-shadow: 1px 2px 2px rgba(0,0,0,0.3);}

.shadowUp{-moz-box-shadow: 2px -2px 2px rgba(0,0,0,0.3);-webkit-box-shadow: 2px -2px 2px rgba(0,0,0,0.3);box-shadow: 2px -2px 2px rgba(0,0,0,0.3);}

.shadowPulse      {-moz-box-shadow: 0 0 7px rgba(255,255,255,0.7);-webkit-box-shadow: 0 0 7px rgba(255,255,255,0.7);box-shadow: 0 0 7px rgba(255,255,255,0.7);}

.shadowPulse.pulse{-moz-box-shadow: 0 0 7px rgba(246,32,15,0.7);-webkit-box-shadow: 0 0 7px rgba(246,32,15,0.7);box-shadow: 0 0 7px rgba(246,32,15,0.7);}

.textShadow{text-shadow: 0 -1px #000, 1px 0 #000, 0 1px #000, -1px 0 #000;}

.glowbox      {box-shadow: 0 0 15px rgba(255,255,255,1);-webkit-transition: box-shadow 0.5s linear;-moz-transition: box-shadow 0.5s linear;-ms-transition: box-shadow 0.5s linear;-o-transition: box-shadow 0.5s linear;transition: box-shadow 0.5s linear;}

.glowbox.pulse{box-shadow: 0 0  0px rgba(246,32,15,1);  -webkit-transition: box-shadow 0.5s linear;-moz-transition: box-shadow 0.5s linear;-ms-transition: box-shadow 0.5s linear;-o-transition: box-shadow 0.5s linear;transition: box-shadow 0.5s linear;}    





/* FONTS */

.f_ff{color: #FFFFFF;}

.f_a8{color: #a8a8a8;}

.f_88{color: #888888;}

.f_00{color: #000000;}

.f_green{color: #318d1d;}

.f_lightgreen{color: #00ff00;}

.f_lightgreen:hover{color: #ffffff;}

.f_red{color:#e21d0b;}



.f_9{font-size: 9px;}

.f_10{font-size: 10px;}

.f_11{font-size: 11px;}

.f_12{font-size: 12px;}

.f_13{font-size: 13px;}

.f_14{font-size: 14px;}

.f_16{font-size: 16px;}

.f_18{font-size: 18px;}

.f_20{font-size: 20px;}



.f_bold{font-weight: bold;}

.f_normal{font-weight: normal;}

.f_italic{font-style: italic;}

.f_underline{text-decoration: underline;}



.ff_georgia{font-family: georgia;}



.align_left{text-align: left;}

.align_right{text-align: right;}

.align_center{text-align: center;}



.height5{height: 5px;}

.height10{height: 10px;}

.height15{height: 15px;}

.height20{height: 20px;}



.lineHeight18{line-height: 18px;}

.lineHeight20{line-height: 20px;}

.lineHeight22{line-height: 22px;}

.lineHeight24{line-height: 24px;}



.padding2{padding: 5px;}

.padding5{padding: 5px;}

.padding10{padding: 10px;}

.margin5-0{margin: 5px 0px;}

.deep5{padding-left: 5px;}

.deep10{padding-left: 10px;}

.deep15{padding-left: 15px;}



#SystemMessage{position: fixed; width: 500px; top:10%; left:50%; margin-top: 0px; margin-left: -250px; z-index:110; padding: 10px; display: none;}

#SystemMessage div{position: absolute; top:5px; right:5px; width:14px; height: 14px; background: url(front/layouts/modern/images/sprite.png) -28px -28px no-repeat;}

.SystemMessageError{border: 2px solid #CC0000; color: #ffff98; font-size: 12px; font-weight: bold; background: #fc3f27;}

.SystemMessageWarning{border: 2px solid #ffff98; color: #cc0000; font-size: 12px; font-weight: bold; background: #fcf1b1;}

.SystemMessageSuccess{border: 2px solid #1b4216; color: #ffffff; font-size: 12px; font-weight: bold; background: #2c9e25;}

.SystemMessageEmail{position: fixed; width: 700px; top:0px; left:50%; margin-left: -350px; z-index:99; border: 2px solid #CC0000; color: #ffff98; font-size: 12px; font-weight: bold; background: #fc3f27; display: none; padding: 4px;}



.PageMessageWarning{border: 2px solid #cc0000; color: #cc0000; font-size: 12px; background: #fcf1b1; padding: 10px;}

.PageMessageError{border: 2px solid #cc0000; color: #ffffff; font-size: 12px; background: #ee0000; padding: 10px;}

.PageMessageSuccess{border: 2px solid #00cc00; color: #000000; font-size: 12px; background: #B5FFB5; padding: 10px;}

/*.systemmessageserr{min-height: 26px; font-weight: bold; color: #FF0000; margin: 10px; background:#EFEFEF; line-height: 24px;}

.systemmessagessuccess{min-height: 26px; font-weight: bold; color: #404040; margin: 10px; background:#EFEFEF;  line-height: 24px;}

*/

#popupWindow{position: fixed; width: 700px; top:20%; left:50%; margin-top: 0px; margin-left: -350px; z-index:101; padding: 10px; display: none;}

 

/*  DESIGN CLASSES  */

#logo{width: 211px; height: 109px; position: absolute; top:-67px; left:-8px;}

#topbuttons{padding-top: 8px;}

#userarea{margin: 8px 0 0 0;}

#pageloc{height: 100%; line-height: 44px;}

    #pageloc #content{margin-left:220px; text-align: left;}

.searchline{height: 38px;margin-bottom: 8px;}

        /*#search{width: 200px; height: 25px; position: absolute; top:8px; left:210px; text-align: left;}*/

        #search{width: 100px; height: 25px; text-align: left; margin: 8px 0px 0px 210px;}

        #searchLineCategory{height: 25px; cursor: pointer; line-height: 22px; margin: 8px 0px 0px 5px;}

        #searchLineLocation{height: 25px; cursor: pointer; line-height: 22px; margin: 8px 0px 0px 5px;}

        #searchLineCategory span, #searchLineLocation span{padding: 2px 25px 0 10px;}

        #searchLineCategory div, #searchLineLocation div{width: 9px; height: 5px; background: url(front/layouts/modern/images/sprite.png) -137px 0px no-repeat; position: absolute; top:10px; right: 5px;} 

        #searchLineCategory div.open, #searchLineLocation div.open{width: 9px; height: 5px; background: url(front/layouts/modern/images/sprite.png) -137px -5px no-repeat; position: absolute; top:10px; right: 5px;} 

    #searchbutton{width: 40px; height: 27px; position: absolute; top:8px; /*left:876px;*/right: 0px;}

    #searchbutton div{width: 16px; height: 18px; margin: 4px auto 0px auto; background: url(front/layouts/modern/images/sprite.png) -103px 0 no-repeat;}

.CloseBox, #CloseLocationsBox{width: 14px; height: 14px; background: url(front/layouts/modern/images/sprite.png) -14px -28px no-repeat; float: right; margin: 7px; cursor: pointer; z-index:5;}

.CloseModal{width: 14px; height: 14px; background: url(front/layouts/modern/images/sprite.png) -14px -28px no-repeat; position: absolute; top:7px; right: 7px; cursor: pointer; z-index:5;}

/*Title in h3*/

div.listTitle{background: #ffffff; position: absolute;top:-34px; border: 1px solid #bbbbbb; border-bottom: 1px solid #FFFFFF;}

div.listTitle h3, div.listTitle h2, div.listTitle h1{display: block; height: 25px; padding: 0px 10px; margin-top: 7px;/*margin: 7px 15px;*/}

/* REKLAMA */

.AdsensesInAd{width: 360px; position: relative;margin-left: 50px;}



/* CATEGORIES */

#Categories{margin: 5px auto; padding: 0 25px 10px 25px; background: #FFFFFF;}

    #Categories #CatInd{width: 17px; height: 10px; position: absolute; top:-9px; left:5px; background: url(front/layouts/modern/images/sprite.png) -119px -10px no-repeat;}

.CategoriesBoxTitle{padding: 5px 0px; float: left;}

.category{width: 106px; height: 100px; border: 1px solid #bbbbbb; margin: 3px; cursor: pointer;}

.category:hover{border: 1px solid #f3200e;}

.categoryCurrent{border: 1px solid #f3200e; background: #e5fde3;}

    .category div.icon {width: 80px; height: 50px;background: url(front/layouts/modern/images/categories.png) 0px 0px no-repeat; position: absolute; top:10px; left:10px}

    .category div.tip {line-height: 14px; padding: 0px 1px; margin-top: 65px;}

    .category div.tip a{font-size: 13px; font-family: sans-serif; font-weight: normal;}

    #subcategories{margin:5px 0px; /*border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;background: #EFEFEF;*/ padding: 5px 38px;}

    #subcategories .tip a{font-weight: bold;}

    #ActiveCatInd{width: 13px; height: 7px;background: url(front/layouts/modern/images/sprite.png) -27px -17px no-repeat; position: absolute; top:0px; left:0px; display: none;}

    .subcategoryTitle{text-align: left; font-size: 12px; padding: 2px 0px 2px 5px;}

    .subcategory{margin: 3px; width: 160px; height: 40px;}

    .subcategory:hover{border: 1px solid #f3200e;}

    .subcategory div.tip {/*line-height: 14px; padding: 0px 1px; margin-top: 7px;*/ display: table-cell; text-align: center; width: 160px; height: 40px; vertical-align: middle;}

    .subcategory div.tip a{font-family: sans-serif; font-weight: normal;  padding: 0px 2px;}

    .subcategory div.icon {width: 130px; height: 25px;background: url(front/layouts/modern/images/categories.png) 0px 0px no-repeat; position: absolute; top:10px; left:10px}

    .subcategoryCurrent{border: 1px solid #f3200e; background: #e5fde3;}

#CategoriesBreadcrumbBox{padding: 10px 0px 5px 0px;}    

/* REGIONS-Locations */

/*#Locations{ margin: 5px auto; padding: 0 25px 10px 25px; background: #EFEFEF url(front/layouts/modern/images/honey_im_subtle.png);}*/

#Locations{ margin: 5px auto; width: 918px; padding: 0 25px 10px 25px; background: #EFEFEF url(front/layouts/modern/images/backk.png);}

    #Locations #LocInd{width: 17px; height: 10px; position: absolute; top:-9px; left:5px; background: url(front/layouts/modern/images/sprite.png) -119px -30px no-repeat;}

.LocationsAbs_off{width: 850px; position: absolute;z-index: 99;top:-3px;left:10px;}

.LocationsBoxTitle{padding: 5px 0px; float: left;}    

.location{width: 100px; height: 25px; border: 1px solid #bbbbbb; margin: 3px; cursor: pointer;}

.locationCurrent{border: 1px solid #f3200e; background: #e5fde3;}

.location:hover{border: 1px solid #f3200e;}

    .location div.tip {line-height: 14px; padding: 0px 1px; margin-top: 3px;}

    .location div.tip a{font-size: 14px; font-family: sans-serif;font-weight: normal;}

.locationCountry{width: 120px; height: 20px; border: 1px solid #bbbbbb; margin: 3px; cursor: pointer;}

    .locationCountry .icon{width: 30px; height: 20px;background: url(front/layouts/modern/images/sprite.png) no-repeat; position: absolute; top:0px; right:-1px;}

    .locationCountry .tip{ line-height: 16px;}

    .locationCountry .tip a{font-size: 14px;font-family: sans-serif; font-weight: normal;  padding: 0px 30px 0px 0px;}

    

/*  ADS LIST */

.ResoureOffersList{}

    .ResourceOfferItem{border-bottom: 1px #BBBBBB dashed; margin: 0px 0px;}

    .ResourceOfferItem:hover{background: /*#e5fde3*/#efefef;}

    .ResourceOfferItem:hover .icon, .ResourceOfferItem:hover .icon2, .ResourceOfferItem:hover .noiconb{border: 1px solid #f3200e;}

        .ResourceOfferItem .icon{width: 100px; height: 75px; position: absolute; top:2px; left: 2px; padding: 5px;/*float: left; padding: 4px; margin: 3px 0px;*/ background: #FFF;}

        .ResourceOfferItem .icon2{width: 100px; height: 75px; position: absolute; top:5px; left: 5px; padding: 5px; background: #FFF;}

        .ResourceOfferItem .noiconb{width: 100px; height: 75px; position: relative; padding: 5px; margin: 7px 0px 0px 2px; background: #FFF;}

        .ResourceOfferItem .noicon{width: 50px; height: 50px;background: url(front/layouts/modern/images/sprite.png) -146px 0px no-repeat; position: absolute; top:16px; left:30px;}

        

    .ResourceOfferItemContent{float:left; width: 680px; height: 88px; text-align: left; margin: 2px 0px 2px 142px; border-right: 1px  dashed #BBBBBB;}

        .ResourceOfferItemContent h2{font-size: 18px; padding: 10px 0px 5px 0px; line-height: 20px; font-weight: normal; font-family: Helvetica,sans-serif;}

        .ResourceOfferItemContent .OfferItemIntro{font-size: 12px; text-align: left;}

        .ResourceOfferItemContent .OfferItemLinks{font-size: 12px; text-align: left;}

    .OfferItemInfo{float: right; width: 140px; height: 86px; margin: 5px 0px;}

        .OfferItemInfo .date{font-size: 12px; font-weight: normal; margin-top: 10px;}

        .OfferItemInfo .price{font-size: 14px; font-weight: bold; color: #f3200e; margin: 5px 0px;}

.adsensesLeft{width: 140px; height: 280px;}

.adsensesMain{width: 335px; margin: 3px 0px; text-align: left;}

#breadcrumb{font-size: 11px; text-align: left;}



/* ADS LIST PAGES */

.ListPages{margin: 10px;}

.PrevNextBlock, .PageBlock{padding: 5px 10px; margin: 2px; cursor: pointer;}

    .PageBlock .current{}



/* AD PAGE */

.adTitle{margin:20px 0px;}

    .adTitle h1{font-size: 16px;}

.label{float:left; padding: 3px; margin: 2px;}

.labelValue{float:right; padding: 3px; margin: 2px;}

.white{background: #FFFFFF; width: 210px;}

.itemPrice{color: #FF0000; font-weight: bold;}

.offerContent{padding: 10px; margin-top: 0px;}

    .offerContent img{margin: 5px;}

.offerContent .OfferMainContent{text-align: left;}

.PriceOnAd{position: absolute; top:-20px; left: 10px; width: 200px; height: 35px;}

.AdNotAvailable{position: absolute; top:10px; left: 10px; width: 500px; height: auto; z-index:10}

#ResourceOfferImageInAd{cursor: pointer;}

/*User Actions*/

#ResourceOfferUserActionsBox{width: 415px; min-height: 368px; position: relative; padding: 10px;}

#ResourceOfferUserActionsBox .AdUserAction{height: 22px; cursor: pointer; padding: 3px; margin-top: 5px;}

#ResourceOfferUserActionsBox .AdUserAction:hover{border: 1px solid #CC0000;}

    .AdUserAction div{margin: 0px 10px 0px 5px;}

    .AdUserAction .goBack{width: 22px; height: 22px; background: url(front/layouts/modern/images/sprite.png) -224px -72px no-repeat;}

    .AdUserAction:hover .goBack{background: url(front/layouts/modern/images/sprite.png) -224px -50px no-repeat;}

    .AdUserAction .askAuthor{width: 22px; height: 22px; background: url(front/layouts/modern/images/sprite.png) -246px -72px no-repeat;}

    .AdUserAction:hover .askAuthor{background: url(front/layouts/modern/images/sprite.png) -246px -50px no-repeat;}

    .AdUserAction .printAd{width: 22px; height: 22px; background: url(front/layouts/modern/images/sprite.png) -268px -72px no-repeat;}

    .AdUserAction:hover .printAd{background: url(front/layouts/modern/images/sprite.png) -268px -50px no-repeat;}

    .AdUserAction .sendToFriend{width: 22px; height: 22px; background: url(front/layouts/modern/images/sprite.png) -290px -72px no-repeat;}

    .AdUserAction:hover .sendToFriend{background: url(front/layouts/modern/images/sprite.png) -290px -50px no-repeat;}

    .AdUserAction .sendComplaint{width: 22px; height: 22px; background: url(front/layouts/modern/images/sprite.png) -246px -94px no-repeat;}

    .AdUserAction:hover .sendComplaint{background: url(front/layouts/modern/images/sprite.png) -224px -94px no-repeat;}

#ResourceOfferSendMessageBox{width: 500px; position: relative;margin-left: 10px;}

#ResourceOfferNeyAdsenses{width: 550px; padding: 10px;}

#ResourceOfferNeyAds{width: 360px; padding: 10px; min-height: 284px;  margin-left: 10px;}

#ResourceOfferNeyAdsenses h3{font-size: 14px; padding: 5px 0px 2px 0px; line-height: 18px; font-weight: bold; font-family: Helvetica,sans-serif;}

#ResourceOfferPrintWindow{background: #FFF;}

.AdImageAdsense{width: 360px; position: relative;margin-left: 10px;}

/* FORMS ELEMENTS*/

.info{position: absolute; right: 5px; width: 20px; height: 20px; cursor: pointer; background: url(front/layouts/modern/images/sprite.png) -183px -50px no-repeat;}

.info:hover{background: url(front/layouts/modern/images/sprite.png) -162px -50px no-repeat;}

.submitButton{width: auto; height: 24px; margin: 0px 5px;}

.formLabel{margin: 0px; width: 200px;}

.formField{margin: 0px;}

    .formField input{width: 400px; height: 20px;}

    .formField textarea{width: 400px; height: 100px;}

.formTip{clear: both;}

.formSep{margin: 15px 0px;clear: both; width: 100%; border-bottom: 1px #BBBBBB dashed; height: 5px;}

.formSep2{margin: 7px 0px;clear: both; width: 100%; border-bottom: 1px #BBBBBB dashed; height: 5px;}

    #CenterLoginForm .formLabel{margin: 0px; width: 80px;}

    #CenterLoginForm .formField input{width: 200px; height: 20px;}

    #CenterLoginForm .formSep{margin: 5px 0px;clear: both; width: 100%; border-bottom: 1px #BBBBBB dashed; height: 4px;}

    

    #passwordReminderForm .formLabel{margin: 0px; width: 105px;}

    #passwordReminderForm .formField input{width: 190px; height: 20px;}

/* ResourceOfferSendMessageBox */

    #ResourceOfferSendMessageBox .formLabel{margin: 0px; width: 160px;} 

    #ResourceOfferSendMessageBox .formField input{width: 250px; height: 20px;} 

    #ResourceOfferSendMessageBox .formField textarea{width: 300px; height: 60px;} 

/*Login-register elements*/

#LoginBox, #RegisterBox, #LoginBoxPossibleProblems{display: none;}

    /*#LoginBox{position: absolute; top:23px; right: 5px; width: 315px; height: auto; z-index:10; padding: 5px 10px 5px 15px; background: #EFEFEF url(front/layouts/modern/images/honey_im_subtle.png);}*/

    #LoginBox{position: fixed; top:30%; left: 50%; width: 315px; height: auto; margin-left: -150px; z-index:101; padding: 5px 10px 5px 15px; background: #EFEFEF url(front/layouts/modern/images/honey_im_subtle.png);}

    #dialog{font-size: 11px;}

    #LogInd{width: 17px; height: 10px; position: absolute; top:-9px; right:55px; background: url(front/layouts/modern/images/sprite.png) -119px -30px no-repeat;}

    #CheckEmailForm .formLabel{margin: 0px; width: 80px;}

    #CheckEmailForm .formField input{width: 260px; height: 20px;}

    #CheckEmailForm .formSep{margin: 1px 0px;clear: both; width: 100%; border-bottom: 1px #BBBBBB dashed; height: 4px;}

    

#UserMenuOpener{width: 20px; height: 20px; margin-left: 10px; background: url(front/layouts/modern/images/sprite.png) -63px -22px no-repeat;}    

#UserMenuOpener:hover{background: url(front/layouts/modern/images/sprite.png) -43px -22px no-repeat;}

#UserMenuBox{position: absolute; top:23px; right: 5px; width: 170px; height: 170px; z-index:10; padding: 5px 15px;display: none;background: #EFEFEF url(front/layouts/modern/images/honey_im_subtle.png);}

    #UserMenuBox ul li{display: block; padding: 3px 3px 3px 10px; margin: 5px 0px 0px 0px;}

    #UMenuInd{width: 17px; height: 10px; position: absolute; top:-9px; right:55px; background: url(front/layouts/modern/images/sprite.png) -119px -30px no-repeat;}

/*#RegisterBox{position: absolute; top:23px; right: 5px; width: 550px; height: 750px; z-index:10; padding: 5px 15px; background: #EFEFEF url(front/layouts/modern/images/honey_im_subtle.png);}

*/

    #RegInd{width: 17px; height: 10px; position: absolute; top:-9px; right:45px; background: url(front/layouts/modern/images/sprite.png) -119px -30px no-repeat;}

    #registrationForm .formLabel{margin: 0px; width: 85px;}

    #registrationForm .formField input{width: 220px; height: 20px;}

    #registrationForm .formField textarea{width: 300px; height: 50px;}



#ValidateEmailBox{position: fixed; top:55px; left: 50%; margin-left: -350px; width: 700px; height: auto; z-index:10; padding: 4px; background: #EFEFEF url(front/layouts/modern/images/honey_im_subtle.png); display: none;}

    #ValidInd{width: 17px; height: 10px; position: absolute; top:-9px; right:120px; background: url(front/layouts/modern/images/sprite.png) -119px -30px no-repeat;}



.ContactFormBox{padding: 20px; width: 500px; margin: 0 auto;}

    .ContactFormBox .formField input{width: 260px; height: 20px;} 

    .ContactFormBox .formField textarea{width: 280px; height: 80px;}

/*search form*/  

#whats{width: 99%; border: 0px #CECECE solid; font-size: 14px; color: #CCCCCC;}

    

/*ADD AD PAGE*/

.AddAdBox{padding: 20px; width: 800px;margin: 0 auto;}

    .AddAdBox .formLabel{width: 300px;}

    .AddAdBox .formField{font-weight: bold;width: 500px;}

    .AddAdBox .input{width: 200px;}

    .AddAdBox .money input{width: 100px;}

    .AddAdBox .tender input {width:30px;}

    .AddAdBox .progressBar{height: 14px; white-space: nowrap;}

    .AddAdBox #TempData{position: absolute; top:10px; left: 10px; padding: 15px; background: #FFFFFF url(front/layouts/modern/images/honey_im_subtle.png); width: 780px; height: auto; z-index: 2000; display: none;}

    .AddAdBox #CategoriesTempData{position: absolute; top:25px; left:0px; width: 480px; padding: 10px;background: #FFFFFF url(front/layouts/modern/images/honey_im_subtle.png); z-index: 200; display: none;}

    .AddAdBox #CategoriesTempLevel1,.AddAdBox #CategoriesTempLevel2{width: 46%; float: left; background: #FFFFFF; margin-left: 5px; padding: 5px;} 

    

/*USER AREA*/

#LoginBoxTitle{line-height: 17px;}

.userAreaErrorBox{width: 600; border: 2px #CC0000 solid; background: #FFFDAC; font-size: 12px; padding: 15px; margin: 50px 0px;}

#EditResources{}

    #EditResources .EditResourceRow{padding: 5px;}

    .status_1{position: absolute; top:5px; left:5px; width: 20px; height: 20px; background: #2fd62b;}

    .status_5, .status_4{position: absolute; top:5px; left:5px; width: 20px; height: 20px; background: #fe0702;}

    .tool{float: left; width: 30px; height: 30px; margin: 1px;}

        .tool .eye{width: 20px; height: 12px; position: absolute; top:3px; left:5px; background: url(front/layouts/modern/images/sprite.png) -83px -20px no-repeat;}

        .tool .mail{width: 20px; height: 12px; position: absolute; top:3px; left:5px; background: url(front/layouts/modern/images/sprite.png) -83px -32px no-repeat;}

        .tool .edit{width: 20px; height: 22px; position: absolute; top:5px; left:5px; background: url(front/layouts/modern/images/sprite.png) -83px -44px no-repeat;}

        .tool .adon{width: 16px; height: 22px; position: absolute; top:5px; left:7px; background: url(front/layouts/modern/images/sprite.png) -103px -44px no-repeat;}

        .tool .adoff{width: 16px; height: 22px; position: absolute; top:5px; left:7px; background: url(front/layouts/modern/images/sprite.png) -119px -44px no-repeat;}

        .tool .refresh{width: 20px; height: 20px; position: absolute; top:5px; left:5px; background: url(front/layouts/modern/images/sprite.png) -63px -44px no-repeat;}

        .tool .refresh_denied{width: 20px; height: 20px; position: absolute; top:5px; left:5px; background: url(front/layouts/modern/images/sprite.png) -23px -44px no-repeat;}

        .tool .delete{width: 20px; height: 18px; position: absolute; top:6px; left:5px; background: url(front/layouts/modern/images/sprite.png) -43px -44px no-repeat;}

        .tool .oncolumn{width: 25px; height: 28px; position: absolute; top:1px; left:2px; background: url(front/layouts/modern/images/sprite.png) -136px -50px no-repeat;}

        .tool .tool_tip{width: 26px; height: 16px; position: absolute; bottom:4px; left:2px;}

.FAQButton{width: 200px; line-height: 20px;}        

.FAQBox{position: absolute; top:40px; left: 20px; width: 300px; height: auto; z-index:10; display: none; padding: 5px 15px;background: #EFEFEF url(front/layouts/modern/images/honey_im_subtle.png);}

    .FAQBox ul li{display: block; padding: 3px 3px 3px 10px; margin: 5px 0px 0px 0px;}

    #FAQBoxInd{width: 17px; height: 10px; position: absolute; top:-9px; left:70px; background: url(front/layouts/modern/images/sprite.png) -119px -30px no-repeat;}

    .FAQContentBox{display: none;}

    .FAQContentBox .description{float: left; padding-left: 10px; max-width: 500px;}



.EmailIcon{width: 20px; height: 8px; margin: 3px 3px 0px 10px; background: url(front/layouts/modern/images/sprite.png) -204px -60px no-repeat;}    

.PhoneIcon{width:  9px; height: 8px; margin: 3px 3px 0px 10px; background: url(front/layouts/modern/images/sprite.png) -204px -51px no-repeat;}    

#ChangeEmailByUserBox{position: absolute; top:80px; right: 10px; width: 800px; height: auto; display: none; z-index:99;background: #EFEFEF url(front/layouts/modern/images/honey_im_subtle.png);}   

    #ChMailInd{width: 17px; height: 10px; position: absolute; top:-9px; right:50px; background: url(front/layouts/modern/images/sprite.png) -119px -30px no-repeat;}

    #ChangeEmailByUserBox input{width: 250px;}

    #NewEmailVerificationCodeBox, #NewEmailVerificationCodeButton{display: none;}

/*HELP SYSTEM*/

.HelpSystemMenu{padding: 10px; float: left; width: 230px;}

.HelpSystemContent{padding: 10px; float: left; width: 630px; margin-left: 10px;}

.checkJavascript{ padding-left: 30px ;}

.checkJQuery, .checkCookies{padding-left: 30px; margin-left: 20px;}

    .checkJSON{position: absolute; width: 22px; height: 22px; top:0px; left:0px; background: url(front/layouts/modern/images/sprite.png) -100px -66px no-repeat;}

    .checkJSOFF{position: absolute; width: 22px; height: 22px; top:0px; left:0px; background: url(front/layouts/modern/images/sprite.png) -100px -88px no-repeat;}



.err404{background: url(front/layouts/modern/images/404.png) no-repeat right top; margin: 20px 20px 50px 20px; height: 300px;}

.err404 h2{font-size: 24px; color: #ee0000;}

.err404 h3 a{font-size: 18px; color: #ee0000 !important; text-decoration: underline;}    

#share42 {background: #FFF; border: 1px solid #CECECE; padding: 3px;}

.share42init{position: absolute;right: -5px; top:90px; }

.epn_partener{margin: 10px;}



/*RSS BOX*/

.roundedBox{padding: 0px 15px 10px 15px; border: 1px solid #AAAAAA;background: #EEEEEE;color: #555555;-moz-border-radius: 10px;border-radius: 10px;}

.RSSFeed{}

    .RSSFeed h4{font-weight: bold;}

    .RSSFeed table tr td{text-align: left;}

#jooblelink{ width: 640px; text-align: center; color: #777; margin-top: 10px; font-size: 0.7rem;}

.g-recaptcha div{

    margin: 0 auto 5px auto;

}

.admitad{

    position: fixed;

    top:127px;

    left:10px;

    z-index: 5;

}



#gdpr-cookie-message {

}

#gdpr-cookie-message a {

    color: #29711a!important;

}

#gdpr-cookie-message a:hover {

    color: #ee0000!important;

}

#gdpr-cookie-message h4 {

    color: #FFFFFF!important;

}

#gdpr-cookie-message p:last-child {

}

#gdpr-cookie-message button {

}

#gdpr-cookie-message button:hover {

}#gdpr-cookie-message{position:fixed;left:10px;bottom:10px;max-width:50%;background-color:#1a1a1a;padding:20px;border-radius:5px;box-shadow:0 6px 6px rgba(0,0,0,0.25);margin-left:10px;font-family:Roboto;z-index:1000}#gdpr-cookie-message h4{color:#2bbbad;font-family:Roboto;font-size:1rem;font-weight:500;margin-bottom:10px}#gdpr-cookie-message h5{color:#2bbbad;font-family:'Quicksand',sans-serif;font-size:.9rem;font-weight:500;margin-bottom:10px;line-height:1rem}#gdpr-cookie-message p,#gdpr-cookie-message ul{color:white;font-size:.7rem;line-height:.9rem}#gdpr-cookie-message p:last-child{margin-bottom:0;text-align:right}#gdpr-cookie-message li{width:49%;display:inline-block}#gdpr-cookie-message a{color:#2bbbad;text-decoration:none;font-size:.7rem;padding-bottom:2px;border-bottom:1px dotted rgba(255,255,255,0.75);transition:all .3s ease-in}#gdpr-cookie-message a:hover{color:#c00;border-bottom-color:#c00;transition:all .3s ease-in}#gdpr-cookie-message button,button#ihavecookiesBtn{border:0;background:#c00;color:white;font-family:Roboto;font-size:1rem;padding:7px;border-radius:3px;margin-left:15px;margin-bottom:5px;cursor:pointer;transition:all .3s ease-in}#gdpr-cookie-message button:hover{background:white;color:#c00;transition:all .3s ease-in}button#gdpr-cookie-advanced{background:white;color:#2bbbad}#gdpr-cookie-message button:disabled{opacity:.3}#gdpr-cookie-message input[type="checkbox"]{float:none;margin-top:0;margin-right:5px}





/* Z-INDEX */

 .formError { z-index: 990; }

    .formError .formErrorContent { z-index: 991; }

    .formError .formErrorArrow { z-index: 996; }



    .ui-dialog .formError { z-index: 5000; }

    .ui-dialog .formError .formErrorContent { z-index: 5001; }

    .ui-dialog .formError .formErrorArrow { z-index: 5006; }









.inputContainer {

	position: relative;

	float: left;

}



.formError {

	position: absolute;

	top: 300px;

	left: 300px;

	display: block;

	cursor: pointer;

	text-align: left;

}



.formError.inline {

	position: relative;

	top: 0;

	left: 0;

	display: inline-block;

}



.ajaxSubmit {

	padding: 20px;

	background: #55ea55;

	border: 1px solid #999;

	display: none;

}



.formError .formErrorContent {

	width: 100%;

	background: #ee0101;

	position:relative;

	color: #fff;

	min-width: 300px;

	font-size: 11px;

	border: 2px solid #ddd;

	box-shadow: 0 0 6px #000;

	-moz-box-shadow: 0 0 6px #000;

	-webkit-box-shadow: 0 0 6px #000;

	-o-box-shadow: 0 0 6px #000;

	padding: 4px 10px 4px 10px;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	-o-border-radius: 6px;

}



.formError.inline .formErrorContent {

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	-o-box-shadow: none;

	border: none;

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	-o-border-radius: 0;

}



.greenPopup .formErrorContent {

	background: #33be40;

}



.blackPopup .formErrorContent {

	background: #393939;

	color: #FFF;

}



.formError .formErrorArrow {

	width: 15px;

	margin: -2px 0 0 13px;

	position:relative;

}

body[dir='rtl'] .formError .formErrorArrow,

body.rtl .formError .formErrorArrow {

	margin: -2px 13px 0 0;

}



.formError .formErrorArrowBottom {

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	-o-box-shadow: none;

	margin: 0px 0 0 12px;

	top:2px;

}



.formError .formErrorArrow div {

	border-left: 2px solid #ddd;

	border-right: 2px solid #ddd;

	box-shadow: 0 2px 3px #444;

	-moz-box-shadow: 0 2px 3px #444;

	-webkit-box-shadow: 0 2px 3px #444;

	-o-box-shadow: 0 2px 3px #444;

	font-size: 0px;

	height: 1px;

	background: #ee0101;

	margin: 0 auto;

	line-height: 0;

	font-size: 0;

	display: block;

}



.formError .formErrorArrowBottom div {

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	-o-box-shadow: none;

}



.greenPopup .formErrorArrow div {

	background: #33be40;

}



.blackPopup .formErrorArrow div {

	background: #393939;

	color: #FFF;

}



.formError .formErrorArrow .line10 {

	width: 15px;

	border: none;

}



.formError .formErrorArrow .line9 {

	width: 13px;

	border: none;

}



.formError .formErrorArrow .line8 {

	width: 11px;

}



.formError .formErrorArrow .line7 {

	width: 9px;

}



.formError .formErrorArrow .line6 {

	width: 7px;

}



.formError .formErrorArrow .line5 {

	width: 5px;

}



.formError .formErrorArrow .line4 {

	width: 3px;

}



.formError .formErrorArrow .line3 {

	width: 1px;

	border-left: 2px solid #ddd;

	border-right: 2px solid #ddd;

	border-bottom: 0 solid #ddd;

}



.formError .formErrorArrow .line2 {

	width: 3px;

	border: none;

	background: #ddd;

}



.formError .formErrorArrow .line1 {

	width: 1px;

	border: none;

	background: #ddd;

}