/**
* @file: highslide.css 
* @version: 4.1.13
*/
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	/*visibility: hidden;*/
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	/*position: absolute;*/
	background: black;
}
a.highslide-full-expand {
   background: url(/images/highslide/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(/images/highslide/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(/images/highslide/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 106px;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	padding: 0;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(/images/highslide/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(/images/highslide/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(/images/highslide/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.mobile .highslide-html {
	border: 1px solid silver;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(/images/highslide/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 5;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(/images/highslide/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	width: 90%;
	margin: 1px 0 1px 5px;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(/images/highslide/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(/images/highslide/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(/images/highslide/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(/images/highslide/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(/images/highslide/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(/images/highslide/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
	direction: ltr;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(/images/highslide/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(/images/highslide/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}

.highslide-thumbstrip-vertical-overlay {
	overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(/images/highslide/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(/images/highslide/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
	width: 60px; /* t=5481 */
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
	max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}html{
      height: 100%;
      margin: 0;
      padding: 0;
}

body{

      padding: 0;
      margin: 0;
      font-weight: 300;
      font-family: 'Raleway';
      font-size: 11pt;
}

a{
      color: black;
      text-decoration: underline;
      cursor: pointer;
}

a:hover{
      color: #F3C81C;
}

input[type="file"], input[type="email"], input[type="text"], input[type="password"], select, textarea{
      font-family: 'Raleway';
      border: 1px solid #ddd;
      border-radius: 2px;
      height: 34px;
      padding: 2px 4px;
      font-size: 11pt;
      font-weight: 300;
}

select{
      -ms-box-sizing:content-box;
      -moz-box-sizing:content-box;
      -webkit-box-sizing:content-box;
      box-sizing:content-box;
}

.page{
      min-height: 100%;
      border-bottom: 1px solid #ccc;
}

.page100{
      height: 100%;
      min-height: 620px;
      overflow: hidden;
}
/*
#topMenu{
      height: 40px;
      line-height: 40px;
      text-align: center;
      padding-top: 10px;
      font-weight: 300;
}

#topMenu a{
      color: black;
      text-decoration: none;
      padding: 0 10px;
      cursor: pointer;
}

#topMenu a:hover{
      text-decoration: underline;
}
*/
#homeLogo{
      margin: 55px auto;
      width: 245px;
      height: 180px;
}

#hpSections{
      height: 160px;
      width: 100%;
}

#hpsAlight{
      width: 50%;
      float: left;
      height: 100%;
      background: #FFEA96;
}

#hpsSlight{
      width: 50%;
      float: right;
      height: 100%;
      background: #38C465;
}

#hpsA, #hpsS{
      float: right;
      width: 300px;
      height: 100%;
      text-align: center;
      color: white;
      background-color: #F3C81C;
      text-transform: uppercase;
      cursor: default;
      text-decoration: none;
}



#hpsS{
      float: left;
      background-color: #217C3E;
}

#hpsA span, #hpsS span{
      background: url('/images/general/ico-absolvent.png') top center no-repeat;
      width: 100%;
      height: 20px;
      padding-top: 70px;
      margin-top: 20px;
      display: block;
      margin-bottom: 0px;
      font-size: 12pt;
}

#hpsS span{
      background: url('/images/general/ico-skolitel.png') top center no-repeat;
}

#hpsA b, #hpsS b{
      font-size: 18pt;
      font-weight: 800;
}

#btnDown{
      background: url('/images/general/btn-down.png') top center no-repeat;
      width: 74px;
      height: 74px;
      margin: 15px auto;
      display: block;
      transition: 200ms;
      cursor: pointer;
}

#btnDown:hover{
      margin-top: 35px;
}

.table{
      display: table;
      width: 100%;
      height: 100%;
}


.row{
      display: table-row;
      height: 50%;
}

.td{
      display: table-cell;

}

.middle{
      vertical-align: middle;
}

h2, h1{
      color: #666666;
      font-family: 'Raleway';
      font-size: 16pt;
      font-weight: bold;
      margin: 10px 0 15px 0;
      text-align: center;
      cursor: default;
}

#hp .container{
      width: 960px;
      margin: auto;
}

.container{
      width: 100%;
      margin: auto;
}

.lineBlue{
      height: 80px;
      width: 100%;
      background: url('/images/general/line-blue.png') center center repeat-x;
      margin: 0 0 25px 0;
}

.lineGray{
      height: 80px;
      width: 100%;
      background: url('/images/general/line-gray.png') center center repeat-x;
      margin: 0 0 25px 0;
}


.hpp{
      width: 48%;
      float: left;
      font-weight: 300;
      line-height: 170%;
      cursor: default;
}

.hpp:nth-of-type(2n+0){
      float: right;
}

.hpp b,.hpp strong{
      font-weight: 600;
}

h3{
      font-family: 'Raleway';
      font-size: 15pt;
      font-weight: bold;
      margin: 15px 0 15px 0;
}

#contact{
      cursor: default;
}

#contact a{
      color: black;
      text-decoration: none;
}

#contact a:hover{
      text-decoration: underline;
}



#howItWorks{
      margin: 35px 0;
}

#howItWorks span{
      display: inline-block;
      height: 30px;
      line-height: 30px;
      padding-right: 60px;
      font-size: 14pt;
      font-weight: 300;
      cursor: default;
}

#howItWorks b{
      display: inline-block;
      background: url('/images/general/li-bg-blue.png') center center no-repeat;
      width: 30px;
      height: 30px;
      color: white;
      text-align: center;
      margin-right: 10px;
      font-weight: 600;
      font-size: 13pt;
}

#btnRegisterA, #btnRegisterS, .btn{
      padding: 0 15px 0 42px;
      background: url('/images/general/btn-absolvent.png') center left no-repeat #F3C81C;
      height: 30px;
      line-height: 360px;
      color: white;
      font-weight: 700;
      font-size: 9pt;
      text-decoration: none;
      text-transform: uppercase;
      display: inline-block;
      margin: 30px 0 0px 0;
      cursor: pointer;
}

.btn{
      background: #4d4d4d;
      margin: 0;
      padding: 0 30px;
      height: 36px;
      line-height: 36px;
      font-size: 9pt;
}

#btnRegisterA:hover{
      box-shadow: 0px 2px 2px #aaa;
      background-color: #4D4D4D;
}

#btnRegisterS:hover{
      box-shadow: 0px 2px 2px #aaa;
      background-color: #4D4D4D;
}


#btnRegisterS{
      background: url('/images/general/btn-skolitel.png') center left no-repeat #217C3E;
}

.btnBlueBack{
      background-color: #F3C81C;
}

.btnGreen, .btnGreen:hover{
      background-color: #00CE4F !important;
}

.btnRed, .btnRed:hover{
      background-color: #CC0000 !important;
}

.btnBlueBack:hover{

}

.btnBlueBack span, .btnBack span, .btnNext span{
      display: inline-block;
      height: 100%;
      width: 18px;
      float: left;
      margin-right: 10px;
}

.slidesjs-navigation{
      display: none;
}

.btnBlueBack span{
      background: url('/images/general/btn-back.png') center center no-repeat;
}

.btnBack span{
      background: url('/images/general/btn-back.png') center center no-repeat;
}

.btnNext span{
      background: url('/images/general/btn-next.png') center center no-repeat;
      float: right;
      margin-left: 10px;
}

.pInfo{
      width: 100%;
      height: 80px;
      line-height: 80px;
      color: white;
      font-size: 20pt;
      font-family: 'Raleway';
      font-weight: 300;
      text-align: right;
      margin-top: 40px;
      cursor: default;
}

.pInfo b{
      font-weight: 600;
}

.pInfo a{
      color: white;
      text-decoration: none;
}


.hpInfoBlue{
      background-color: #FFEA96;
}

.hpInfoGray{
      background-color: #A6A6A6;
}

.pInfo div{
      float: right;
      width: 45%;
      height: 40px;
      line-height: 40px;
      font-size: 15pt;
      font-weight: 600;
      margin: 20px 0 20px 0;
      padding-left: 15px;
      text-align: left;
      margin-left: 15px;
}

.hpInfoBlue div{
      background-color: #F3C81C;
}

.hpInfoGray div{
      background-color: #4D4D4D;
}

.pInfo a:hover{
      text-decoration: underline;
}

.order b{
      font-family: 'Raleway;
      font-weight: 600;
}

.tarif{
      width: 120px;
      text-align: center;
      color: white;
      cursor: pointer;
      float: left;
      margin-right: 20px;
      margin-bottom: 10px;
}

#extraSale{
      background-color: #E6E6E6;
      line-height: 20px;
      height: 20px;
      padding: 15px 5px ;
      cursor: default;
}

.formData{
      cursor: default;
}

#extraSale b{
      font-weight: 600 !important;
}



.tarifContainer{
      height: 180px;
}

.tarif:hover .tarifBG, .tarifActive .tarifBG{
      background-color: #217C3E;
      border: 1px solid #217C3E;
}

.tarifLenUnit{
      color: black;
      font-size: 13pt !important;
      background-color: white;
      height: 30px;
      line-height: 30px;
}

.tarifBG{
      border-radius: 6px;
      height: 140px;
      background: #808080;
      border: 1px solid #808080;
      z-index: 2;
      position: relative;
}

.tarifLen{
      font-weight: 800 !important;
      font-size: 30pt !important;
      line-height: 50px;
      margin-bottom: 5px;
}

.tarifSale{
      background-color: #F3C81C;
      height: 20px;
      padding-top: 10px;
      padding-bottom: 7px;
      color: white;
      font-weight: 800 !important;
      margin-top: -8px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      position: relative;
      font-size: 14pt !important;
      z-index: 1;
      text-transform: uppercase;
}

.priceUnit{
      font-weight: 600 !important;
      font-size: 14pt !important;
      height: 30px;
      line-height: 30px;
}

.priceTotal{
      font-weight: 400 !important;
      height: 20px;
      line-height: 20px;
}

#currentClasses{
      height: 160px;
      width: 100%;
}

.slideClassPromo{
      width: 100%;
      height: 160px;
      border-radius: 4px;
      background: linear-gradient(to bottom, #01C8FB, #10ABDE);
      color: white;
      overflow: hidden;
}

.cClogo{
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background-position: center center;
      background-repeat: no-repeat;
      background-color: white;
      margin-bottom: 5px;
      display: none;
}

.cClogoName{
      line-height: 20px;
}

.cCimg{
      width: 100px;
      float: left;
      margin: 10px 18px 10px 10px;
      color: white;
      font-family: 'Raleway';
      text-align:center;
      font-size: 11pt;
}

.cCText h4{
      margin: 15px 0 8px 0;
      font-family: 'Raleway';
      font-size: 12pt;
      cursor: default;
}

.cCText{
      line-height: normal;
      font-family: 'Raleway';
      font-size: 11pt;
      padding-right: 10px;
      cursor: default;
}

.faqQ{
      line-height: 30px;
      font-size: 14pt;
      font-weight: 300;
      margin: 30px 0;
      cursor: pointer;
      text-decoration: none;
      display: block;
}

.faqQ:hover{
      text-decoration: underline;
}

.faqQ:hover span{
      background: url('/images/general/li-bg-darkgray.png') center left no-repeat;
      text-decoration: none;
}

.faqQ span{
      width: 30px;
      height: 30px;
      background: url('/images/general/li-bg-lightgray.png') center left no-repeat;
      display: inline-block;
      text-align: center;
      color: white;
      font-weight: 700;
      font-size: 14pt;
      margin-right: 15px;
}

.faqA{
      font-size: 13pt;
      padding: 0px 0px 15px 45px;
      font-weight: 300;
      cursor: default;
}

.faqA ul{
      margin: 0 0 0 15px;
}

.faqA li{
      padding: 5px 0px 5px 45px;
}

.clrA{
      color: #F3C81C !important;
}

.clrS{
      color: #217C3E !important;
}

#contactSlist{
      width: 100%;
      height: 275px;
      overflow-y: auto;
}

#contactSlist a{
      display: block;
      height: 102px;
      margin-bottom: 20px;
      text-decoration: none;
      overflow: hidden;
}

#contactSlist a:hover{
      text-decoration: none;
}

#contactSlist span{
      display: block;
}

.cslLogo{
      width: 100px;
      height: 100px;
      float: left;
      background-position: center center;
      background-repeat: no-repeat;
      background-color: white;
      border-radius: 50%;
      border: 1px solid #ccc;
      margin-right: 20px;
}

.cslText{
      float: left;
}

.cslName{
      font-weight: 600;
      margin-bottom: 5px;
      margin-top: 5px;
}

#cfLeft{
      width: 240px;
      float: left;
      margin-right: 50px;
}

#cfRight{
      float: left;
      width: 650px;
      margin-top: 10px;
}

#cfRight textarea{
      height: 120px;
}

#cfLeft input, #cfRight textarea{
      width: 100%;
      background: transparent;
	outline: none;
	border: none;
	padding: 8px 8px 6px 8px;
      background: linear-gradient(#fff, #fff) no-repeat scroll left bottom / 1px 6px, linear-gradient(#fff, #fff) repeat-x scroll center bottom / 1px 1px, transparent linear-gradient(#fff, #fff) no-repeat scroll right bottom / 1px 6px;
      color: white;
      font-size: 13pt;
      font-weight: 300;
      margin-bottom: 15px;
}

#cfLeft input:focus, #cfRight textarea:focus{
      background: linear-gradient(#F3C81C, #F3C81C) no-repeat scroll left bottom / 1px 6px, linear-gradient(#F3C81C, #F3C81C) repeat-x scroll center bottom / 1px 1px, transparent linear-gradient(#F3C81C, #F3C81C) no-repeat scroll right bottom / 1px 6px;
}

#contactForm{
       background-color: #4D4D4D;
       padding: 40px 0;
       margin-top: 50px;
       color: white;
}

#contactForm .btnBig{
      margin-top: 50px;
      margin-bottom: 10px;
      color: black;
      transition: 150ms;
      text-decoration: none;
      font-size: 11pt;
      height: 45px;
      line-height: 45px;
}

#contactForm .btnBig:hover{
      background-color: white !important;
      text-decoration: none;
}

#footer{
      height: 105px;
      background-color: #A6A6A6;
      color: white;
      overflow: hidden;
      font-weight: 300;
}

#copy{
      height: 15px;
      padding-top: 40px;
      text-align: center;
      margin-top: 25px;
      float: left;
      cursor: default;
}

#fMenu{
      margin-top: 65px;
      float: left;
      margin-left: 30px;
}

#fMenu a, #webhit a{
      color: white;
      text-decoration: none;
      padding-right: 40px;
      cursor: pointer;
}

#webhit a{
      padding-right: 0;
}

#webhit{
      float: right;
      margin-top: 60px;
      cursor: default;
}

#fMenu a:hover, #webhit a:hover{
      text-decoration: underline;
}

#hpSubmenuA{
      background-color: #F3C81C;
      float: right;
}

#hpSubmenuS{
      background-color: #217C3E;
      float: left;
}

.logged #hpSubmenuA, .logged #hpSubmenuS{
      height: 100px;
}

.logged #hpSubmenuA a, .logged #hpSubmenuS a{
      cursor: pointer;
      text-decoration: none;
}

.logged #hpSubmenuA a:hover, .logged #hpSubmenuS a:hover{
      text-decoration: underline;
}

.logged #hpSubmenuS .btn{
      width: 150px;
      margin: 15px;
      background-color: #38C465;
}

.logged #hpSubmenuS .btn:hover{
      background-color: white;
      color: #217C3E;
      text-decoration: none;
}

.logged #hpSubmenuA .btn{
      width: 150px;
      margin: 15px;
      background-color: #FFEA96;
      color: black;
}

.logged #hpSubmenuA .btn:hover{
      background-color: white;
      color: #F3C81C;
      text-decoration: none;
}

.submenu{
      width: 300px;
      height: 200px;
      color: white;
      z-index: 20;
}

.submenu a{
      color: white;
}

#hpsA, #hpsAlight .submenuBody,  #hpsAlight input, #hpsAlight .subFormControl .subFormSubmit, #hpsAlight .subFormControl .subFormHelp{
      color: black !important;
}


input[type="file"]{
      font-size: 12pt;
}

input[type="file"], input[type="text"], input[type="password"], input[type="email"], select, textarea{
	padding: 0px 8px 0px 8px;
      background: transparent;
      background: linear-gradient(#ccc, #ccc) no-repeat scroll left bottom / 1px 6px, linear-gradient(#ccc, #ccc) repeat-x scroll center bottom / 1px 1px, transparent linear-gradient(#ccc, #ccc) no-repeat scroll right bottom / 1px 6px;
      box-sizing: border-box;
	outline: none;
	border: none;
      border: medium none;

}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus{
      background: linear-gradient(#F3C81C, #F3C81C) no-repeat scroll left bottom / 1px 6px, linear-gradient(#F3C81C, #F3C81C) repeat-x scroll center bottom / 1px 1px, transparent linear-gradient(#F3C81C, #F3C81C) no-repeat scroll right bottom / 1px 6px;
}

.cke_reset_all input[type="text"]{
      background: none;
}


.submenu input{
      width: 74%;
      color: white;
      font-size: 14pt;
      margin: 0 auto;
      display: block;
      text-align: center;
      background: linear-gradient(#FFf, #fFF) no-repeat scroll left bottom / 1px 6px, linear-gradient(#FFf, #fFF) repeat-x scroll center bottom / 1px 1px, transparent linear-gradient(#FFf, #fFF) no-repeat scroll right bottom / 1px 6px;
      padding: 4px 8px 3px;
      font-weight: 400;
}

.submenuLabel{
      height: 30px;
      line-height: 30px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 400;
      margin-top: 5px;
}

.submenuBody{
      height: 160px;
}

.submenuFooter{
      background-color: #4D4D4D;
      height: 40px;
      line-height: 40px;
      padding: 0 28px;
}

.subFormHelp{
      font-size: 13pt;
      float: left;
      font-weight: 300;
      text-decoration: none;
      cursor: default;
}

a.subFormHelp:hover{
      text-decoration: underline;
      cursor: pointer;
}

.subFormSubmit{
      text-transform: uppercase;
      float: right;
      font-weight: 700;
      font-size: 13pt;
      cursor: pointer;
      text-decoration: none;
}

.subFormSubmit:hover{
      text-decoration: underline;
}

.subFormControl{
      padding: 15px 28px 0 28px;
}

.appMenu{
      width: 100%;
      height: 160px;
      margin-top: 10px;
      overflow: hidden;
}

.appMenuA{
      background-color: #FFEA96;
}

.appMenuA .container{
      background-color: #F3C81C;
}

.appMenuS{
      background-color: #38C465;
}

.appMenuS .container{
      background-color: #217C3E;
}


.appLogo{
      background: url('/images/general/logo-app.png') center center no-repeat white;;
      width: 210px;
      height: 100%;
      float: left;
}

.mask{
      float: right;
      height: 160px;
      width: 50%;
}

.appMenuA .mask{
      background-color: #F3C81C;
}

.appMenuS .mask{
      background-color: #217C3E;
}

.appUser{
      width: 200px;
      height: 100%;
      float: left;
      text-align: center;
      color: white;

      cursor: default;
}

.appUser .userIco{
      display: block;
      margin: 18px auto 17px auto;
      width: 100px;
      height: 60px;

}

.appUserA .userIco{
      background: url('/images/general/ico-absolvent.png') center center no-repeat;
}

.appUserS .userIco{
      background: url('/images/general/ico-skolitel.png') center center no-repeat;
}


.appUser .label{
      display: block;
      font-weight: 300;
      height: 18px;
      line-height: 14px;
}

.appUser .name{
      font-size: 13pt;
      font-weight: 800;
      height: 27px;
      line-height: 20px;
      margin-top: 5px;
      display: block;
}

.appMenuItems{
      float: right;
      margin-top: 111px;
      height: 20px;
      line-height: 20px;
      text-align: right;
 }

 .logoutMenu{
      float: right;
      margin: 20px 0 -40px -200px;
      width: 200px;
      overflow: visible;
      text-align: right;
 }

.appMenuItems a, .logoutMenu a{
      display: inline-block;
      color: white;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 600;
      margin-right: 10px;
      padding: 7px 14px;
      border-radius: 20px;
}


.appMenuItems a:hover, .menuActive, .logoutMenu a:hover{
      cursor: pointer;
      background-color: rgba(255,255,255,0.3);
}

.appMenuItems a span{
      color: black;
      min-width: 8px;
      height: 16px;
      line-height: 15px;
      font-size: 9pt;
      margin-top: 2px;
      text-align: center;
      background-color: white;
      border-radius: 8px;
      display: block;
      float: right;
      margin-left: 5px;
      padding: 0 4px;
}

.appMenu .container{
      overflow: hidden;
      position: relative;
      float: left;
      left: 50%;
      margin-top: -160px;
      height: 100%;
      margin-left: calc((1100px - 550px) * -1);
}

#navigation{
      margin-left: 10px;
      height: 40px;
      line-height: 40px;
      color: #bbb;
      font-size: 11pt;
      cursor: default;
}

#navigation a{
      color: #bbb;
      text-decoration: none;
      padding-left: 11px;
      margin-left: 8px;
      background: url('/images/general/li.png') center left no-repeat;
}

#navigation a:hover{
      color: black;
}

#multiLabel{
      color: #aaa;
      font-weight: 300;
      text-align: center;
      font-size: 13pt;
}

#multi{
      background-color: #A6A6A6;
      height: 100px;
      margin: 5px 0 40px 0;
      text-align: center;
      font-size: 0;
      overflow: hidden;
}

.multiItem{
      width: 100px;
      display: inline-block;
      font-size: 13pt;
      font-family: 'Raleway';
      font-weight: 600;
      color: white;
      height: 96px;
      cursor: pointer;
      border-bottom: 4px solid transparent;
      overflow: hidden;
      padding: 0 5px;
      text-decoration: none;
}

.multiA .multiItem:hover, .multiA .multiActive{
      border-bottom: 4px solid #F3C81C;
      color: white;
}

.multiS .multiItem:hover, .multiS .multiActive{
      border-bottom: 4px solid #217C3E;
      color: white;
}

.multiItem:hover, .multiActive{
      background-color: #4D4D4D;
}

.multiItem:hover .multiIco, .multiActive .multiIco{
      width: 48px;
      height: 48px;
      margin: 6px auto 1px auto;
}

.multiIcoC{
      width: 100%;
      height: 55px;
      display: block;
      overflow: hidden;
}

.multiIco{
      background-position: center center;
      background-repeat: no-repeat;
      background-color: white;
      border-radius: 50%;
      width: 42px;
      height: 42px;
      display: block;
      margin: 9px auto 4px auto;
      transition: 200ms;
}


.multinameT{
      display: table;
      width: 100%;
}

.multiname{
      height: 36px;
      line-height: 16px;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      width: 100%;
}

.classes{
      margin-bottom: 20px;
      margin-top: 0px;
      text-align: center;
}

.class{
      width: 220px;
      height: 380px;
      display: inline-block;
      margin: 0 22px 30px 22px;
      cursor: default;
}

/*
.class:nth-child(4n){
      margin-right: 0;
}
*/

.cImg, .cLogo{
      width: 200px;
      height: 200px;
      border-radius: 50%;
      overflow: hidden;
      border: 1px solid #ccc;
      background-position: center center;
      background-repeat: no-repeat;
      background-color: white;
      background-size: 120% auto;
      margin: 0 auto;
}

.cLogo{
      display: none;
}

.cLogo{
      width: 128px;
      height: 128px;
      position: absolute;
      margin: -114px 0 0 190px;
      background-size: 100% auto !important;
}

.class h4{
      font-family: 'Raleway';
      text-align: center;
      font-size: 11pt;
      margin: 20px 0 10px 0;
      height: 20px;
      text-overflow: ellipsis;
}

.cDesc{
      line-height: 20px;
      height: 80px;
      font-weight: 400;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 10px;
      font-size: 9pt;
}

.class td{
      font-weight: 300;
      font-size: 10.5pt;
}
.class table{
      border-top: 1px solid #ccc;
      width: 100%;
      height: 42px;
}

.cCal{
      height: 20px;
      padding-left: 20px;
      background: url('/images/general/ico-calendar.png') center left no-repeat;
}

.cTime{
      height: 20px;
      padding-left: 20px;
      background: url('/images/general/ico-time.png') center left no-repeat;
      display: inline-block;
}

.cCapacity{
      height: 20px;
      padding-left: 20px;
      background: url('/images/general/ico-user.png') center left no-repeat;
      display: inline-block;
}

.cCert{
      height: 24px;
      line-height: 24px;
      padding-left: 20px;
      background: url('/images/general/ico-certifikaty.png') center left no-repeat;
      display: inline-block;
}


.class .btn{
      width: 49.5%;
      padding: 0;
      text-align: center;
      float: left;
      margin-right: 1px;
      background-color: #4D4D4D;
      font-size: 9pt;
      height: 36px;
      line-height: 36px;
}


.class .btn:nth-child(2n+1){
      float: right;
}

.class .btn:hover{
      background-color: #F3C81C;
}

.btn:hover{
      background-color: #F3C81C;
      color: white;
}

.btnPlus span, .btnOk span, .btnCancel span, .btnRemove span, .btnBack span{
      display: inline-block;
      width: 16px;
      height: 36px;
      margin-bottom: -12px;
      margin-right: 5px;
}

.btnGray, .btnDisabled, .btnDisabled:hover{
      background-color: #ccc;
}

.btnGray:hover{
      background-color: #4D4D4D;
}

.btnBig{
      height: 40px !important;
      line-height: 40px !important;
      padding: 0 20px;
      font-size: 12pt;
}

.btnOkBig span{
      display: inline-block;
      width: 25px;
      height: 40px;
      margin-bottom: -14px;
      margin-right: 10px;
      background: url('/images/general/btn-ok-big.png') center center no-repeat;
}



.btnPlus span{
      background: url('/images/general/btn-plus.png') center center no-repeat;
}

.btnOk span{
      background: url('/images/general/btn-ok.png') center center no-repeat;
}

.btnBack span{
      background: url('/images/general/btn-back.png') center center no-repeat;
}

.btnCancel span{
      background: url('/images/general/btn-cancel.png') center center no-repeat;
}

.btnBlue{
      background-color: #F3C81C;
}

.btnBlue:hover{
      background-color: #4D4D4D;
}

.btnCancel{
      background-color: #ff0000;
}


.pages{
      height: 25px;
      line-height: 25px;
      margin: 10px auto 40px auto;
      text-align: center;
      font-weight: 300;

}

.pagePrev, .pageNext{
      width: auto !important;
      height: 25px;
      background: url('/images/general/page-prev.png') center left no-repeat;
      padding-left: 20px;
      margin: 0px;
      cursor: pointer;
      text-decoration: none;
      color: transparent;
      line-height: 25px;
}

.pageNext{
      background: url('/images/general/page-next.png') center right no-repeat;
      padding-left: 0px;
      padding-right: 20px;
      text-decoration: none;
}

.pagePrev:hover, .pageNext:hover{
      text-decoration: underline;
      background-color: transparent !important;
      color: transparent  !important;
}

.pagesA a{
      width: 25px;
      height: 25px;
      line-height: 25px;
      display: inline-block;
      cursor: pointer;
      text-decoration: none;
}

.pagesA a:hover, .pageActive{
      background-color: #4D4D4D;
      color: white;
}

#pagesTop, #pagesBottom{
      margin: 25px 0;
}

.promos{
      margin: 10px auto 50px auto;
      height: auto;
}

.promoBox{
      width: 502px;
      float: left;
      text-decoration: none;
}

.promoBox a{
      text-decoration: none;
}

.promoBox:nth-child(2){
      float: right;
}

#inviteCodeLabel{
      font-size: 14pt;
      font-weight: 300;
      text-align: center;
}

#inviteCode{
      background-color: #4D4D4D;
      width: 470px;
      color: white !important;
      margin: 40px auto 100px auto;
      text-align: center;
      padding-top: 10px;
      font-weight: 300;
      font-size: 14pt;

}

#inviteCode span{
      color: white;
}

#inviteCode input[type='text']{
      height: 40px;
      line-height: 40px;
      background: transparent;
      background-color: #E6E6E6;
      padding: 0 5px;
      border-radius: 0;
      text-transform: uppercase;
      text-align: center;
      width: 250px;
      margin: 10px 0;

}

#inviteCode a{
      display: inline-block;
      width: 260px;
      border-bottom: 4px solid #F3C81C;
      font-family: 'Raleway';
      font-weight: bold;
      height: 30px;
      line-height: 20px;
      cursor: pointer;
      transition: 200ms;
      font-size: 10pt;
      color: white;
      text-decoration: none;
}



#inviteCode a:hover{
      width: 100%;
}

.btnCancel:hover{

}

.ticket{
      background: url('/images/general/ticket.png') center top no-repeat;
      padding: 25px 5px 5px 5px;
      margin-right: 55px;
}


.decline{
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: url('/images/general/ico-remove.png') center center no-repeat #ff0000;
      position: absolute;
      margin: -503px 0 0 289px;
      cursor: pointer;
      display: none;
}

.decline:hover{
      background: url('/images/general/ico-remove.png') center center no-repeat #E00000;
}

.ticket .decline{
      display: block;
}

#timeLine{
      height: 30px;
      margin-bottom: 60px;
      border-top: 2px solid #ccc;
      text-align: center;
}

#timeLine a{
      display: inline-block;
      margin: 0px 10px 0 10px;
      cursor: pointer;
}

#timeLine a span{
      border: 2px solid #ccc;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      display: block;
      background-color: white;
      margin: -10px auto 5px auto;
}

#timeLine a span b{
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: block;
      margin: 2px;
}

#timeLine a span b.active{
      background-color: #ff0000;
}

#timeLine a:hover span b{
      background-color: #4d4d4d;
}

.detailLeft{
      float: left;
      width: 180px;
      margin-right: 30px;
}

.detailLeft .cImg{
      width: 180px;
      height: 180px;

}

.detailRight{
      float: left;
      width: calc(100% - 210px);
}

#classDetail h1{
      text-align: left;
      font-size: 18pt;
      border-bottom: 1px solid #ccc;
      padding-bottom: 15px;
      margin: 0 0 15px 0;
      text-transform: none;
      color: black;
}

#classDetail h1 span{
      color: #666666;
}

#classDetail{
      margin-top: 20px;
      overflow: hidden;
      margin-bottom: 40px;
}

.classInfo{
      width: 400px;
      margin-bottom: 15px;
      font-size: 13pt;
      line-height: 20px;
      font-weight: 300;
}

.detailDesc{
      margin-bottom: 30px;
}

.timeTable{
      color: #aaa;
      font-weight: 300;
      font-size: 16pt;
      margin-bottom: 10px;
}

.timeTable span{
      color: black;
}

.formData input[type="file"], .formData input[type="text"], .formData input[type="password"], .formData select, .formData textarea{
      width: 235px;
}

.formData{
      margin: auto;
}

.formData td{
      font-weight: 300;
      padding: 1px 0;
      height: 45px;
}



.formData h4{
      color: #0A8F3E !important;
      font-weight: 300;
      font-size: 16pt;
      margin: 0 0 0px 0;
      line-height: 30px;
}

.formData .col1{
      text-align: right;
      width: 130px;
}

.formData .col2{
      width: 30px;
}

.formData .col3{
      width: 260px;
      text-align: left;
}

.hsForm{
      text-align: center;
}

.hsForm input[type="text"], .hsForm input[type="password"], .hsForm input[type="email"], .hsForm select, .hsForm textarea{
      height: 30px;
      margin: 2px auto;
}

.hsForm .btn{

}

.hsForm .inputErrorInfo, .hsForm .inputErrorInfo{
      margin-left: -39px;
      margin-top: 0;
      padding-left: 30px;
}

.formSpace{
      height: 12px;
}

.submenu input[type="text"]:focus, .submenu input[type="password"]:focus, .submenu input[type="email"]:focus{
      background: linear-gradient(#FFf, #fFF) no-repeat scroll left bottom / 1px 6px, linear-gradient(#FFf, #fFF) repeat-x scroll center bottom / 1px 2px, transparent linear-gradient(#FFf, #fFF) no-repeat scroll right bottom / 1px 6px;
}

#loginForm input{
      text-align: center;
}

.text{
      padding-bottom: 50px;
}


#container {
      min-height: 100%;
      position: relative;
}

#body {
      padding-bottom: 105px;   /* Height of the footer */
}

#container #footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 105px;   /* Height of the footer */
}

.actPass{
      background-color: #E6E6E6;
      padding: 15px 0;
      margin: 50px auto 0 auto;
}

h3{
      font-family: 'Raleway';
      font-size: 14pt;
      color: #808080;
      border-bottom: 1px solid #ddd;
      padding-bottom: 10px;
      margin-bottom: 30px;
}

.setCol h3{
      text-align: left;
}

.containerNarrow{
      width: 950px;
      margin: 0 auto;
}

.agreeBox{
      background-color: #ddd;
      padding: 15px;
      margin: 0 0 15px 0;
}


.tabs{
      margin: -1px 10px 25px 0px;
      border-bottom: 1px solid #E9EAEE;
}

.tabs a{
      float: left;
      padding: 5px 25px;
      background-color: #E9EAEE;
      color: black;
      margin-right: 1px;
      margin-top: 1px;
      cursor: pointer;
      border-top: 1px solid #E9EAEE;
      border-left: 1px solid #E9EAEE;
      border-right: 1px solid #E9EAEE;
      font-weight: 300;
      font-family: 'Raleway';
      text-decoration: none;
      font-size: 11pt;
}

.tabs a:hover{
      background-color: #4D4D4D;
      color: white;
}

.tabActive{
      background-color: white !important;
      margin-bottom: -1px !important;
      padding-bottom: 6px !important;
      color: black !important;
}

.setColNarrow{
      width: 400px;
      margin-bottom: 40px;
}

.setColWide{
      width: 650px;
      margin-bottom: 40px;
}

.setColMR{
      margin-right: 40px;
}

.setColML{
      margin-left: 40px;
}

.lessonBtns{
      height: 40px;
      margin: 30px 0 60px;
      text-align: center;
}

.lessonBtns .btn{
      padding: 0 15px;
      margin: 0 10px;
}

.lessonBtns .btn:hover{
      box-shadow: 0px 2px 2px #aaa;
}

#certBody, #inviteBody{
      width: 800px;
      position: relative;
      border: 1px solid #aaa;
      box-shadow: 2px 2px 3px #888;
      margin: 0 auto 50px auto;
}

.boxShadow{
      border: 1px solid #aaa;
      box-shadow: 2px 2px 3px #888;
}

#inviteBody{
      width: 600px;
      height: 1160px;
}

ul{
      margin: 0;
}

#coverImagePreview{
      max-width: 100%;
      max-height: 180px;
}

#logoImage{
      cursor: pointer;
}

.data{
      border-collapse: collapse;
      border: 0;
      width: 100%;
}

.data .tr{
      height: 39px;
      border-bottom: 0px solid transparent;
}

.data .trLow{
      height: 30px !important;
      border-bottom: 0px solid transparent;
}

.dataSmall .tr{
      height: 23px;
}

.data th{
      text-align: left;
      cursor: default;
      font-weight: 400;
      padding-left: 5px;
      padding-right: 5px;
      font-family: 'Raleway';
      font-size: 11pt;
}

.data th.tcenter{
      text-align: center;
}

.data td{
      padding: 0 5px 0 5px;
      cursor: default;
      height: 80px;
      font-family: 'Raleway';
      font-size: 11pt;
}

.data .trLow td{
      height: 45px;
}

.data .trLow2 td{
      height: 35px;
}


.data .tr:hover, .trEmpty tr:hover{
      background-color: #eee !important;
      color: black;
}

.data .tr:hover .round{
      background-color: white !important;
}

.data .tr:hover a, .trEmpty tr:hover a{
      color: black;
}

.data .tr:hover a:hover{
      color: #F3C81C;
}

.data .one:hover{
      background-color: white !important;
      color: black;
}

.dataHeader .one{
      height: 40px;
      border-bottom: 1px solid #EAEAEC;
}

.dataHeader{
      border-bottom: 1px solid #EAEAEC !important;
}

.trgray, .autocolor tr:nth-child(odd){
      background-color: #f9f9f9;
      padding-bottom: 5px;
}

.ord{
      width: 13px;
      height: 13px;
      background: url('/images/general/desc.png') center center no-repeat;
      display: inline-block;
      cursor: pointer;
}

.ord:hover{
      background: url('/images/general/desc-active.png') center center no-repeat;
}

.desc:hover{
      background: url('/images/general/asc-active.png') center center no-repeat;
}

.asc:hover{
      background: url('/images/general/desc-active.png') center center no-repeat;
}

.asc{
      background: url('/images/general/asc-active.png') center center no-repeat;
}

.desc{
      background: url('/images/general/desc-active.png') center center no-repeat;
}


.round{
      min-width: 26px;
      height: 36px;
      line-height: 36px;
      border-radius: 50%;
      display: inline-block;
      background-color: #E6E6E6;
      font-family: 'Raleway';
      
      text-align: center;
      padding: 0 5px;
}

.trLow .round{
      margin-bottom: 1px;
}


#pagesBottomContainer{
      margin-bottom: 40px;
}

#saved{
      background-color: #00B068;
      opacity: 0.90;
      height: 45px;
      padding-top: 15px;
      display: none;
}

#savedLabel, #waitLabel{
      margin-top: -38px;
      font-size: 14pt;
      height: 35px;
      line-height: 35px;
      font-weight: bold;
      opacity: 0.8;
}

#waitLabel{
      margin-top: -42px;
}

.wait .spinnerW{
      margin-right: 180px;
}

.wait #waitLabel{
      margin-left: 20px;
}

#error{
      background-color: #DB4D44;
      background-color: #ba2017;
      opacity: 0.90;
      height: 46px;
      padding-top: 24px;
      display: none;
}

#wait, .wait{
      background-color: #0099B7;
      opacity: 0.90;
      height: 50px;
      padding-top: 10px;
      display: none;
}


#progress{
      background-color: #0099B7;
      opacity: 0.90;
      height: 70px;
      display: none;
}

#progress .spinnerW{
      margin-top: 10px;
      margin-right: 15px;
}

#progress #percent{
      position: absolute;
      margin-top: 20px;
}

#saved img{
      vertical-align: middle;
      margin-top: -6px;
      margin-right: 10px;
}

#error img{
      vertical-align: middle;
      margin-top: -6px;
      margin-right: 10px;
}

#progressInfo{
      display: inline-block;
}

#wait, #progress, #saved, #error, .wait{
      position: fixed;
      top: 0;
      text-align: center;
      font-size: 13pt;
      color: white;
      overflow: hidden;
      z-index: 10000001;
      width: 100%;
}

.wait{
      position: relative;
      display: block;
      margin-bottom: 15px;
}

#overlay{
      position: fixed;
      z-index: 1000;
      height: 100%;
      width: 100%;
      background: black;
      opacity: 0.2;
      top: 0;
      left: 0;
      display: none;
}

.sImageSmall{
      width: 66px;
      height: 66px;
      display: block;
      border: 1px solid #eee;
      background-color: white;
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 50%;
      margin-left: 10px;
}

#showSchema{
      float: right;
      font-size: 14pt;
      font-family: 'Raleway';
      
      text-decoration: none;
      margin-top: 5px;
      cursor: pointer;
}

#lessonPages{
      font-size: 10pt;
      font-family: 'Raleway';
      text-align: center;
      width: 100%;
      margin-top: 40px;
      margin-bottom: 25px;
      line-height: 32px;
      font-weight: 500;
}

.lPage{
      display: inline-block;
      width: 32px;
      height: 32px;
      line-height: 32px;
      background-color: #E6E6E6;
      border-radius: 50%;
      text-align: center;
      text-decoration: none;
      font-size: 13pt;
      margin: 0 2px;
      cursor: pointer;
}

.lAddPage{
      background: url('/images/general/ico-plus.png') center center no-repeat #E6E6E6;;
}

.lAddPage:hover{
      background: url('/images/general/ico-plus-active.png') center center no-repeat #E6E6E6;;
}


.lPage:hover, .lPageActive{
      background-color: #217C3E;
      color: white;
}

.lPageBlue:hover, .lPageActiveBlue{
      background-color: #F3C81C;
      color: white;
}


.pageTypes{
      font-family: 'Raleway';
      
      font-weight: 600;
      font-size: 16pt;
      width: 220px;
      margin-right: 20px;
}

.schemeName{
      width: 800px;
}

#lessonPage{
      margin-bottom: 40px;
      display: none;
}

.lessonPage{
      display: none;
}

.lessonPageContent{
      margin-top: 20px;
      margin-bottom: 20px;
      min-height: 200px;
}

#page0{
      display: none;
}

.chooseContentType{
      font-size: 16pt;
      font-family: 'Raleway';
      
      padding: 30px 0 40px 0;
      text-align: center;
 /*   background: url('/images/general/show.jpg') top left no-repeat; */
      margin-top: 40px;
      cursor: pointer;
}

.chooseContentType a{
      display: inline-block;
      width: 164px;
      height: 50px;
      padding-top: 174px;
      text-align: center;
      font-family: 'Raleway';
      
      color: white;
      font-size: 15pt;
      margin: 0 22px;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
}

.chooseContentType a:hover{
      color: #000;
}

.icoText{
      background: url('/images/general/ico-text.png') center top no-repeat;
}

.icoImage{
      background: url('/images/general/ico-image.png') center top no-repeat;
}

.icoFile{
      background: url('/images/general/ico-file.png') center top no-repeat;
}

.icoVideo{
      background: url('/images/general/ico-video.png') center top no-repeat;
}

.icoTest{
      background: url('/images/general/ico-test.png') center top no-repeat;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.dropToPageImage{
      font-size: 0;
      background: url('/images/general/page-upload-image.jpg') center bottom no-repeat;
}

.dropToPageFile{
      font-size: 0;
      background: url('/images/general/page-upload-file.jpg') center bottom no-repeat;
}

.dropToPageVideo{
      font-size: 0;
      background: url('/images/general/page-upload-video.jpg') center bottom no-repeat;
}

.dropToPage{
      width: 232px;
      height: 232px;
      cursor: pointer;
}

.dropToPage input{
      font-size: 0;
      background: transparent;
      width: 232px;
      height: 232px;
      display: block;
      margin: 0;
      padding: 0;
      opacity: 0;
      cursor: pointer;
}

.extSupport{
      display: block;
      width: 232px;
      text-align: center;
      margin: 15px 0;
      color: #aaa;
      cursor: pointer;
      text-decoration: none;
      font-size: 12pt;

}

.contentDescription{
      width: 820px;
      float: right;
}

.contentPreview{
      text-align: center;
}

.contentPreview img{
      max-width: 800px;
      max-height: 800px;
}

#pagesBox{
      border: 1px solid #E9EAEE;
      box-shadow: 2px 2px 3px #aaa;
      padding: 10px;
}

#lessonPageControl{
      background-color: #E9EAEE;
      padding: 10px;
      width: 100%;
      margin-left: -10px;
      margin-bottom: -10px;
}

#lessonPageControl .lessonBtns{
      margin: 0;
      height: 35px;
}

#lessonPageControl .lessonBtns .btn{
      margin-right: 0;
}

.contentFileName{
      margin-bottom: 10px;
      width: 800px;
}

.fileInfo{
      margin-bottom: 10px;
      color: #aaa;
      text-align: left;
}

.fileInfo span{
      display: inline-block;
      margin-right: 40px;
      font-size: 12pt;
      margin-left: 10px;
}

.fileInfo span b{
      color: #999;
}

.videoPreview{
      width: 100%;
      height: 300px;
      margin-bottom: 15px;
      background-color: #333;
}

.placeholderBox{
      border: 1px solid #aaa;
      width: calc(100%-2px);
      text-align: center;
      line-height: 50px;
      font-family: 'Raleway';
      
      font-weight: bold;
      height: 100px;
      padding-top: 60px;
      font-size: 15pt;
      color: #aaa;
      text-decoration: none;
}

#selectFilter{
      width: 330px;
      padding-left: 20px;
      height: 42px;
      line-height: 42px;
      background-color: #E6E6E6;
      margin: 0 auto 30px auto;
      color: #999;
}

#selectFilter select{
      width: 160px;
      color: #999;
}

.selectBtn{
      float: right;
      width: 85px;
      border-bottom: 4px solid #217C3E;
      font-family: 'Raleway';
      
      font-weight: bold;
      height: 38px;
      cursor: pointer;
      transition: 200ms;
      font-size: 13pt;
      text-align: center;
      background-color: #4D4D4D;
      color: white;
      text-decoration: none;
      font-size: 12pt;
}

.selectBtn:hover{
      background-color: #217C3E;
      color: white;
}

#logoPrev, #signaturePrev{
      max-width: 180px;
      max-height: 100px;
      margin: 15px 0 15px 0;
}

.cCtextClip{
      height: 88px;
      line-height: 22px;
      overflow: hidden;
}

.articles{
      margin-bottom: 0px;
}

.article{
      margin-bottom: 40px;
}

.article h2{
      text-align: left;
      font-size: 14pt;
      margin-bottom: 15px;
}

.article h2 a:hover{
      color: black;
}

.article h2 a{
      text-decoration: none;
      color: #666;
}

.articleDate{
      font-weight: bold;
      font-size: 12pt;
      margin-bottom: 10px;
}

.articleContent{
      font-size: 12pt;
      margin-bottom: 20px;
}

.cke_editable{
      padding: 10px;
      width: auto;
      height: auto;
}

.printPrice{
      background-color: #4DDBFF;
      border-radius: 10px;
      padding: 4px 10px;
      font-weight: bold;
      color: white;
}

.lessonList{
      float: right;
      font-size: 13pt;
      font-weight: normal;
}

.lItem:nth-child(odd){
      background-color: #fafafa;
}

.lItem{
      padding: 10px;
}

#lessonList{
      font-size: 12pt;
      margin-bottom: 40px;
      cursor: default;
}

#lessonList h3{
      font-size: 12pt;
      margin: 0px 0;
      border: 0;
      color: black;
      font-weight: black;
      font-family: 'Open Sans';
      
}

#lessonList .lText{
      font-size: 9pt;
}

#pageOrder{
      font-size: 14pt;
      line-height: 35px;
      margin: 10px 0 20px 0;
}

#pageOrder li{
      border: 2 solid white;
      cursor: move;
}

.ui-sortable-helper{
      border: 2px dashed #ddd;
}

.helper{
      padding: 10px;
      background-color: #eee;
      line-height: 150%;
      font-size: 12pt !important;
}

.darkInlineMenu{
     background-color: #A6A6A6;
     height: 50px;
}

.darkInlineMenu a{
      color: white;
      display: inline-block;
      line-height:  45px;
      height: 50px;
      text-decoration: none;
      padding: 0 10px;
}


.darkInlineMenu a:hover{
      cursor: pointer;
      background-color: #4D4D4D;
}

.darkInlineMenu a span{
      display: inline-block;
      width: 30px;
      height: 30px;
      float: left;
      margin-right: 10px;
}

.inviteInfo{
      background-color: black;
      color: white;
      height: 30px;
      line-height: 30px;
      padding: 0 15px;
}

.btnSmall{
      height: 25px;
      line-height: 25px;
      font-size: 12pt !important;
}

#inviteAddresses{
      min-height: 400px;
      border: 1px solid #E9EAEE;
      margin-top: 25px;
}

.darkInlineMenu .btn{
      padding: 0 20px  !important;
      line-height: 50px !important;
}

.darkInlineMenu .btnRed:hover{
      background-color: #ff0000 !important;
}

.submenu ::-webkit-input-placeholder{
      color: white;
      opacity: 0.9;
}

.submenu ::-moz-placeholder{
      color: white;
      opacity: 0.9;
}

#hpsAlight.submenu ::-webkit-input-placeholder{
      color: black;
      opacity: 0.9;
}

#hpsAlight .submenu ::-moz-placeholder{
      color: black;
      opacity: 0.9;
}

#lessonHeader h2{
      font-size: 11pt;
      color: black;
      text-transform: none;
      text-align: left;
      margin-bottom: 10px;
      margin-top: 0;
}

#lessonHeader h2 b{
      color: #808080;
}

#lessonPagesInfo{
      float: right;
}

#lessonProgress{
      width: 100%;
      height: 10px;
      background-color: #E6E6E6;
      margin-bottom: 15px;
}

#lessonProgressBar{
      background-color: #F3C81C;
      height: 10px;
      width: 0%;
}

#absPageContent{
      width: 1078px;
      margin: 0 auto;
      line-height: 150%;
      font-weight: 400;
      font-size: 10pt;
}

strong{
      font-weight: 600;
}

#absPageContent img{
      max-width: 1078px;
}

#absPageContent h3{
      border: 0;
      margin: 0 0 15px 0;
      font-size: 12pt;
      color: black;
      text-align: center;
      font-weight: 600;
      cursor: default;
}

#lessonFooter{
      margin-bottom: 35px;
      margin-top: 35px;
      height: 35px;
}

.pageImage, .pageVideo{
      margin-bottom: 25px;
      display: inline-block;
      text-align: center;
      width: 100%;
}

.pageImage img{
      border: 0;
      max-width: 810px;
}

.pageVideo{
      height: 500px;
}

.pageDownload{
      text-align: center;
      margin-top: 25px;
}

.pageDownload .icoFile{
      color: #000;
}

.pageDownload .icoFile:hover{
      background: url('/images/general/ico-file-blue.png') center top no-repeat;
}

#pdfPage{
      width: 100%;
      height: 800px;
}

#pdfPageControl{
      margin-top: 35px;
      margin-bottom: 10px;
      height: 20px;
}

#verified{
      padding: 10px;
      background-color: #D6F6FF;
}

#unverified{
      padding: 10px;

      background-color: #FCD4D4;
}

.green{
      color: #00CC33;
}

.btnCert{
      background: url('/images/general/btn-absolvent.png') center left no-repeat #F3C81C;
      padding-left: 40px;
      padding-right: 20px;
}

#certCheckQR{
      width: 352px;
      height: 352px;
      float: left;
      background: url('/images/general/cert-qr-check.jpg') top left no-repeat;
      margin-right: 50px;
      margin-bottom: 40px;
}

#certCheckHelp{
      margin-top: 20px;
      float: left;
}

#certCheckHelpLabel{
      color: #666;
      font-size: 18pt;
      font-weight: 200 !important;
}

#certCheckResult{
      width: 650px;
      margin: 0 auto 40px auto;
}

#certCheckTable{
      margin-top: 40px;
      margin-bottom: 40px;
}

#certCheckTable td{
      font-size: 15pt;
      font-weight: 300;
      height: 35px;
}

#certCheckTable td:nth-child(even){
      font-weight: 400;
}

.btnHoverRed:hover{
      background-color: #ff0000 !important;
}

.error{
      text-align: center;
      font-size: 15pt;
      color: #ff0000;
      height: 100px;
      padding: 50px;
}

.blue{
      color: #F3C81C;
}

#inviteStatus{
      width: 360px;
      height: 280px;
      background-color: white;
      position: fixed;
      left: 50%;
      margin-left: -180px;
      top: 30%;
      z-index: 10001;
      border: 0;
      display: none;
}

#inviteSendInfo{
      font-size: 14pt;
      font-family: 'Raleway';
      
      color: #999;
      font-weight: bold;
}

#invitePercent{
      font-size: 30pt;
      font-weight: bold;
      opacity: 0.5;
      color: #217C3E;
}

#inviteSendInfoClose{
      font-size: 14pt;
      font-family: 'Raleway';
      
      color: #999;
}

.line{
      border-bottom: 1px solid #ccc;
}

.lessonFrame .line{
      margin-bottom: 15px;
}

.lessonFrame{
      padding: 10px;
}

.wait{

}

.ytnote{
      font-size: 9pt;
      width: 210px;
      padding: 5px;
      margin: 10px 0;
      color: #555;
      background-color: #F6F6FB;
}

#quota{
      background-color: #F9F9F9;
      margin-top: 5px;
      margin-bottom: 15px;
      padding: 5px 10px;
      border-radius: 10px;
}

.qlabel{
      font-weight: 500;
      color: #777;
}

#quota #lessonProgress{
      height: 25px;
      border-radius: 10px;
      overflow: hidden;
      margin-bottom:0;
}

#quota #lessonProgressBar{
      height: 25px;
}

#quotaInfo{
      float: right;
      width: 100%;
      text-align: center;
      line-height: 25px;
      font-size: 11pt;
}

.progressOrange{
      background-color: #EF9B00 !important;
}

.progressRed{
      background-color: #EF0000 !important;
}

#druckvo{
      width:50%;
      height: 240px;
      background-color: #e9eaee;
      margin-top: -30px;
      margin-bottom: 30px;
      float: right;
      padding-top: 10px;
      cursor: default;
}

#druckvoLogo{
      float: left;
      width: 100px;
      height: 100px;
      margin-right: 30px;
      margin-left: 10px;
}

#druckvoLogo img{
      height: 90px;
      margin: 10px;
}

#druckvoText{
      float: left;
      width: calc(100% - 170px);
      font-weight: 300;
      padding-right: 20px;
}

#druckvo_l1{
      font-size: 17pt;
      line-height: 30px;
      margin-bottom: 10px;
      margin-top: 10px;
}

#druckvo_l1 b{
      font-weight: 600;
}

#payInfoBank{
      background-color: #F9F9F9;
      padding: 15px 0;
      margin: 15px 0;
}

#payInfoBank b{
      font-weight: 600;
}

#lessonsQuota{
      margin-top: -25px;
      margin-bottom: -5px;
}

#orderQuota{
      height: 22px;
      line-height: 22px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      background-color: #F9F9F9;
      font-size: 11pt;
      margin: -15px auto 15px auto;;
      width: 150px;
      text-align: center;
      display: block;
      text-decoration: none;
      cursor: pointer;
}

#orderQuota:hover{
      background-color: #E6E6E6;
      color: black;
}

#diskSpaceHandle{
      border-radius: 4px;
      width: 65px;
      height: 28px;
      line-height: 28px;
      font-family: 'Raleway';
      
      font-size: 13pt;
      margin-top: -5px;
      text-align: center;
      position: absolute;
}

.ui-slider-horizontal .ui-slider-handle { margin-left: -33px !important}

#diskSpaceHandle.ui-state-active{
      color: #F3C81C;
}


#slider{
      float: left;
      width: 360px;
      height: 10px;
      background-color: #ccc;
      border-radius: 4px;
      margin-top: 5px;
      margin-left: 33px;
}

#sliderRight{

}

#faq{
      position: relative;
}

#faq .container{
      padding-bottom: 100px;
}

#faq .pInfo{
      position: absolute;
      bottom: 0;
}

#infoSale{
      position: fixed;
      bottom: 0;
      right: 0;
      margin-bottom: 50px;
      background-color: #38C465;
      width: 410px;
      height: 160px;
      color: white;
      z-index: 1;
      display: block;
      text-decoration: none;
      transition: 300ms;
      margin-right: -10px;
}

#infoSale:hover{
      margin-right: 0;
      box-shadow: 0px 0px 4px #000;
}

#infoSaleLabel{
      height: 40px;
      font-size: 13pt;
      font-weight: 800;
      text-transform: uppercase;
      background-color: #217C3E;
      transform: rotate(-90deg);
      width: 160px;
      text-align: center;
      line-height: 40px;
      transform-origin: center;
      margin: 60px 0 0 -60px;
      display: block;
}

#infoSaleText{
      margin-top: -90px;
      margin-left: 40px;
      width: 360px;
      text-align: center;
      display: block;
}

#is1{
      font-family: 'Raleway';
      
      font-size: 32pt;
      font-weight: 600;
      text-transform: uppercase;
      display: block;
}

#is1 span{
      color: #217C3E;
}

#is2{
      font-family: 'Raleway';
      
      font-weight: 300;
      font-size: 15pt;
      display: block;
      margin-top: 1px;
}

#is2 span{
      font-weight: 600;
}

#is3{
      font-family: 'Raleway';
      
      font-weight: 300;
      font-size: 17pt;
      display: block;
      margin-top: 12px;
}

#is3 span{
      font-weight: 600;
      background-color: #217C3E;
      border-radius: 5px;
      padding: 5px;
}

.promoLabel{
      text-align: center;
      color: #bbb;
      font-size: 12pt;
}

.help{
      background-color: #E9EAEE;
      padding: 15px;
      font-weight: 300;

}

#testsGroups{
      line-height: 200%;
      font-weight: 300;
      padding-left: 15px;

}

#testSearch{
      margin: 10px 0 20px 0;
}

.testQ, .testQ h3{
      text-align: left !important;
}

.answers{
      padding-left: 10px;
      padding-bottom: 20px;
      line-height: 125%;
}

.answers div{
      display: block;
}

.answers input{
      float: left;
}

.answers label{
      float: left;
      margin-left: 10px;
      margin-bottom: 10px;
      width: calc(100% - 40px);
}

.answerCorrect{
      color: #00CE4F !important;
      font-weight: bold;
}


.answerUncorrect{
      color: #FF0000 !important;
      font-weight: bold;
}



@media (max-width: 1100px){

 .container{
      width: 100%;
 }
 .appMenu .container{
       margin-left: calc((990px - 510px) * -1);
 }
 .appMenuItems a{
      margin-right: 1px;
      padding: 7px 12px;
      font-size: 10.5pt;
 }
 .appMenuItems{

 }
 .appUser{
      margin-right: 0;
 }
 .promoBox{
      width: 470px;
      overflow: hidden;
 }

 .promoBox img{
      max-width: 470px;
 }

 #certCheckQR{
      width: 280px;
      height: 280px;
      background-size: 100% auto;
 }
 .darkInlineMenu a{
      font-size: 12pt;
      padding: 0 7px;
 }
 .setColWide{
      width: 550px;
 }
 .setColMR{
      margin-right: 20px;
 }
 .contentDescription {
    width: 700px;
 }
 .pInfo div{
      width: 40%;
 }
 #absPageContent{
      width: 100%;
 }
 #absPageContent img{
          max-width: 950px;
 }
 .appUser .name{
      font-size: 13pt;
 }

 #infoSale{
      margin-right: -360px;
      transition: 800ms;
 }

 #infoSale:hover{
      margin-right: 0;
 }
}




body{

}.circle{
      position: relative;
	width: 150px;
	height: 255px;
      display: inline-block;
      margin: 15px 20px 10px 20px;
      display: none !important;
}

td .circle{
      margin: 15px 10px;
}

.circleSmall{
      position: relative;
	width: 62px;
	height: 62px;
      display: inline-block;
}

.circleBG{
	width: 130px;
	height: 130px;
      border: 10px solid #808080;
      border-radius: 50%;
      background-color: white;
      text-align: center;
      cursor: default;
      overflow: hidden;
}

.circleSmall .circleBG{
	width: 62px;
	height: 62px;
      border: 4px solid #808080;
      border-radius: 50%;
      box-shadow: 0px 0px 2px #ccc;
}

.arc_q{
      position: absolute;
      top: 0;
      left: 0;
      margin: -2px 0 0 -2px;
      width: 126px;
      height: 126px;
      border-radius: 50%;
      border-color: transparent transparent transparent transparent;
      border: 14px solid;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      display: none;
}

.circleSmall .arc_q{
      width: 61px;
      height: 61px;
      border: 6px solid;
}

.arc_green .arc_q{
      border-color: transparent #33CC33 transparent transparent;
}

.arc_orange .arc_q{
      border-color: transparent #FF6600 transparent transparent;
}

.arc_red .arc_q{
      border-color: transparent #FF0000 transparent transparent;
}

.arc_cover {
      position: absolute;
      top: 0;
      left: 0;
      width: 80px;
      height: 155px;
      border-top: 5px solid white;
      background-color: white;
      overflow: hidden;
      margin-top: -5px;
}

.circleSmall .arc_cover{
      height: 50px;
      margin-left: -2px;
      padding-left: 2px;
      width: 32px;
}

.arcLabel{
      position: absolute;
      width: 100%;
      margin-left: -10px;
      color: #4D4D4D;
}

.circleSmall .arcLabel{
      margin-left: 0px;
}


.arcDaysNr{
      font-size: 32pt;
      font-weight: 700;
      text-align: center;
      margin-top: 22px;
      height: 50px;
      width: 100%;
}

.arcDays{
      font-size: 16pt;
      font-weight: 400;
      text-align: center;
}

.arc_red .arcDays, .arc_red .arcDaysNr{
      color: #ff0000;
}

.circleName{
      font-family: 'Open Sans Condensed';
      margin-top: 20px;
      font-size: 15pt;
      line-height: 28px;
      height: 56px;
      overflow: hidden;
      text-align: center;
      cursor: default;
}

#skoCircles{
      text-align: center;
}

.btnWait{
      background: #CCCCCC;
      height: 24px;
      width: 144px;
      border-radius: 12px;
      margin: auto;
      font-family: 'Open Sans Condensed';
      font-size: 11.5pt;
      overflow: hidden;
}

.btnEmpty{
      height: 24px;
      width: 144px;
      border-radius: 12px;
      margin: auto;
      font-family: 'Open Sans Condensed';
      font-size: 11.5pt;
      overflow: hidden;
}

.btnWaitIco{
      float: left;
      width: 28px;
      height: 24px;
      background: url('/images/general/ico-payment-wait.png') center center no-repeat;
}

.btnWaitLabel{
      float: left;
      height: 24px;
      width: 88px;
      line-height: 24px;
      background-color: #E6E6E6;
      text-decoration: none;
      cursor: pointer;
}

.btnWaitLabel:hover{
      background-color: #4d4d4d;
}

.btnOrderStorno{
      background: url('/images/general/ico-btn-close.png') center center no-repeat;
      width: 28px;
      height: 24px;
      float: right;
}

.btnOrderStorno:hover{
      background: url('/images/general/ico-btn-close-active.png') center center no-repeat;
      cursor: pointer;
}

.circleSmall .arcDaysNr{
      font-size: 16pt;
      font-weight: 700;
      text-align: center;
      margin-top: 5px;
      height: 22px;
      width: 60px;
}

.circleSmall .arcDays{
      font-size: 12pt;
      font-weight: 400;
      text-align: center;
}

.arcNoOrder{
      font-size: 10pt;
      font-family: 'Open Sans Condensed';
      margin-top: 12px;
      height: 15px;

}

.arcOrder{
      font-family: 'Open Sans Condensed';
      font-weight: 600;
      font-size: 16pt;
      margin-top: 50px;
      line-height: 20px;

}

.circleSmall .arcOrder{
      font-size: 11pt;
      margin-top: 20px;
      line-height: 20px;
}

.arcPayment{
      font-family: 'Open Sans Condensed';
      font-weight: 500;
      font-size: 18pt;
      margin-top: 35px;
      line-height: 26px;
}

.circleSmall .arcPayment{
      font-size: 12pt;
      margin-top: 14px;
      line-height: 17px;

}

.circleOrder.circleSmall .circleBG:hover{
      border: 4px solid #990099;
      cursor: pointer;
}

.circleOrder .circleBG:hover{
      border: 10px solid #990099;
      cursor: pointer;
}

.data tr:hover .arc_cover{
      background-color: #EEEEEE !important;
      border-top: 5px solid #EEEEEE !important;
}

.data .trgray .arc_cover{
      background-color: #F9F9F9 !important;
      border-top: 5px solid #F9F9F9 !important;
}
div.colorPicker-picker {
  height: 20px;
  width: 20px;
  padding: 0 !important;
  border: 1px solid #ccc;
  cursor: pointer;
  line-height: 16px;
  font-size:0.75em;
  font-weight:bold;
  text-align: center;
  z-index: 110000;
}

div.colorPicker-palette {
  width: 270px;
  margin-left: -86px;
  position: absolute;
  border: 1px solid #CCD9EA;
  box-shadow: gray 2px 2px 2px;
  background-color: white;
  padding: 2px;
  z-index: 110001;
}
  div.colorPicker_hexWrap {width: 100%; float:left }
  div.colorPicker_hexWrap label {font-size: 95%; color: #444; margin: 5px 2px; width: 25%; font-weight: bold; }
  div.colorPicker_hexWrap input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #AAA; width: 80px; height: 20px; text-transform: uppercase; background: none}

div.colorPicker-swatch {
  height: 18px;
  width: 18px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 18px;
}


.data div.colorPicker-picker {
      width: 6px;
      height: 34px; 
}

.colorPicker-okbtn{
      cursor: pointer;
      text-decoration: none;
      background-color: #4D4D4D;
      color: white;
      font-weight: bold;
      padding: 0 10px;
      border: 0;
}

.colorPicker-okbtn:hover{
      color: white;
      background-color: #00CCFF;
}#contextMenu{
      width: 200px;
      min-height: 30px;
      position: absolute;
      left: -1000px;
      top: -1000px;
      z-index: 1000000;
      box-shadow: #bbb 0px 0px 3px;
      border-top: 1px solid #e5e5e5;
      border-left: 1px solid #e5e5e5;
      overflow: hidden;
      background: white;
      display: none;
      font-size: 12pt;

}

#contextMenu a, #contextMenu span{
      cursor: default;
      display: block;
      padding-left: 10px;
      height: 30px;
      line-height: 30px;
      color: black;
      width: 100%;
      width: 230px;
      text-decoration: none;
}

#contextMenu span{
      background-color: #990099;
      color: white;
      border-bottom: 1px solid #D4D3DB;
}

#contextMenu a:hover{
      color: black;
      background-color: #EEEEEE;
      cursor: pointer;
}

#contextMenu .header a:hover{
      color: white  !important;
      background-color: transparent !important;
}/*! jQuery UI - v1.11.2 - 2014-12-15
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault='PT%20sans'%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=0&bgColorHeader=%23dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=%23dddddd&fcHeader=%23444444&iconColorHeader=%235C66AE&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23dddddd&fcContent=%23444444&iconColorContent=%23ff0084&bgColorDefault=%23f6f6f6&bgTextureDefault=flat&bgImgOpacityDefault=100&borderColorDefault=%23dddddd&fcDefault=%235C66AE&iconColorDefault=%23E9EAEE&bgColorHover=%235C66AE&bgTextureHover=flat&bgImgOpacityHover=25&borderColorHover=%235C66AE&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%23dddddd&fcActive=%23C64A45&iconColorActive=%23454545&bgColorHighlight=%23ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23cccccc&fcHighlight=%23444444&iconColorHighlight=%230073ea&bgColorError=%23ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=%23C64A45&fcError=%23222222&iconColorError=%23C64A45&bgColorOverlay=%23eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright 2014 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); /* support: IE8 */
}

.ui-front {
	z-index: 2000000 !important;
}


/* 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-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
      z-index: 2000000 !important;
}
.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: 11pt;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
      padding: 0;
      height: auto;
      background: none;

}
.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;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: 'PT sans',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: 'PT sans',Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff url("/wrs/modules/wrs/images/jquery/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #444444;
}
.ui-widget-content a {
	color: #444444;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #dddddd url("/wrs/modules/wrs/images/jquery/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x;
	color: #444444;
	font-weight: bold;
}
.ui-widget-header a {
	color: #444444;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #dddddd;
	background: #E9EAEE url("/wrs/modules/wrs/images/jquery/ui-bg_flat_100_f6f6f6_40x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #00B2DF;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #00B2DF;
	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 #00B2DF;
	background: #00B2DF;
	font-weight: bold;
	color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #dddddd;
	background: #ffffff url("/wrs/modules/wrs/images/jquery/ui-bg_flat_65_ffffff_40x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #C64A45;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #C64A45;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #cccccc;
	background: #ffffff url("/wrs/modules/wrs/images/jquery/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
	color: #444444;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #444444;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #C64A45;
	background: #ffffff url("/wrs/modules/wrs/images/jquery/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #222222;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #222222;
}
.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); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/wrs/modules/wrs/images/jquery/ui-icons_ff0084_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("/wrs/modules/wrs/images/jquery/ui-icons_5C66AE_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("/wrs/modules/wrs/images/jquery/ui-icons_E9EAEE_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("/wrs/modules/wrs/images/jquery/ui-icons_ffffff_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("/wrs/modules/wrs/images/jquery/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("/wrs/modules/wrs/images/jquery/ui-icons_0073ea_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("/wrs/modules/wrs/images/jquery/ui-icons_C64A45_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: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0;
}

/* Overlays */
.ui-widget-overlay {
	background: #eeeeee url("/wrs/modules/wrs/images/jquery/ui-bg_flat_0_eeeeee_40x100.png") 50% 50% repeat-x;
	opacity: .8;
	filter: Alpha(Opacity=80); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -4px 0 0 -4px;
	padding: 4px;
	background: #aaaaaa url("/wrs/modules/wrs/images/jquery/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .6;
	filter: Alpha(Opacity=60); /* support: IE8 */
	border-radius: 0px;
}
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 29, 2016 */



@font-face {
    font-family: 'Yanone Kaffeesatz';
    src: url('/css/font/yanonekaffeesatz-bold.woff2') format('woff2'),
         url('/css/font/yanonekaffeesatz-bold.woff') format('woff'),
         url('/css/font/yanonekaffeesatz-bold.ttf') format('truetype'),
         url('/css/font/yanonekaffeesatz-bold.svg#yanone_kaffeesatzbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'Yanone Kaffeesatz';
    src: url('/css/font/yanonekaffeesatz-extralight.woff2') format('woff2'),
         url('/css/font/yanonekaffeesatz-extralight.woff') format('woff'),
         url('/css/font/yanonekaffeesatz-extralight.ttf') format('truetype'),
         url('/css/font/yanonekaffeesatz-extralight.svg#yanone_kaffeesatzextra_light') format('svg');
    font-weight: 200;
    font-style: normal;

}




@font-face {
    font-family: 'Yanone Kaffeesatz';
    src: url('/css/font/yanonekaffeesatz-light.woff2') format('woff2'),
         url('/css/font/yanonekaffeesatz-light.woff') format('woff'),
         url('/css/font/yanonekaffeesatz-light.ttf') format('truetype'),
         url('/css/font/yanonekaffeesatz-light.svg#yanone_kaffeesatzlight') format('svg');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'Yanone Kaffeesatz';
    src: url('/css/font/yanonekaffeesatz-regular.woff2') format('woff2'),
         url('/css/font/yanonekaffeesatz-regular.woff') format('woff'),
         url('/css/font/yanonekaffeesatz-regular.ttf') format('truetype'),
         url('/css/font/yanonekaffeesatz-regular.svg#yanone_kaffeesatzregular') format('svg');
    font-weight: 400;
    font-style: normal;

}.fl{ float: left; }

.fr{ float: right; }

.cleaner{ clear: both; height: 0; overflow: hidden }

.f7 { font-size:  7pt; }
.f8, .f8 th, .f8 td { font-size:  8pt !important }
.f9 { font-size:  9pt; }
.f10{ font-size: 10pt; }
.f11{ font-size: 11pt; }
.f12{ font-size: 12pt; }
.f13{ font-size: 13pt; }
.f14{ font-size: 14pt; }
.f15{ font-size: 15pt; }
.f16{ font-size: 16pt; }
.f17{ font-size: 17pt; }
.f18{ font-size: 18pt; }
.f19{ font-size: 19pt; }
.f20{ font-size: 20pt; }
.f21{ font-size: 21pt; }
.f22{ font-size: 22pt; }
.f23{ font-size: 23pt; }
.f24{ font-size: 24pt; }

.bold{ font-weight: bold; }
.normal{ font-weight: normal; }
.nodecor{ text-decoration: none; }
.noborder{ border: 0 !important; }
.hand, .pointer{ cursor: pointer !important; }
.cdefault{ cursor: default !important; }
.tleft{text-align: left}
.tcenter{text-align: center}
.tright{text-align: right !important}
.decor{text-decoration: underline !important}

.red{ color: red }
.gray{ color: #777777}
.white{ color: white }
.black{ color: black }

.mcenter{ margin: auto }

.center{ margin: auto }

.nobg{ background: transparent !important }

.hidden{display: none; }
.hiddenI{display: none !important}

#null, #preload{display: none}

.nocellspacing{ border-collapse: collapse; }

.nocellpadding td, .nocellpadding th{ padding:0 }.highslide-active-anchor img{
      visibility: visible;
}

/* hs.wrapperClassName = 'no-draggable-header' */
.no-draggable-header .highslide-header {
	height: 18px;
	margin-bottom: .5em;
}
.no-draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.no-draggable-header .highslide-header .highslide-move {
      display: none;
}
.no-draggable-header .highslide-header .highslide-move * {
	display: none;
}
.no-draggable-header .highslide-header .highslide-close {
	display: none;
}
.no-draggable-header .highslide-header .highslide-close a {
	display: none;
}
.no-draggable-header .highslide-header .highslide-close a:hover {
	display: none;
}
.no-draggable-header .highslide-header .highslide-close span {
	display: none;
}

.highslide{
}

.highslide img{
      border: 0;
}

.highslide-image{
      border: 0;
}

.highslide-header{
      background: #4D4D4D;
}

.highslide-html-content{
      padding: 0;
}

.highslide-header, .highslide-heading{
      color: #4D4D4D !important;
      font-family: 'Open Sans' !important;
      font-weight: 300;
      font-size: 14pt !important;
      padding: 20px;
      padding-left: 10px;
      line-height: 20px;
      color: white !important;
      margin-left: 0px !important;
}

.highslide-container div{
      font-family: 'Open Sans';
      font-size: 11pt;
      font-weight: 300;
}

.highslide-body{
      font-family: 'Open Sans';
      color: black;
      font-size: 11pt;
      padding: 15px 10px 0 10px;

}

.highslide-caption{
      background-color: black;
      text-align: left;
      color: white !important;
}

.highslide-close{
      margin: 20px 15px 0 0;
}

.highslide-close a{
      background: url('/images/highslide/own-close.png') center center no-repeat !important;
}

.highslide-close a:hover{
      background: url('/images/highslide/own-close-active.png') center center no-repeat !important;
}

.HSpadding{
      padding: 20px 25px;
}

.draggable-header .highslide-maincontent{
      padding-top: 0;
}.ico{
      width: 34px;
      height: 34px;
      border: 0;
      border-radius: 50%;
      display: inline-block;
      cursor: pointer;
      background-color: white;
      border: 1px solid #E6E6E6;
      background-position: center center;
      background-repeat: no-repeat;
      margin-bottom: -3px;
}

.icoSmall{
      width: 22px;
      height: 22px;
      margin-bottom: -0px;
      border-radius: 50%;
      background-size: 60% auto !important;
}

.icoEmpty{
      background-color: transparent !important;
      cursor: default !important;
}

.indicator{
      cursor: default;
}

.indicator:hover{
      cursor: default !important;
}

.ico:hover{
      background-color: #217C3E;
      border: 1px solid #217C3E;
      cursor: pointer;
}

.icoEdit{
      background-image: url('/images/general/ico-edit.png');
}

.icoEdit:hover{
      background-image: url('/images/general/ico-edit-active.png');
}

.icoSubmenu, .icoList{
      background-image: url('/images/general/ico-submenu.png');
}

.icoSubmenu:hover, .icoList:hover{
      background-image: url('/images/general/ico-submenu-active.png');
}

.icoOk{
      background-image: url('/images/general/ico-ok.png');
      background-size: 70% auto;
}

.icoOk:hover{
      background-image: url('/images/general/ico-ok.png');
      background-color: #fff;
      border: 1px solid #217C3E;
      cursor: default;
}

.icoDelete{
      background-image: url('/images/general/ico-delete.png');
      background-size: 40%;
}

.icoDelete:hover{
      background-image: url('/images/general/ico-delete-active.png');
}

.icoSend{
      background-image: url('/images/general/ico-send.png');
}

.icoSend:hover{
      background-image: url('/images/general/ico-send-active.png');
}

.icoCert{
      background-image: url('/images/general/ico-certifikaty.png');
}

.icoCert:hover{
      background-image: url('/images/general/ico-certifikaty-active.png');
}


.icoGo{
      background-image: url('/images/general/ico-running.png');
}

.icoGo:hover{
      background-image: url('/images/general/ico-running-active.png');
}

.icoPrint{
      background-image: url('/images/general/ico-print.png');
}

.icoPrint:hover{
      background-image: url('/images/general/ico-print-active.png');
}/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('/images/general/chosen/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('/images/general/chosen/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('/images/general/chosen/chosen-sprite.png') no-repeat 100% -20px;
  background: url('/images/general/chosen/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('/images/general/chosen/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('/images/general/chosen/chosen-sprite.png') no-repeat -30px -20px;
  background: url('/images/general/chosen/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('/images/general/chosen/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right: 40px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:34px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin: 45px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height: 20px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:12px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height: 32px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top: -64px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:34px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#999; /* rgba fallback */
	background:rgba(200,200,200,1.0);
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
#article .mCSB_scrollTools .mCSB_draggerRail{
	background:#3E2978; /* rgba fallback */
	background:rgba(62,41,120,0.5);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
      background-color: #999;
      border-radius: 5px;
	filter:"alpha(opacity=80)"; -ms-filter:"alpha(opacity=80)"; /* old ie */

}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
      background-color: #999;
	filter:"alpha(opacity=95)"; -ms-filter:"alpha(opacity=95)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
      background-color: #999;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background: url('/images/general/scroll/scroll-up.png')  center center no-repeat;
	/*
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover{
	background: url('/images/general/scroll/scroll-up-active.png') center center no-repeat;
	/*
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
	*/
}

.mCSB_scrollTools .mCSB_buttonDown{
	background: url('/images/general/scroll/scroll-down.png')  center center no-repeat;
	/*
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonDown:hover{
	background: url('/images/general/scroll/scroll-down-active.png')  center center no-repeat;
	/*
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
	*/
}

#article .mCSB_scrollTools .mCSB_buttonDown{
	background: url('/images/general/scroll/scroll-down2.png')  center center no-repeat;
	/*
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
	*/
}
#article .mCSB_scrollTools .mCSB_buttonUp{
	background: url('/images/general/scroll/scroll-up2.png')  center center no-repeat;
	/*
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
	*/
}


.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/*
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/*
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
      /*
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#999; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#999; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#999; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#999; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#999; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}.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;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: 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;
}#top{
      height: 285px;
      width: 100%;
      background-size: cover;
      overflow: hidden;
}

#top #logo{
      margin: 60px 0 0 50px;
}

#topMenu{
      float: right;
      height: 180px;
      text-align: right;
      font-size: 0;
      position: relative;
      z-index: 2;
}

#secondMenuLine{
      width: 100%;
      height: 60px;
      line-height: 60px;
      background-color: rgba(0,0,0,0.25);
      margin-top: 225px;
      position: relative;
      z-index: 2;
}

#secondMenu{
      text-align: right;
}

#secondMenu a{
      display: inline-block;
      line-height: 60px;
      height: 60px;
      color: white;
      font-size: 14pt;
      font-weight: 300;
      text-decoration: none;
      margin: 0 10px;
      padding: 0 5px;
}

#secondMenu a:hover{
      color: #F3C81C;
      text-decoration: underline;
}

#topMenu a{
      display: inline-block;
      margin-left: 4px;
      line-height: 30px;
      height: 30px;
      padding: 120px 15px 25px 15px;
      color: white;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 22pt;
      font-weight: 400;
}

#topMenu a.active, #topMenu a.active:hover{
      background: rgba(0,0,0,0.3) url('/images/general/top-menu-mark.png') center top no-repeat;
      border-bottom: 2px solid white;
}

#topMenu a:hover{
      background: rgba(0,0,0,0.3);
      border-bottom: 2px solid white;
}

#logo{
      float: left;
      margin: 25px;
      width: 300px;
      height: 120px;
      background: url('/images/general/logo.png') center center no-repeat;
      background-size: contain;

}

#secondMenu a span{
      background-color: white;
      width: 26px;
      height: 26px;
      line-height: 26px;
      border-radius: 50%;
      text-align: center;
      display: inline-block;
      margin: 16px 0 0 8px;
      color: black;
      font-weight: 400;
      float: right;
}#hsMsgText, #hsConfirmText{
      margin-bottom: 15px;
}

#hsMsg{
      display: none;
}.spinnerS {
      margin-right: 125px;
      width: 40px;
      height: 30px;
      text-align: center;
      display: inline-block;
      position: relative;
}

.double-bounce3 {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #fff;
      background: url('/images/general/ico-saved.png') center center no-repeat;
      opacity: 1;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-animation: sk-bounce3 1.5s infinite ease-in-out;
      animation: sk-bounce3 1.5s infinite ease-in-out;
}

@-webkit-keyframes sk-bounce3 {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce3 {
  0%, 100% {
    transform: scale(0.2);
    -webkit-transform: scale(0.2);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}.inputError{
	background: bottom left linear-gradient(#DB0000, #DB0000) no-repeat, bottom center linear-gradient(#DB0000, #DB0000) repeat-x, bottom right linear-gradient(#DB0000, #DB0000) no-repeat;
	background-size: 1px 6px, 1px 1px, 1px 6px;
}

.inputErrorInfo{
      background: url('/wrs/modules/wrs/images/ico-error-small.png') center left no-repeat;
      position: absolute;
      padding: 5px 5px 5px 34px;
      height: 22px;
      line-height: 22px;
      background-color: #ba2017;
      color: white;
      font-size: 10pt;
      z-index: 100;
      margin-left: 5px;
      opacity: 0;
      cursor: default;

}

.inputFocus{
      border-color: #00A9D3 !important;
}

#contactForm .inputErrorInfo{
      margin-top: 10px;
}
.spinnerW {
  margin-right: 130px;
  width: 40px;
  height: 40px;
  text-align: center;
  display: inline-block;
  position: relative;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounceW 2.0s infinite ease-in-out;
  animation: sk-bounceW 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounceW {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounceW {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}