/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.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.resizable.css, jquery.ui.selectable.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=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 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-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;
}
.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%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.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("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.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-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-width: 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: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,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: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	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 #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_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 #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.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;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.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: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

.bsmContainer {
  /* container that surrounds entire bsmSelect widget */
}

.bsmSelect {
  /* the newly created regular 'select' */
  display: inline;
  color: #7886a1;
}

.bsmOptionDisabled {
  /* disabled options in new select */
  color: #999;
}

.bsmHighlight {
  /* the highlight span */
  float: right;
  padding: 0;
  margin: 0 0 0 1em;
}

.bsmList {
  /* html list that contains selected items */
  margin: 0.25em 0 1em 0;
  position: relative;
  display: block;
  padding-left: 0;
  list-style: none;
}

.bsmListItem {
  /* li item from the html list above */
  position: relative;
  margin-left: 0;
  padding-left: 0;
  padding: 10px; 
  list-style: none;
  background-color: #fffdf1; color: #5a5a5a;  border: 1px solid #ffd300;
  width: auto;
  margin: 0 10px -1px 0;
  line-height: 1em;
}

.bsmListItem:hover {
  background-color: #f1eabf;
}

.bsmListItemLabel {
  /* this is a span that surrounds the text in the item, except for the remove link */
  padding: 5px;
  display: block;
}

.bsmListSortable .bsmListItemLabel {
  cursor: move;
}

.bsmListItemRemove {
  /* the remove link in each list item */
  position: absolute;
  right: 0;
  top: 5px;
  padding: 10px;
}

.bsmScrollWorkaround {
  /* Fix a bug when the 'html' element has an overflow set to either 'scroll' or 'auto' on FF. */
   padding-bottom: 1px;
   overflow: auto;
}

/*
   Plupload
------------------------------------------------------------------- */

.plupload_button {cursor: pointer;}

.plupload_wrapper {
	font: normal 11px Verdana,sans-serif;
	width: 100%;
}

.plupload .plupload_container input {width: 98%;}
.plupload .plupload_filelist_footer {border-width: 1px 0 0 0}
.plupload .plupload_filelist_header {border-width: 0 0 1px 0}
div.plupload .plupload_file {border-width: 0 0 1px 0}
div.plupload div.plupload_header {border-width: 0 0 1px 0; position: relative;}

.plupload_file .ui-icon {
	cursor:pointer;	
}

.plupload_header_content {
	background-image: url('../plupload/img/plupload.png');
	background-repeat: no-repeat;
	background-position: 8px center;
	min-height: 56px;
	padding-left: 60px;
	position:relative;
}
.plupload_header_content_bw {background-image: url('../plupload/img/plupload-bw.png');}
.plupload_header_title {
	font: normal 18px sans-serif;
	padding: 6px 0 3px;
}
.plupload_header_text {font: normal 12px sans-serif;}

.plupload_filelist,
.plupload_filelist_content {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	-moz-user-select:none;
	-webkit-user-select:none;
	user-select:none;
}

.plupload_cell {padding: 8px 6px;}

.plupload_file {
	border-left: none;
	border-right: none;
}

.plupload .ui-sortable-helper,
.plupload .ui-sortable .plupload_file {
	cursor:move;	
}

.plupload_scroll {
	max-height: 180px;
	min-height: 168px;
	_height: 168px;
	overflow-y: auto;
}

.plupload_file_size, .plupload_file_status {text-align: right;}
.plupload_file_size, .plupload_file_status {width: 52px;}
.plupload_file_action {width: 16px;}
.plupload_file_name {
	overflow: hidden;
	padding-left: 10px;
}

.plupload_file_rename {
	width:95%;	
}

.plupload_progress {width: 60px;}
.plupload_progress_container {padding: 1px;}


/* Floats */

.plupload_right {float: right;}
.plupload_left {float: left;}
.plupload_clear,.plupload_clearer {clear: both;}
.plupload_clearer, .plupload_progress_bar {
	display: block;
	font-size: 0;
	line-height: 0;
}
.plupload_clearer {height: 0;}

/* Misc */
.plupload_hidden {display: none;}
.plupload_droptext {
	background: transparent;
	text-align: center;
	vertical-align: middle;
	border: 0;
	line-height: 165px;
}

.plupload_buttons, .plupload_upload_status {float: left}

.plupload_message {
	position: absolute;
	top: 0px;
	left: 0px;	
	height: 100%;
	width: 100%;
}

.plupload_message p {
	padding:0.7em;
	margin:0;
}

.plupload_message strong {
	font-weight: bold;	
}

plupload_message i {
	font-style: italic;	
}

.plupload_message p span.ui-icon {
	float: left;
	margin-right: 0.3em;	
}

.plupload_header_content .ui-state-error,
.plupload_header_content .ui-state-highlight {
	border:none;	
}

.plupload_message_close {
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;	
}

.plupload .ui-sortable-placeholder {
	height:35px;
}

.swipebox {
  overflow: hidden!important;
}

#swipebox-overlay img {
  border: none!important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999!important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
}

#swipebox-slider .slide {
  background: url("../img/swipebox/loader.gif") no-repeat center center;
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#swipebox-slider .slide img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#swipebox-action, #swipebox-caption {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-action {
  bottom: -50px;
}
#swipebox-action.visible-bars {
  bottom: 0;
}

#swipebox-action.force-visible-bars {
  bottom: 0!important;
}

#swipebox-caption {
  top: -50px;
  text-align: center;
}
#swipebox-caption.visible-bars {
  top: 0;
}

#swipebox-caption.force-visible-bars {
  top: 0!important;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
  background-image: url("../img/swipebox/icons.png");
  background-repeat: no-repeat;
  border: none!important;
  text-decoration: none!important;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-action #swipebox-close {
  background-position: 15px 12px;
  left: 40px;
}

#swipebox-action #swipebox-prev {
  background-position: -32px 13px;
  right: 100px;
}

#swipebox-action #swipebox-next {
  background-position: -78px 13px;
  right: 40px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

#swipebox-slider.rightSpring {
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-moz-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-action, #swipebox-caption {
  text-shadow: 1px 1px 1px black;
  background-color: #0d0d0d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#0d0d0d, #000000);
  background-image: -moz-linear-gradient(#0d0d0d, #000000);
  background-image: -o-linear-gradient(#0d0d0d, #000000);
  background-image: linear-gradient(#0d0d0d, #000000);
  -webkit-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  -moz-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
}

#swipebox-action {
  -webkit-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
  -moz-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
  box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
}

#swipebox-caption {
  color: white!important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}


.grid{
    border: 0;
    margin: 0;    
    padding: 0;
    border-spacing:0;
    border-collapse:collapse;
    clear:both;
    color: #5a5a5a; 
    border: 1px solid #dadada;
}

.grid thead { 
    background: #eee;
    color: #5a5a5a;
    font-weight: bold; 
}

.grid th { margin: 0; padding: 0; }

.grid input[type=submit]{
    border:0;
    background: #384255;
    color:#FFF;
    height: 18px;
    cursor:pointer;
    text-align:center;
    font-size:14px;
    float:left;
    border-radius: 3px 3px 3px 3px; 
    -moz-border-radius: 3px 3px 3px 3px; 
    -webkit-border-radius: 3px 3px 3px 3px;     
    
    border-top: 1px solid #455167;
    border-bottom: 1px solid #080b10;    
    
    background: #212b3e; /* Old browsers */
    background: -moz-linear-gradient(top,  #212b3e 0%, #384255 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212b3e), color-stop(100%,#384255)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #212b3e 0%,#384255 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #212b3e 0%,#384255 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #212b3e 0%,#384255 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #212b3e 0%,#384255 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212b3e', endColorstr='#384255',GradientType=0 ); /* IE6-9 */
    
}

.grid select{
    font-size:14px;
}

.grid .grid-name{
    font: 18px sans-serif;    
    padding: 6px 0 3px 10px;
    font-weight: normal;
    text-align: left;
}

.grid .grid-upper-panel{
    width: 100%;
    color: #FFF;
    vertical-align: middle;
    font-weight: normal;
    _margin-top: 100px;
}

.grid .grid-upper-info{
    float:right;
    margin-left: 10px;
}

.grid .grid-current-link{
    background: url("../img/niftygrid/link.png") no-repeat 3px 3px;
    width:21px;
    height:21px;
    display:inline-block;
    float:left;
}

.grid .grid-results{
    _background-color: #384255;
    background: transparent;
    color: #3E4860;    
    font-size: 14px; 
    height: 19px;
    padding: 7px 5px 3px 10px;
    margin-left:28px;
 }

.grid th.grid-head-column{
    background-color: #eee;
    color: #5a5a5a;
    font-weight: normal; 
    text-shadow: 1px 1px #fff;    
    height: 32px;
    vertical-align: middle;
    font-size: 14px;
    padding: 2px 5px 0 5px;
    text-align:left;
}

.grid th.grid-head-column a{
    text-decoration:none;
    text-shadow: 1px 1px #fff;     
    color: #212b3e;
    font-weight: normal; 
}

.grid tr td.selected {
    background-color: #eee;  
    color: #222 !important; 
}

.grid tr.grid-row-odd{
    background-color:#fff;
}

.grid tr.grid-row-even{
    background-color:#eee;
}

.grid tr td.grid-row-cell{
    height: 20px;
    font-size: 14px;
    vertical-align: middle;
    _padding:5px 5px 5px 5px;
    padding: 8px; 
    border-right:1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.grid tr td.grid-row-cell:first-child{
    _border-left:1px solid #e0e7f1;
}

.grid .grid-order{
    display: inline-block;
    width: 10px;
    height: 15px;
    margin-top: -1px;
    position: absolute;
    margin-left: 5px;
}

.grid .grid-order .grid-order-up{
    background: url("../img/niftygrid/triangle-up.png") no-repeat;
    width: 10px;
    height: 7px;
    display: block;
}

.grid .grid-order .grid-order-down{
    background: url("../img/niftygrid/triangle-down.png") no-repeat;
    width: 10px;
    height: 7px;
    display: block;
    margin-top: 1px;
}

.grid .grid-order .grid-order-active-up{
    background: url("../img/niftygrid/triangle-up-red.png") no-repeat;
}

.grid .grid-order .grid-order-active-down{
    background: url("../img/niftygrid/triangle-down-red.png") no-repeat;
}

.grid .grid-bottom{
    _background:#e8e8e8; 
    height:30px;    
    padding:5px 10px;  
}

.grid .grid-action-box{
    float:left;
}

.grid .grid-action-box label{
    float: left;
    font-size: 14px;
    line-height: 30px;
    margin-right: 10px;
}

.grid .grid-action-box input[type="submit"]{
    height: 25px;
    width: 75px;
    margin-top: 2px;
    padding-bottom: 2px;  
}

.grid .grid-action-box select{
    float: left;
    width: 130px;
    margin-right: 5px;
    margin-top: 2px;
    padding: 3px;
    height: 26px;
    font-size: 14px;
    border: 1px solid #e0e7f1;
}

.grid .grid-perPage{
    float:right;
}

.grid .grid-perPage label{
    float: left;
    font-size: 14px;
    line-height: 30px;
    margin-right: 10px;
}

.grid .grid-perPage select{
    float: left;
    width: 60px;
    margin-right: 0;
    height: 26px;
    margin-top: 2px;
    padding: 3px;    
    border: 1px solid #e0e7f1;
}

.grid .grid-perPage input[type="submit"]{
    height: 25px;
    width: 30px;
    padding-bottom: 2px;
    margin-top: 2px;
    margin-left:5px;
}

.grid .grid-paginator{
    float: right;
}

.grid .grid-paginator a, .grid-paginator span {
    color: #999;
    background-color: #384255;
    font-size: 14px;
    display:block;
    float: left;
    height:18px;
    margin: 0px;
    line-height: 20px;
    padding:4px 8px;
}

.grid .grid-paginator a {
    color: #FFF;
    margin: 0;
    background: #384255;
    text-decoration: none;
    display:inline-block;
    height:18px;
    line-height: 20px;
}

.grid .grid-paginator .grid-current {
    background: #384255;
    color: #999;
    font-weight: bold;
    display:inline-block;
    height:18px;
    line-height: 20px;
    padding:4px 8px;
}

.grid .grid-filter-form{
    background:#eee;    
    padding: 5px 5px;
    vertical-align: top;
    height: 25px;
    margin: 0;
    border-bottom: 1px solid #dedede;
}

.grid .grid-filter-form-active{
    background-color: #ccc;
}

.grid .grid-filter-form input[type="text"]{
    width:100%;
    _position: absolute;
    height:24px;
    color:#000;
    background-color:#FFF;
    padding: 3px 0;
    margin: 0px;
    border: 1px solid #dedede;    
    font-size:14px;
}

.grid .grid-filter-form select{
    width:100%;
    border: 1px solid #dedede;
    height:30px;
    padding: 3px 3px;    
    font-size:14px;
}

.grid .grid-filter-form input[type="submit"]{
    background: #384255;
    height:30px;
    width:65px;
    margin-left: 5px;
    margin-right:1px;    
    _margin-top: 5px;
    border-top: 1px solid #455167;
    border-bottom: 1px solid #080b10;   
    background: #212b3e; /* Old browsers */
    background: linear-gradient(to bottom,  #212b3e 0%,#384255 100%); /* W3C */   
}

.grid .grid-filter-reset{
    width:30px;
    height:30px;
    border-radius: 3px 3px 3px 3px;     
    background: url('../img/niftygrid/icons_tab/close_tab_icon.png') center center no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); 
    display:block;
    margin-left:75px;
}

.grid .grid-datepicker{
    background: url("../img/niftygrid/calendar.png") no-repeat right center;
}

.grid-panel {
    background: #fff;
}

.grid .grid-panel td, .grid-panel th{
    font-size: 14px !important;
    border:0px solid #F0F;
    padding:0;
    margin:0;
}

.grid .grid-button{
    margin: 0;
    display: inline-block;
    float: left;
}

.ui-autocomplete{
    padding:0;
}

.ui-menu-item{
    text-align:left;
    list-style:none;
    margin-left:10px;
    font-size: 14px;
}

.grid input[type="text"].grid-editable{
    padding: 3px 0;
    margin: 0;
    height:18px;
    width:100%;
    background-color: #fffdf1; color: #5a5a5a;  border: 1px solid #ffd300;
    font-size: 14px;
}

.grid input[type="submit"].grid-editable{
    height: 25px;
    width: 65px;
}

.grid a.grid-rowForm-cancel{
    width:30px;
    height:25px;
    border-radius: 3px 3px 3px 3px;     
    background: url('../img/niftygrid/icons_tab/close_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); 
    display:block;
    margin-left:70px;
}

.grid select.grid-editable{
    width:100%;
    height:25px;
    padding: 3px;
    border: 1px solid #e0e7f1;
    font-size:14px;
}

.grid .grid-edited-cell{
    background-color: #fffdf1;  
}

.grid .grid-subgrid-open{
    background: url('../img/niftygrid/subgrid_open.png') no-repeat 8px;
}
.grid .grid-subgrid-close{
    background: url('../img/niftygrid/subgrid_close.png') no-repeat 8px;
}

.grid .grid-add-row{
    background: url('../img/niftygrid/add.png') no-repeat 4px;
}

.grid-flash{
    height: 35px;
    text-align:left;
}

.grid-flash th {
    vertical-align: middle;
}

.grid-flash span {
    color: #FFF;
    display: block;
    float: left;
    padding-top: 5px;
    padding-left: 20px;
    font-weight:normal;
}

.grid-flash-hide {
    float: right;
    margin-right: 10px;
    cursor: pointer;
    background: url("../img/niftygrid/cross.png") no-repeat;
    width: 22px;
    height: 22px;
    display: block;
}

.grid-error{
    background: #b1124d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5NTI5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMTEyNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #d95290 0%, #b1124d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d95290), color-stop(100%,#b1124d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d95290 0%,#b1124d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d95290 0%,#b1124d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d95290 0%,#b1124d 100%); /* IE10+ */
    background: linear-gradient(top,  #d95290 0%,#b1124d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95290', endColorstr='#b1124d',GradientType=0 ); /* IE6-8 */  
}

.grid-info{
    background: #269e44; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYzk3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjllNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #62c971 0%, #269e44 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62c971), color-stop(100%,#269e44)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #62c971 0%,#269e44 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #62c971 0%,#269e44 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #62c971 0%,#269e44 100%); /* IE10+ */
    background: linear-gradient(top,  #62c971 0%,#269e44 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62c971', endColorstr='#269e44',GradientType=0 ); /* IE6-8 */
}

.grid-successful{
    background: #269e44; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYzk3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjllNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #62c971 0%, #269e44 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62c971), color-stop(100%,#269e44)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #62c971 0%,#269e44 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #62c971 0%,#269e44 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #62c971 0%,#269e44 100%); /* IE10+ */
    background: linear-gradient(top,  #62c971 0%,#269e44 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62c971', endColorstr='#269e44',GradientType=0 ); /* IE6-8 */
}

* { font-family: 'PT Sans', sans-serif; }
.link{ background: url('../img/niftygrid/link.png') no-repeat 4px #FFF; }

.grid-button { transition: all 0.34s ease 0s; -webkit-transition: all 0.34s ease 0s; -moz-transition: all 0.34s ease 0s; -o-transition: all 0.34s ease 0s;
    width: 30px !important; height: 25px !important; border-radius: 3px 3px 3px 3px; margin-right: 5px !important; }

.edit{ background: url('../img/niftygrid/icons_tab/settings_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom, #ffe000 0%,#ffc500 100%); }
.edit:hover { background: url('../img/niftygrid/icons_tab/settings_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom, #ffe000 0%,#ffc500 100%); }
.edit-disabled { background: url('../img/niftygrid/icons_tab/settings_tab_icon.png') 0px -50px no-repeat, linear-gradient(to bottom, #bdbdbd 0%,#a7a7a7 100%); }

.add-edit-files { background: url('../img/niftygrid/icons_tab/add_gallery_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.add-edit-files:hover { background: url('../img/niftygrid/icons_tab/add_gallery_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.add-edit-files-disabled { background: url('../img/niftygrid/icons_tab/add_gallery_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%);}

.ban { background: url('../img/niftygrid/icons_tab/lock_close_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); }
.ban:hover { background: url('../img/niftygrid/icons_tab/lock_close_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); }
.ban-disabled {  background: url('../img/niftygrid/icons_tab/lock_close_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.unban { background: url('../img/niftygrid/icons_tab/lock_open_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #61c870 0%,#48a35e 100%); }
.unban:hover { background: url('../img/niftygrid/icons_tab/lock_open_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #61c870 0%,#48a35e 100%); }
.unban-disabled { background: url('../img/niftygrid/icons_tab/lock_open_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.delete { background: url('../img/niftygrid/icons_tab/trash_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); }
.delete:hover { background: url('../img/niftygrid/icons_tab/trash_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%);}
.delete-disabled { background: url('../img/niftygrid/icons_tab/trash_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.publish { background: url('../img/niftygrid/icons_tab/visible_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #61c870 0%,#48a35e 100%); }
.publish:hover { background: url('../img/niftygrid/icons_tab/visible_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #61c870 0%,#48a35e 100%); }
.publish-disabled { background: url('../img/niftygrid/icons_tab/visible_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%);  }

.unpublish {  background: url('../img/niftygrid/icons_tab/invisible_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #61c870 0%,#48a35e 100%);}
.unpublish:hover {  background: url('../img/niftygrid/icons_tab/invisible_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #61c870 0%,#48a35e 100%); }
.unpublish-disabled { background: url('../img/niftygrid/icons_tab/invisible_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%);  }

.add-edit-content { background: url('../img/niftygrid/icons_tab/add_doc_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.add-edit-content:hover {  background: url('../img/niftygrid/icons_tab/add_doc_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.add-edit-content-disabled { background: url('../img/niftygrid/icons_tab/add_doc_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.unrelated { background: url('../img/niftygrid/icons_tab/plus_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.unrelated:hover {  background: url('../img/niftygrid/icons_tab/plus_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.unrelated-disabled { background: url('../img/niftygrid/icons_tab/plus_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.related { background: url('../img/niftygrid/icons_tab/minus_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); }
.related:hover { background: url('../img/niftygrid/icons_tab/minus_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); }
.related-disabled { background: url('../img/niftygrid/icons_tab/minus_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.pos-main {  background: url('../img/niftygrid/icons_tab/position_primary_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.pos-main:hover {  background: url('../img/niftygrid/icons_tab/position_primary_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.pos-main-disabled { background: url('../img/niftygrid/icons_tab/position_primary_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.pos-sec { background: url('../img/niftygrid/icons_tab/position_secondary_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.pos-sec:hover { background: url('../img/niftygrid/icons_tab/position_secondary_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.pos-sec-disabled { background: url('../img/niftygrid/icons_tab/position_secondary_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.main-standing  {  background: url('../img/niftygrid/icons_tab/fav_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.main-standing:hover  {  background: url('../img/niftygrid/icons_tab/fav_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.main-standing-disabled { background: url('../img/niftygrid/icons_tab/fav_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.sec-standing { background: url('../img/niftygrid/icons_tab/fav_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }
.sec-standing:hover { background: url('../img/niftygrid/icons_tab/fav_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }
.sec-standing-disabled { background: url('../img/niftygrid/icons_tab/add_doc_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.join-gallery { background: url('../img/niftygrid/icons_tab/add_gallery_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.join-gallery:hover { background: url('../img/niftygrid/icons_tab/add_gallery_tab_icon.png') center 25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.join-gallery-disabled { background: url('../img/niftygrid/icons_tab/add_gallery_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%);}

.fast-edit { background: url('../img/niftygrid/icons_tab/settings_blue_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.fast-edit:hover { background: url('../img/niftygrid/icons_tab/settings_blue_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.fast-edit-disabled { background: url('../img/niftygrid/icons_tab/settings_blue_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%);}

.star { background: url('../img/niftygrid/icons_tab/fav_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.star:hover  {  background: url('../img/niftygrid/icons_tab/fav_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.star-disabled { background: url('../img/niftygrid/icons_tab/fav_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.explore { background: url('../img/niftygrid/icons_tab/search_doc_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.explore:hover { background: url('../img/niftygrid/icons_tab/search_doc_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.explore-disabled { background: url('../img/niftygrid/icons_tab/search_doc_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.down { background: url('../img/niftygrid/icons_tab/arrow_down_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.down:hover { background: url('../img/niftygrid/icons_tab/arrow_down_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.down-disabled { background: url('../img/niftygrid/icons_tab/arrow_down_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.up { background: url('../img/niftygrid/icons_tab/arrow_up_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.up:hover { background: url('../img/niftygrid/icons_tab/arrow_up_tab_icon.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.up-disabled { background: url('../img/niftygrid/icons_tab/arrow_up_tab_icon.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.undelivered { background: url('../img/niftygrid/icons_tab/icons_tab_doruceni.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.undelivered:hover { background: url('../img/niftygrid/icons_tab/icons_tab_doruceni.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.delivered { background: url('../img/niftygrid/icons_tab/icons_tab_doruceni.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }

.end { background: url('../img/niftygrid/icons_tab/icons_tab_uzaverka.png') center 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.end:hover { background: url('../img/niftygrid/icons_tab/icons_tab_uzaverka.png') center -25px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%);}
.ended { background: url('../img/niftygrid/icons_tab/icons_tab_uzaverka.png') center -50px no-repeat, linear-gradient(to bottom,  #bdbdbd 0%,#a7a7a7 100%); }
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.fast {
  -webkit-animation-duration: 0.35s;
  animation-duration: 0.35s;    
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

.cleaner { clear:both; visibility: hidden; height: 0; line-height: 0; font-size:0; width:0; display:block; border:0; margin:0; padding:0; }
.jcrop-rounded { border-radius: 3px 3px 3px 3px; 
    -moz-border-radius: 3px 3px 3px 3px; 
    -webkit-border-radius: 3px 3px 3px 3px; }

.jcrop-controls { background: #384255; padding: 5px; }
.jcrop-controls .jcrop-panel { background: #212b3e; float: left; border-bottom: 1px solid #455167; border-top: 1px solid #080b10; }
.jcrop-controls .jcrop-panel button { background: #212b3e; border: 2px solid #384255; color: #fff; font-weight: bold; font-size: 11px; line-height: 21px; margin: 4px; }
.jcrop-controls .jcrop-panel button:hover, .jcrop-controls .jcrop-panel button:focus { border-color: #fff; }
.jcrop-controls .jcrop-panel button:active { background: #fff; color: #212b3e; } 
.jcrop-controls .jcrop-panel .jcrop-ico { width: 36px; height: 35px; float: left; }
.jcrop-controls .jcrop-panel .jcrop-ico.crop { background: transparent url(../img/jcrop/jcrop_ico.png) top left no-repeat; }
.jcrop-controls .jcrop-panel .jcrop-ico.area { background: transparent url(../img/jcrop/area_ico.png) top left no-repeat; }
.jcrop-controls .jcrop-panel .jcrop-ico.position { background: transparent url(../img/jcrop/position_ico.png) top left no-repeat; }
.jcrop-controls .jcrop-form input[type=checkbox] { margin-top: 11px;}
.jcrop-controls .jcrop-form label { color: #fff; }
.jcrop-controls .jcrop-form input[type=submit] {
    background: #6498c8; /* Old browsers */
    background: -moz-linear-gradient(top,  #6498c8 0%, #295a9e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6498c8), color-stop(100%,#295a9e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6498c8 0%,#295a9e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6498c8 0%,#295a9e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6498c8 0%,#295a9e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6498c8 0%,#295a9e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6498c8', endColorstr='#295a9e',GradientType=0 ); /* IE6-9 */ 
    
    border-top: 1px solid #cae5fd;
    border-bottom: 1px solid #24528e;
    border-left: none;
    border-right: none;
    color: #fff !important;
    text-shadow: 1px 1px #0e3c77 !important;
    border-radius: 3px 3px 3px 3px; 
    -moz-border-radius: 3px 3px 3px 3px; 
    -webkit-border-radius: 3px 3px 3px 3px;  
    margin-left: 20px; height: 28px;
}
.jcrop-controls .jcrop-form input[type=submit]:hover { background: #27599d; }
.jcrop-controls .divider { clear: none !important; background: transparent url(../img/jcrop/divider.png) top left no-repeat; width: 7px; height: 18px; float: left; margin: 10px 10px; }

.jcrop-row { width: 100%; display: block; position: relative; clear: both;  =zoom: 1; margin: 0 auto; }

#jcrop-canvas { background: transparent url(../img/jcrop/canvas-bg.png) top left repeat; height: 100%; _min-height: 428px; position: relative; float: left; }

#jcrop-wrapper { font-size: 12px; height: 100%;  }
#jcrop-wrapper button, .jcrop-controls .jcrop-form input[type=submit] { cursor: pointer; }
#jcrop-wrapper .jcrop-form { background: none; }
#jcrop-wrapper .jcrop-form tr { float: left; }
#jcrop-wrapper .jcrop-form input[type=text] { width: 45px; margin: 6px; height: 17px; }


/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**
 * This file is part of the Chief
 *
 * Copyright (c) 2011-2013 DesignBeat (http://www.designbeat.cz)
 *
 * For the full copyright and license information, please view
 * the file license.txt that was distributed with this source code.
 */
 
/* -----------------------------------------------------------------------------
resets
------------------------------------------------------------------------------*/

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

/* ----------------------------------------------------------------------------
generic
------------------------------------------------------------------------------*/

html, body { _height: 100%; font-size: 14px; }
body { margin: 0; min-width: 480px; overflow: hidden; padding: 0; }
.radius { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; }
.cleaner { clear:both; visibility: hidden; height: 0; line-height: 0; font-size:0; width:0; display:block; border:0; margin:0; padding:0; }
a {color: #384255;}
a:hover { text-decoration: none;}
a[href^="error:"] { background: red; color: white; }
#logo { bottom: 0px; position: absolute; }
#header h1 { display: block; float: left; font-size: 18px; color: #384255; background-color: #edf1f7; line-height: 37px; margin-top: 3px; padding: 0 10px; 
    border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; -webkit-border-radius: 3px 0px 0px 0px;}
h2 { font-size: 30px; line-height: 38px; font-weight: normal; _font-weight: bold; color: #384255; margin-bottom: 20px; }
h3 { font-size: 20px; line-height: 22px; font-weight: normal; color: #384255; margin-bottom: 20px; }
.title-right { background: url('../img/admin/title-right.png') top left no-repeat; width: 30px; height: 37px; float: left; margin-top: 3px; }
.title-right.white { background: url('../img/admin/title-right-white.png') top left no-repeat !important; }
.go-back { float: left; margin-top: 9px; margin-left: 10px; }
.head-separator { background: url('../img/admin/head-separator.png') top left no-repeat; width: 4px; height: 40px; float: left; margin: 0 10px; }
.tooltip { background-color: #fff; z-index: 999; padding:10px 10px; display:none; color:#3e4860; text-align:left; font-size:11px;
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.22); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.22); box-shadow: 2px 2px 2px rgba(0,0,0,0.22); }
.divider { width: 100%; _border-bottom: 1px solid #e0e7f1; margin: 0 0 20px 0; clear: both;  }
.marginBottom { margin-bottom: 20px; }
.marginTop {margin-top: 20px;}
.marginLeft { margin-left: 20px; }
.left { float: left; }
.right { float: right; }

#ajax-spinner { position:fixed; left: 50%; top: 50%; margin: -15px 0 0 -15px; z-index: 9999; background: #fff url('../img/admin/loading.gif') no-repeat 50% 50%; padding: 13px; width: 128px; 
    height: 128px; font-size: 0; 
    box-shadow:1px 1px 1px rgba(0,0,0,.22);
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,.22);
    -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.22); }

.red { background: #ff7474; /* Old browsers */ background: linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); /* W3C */ }
.red:hover { background: #ff0e03; text-shadow: 1px 1px 0 rgba(200, 70, 70, 1) !important;}

.breadcrumb { padding-top: 10px; font-size: 12px; line-height: 18px; }
.breadcrumb a { color: #e0e7f1; display: block; float: left; text-decoration: none; font-weight: normal; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb span { display: block; float: left; color: #8d9cb9; margin: 0; text-decoration: none; }
.breadcrumb .bracked { margin: 7px 10px 0px 10px; float: left; background: transparent url('../img/admin/bracked.png') center center no-repeat; height: 5px; width: 5px; }

table.grid { border: 1px solid #dadada; }
table.grid tr th:last-child { width: 255px !important;}

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

.row { width: 100%; display: block; position: relative; clear: both;  =zoom: 1; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

#header { background: #212b3e; width: 100%; height: 1px; position: absolute; top: 0px;}
.header-inner { }

#nav { position: absolute; z-index: 99; top: 1px; width:49px; background: #212b3e; height: 100%; border-right: 1px solid #586172; }
.nav-inner { padding: 10px 0px 10px 0px; }
.nav-item { margin-bottom: 10px; display: block; }

#layout { bottom: 0; top: 1px;  left: 49px; min-width: 0; overflow: hidden; position: absolute; right: 0; }
#body { bottom: 0; left: 0; overflow: hidden; padding: 0; position: absolute; right: 0;  top: 0; }
#bodyInner { height: 100%; }

#paneToolbar { background: none repeat scroll 0 0 #384255; color: #DDDDDD; height: 40px; _overflow: hidden; padding-left: 14px; position: relative;
    z-index: 2;
-webkit-box-shadow: 0px 3px 3px rgba(255, 255, 255, 1);
-moz-box-shadow:    0px 3px 3px rgba(255, 255, 255, 1);
box-shadow:         0px 3px 3px rgba(255, 255, 255, 1);}
.action-wrapper { background: #212B3E; margin-right: 20px; float: right; _min-width: 107px; padding: 0 5px; height: 40px; }

.user-avatar { width: 30px; height: 30px; display: block; float: right; background: #384255 url('../img/admin/user-avatar-tiny.png') center center no-repeat; margin-top: 5px; }

.user-menu { z-index: 999; position: absolute; background-color: #fff; color: #212b3e; width: 200px; margin: 0px;  margin-left: 50px; border-top: 1px solid #e9e9e9;    
right: 25px; top: 35px;              
-webkit-box-shadow: 0px 3px 10px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    0px 3px 10px rgba(50, 50, 50, 0.52);
box-shadow:         0px 3px 10px rgba(50, 50, 50, 0.52);}

.user-menu li { display: list-item; float: none; display: block; }
.user-menu li:after { }
.user-menu a:hover { background: #eee; color: #333; }
.user-menu a { display: block; width: 160px; height: 100%; font-size: 14px; color: #3e3e3e; text-decoration: none; padding: 12px 20px; }

#content { bottom: 0; left: 0; overflow: auto; position: absolute; right: 0; top: 40px; padding: 20px; }
#content-middle .inner { margin-bottom: 20px; position: relative; display: block;  }
#content-left-empty { width: 18px; float: left; background: #edf1f7; border-right: 2px solid #e0e7f1; padding: 0; }
#content-left.extended { width: 400px; }
#content-left.extended .inner { }
#content-left { width: 218px; position: fixed; float: left; background: #eee; border: 1px solid #e9e9e9; padding: 0; }
#content-left .inner { padding: 10px 10px 10px 10px; }
#content-right { margin-left: 240px; background: #fff; }
#content-right.extended { margin-left: 420px; }
#content-right .inner { _padding: 20px; }

/* -----------------------------------------------------------------------------
buttons
------------------------------------------------------------------------------*/

a.button, button { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
    border-image: none; _box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer; display: inline-block;  margin-bottom: 0; text-align: center; vertical-align: middle; text-decoration: none; }

.btn-large { border-radius: 3px 3px 3px 3px; padding: 10px 25px; font-size: 14px; }
.btn-small { border-radius: 3px 3px 3px 3px; padding: 3px 10px; font-size: 12px; }
.btn-medium { border-radius: 3px 3px 3px 3px; padding: 5px 20px; font-size: 14px; }

.btn-yellow { background: #ffe000; /* Old browsers */ background: linear-gradient(to bottom, #ffe000 0%,#ffc500 100%); /* W3C */ font-weight: bold;
    color: #965800; border: none; text-shadow: 0 -1px 0 rgba(254, 245, 187, 1); }
.btn-yellow:hover { background: #ffe000; }
.btn-yellow:active { background: ffc500; }

.btn-blue { background: #27599D; background: linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); /* W3C */ text-shadow: 1px 1px #1b4983; font-weight: bold; 
    color: #fff; border: none; }
.btn-blue:hover { background: #6498c8; }
.btn-blue:active { background: #27589d;}

.btn-red {background: #ff0e03; background: linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); /* W3C */ text-shadow: 1px 1px #cc4c4c; font-weight: bold; 
    color: #fff; border: none}
.btn-red:hover { background: #ff7474; }
.btn-red:active { background: #ff0e03; }

.btn-green { background: #61c870; background: linear-gradient(to bottom,  #61c870 0%,#48a35e 100%); text-shadow: 1px 1px #2b7639; font-weight: bold; 
    color: #fff; border: none; }
.btn-green:hover { background: #61c870; }
.btn-green:active { background: #48a35e; }

.btn-edit { border-radius: 3px 3px 3px 3px; padding: 8px 20px 8px 45px; font-size: 12px; text-shadow: 1px 1px #0e3c77; font-weight: bold; 
    text-shadow: 1px 1px 0 rgba(27, 73, 131, 1); color: #fff; border: 1px solid #24528e; border-top: 1px solid #cae5fd; margin-left: 10px; }

.btn-edit-text { background: url('../img/admin/editor/btn-text.png') 15px 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.btn-edit-text:hover { background: #6498c8 url('../img/admin/editor/btn-text.png') 15px 0px no-repeat;  }

.btn-edit-img { background: url('../img/admin/editor/btn-img.png') 15px 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.btn-edit-img:hover { background: #6498c8 url('../img/admin/editor/btn-img.png') 15px 0px no-repeat;  }

.btn-edit-vid { background: url('../img/admin/editor/btn-vid.png') 15px 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.btn-edit-vid:hover { background: #6498c8 url('../img/admin/editor/btn-vid.png') 15px 0px no-repeat;  }

.btn-edit-attach { background: url('../img/admin/editor/btn-attach.png') 15px 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.btn-edit-attach:hover { background: #6498c8 url('../img/admin/editor/btn-attach.png') 15px 0px no-repeat;  }

.btn-edit-div { background: url('../img/admin/editor/btn-div.png') 15px 0px no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.btn-edit-div:hover { background: #6498c8 url('../img/admin/editor/btn-div.png') 15px 0px no-repeat;  }

.btn-check { width: 30px; height: 25px; border: none !important; background: url('../img/admin/check_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #61c870 0%,#48a35e 100%); }
.btn-check:hover { background: #61c870 url('../img/admin/check_tab_icon.png') center -25px no-repeat; }

.btn-close { width: 30px; height: 25px; border: none !important; background: url('../img/admin/close_tab_icon.png') center 0px no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); }
.btn-close:hover { background: #ff7474 url('../img/admin/close_tab_icon.png') center -25px no-repeat; }

.container-btn { margin-bottom: 15px; }


/* -----------------------------------------------------------------------------
elements
------------------------------------------------------------------------------*/

#map-canvas, .chief-map { height: 280px; width: 100%; }
.map-header h2 { margin-bottom: 10px; }
.map-header p { margin-bottom: 10px; }

#logout {  height: 10px; display: block; background: #ff0e03;  background: #ff0e03 url('../img/admin/ico-logout.png') center center no-repeat;
           background: url('../img/admin/ico-logout.png') center center no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); /* W3C */}
#logout:hover { background: #ff7474 url('../img/admin/ico-logout.png') center center no-repeat; }

#pure-menu ul.depth-1 li { display: block; float: left; }
#pure-menu ul.depth-1 li.menu-ico { width: 50px; height: 41px; }
#pure-menu ul.depth-1 li.menu-ico:hover { background-color: #384255; }
#pure-menu ul.depth-1 li.menu-ico.current { background-color: #384255; display: block;}
#pure-menu ul.depth-1 li.menu-ico.current:after, 
#pure-menu ul.depth-1 li.menu-ico:hover:after {content: ""; position: absolute; width: 10px; height: 21px; background: transparent url('../img/admin/arrow-left.png') top left no-repeat; 
       margin-top: 10px; margin-left: 40px; }
#pure-menu ul.depth-1 li.menu-ico.current:hover { }
#pure-menu ul.depth-1 li.super { background: transparent url('../img/admin/pure-menu/nastaveni_icon_btn.png') top left no-repeat; }
#pure-menu ul.depth-1 li.basic { background: transparent url('../img/admin/pure-menu/zarovka_icon_btn.png') top left no-repeat; }
#pure-menu ul.depth-1 li.cm { background: transparent url('../img/admin/pure-menu/clanky_icon_btn.png') top left no-repeat; }
#pure-menu ul.depth-1 li.attlist { background: transparent url('../img/admin/pure-menu/seznamy_icon_btn.png') top left no-repeat; }
#pure-menu ul.depth-1 li.widget { background: transparent url('../img/admin/pure-menu/widgets_icon_btn.png') top left no-repeat; }
#pure-menu ul.depth-1 li.menu-storage { background: transparent url('../img/admin/pure-menu/galerie_icon_btn.png') top left no-repeat; }
#pure-menu ul.depth-1 li.users { background: transparent url('../img/admin/pure-menu/user_icon_btn.png') 15px 12px no-repeat; }
#pure-menu ul { margin-top: 30px; }
#pure-menu ul li { list-style-type: none; cursor: pointer; }
#pure-menu ul.submenu { z-index: 9999; display: none; position: absolute; _background-color: #212b3e; background-color: #fff; color: #212b3e; width: 200px; margin: 0px;  margin-left: 50px; 
border-top: 1px solid #e9e9e9; 
-webkit-box-shadow: 4px 3px 4px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    4px 3px 4px rgba(50, 50, 50, 0.52);
box-shadow:         4px 3px 4px rgba(50, 50, 50, 0.52);}
#pure-menu ul.submenu .submenu { margin-left: 200px; margin-top: -41px; }
#pure-menu ul.submenu li { display: list-item; float: none; display: block; }
#pure-menu ul.submenu li:after { }
#pure-menu ul.submenu a:hover { background: #eee; color: #333; }
#pure-menu ul.submenu a { display: block; width: 160px; height: 100%; font-size: 14px; color: #3e3e3e; text-decoration: none; padding: 12px 20px; }

#action-bar { float: left; margin-top: 1px; margin-right: 10px; }
#action-bar li { display: block; float: left; margin-right: 8px; margin-top: 3px; }
#action-bar li a { background: #384255 url('../img/admin/actionBar/ico-default.png') center center no-repeat; display: block; width: 30px; height: 30px; font-size: 14px; text-decoration: none; 
       color: #7886a1; font-weight: bold; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
#action-bar li a:hover { background: #7886a1 url('../img/admin/actionBar/ico-default.png') center center no-repeat; }
#action-bar li a.list { background: #384255 url('../img/admin/actionBar/ico-list.png') center center no-repeat;}
#action-bar li a.add { background: #384255 url('../img/admin/actionBar/ico-add.png') center center no-repeat;}
#action-bar li a.list:hover, #action-bar li a.add:hover, #action-bar li a:hover { background-color: #7886a1;}

ul.stickers { width: 100%; clear: both; font-size: 12px; }
ul.stickers li { display: block; float: left; margin-right: 5px; margin-bottom: 5px; }
ul.stickers li.last { margin-right: 0;}
ul.stickers li a { display:block; float: left; font-size: 12px; text-transform: uppercase; color: #fff !important; }
ul.stickers li a.active, ul.stickers li a:hover { text-decoration: none; }
ul.stickers li a.remove-sticker { display: block; float: left; 
    background: url('../img/admin/close_tab_icon.png') center center no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); /* W3C */ text-shadow: 1px 1px #0e3c77; 
    height: 15px; width: 7px; text-shadow: 1px 1px #9d0029; border-left: none; border-right: none; }
 ul.stickers li a:hover.remove-sticker { background: #ff7474 url('../img/admin/close_tab_icon.png') center center no-repeat; }
.storage { background: #384255; color: #7886a1; font-size: 12px; }
.storage .stickers { padding: 5px; }
.storage form { background: transparent; }
.storage form .pair label { color: #7886A1; }
.storage:after, .storage .stickers:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

table.basic { width: 100%; background: #fff; margin-bottom: 20px; }
table.basic td, table.basic th { padding: 10px;  border-bottom: 1px solid #e0e7f1; color: #7886a1; }
table.basic tr {}
table.basic th { text-align: left; }
table.basic tr.last td { border-bottom: none; }

.flashes { width: 780px; position: fixed; top: 30px; left: 0; right: 0; z-index: 2000; margin: 0 auto;  font-size: 18px; font-weight: normal; 
    list-style-type: none; margin-bottom: 10px; }
.flashes > li { color: #384255; padding: 23px 23px 23px 85px; margin-top: 0 !important; border-radius: 5px 5px 5px 5px; cursor: pointer;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);}
.flashes > li.hint { border: 3px solid #ffc400; }
.flashes > li.hint { background: #fff url('../img/admin/flash-info.png') 7px 7px no-repeat; }
.flashes > li.info { border: 3px solid #61c870; }
.flashes > li.info { background: #fff url('../img/admin/flash-succ.png') 7px 7px no-repeat; }
.flashes > li.error { border: 3px solid #ff6565; }
.flashes > li.error { background: #fff url('../img/admin/flash-err.png') 7px 7px no-repeat; }
.flashes > li .flash-ico { width: 54px; height: 54px; }

.paginator { margin: 10px 0px; color: #384255; }
.paginator a { color: #384255; }
.paginator a:hover { text-decoration: none; }

table.role { border-collapse: collapse; color: #7886a1; width: 100%; }
table.role tr.dark { background-color: #EDF1F7; }
table.role tr.light { background-color: #fff; }
table.role th { text-align: left; font-size: 14px; padding: 10px; text-transform: uppercase; font-weight: bold; }
table.role td { border: 1px solid #e0e7f1; vertical-align: middle; color: #7886a1; padding: 10px; }
table.role td.roleName { width: 180px !important; }
.roleSelect { width: 170px; }

.stats {color: #384255; }
.stats .stats-list { display: block; }
.stats .stats-list li { float: left; margin: 0px 10px 10px 0; list-style-type: none; }
.stats .stats-list li span { font-size: 24px; line-height: 24px; }

/* -----------------------------------------------------------------------------
filebox
------------------------------------------------------------------------------*/

.file-box-set { width: 100%; clear: both; margin: 0px; padding: 0; _margin-bottom: 5px;}
.file-box-set input[type="checkbox"] { margin-right: 10px; margin-left: 10px; }
.storage .file-box-set form { background: #30394a !important; padding-bottom: 5px; }
.file-box-set form p { margin: 0; }
.file-box-set form label { font-size: 12px !important; }
.file-box-set .default-text { padding: 10px; }
.file-box-set .file-box-wrapper { float: left; }
.file-box-set .file-box-control { background-color: #384255; padding: 5px 3px; color: #fff; }
.file-box-action-control { float: left; margin: 5px; margin-top: 5px !important; }
.file-box-action-control input[type=submit] { margin: 0; float: right !important; text-transform: uppercase; height: 40px !important; font-size: 12px !important;}
.file-box-action-control .label-wrapper label { display: inline; vertical-align: middle; line-height: 40px; }
.file-box-action-control .label-wrapper { float: left; height: 40px; margin-right: 5px; }
.file-box-action-control .select-wrapper { height: 26px; padding: 7px; float: left; }
.storage .file-box-action-control .select-wrapper { background: #212b3e; border-bottom: 1px solid #455167; border-top: 1px solid #080b10;}
.file-box-action-control select { padding: 3px !important; height: auto !important; font-size: 12px !important; }
.files-info { background: #212b3e; border-bottom: 1px solid #455167; border-top: 1px solid #080b10; padding: 7px; float: left; margin: 0px 5px 5px 5px;}
.ui-dialog .files-info { background: transparent; color: #384255; margin-left: 0px; border: none; }

.file-box { float: left; overflow: hidden; padding: 0; margin: 0; background: #fff; cursor: pointer;}
.file-box img { margin: 0; padding: 0; max-width:100%; border: none; vertical-align: top; }
.file-box a { color: #fff; width: 20px; height: 20px; display: block; }
.file-box .type-file { }
.file-box .type-file p { width: 100%; text-align: center; font-size: 10px; }
.file-box-overlay { position: absolute; color: #fff; z-index: 3; margin-bottom: -122px; display: none; background:rgba(33,43,62,0.8);  text-align: center; border: 2px solid rgba(40,69,111,0.8); }
.file-box-overlay .controls { background: transparent; border: solid #fff 3px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; text-align: center; }
.file-box-overlay .controls .box-btn-label { position: absolute; width: 100%; font-size: 14px; font-weight: bold; color: #fff; }
.file-box-overlay .controls .controls-inner { display: inline-block; }
.file-box-overlay .controls:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.file-box-overlay .controls .wrap-btn { float: left; margin-right: 5px; }
.file-box-overlay .controls .wrap-btn:last-child { margin-right: 0; }
.file-box-overlay .controls .wrap-btn:first-child { }
.file-box-overlay .controls a { display: block; }

.file-box a.settings { background: transparent url('../img/admin/icons_img_menu/edit_imgmenu_icon.png') top left no-repeat; }
.file-box a.settings:hover { background-position: 0px -20px; }
.file-box a.download { background: transparent url('../img/admin/icons_img_menu/download_imgmenu_icon.png') top left no-repeat; }
.file-box a.download:hover { background-position: 0px -20px; }
.file-box a.delete { background: transparent url('../img/admin/icons_img_menu/trash_imgmenu_icon.png') top left no-repeat; }
.file-box a.delete:hover { background-position: 0px -20px; }
.file-box a.crop { background: transparent url('../img/admin/icons_img_menu/crop_imgmenu_icon.png') top left no-repeat; }
.file-box a.crop:hover { background-position: 0px -20px; }
.file-box a.use { background: transparent url('../img/admin/icons_img_menu/use_imgmenu_icon.png') top left no-repeat; }
.file-box a.use:hover { background-position: 0px -20px; }
.file-box a.action { background: transparent url('../img/admin/icons_img_menu/action_imgmenu_icon.png') top left no-repeat; }
.file-box a.action:hover { background-position: 0px -20px; }

.file-box .type-file { background: transparent url(../img/admin/file-icons/unknown.png) center center no-repeat;}
.file-box .type-file.txt { background: transparent url(../img/admin/file-icons/txt.png) center center no-repeat; }
.file-box .type-file.pdf { background: transparent url(../img/admin/file-icons/pdf.png) center center no-repeat; }
.file-box .type-file.wav { background: transparent url(../img/admin/file-icons/wav.png) center center no-repeat; }
.file-box .type-file.wmv { background: transparent url(../img/admin/file-icons/wmv.png) center center no-repeat; }
.file-box .type-file.doc { background: transparent url(../img/admin/file-icons/doc.png) center center no-repeat; }
.file-box .type-file.avi { background: transparent url(../img/admin/file-icons/avi.png) center center no-repeat; }
.file-box .type-file.css { background: transparent url(../img/admin/file-icons/css.png) center center no-repeat; }
.file-box .type-file.eps { background: transparent url(../img/admin/file-icons/eps.png) center center no-repeat; }
.file-box .type-file.fla { background: transparent url(../img/admin/file-icons/fla.png) center center no-repeat; }
.file-box .type-file.flv { background: transparent url(../img/admin/file-icons/flv.png) center center no-repeat; }
.file-box .type-file.gif { background: transparent url(../img/admin/file-icons/gif.png) center center no-repeat; }
.file-box .type-file.html { background: transparent url(../img/admin/file-icons/html.png) center center no-repeat; }
.file-box .type-file.jpg { background: transparent url(../img/admin/file-icons/jpg.png) center center no-repeat; }
.file-box .type-file.mbd { background: transparent url(../img/admin/file-icons/mbd.png) center center no-repeat; }
.file-box .type-file.mow { background: transparent url(../img/admin/file-icons/mow.png) center center no-repeat; }
.file-box .type-file.mp3 { background: transparent url(../img/admin/file-icons/mp3.png) center center no-repeat; }
.file-box .type-file.mpg { background: transparent url(../img/admin/file-icons/mpv.png) center center no-repeat; }
.file-box .type-file.ogg { background: transparent url(../img/admin/file-icons/ogg.png) center center no-repeat; }
.file-box .type-file.php { background: transparent url(../img/admin/file-icons/php.png) center center no-repeat; }
.file-box .type-file.ppt { background: transparent url(../img/admin/file-icons/ppt.png) center center no-repeat; }
.file-box .type-file.psd { background: transparent url(../img/admin/file-icons/psd.png) center center no-repeat; }
.file-box .type-file.xls { background: transparent url(../img/admin/file-icons/xls.png) center center no-repeat; }
.file-box .type-file.xml { background: transparent url(../img/admin/file-icons/xml.png) center center no-repeat; }
.file-box .type-file.zip { background: transparent url(../img/admin/file-icons/zip.png) center center no-repeat; }

/* -----------------------------------------------------------------------------
action menu
------------------------------------------------------------------------------*/

ul.action-menu { width: 100%; margin: 0; padding: 0; margin-top: 10px;}
.action-menu h3 { font-size: 18px; font-weight: normal; line-height: 20px; padding-top: 5px; }
ul.action-menu li { background: #fff; border-bottom: #edf1f7; list-style-type: none; }
ul.action-menu li a { display: block; padding: 11px 10px 11px 10px; _font-weight: bold; line-height: 16px; font-size: 14px; 
    color: #5a5a5a; border-bottom: 1px solid #dfdfdf; text-decoration: none;
    background: #ffffff; /* Old browsers */
    background: linear-gradient(to bottom,  #ffffff 0%,#f0f1f2 100%); /* W3C */ }
ul.action-menu li a:hover, ul.action-menu li a.active { color: #fff; 
    background: #8a98af; /* Old browsers */
    background: linear-gradient(to bottom,  #8a98af 0%,#677493 100%); /* W3C */    
    border-bottom: 1px solid #677493;
    text-shadow: 1px 1px #5b647a;}
ul.action-menu li a.red:hover { background: #ff7474; /* Old browsers */ background: linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); /* W3C */ 
border-bottom: 1px solid #e51006;}

/* -----------------------------------------------------------------------------
form DEFAULT RENDERER
------------------------------------------------------------------------------*/

form { color: #384255; width: 100%; background: #fff; }
form .error { margin: 10px 0; }
form .error li { list-style-position: inside; color: #cd0a0a; }
form p { margin-left: 10px;  }
form .controls {  border: 1px solid #E9E9E9; padding: 20px; background: #eee; }
form .controls:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
fieldset { width: 100%; background-color: #fff; padding-bottom: 10px; margin-bottom: 10px; }
fieldset.hightlight { background-color: transparent; border: none; }
fieldset .legend { color: #384255; font-size: 18px; font-weight: normal; padding: 0px 5px 10px 0px; display: block; _text-transform: uppercase !important; 
    background: #fff; }
form .pair { margin-top: 10px; clear: both;  }
form .pair:first-child { margin-top: 0; }
form .pair span label { display: block; margin: 0 0 5px 0px; font-size: 14; font-weight: bold; }
form .pair label { font-size: 14px; color:#5a5a5a; }
form .pair input, form .pair select, form .pair textarea { font-size: 14px; background: #fff; padding: 0 0 0 10px;
    color:#757575; vertical-align:middle; border: 1px solid #cacaca; height: 40px; }
form .pair input:focus, form .pair select:focus, form .pair textarea:focus { background-color: #fffdf1; color: #5a5a5a;  border: 1px solid #ffd300; }
form .pair select { padding: 10px; vertical-align: middle; line-height: normal; }
form .pair textarea { width: 730px; height: 60px; resize: none; }
form .pair textarea.small { width: 570px; }
form .pair textarea.wysiwyg, form .pair textarea.wysiwygMini { width: 100%; margin: 0 !important; height: 200px; }
form .pair textarea.wysiwyg { height: 700px; }
form .pair input[type="text"], form .pair input[type="radio"], form .pair input[type="checkbox"], form .pair input[type="password"], form .pair input[type="email"]  
    { height: 40px; _padding: 5px 5px; }
form .pair input[type="text"], form .pair input[type="email"] { min-width: 250px; _width: 100%; }    
form .pair input[type="text"].title { font-size: 23px; height: 30px;}
form .pair input[type="file"] { padding-left: 0; }
form .pair textarea { padding: 5px !important; }
form .pair input[type="radio"] { vertical-align: text-bottom; border: none; }
form .pair input[type="checkbox"] { margin-right: 10px; border: none; background: none; font-size: 14px; }
form .pair input[type=button], form .pair input[type=submit], input.submit {  cursor: pointer; /* hand cursor on clickable input elements */
    float: left; display: block; font-size: 12px; font-weight: bold !important; height: 30px; padding: 0px 20px; color: #fff; text-align: center; margin-right: 5px; text-transform: uppercase;
    background: #27599D; background: linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); /* W3C */ text-shadow: 1px 1px #0e3c77; border:none; 
    border-radius: 3px 3px 3px 3px; 
    -moz-border-radius: 3px 3px 3px 3px; 
    -webkit-border-radius: 3px 3px 3px 3px; }
form .pair input[type=button]:hover, form .pair input[type=submit]:hover { background: #6498c8; }
form .pair input[type=button]:active, form .pair input[type=submit]:active { background: #27589d;}
#form .controls { position: relative; clear: both;  =zoom: 1; }
form .pair ul.error { list-style-type: none; }
form .pair ul.error li { margin: 10px 10px 0 10px; background-color: #ffe4eb; color: #b41650; border: 1px solid #b41650; line-height: 15px; padding: 10px 10px;}
form small { display: block; background: #f5f5f5 url('../img/admin/form-note.png') 10px 8px no-repeat; font-size: 12px; margin: 10px 10px 0 0px; color:#757575; 
    padding: 10px 10px 10px 40px; font-style: italic; }
.form-control-error { background-color: #fef1f1 !important; color: #ff6565 !important; border: 1px solid #ff6565 !important; }
.form-error-message { position: relative; display: block; background-color: #ff6565; color: #fff; font-size: 14px; font-weight: bold; padding: 10px; position: absolute; margin-top: 5px;
    opacity: 1; cursor: pointer; 
    -moz-box-shadow: 1px 1px 1px rgba(50,99,163,0.22);
    -webkit-box-shadow: 1px 1px 1px rgba(50,99,163,0.22);
    box-shadow: 1px 1px 1px rgba(50,99,163,0.22);}
.form-valid-message {}

#content-left form .controls { padding: 10px; border: none; }
#content-left form fieldset { margin-bottom: 0px; }
#content-left form fieldset .legend { padding: 10px; }

form.inline-form { }
form.inline-form .pair { float: left; margin-left: 10px; }
form.inline-form .pair label { margin-right: 10px; }
form.inline-form .pair:first-child { margin-left: 0; }

/* filter form */

form.export-form .pair { float: left;  margin-right: 20px; margin-top: 0; clear: none; }
form.export-form input[type="submit"] { margin-top: 25px; }
.export-info { background: #384255; color: #fff; padding: 15px; 
    border-radius: 3px 3px 3px 3px; 
    -moz-border-radius: 3px 3px 3px 3px; 
    -webkit-border-radius: 3px 3px 3px 3px; }

form .pair-divider { border-bottom: 1px solid #CACACA; }

/* -----------------------------------------------------------------------------
Page editor
---------------------------------------------------------- --------------------*/

.page-editor-content {}
.editor-row { _width: 100%; display: block; position: relative; clear: both;  =zoom: 1; }

.page-editor { background: #fff; color: #3e4860; }
.page-editor h1, .page-editor h2, .page-editor h3, .page-editor h4, .page-editor h5, .page-editor h6 { color: #384255; margin-bottom: 10px; }
.page-editor h1 { font-size: 30px; font-weight: bold; line-height: 36px; }
.page-editor h2 { font-size: 24px; font-weight: bold; line-height: 30px; }
.page-editor h3 { font-size: 18px; font-weight: bold; line-height: 24px; }
.page-editor h4 { font-size: 16px; font-weight: bold; line-height: 22px; }
.page-editor h5 { font-size: 14px; font-weight: bold; line-height: 20px; }
.page-editor h6 { font-size: 14px; font-weight: normal; line-height: 20px; }
.page-editor .empty-area { background: transparent url('../img/admin/empty-area.png') top left repeat; height: 40px; width: 100%; }

.part-ico { width:30px; height:25px; border-radius: 3px 3px 3px 3px; display:block; margin-left: 5px; }
.part-ico-del { background: url('../img/admin/editor/close_tab_icon.png') center center no-repeat, linear-gradient(to bottom,  #ff7474 0%,#ff0e03 100%); }
.part-ico-up { background: url('../img/admin/editor/ico-up.png') center center no-repeat, linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); }
.part-ico-down { background: url('../img/admin/editor/ico-down.png') center center no-repeat, linear-gradient(to bottom, #6498c8 0%,#27589d 100%); }

.page-editor-header input[type=submit] { margin: 10px 0; }
.editor-form label { font-weight: bold; }
.editor-form .controls { background: transparent; }
.editor-form input[type=text], .editor-form .pair select { font-size: 12px; }
.editor-form input[type=submit], .editor-form .pair input[type=submit], .page-editor-header input[type=submit] {  
    border-radius: 3px 3px 3px 3px; height: 30px; font-size: 12px; text-shadow: 1px 1px #0e3c77; font-weight: bold; 
    text-shadow: 1px 1px 0 rgba(27, 73, 131, 1); color: #fff; border: 1px solid #24528e; border-top: 1px solid #cae5fd; padding: 0px 20px; 
    background: #6498c8; background: linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); text-transform: uppercase; }
.editor-form input[type=submit]:hover, .editor-form .pair input[type=submit]:hover, .page-editor-header input[type=submit]:hover { background: #6498c8; }

.page-editor-controls { display: block; float: left; background: #384255; padding: 10px 0px; width: 100%; }
.page-editor-controls li { list-style-type: none; display: inline-block; }
.page-editor-controls li ul { background: #212b3e; padding: 10px; }
.page-editor-controls li ul li { display: block;}
.page-editor-controls li ul li a { display: block; color: #fff; font-size: 12px; font-weight: normal; text-decoration: none; padding: 10px 10px; }
.page-editor-controls li ul li a:hover { background: #384255; }
.page-editor-parts { margin-top: 10px; }

.parts-wrapper { width: 100%; }
.page-editor-part{ font-size: 14px; line-height: 18px; padding: 10px; border: 1px dashed #dedede; margin-bottom: 10px; }
.page-editor-part:last-child { margin-bottom: 0; }
.page-editor-part:hover { background: #eee; border: 1px dashed #ccc; }
.page-editor-part .editor-video { float: left; }
.page-editor-part p { padding-left: 0; margin-left: 0; }
.page-editor-part .part-controls { float: left; width: 300px !important; margin-left: 10px; }
.page-editor-part .part-controls label { font-size: 12px; display: inline-block; width: 80px; }
.page-editor-part input[type=text], .page-editor-part select { width: 250px; }
.page-editor-part .part-controls input[type=submit] { margin: 0; }
.page-editor-part .pair { width: 350px !important; margin-top: 5px; }
.page-editor-part .empty-button, .empty-button { display: block; float: left; line-height: 125px; text-align: center; margin-right: 10px; cursor: pointer; text-decoration: none;
    background: transparent url('../img/admin/empty-img.png') top left no-repeat; width: 381px; height: 215px; color: #7886a1; font-weight: bold; }

.mce-content-body ul, .mce-content-body ol { list-style-position: inside !important; padding-left: 20px; margin: 20px 0; }
.mce-content-body ul ul, .mce-content-body ol ol { margin: 0 0; } 

.page-editor-part-control-wrapper { float: right; width: 100px; }
.page-editor-part-control { position: absolute; margin-top: -40px; height: 40px; right: 0; list-style-type: none;}
.page-editor-part-control li { list-style-type: none; display: inline-block; float: right; }

.page-editor-part .mce-content-body { min-height: 100px; }

/* -----------------------------------------------------------------------------
TREE
------------------------------------------------------------------------------*/

#tree { margin-top: 25px; }
#tree li { list-style-type: none; }
#tree ul li { margin-left: 40px; list-style-type: none; }
#tree li { margin-top: 10px; }
#tree li:first-child { _margin-top: 0px; }
#tree li .node { border: 2px solid #7886a1; _border: 2px solid #e9e9e9; _border-radius: 10px 10px 10px 10px; border-radius: 3px; float: left; height: 45px; display: inline-block; }
#tree li .node .board { background: #7886a1; width: 40px; height: 100%; float: left; _border-radius: 7px 0 0 7px; _background: #eee !important;}
#tree li .node .root { background: #7886a1 url('../img/admin/node/node-ico-root.png') 12px 15px no-repeat;}
#tree li .node .last { background: #7886a1 url('../img/admin/node/node-ico-dot.png') 15px 15px no-repeat; }
#tree li .node .board:hover { background-color: #667593 !important; }
#tree li .node .board a { display: block; width: 15px; height: 15px; margin: 15px 12px; }
#tree li .node .board a.plus { background: transparent url('../img/admin/node/node-ico-plus.png') center center no-repeat; }
#tree li .node .board a.minus { background: transparent url('../img/admin/node/node-ico-minus.png') center center no-repeat; }
#tree li .node .inner { padding: 15px; float: left;  }
#tree li .node .node-name { float: left; color: #7886a1; _color: #384255; font-size: 14px; font-weight: bold; margin-right: 40px; text-transform: uppercase; }
#tree .buttons { float: left; font-size: 10px; }
#tree .buttons .node-btn { width: 25px; height: 16px; display: block; float: left; 
    transition: all 0.24s ease 0s; -webkit-transition: all 0.24s ease 0s; -moz-transition: all 0.24s ease 0s; -o-transition: all 0.24s ease 0s; }
#tree .buttons .node-btn-widget { background: transparent url('../img/admin/node/ico-widget.png') top left no-repeat; }
#tree .buttons .node-btn-widget:hover { background-position: 0 -17px; }
#tree .buttons .node-btn-up { background: transparent url('../img/admin/node/ico-up-arr.png') top left no-repeat; }
#tree .buttons .node-btn-up:hover { background-position: 0 -17px; }
#tree .buttons .node-btn-down { background: transparent url('../img/admin/node/ico-down-arr.png') top left no-repeat; }
#tree .buttons .node-btn-down:hover { background-position: 0 -17px; }
#tree .buttons .node-btn-edit { background: transparent url('../img/admin/node/ico-settings.png') top left no-repeat; }
#tree .buttons .node-btn-edit:hover { background-position: 0 -17px; }
#tree .buttons .node-btn-plus { background: transparent url('../img/admin/node/ico-plus.png') top left no-repeat; }
#tree .buttons .node-btn-plus:hover { background-position: 0 -17px; }
#tree .buttons .node-btn-delete { background: transparent url('../img/admin/node/ico-trash.png') top left no-repeat; }
#tree .buttons .node-btn-delete:hover { background-position: 0 -17px; }
#tree .buttons .node-btn-visible { background: transparent url('../img/admin/node/ico-visible.png') top left no-repeat; }
#tree .buttons .node-btn-visible:hover { background-position: 0 -17px; }
#tree .buttons .node-btn-invisible { background: transparent url('../img/admin/node/ico-invisible.png') top left no-repeat; }
#tree .buttons .node-btn-invisible:hover { background-position: 0 -17px; }

/* -----------------------------------------------------------------------------
dashboard
------------------------------------------------------------------------------*/

.dashboard {color: #505050; _background: #fff; }
.dashboard article { _border-bottom: 1px solid #e4e4e4; _border: 1px solid #e4e4e4; margin-bottom: 20px; background: #fff; width: 400px; float: left; margin-right: 40px; }
.dashboard article.last { _border-bottom: none; margin-bottom: 0px; }
.dashboard article h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; color: #384255; }
.dashboard article header { margin-bottom: 10px; font-size: 14px; font-weight: normal; }
.dashboard article header strong { color: #7886A1; }
.dashboard article header .date {}
.dashboard article header a { font-size: 10px; color: #7886A1; font-style: italic; }
.dashboard article header a:hover { text-decoration: none; }
.dashboard article .img-box { float: left !important; width: 45px; height: 45px; background: #7886A1 url('../img/admin/user-avatar.png') center center no-repeat; }
.dashboard article .left-content { float: left; width: 45px; }
.dashboard article .msg-content { margin-left: 60px; height: 200px; overflow: auto; color: #7886a1; font-size: 14px; line-height: 18px; }
.dashboard article .board-controls { float: left; font-size: 10px; font-style: italic; margin-top: 10px; }
.dashboard table { width: 100%; font-size: 14px; color: #7886a1; }
.dashboard table td { border: 1px solid #e0e7f1; padding: 20px;}

/* -----------------------------------------------------------------------------
login
------------------------------------------------------------------------------*/

#login { background: #e2e8eb}
#login #flash { width: 980px; margin: 0 auto; }
#login #wrap { height: 300px; }
#login #mid { width: 100%; height: 240px; margin-top: -120px; position: absolute;  top: 50%; }
#login .logo { margin-top: 80px; float: left; }
#login #chiefLogo { background: transparent url('../img/admin/logo.png') center center no-repeat; width: 100%; height: 102px; position: absolute; margin: -160px 0 0 0; }
#login .logo img { margin: 0 0 0 10px; }
#login #loginForm { width: 350px; height: 237px; margin: 20px auto; background-color: #384255; padding: 5px; border-radius: 3px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#login #loginForm .inner { height: 100%; width: 100%; background-color: #212b3e; border-top: 1px solid #080b10; border-bottom: 1px solid #455167; border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; }
#login #loginForm form { background-color: transparent !important; }
#login #loginForm form .controls { background: transparent !important; border: none; padding: 10px 20px 20px 20px;}
#login #loginForm label { color: #fff; display: block;  margin-top: 10px; font-size: 14px; margin-bottom: 10px; }
#login #loginForm .form-error-message { visibility: hidden; font-size: 14px; }
#login #loginForm .form-control-error { background-color: #fcd6e7; color: #b1134d; border: 1px solid #b1134d; }
#login form input[type="text"], #login form input[type="password"] { clear: both; padding: 2px 5px 2px 5px; border: solid #dfdede 1px; height: 30px; width: 300px;
    color: #3e4860; border-radius: 3px; -moz-border-radius: 3px;  -webkit-border-radius: 3px; }
#login form input[type="submit"] { font-size: 12px; border: none; font-weight: bold; padding: 10px 10px; margin-top: 15px; color: #fff; cursor: pointer; width: 310px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #27589d; background: linear-gradient(to bottom,  #6498c8 0%,#27589d 100%); text-shadow: 1px 1px #1b4983; }
#login form input[type="submit"]:hover { background: #6498c8; }
#login form input[type="submit"]:active { background: #27589d; }
#login form .errors { display: block; position: absolute; font-size: 14px; font-weight: bold; width: 334px; margin-top: -75px; margin-left: -5px; padding: 10px;
        border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; border: 3px solid #ff6565;}
#login form .errors li { list-style-type: none; color: #384255;}
#login .support p { font-size: 11px; }
#login footer { margin: 0; padding-top: 20px; color: #3e4860; font-size: 11px; 
    width: 350px; text-align: center; }
#login footer img { margin-bottom: 10px; }