/* ---------- TAGS ---------- */
body {margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#525252; -webkit-border-radius:0; border-radius:0; -webkit-appearance: none; line-height:16px; background:url(images/bodyBg.jpg) repeat; line-height:18px;}
a{text-decoration:none; outline:none; color:#099;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:13px; font-weight:bold; text-align:right; padding:0 5px 0 0; border-bottom:solid 1px #747855; line-height:22px; margin:0 0 10px 0; color:#333;}
h2{font-size:15px; margin:0 0 10px 0;}
h3{}
h4{}
h5{}
h6{}

/* ---------- DIVS ---------- */
#main{width:1000px; margin:auto;}
#head{height:459px; background:url(images/headBg.jpg) no-repeat center; margin:30px 0 0 0; position:relative;}
#languages{position:absolute; right:110px; top:25px;}
#languages img{margin:0 20px;}
#banners{width:1000px; height:333px; background:url(images/bannersBg.png) no-repeat; position:absolute; bottom:0;}
#d3, #video{width:473px; height:262px; display:block; background:#fff; position:absolute; top:140px;}
#d3{left:20px;}
#video{right:20px;}
#facebook{width:220px; height:100px; display:block; position:absolute; left:60px; top:25px;}
#content{width:873px; margin:auto; padding:20px; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91CA39', endColorstr='#ffffff'); background: -webkit-gradient(linear, left top, left bottom, from(#91CA39), to(#ffffff)); background: -moz-linear-gradient(top,  #91CA39,  #ffffff); */ -moz-border-radius: 3px; box-shadow: 0px 0px 10px #333; -webkit-box-shadow: 0px 0px 10px #333; -moz-box-shadow: 0px 0px 10px #333; background:url(images/contentBg.png) repeat; border-top:solid 5px #E47A00}
#footer{width:873px; height:50px; margin:auto; background:url(images/footerBg.jpg) no-repeat; color:#fff; line-height:50px; padding:0 20px;}
#nameday{font-size:11px;}
#nameday strong{color:#B9B7B3;}
#left{float:left}
#right{float:right}
#clear{height:1px; line-height:1px; font-size:1px; clear:both}

/* ---------- MENU ---------- */
.jqueryslidemenu{height:45px; background:url(images/menuBg.jpg) repeat-x; width:505px; position:absolute; right:70px; top:70px; box-shadow: 0px 0px 10px #333; -webkit-box-shadow: 0px 0px 10px #333; -moz-box-shadow: 0px 0px 10px #333}
.jqueryslidemenu ul{margin:0; padding:0; list-style-type:none}
.jqueryslidemenu ul li{position:relative; display:inline; float:left}
.jqueryslidemenu ul li a, .jqueryslidemenu ul li a.cur{width:100px; display:block; height:45px; line-height:45px; font-size:11px; font-weight:bold; text-align:center; color:#000; text-transform:uppercase; border-right:solid 1px #ccc;}
* html .jqueryslidemenu ul li a{display: inline-block}
.jqueryslidemenu ul li a:hover{background:url(images/menuHoverBg.jpg) repeat-x; color:#fff;}
.jqueryslidemenu ul li ul{position:absolute; left:0; display:block; visibility:hidden; z-index:100000;}
.jqueryslidemenu ul li ul li{display:list-item; float:none; padding:0;}
.jqueryslidemenu ul li ul li ul{top:0px}
.jqueryslidemenu ul li ul li a{width:210px; line-height:25px; height:25px; font-size:11px; color:#333; margin:1px 0 0 0; padding:0 0 0 5px; text-align:left; font-weight:bold; background:url(images/menuSubBg.jpg) repeat-x; border:none}
.jqueryslidemenu ul li ul li a:hover{background:url(images/menuSubHoverBg.jpg) repeat-x;}


/* ---------- CLASS ---------- */
.refSubBtn{width:200px; display:block; margin:0 30px 0 0; float:left; text-align:center; border:none; font-weight:bold;}
.refSubBtn:hover{color:#00394C;}
.refSubBtn img{border:none; margin:0 0 5px 0;}

/* ---------- LINKS ---------- */

/* ---------- FORMS ---------- */
input, textarea, select{font-family:inherit; font-size:inherit; outline:none; color:inherit; resize:none; border:none; background:none;}

#ajanlatkeresForm label{width:120px; float:left; display:block; text-align:right; margin:0 3px 0 0; line-height:30px;}
#ajanlatkeresForm input[type=text], #hirlevelForm input[type=text], #leiratkozasForm input[type=text],  textarea, select{width:200px; border:solid 1px #333; background:#fff; color:#111; padding:6px; font-family:inherit; font-size:inherit; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5}
#hirlevelForm input[type=text], #leiratkozasForm input[type=text]{width:208px;}
select{width:215px;}
#ajanlatkeresForm textarea{height:150px; width:290px; resize:none}
#ajanlatkeresForm #clear, #hirlevelForm #clear, #leiratkozasForm #clear{height:4px; line-height:4px; font-size:4px;}
#ajanlatkeresForm #ajanlatkeresBtn{height:24px; line-height:24px; background:#5C5E36; display:block; color:#fff; padding:5px 7px 7px 7px; border:none; cursor:pointer; margin:10px 0 0 310px; font-weight:bold; font-size:11px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-transform:uppercase}
#hirlevelForm, #leiratkozasForm{width:215px}
#hirlevelForm #hirlevelBtn, #leiratkozasForm #leiratkozasBtn{height:26px; line-height:26px; background:#FFAE00; display:block; color:#fff; float:right; border:none; cursor:pointer; font-weight:bold; font-size:11px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}

/* BOXES */
ul#boxes{margin:20px 0 0 0; padding:0; list-style:none}
ul#boxes li{width:400px; float:left; margin:0 26px 30px 0; position:relative}
ul#boxes h1{font-size:16px; color:#33291F; font-weight:normal}
ul#boxes li a{display:block; border:solid 4px #fff; width:400px; height:116px; display:block; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000;}
ul#boxes li a:hover{border-color:#ccc;}

/* ---------- ANYTHINGSLIDER ---------- */

#slider{width: 700px; height: 390px; list-style: none; overflow-y: auto; overflow-x: hidden}

.anythingSlider-default {margin: 0 auto; padding: 0 45px 28px 45px}
.anythingSlider-default .anythingWindow {border-top: 3px solid #777; border-bottom: 3px solid #777}
.anythingSlider-default .anythingControls a {background: #777 url(../images/default.png) center -288px repeat-x; color: #000; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px}
.anythingSlider-default .anythingControls a span {visibility: visible}
.anythingSlider-default .anythingControls a.cur {background: #888; color: #000}
.anythingSlider-default .anythingControls a.start-stop {background-color: #040; color: #ddd}
.anythingSlider-default .anythingControls a.start-stop.playing {background-color: #800}
.anythingSlider-default .anythingControls a.start-stop:hover, .anythingSlider-default .anythingControls a.start-stop.hover, .anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {background-image: none; color: #ddd}

.anythingSlider-default.activeSlider .anythingWindow {border-color: #7C9127}
.anythingSlider-default.activeSlider .anythingControls a {background-color: #7C9127;}
.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover {background: #7C9127}
.anythingSlider-default.activeSlider .anythingControls a.start-stop {background-color: #080; color: #fff}
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {background-color: #d00; color: #fff}
.anythingSlider-default.activeSlider .start-stop:hover, .anythingSlider-default.activeSlider .start-stop.hover {color: #fff}

.anythingSlider-default .arrow {top: 50%; position: absolute; display: block}
.anythingSlider-default .arrow a {display: block; width: 45px; height: 140px; margin: -70px 0 0 0; text-align: center; outline: 0; background: url(../images/default.png) no-repeat}

.anythingSlider-default .back { left: 0; }

.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }

.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }

.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; outline: 0}

.anythingSlider-default .anythingControls .anythingNavWindow {overflow: hidden; float: left}

.anythingSlider-default .anythingControls .start-stop {padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0}

.as-oldie .anythingSlider-default .arrow {top: 30%}
.as-oldie .anythingSlider-default .arrow a {margin: 0}
.as-oldie .anythingSlider-default .anythingControls li {margin-left: 3px}
.as-oldie .anythingSlider-default .anythingControls a {margin: 0}
.as-oldie .anythingSlider-default .anythingNavWindow {margin: 0 2px}
.as-oldie .anythingSlider-default .anythingNavWindow li {padding: 3px 0 0 0}

.anythingSlider {display: block; overflow: visible !important; position: relative}
.anythingSlider .anythingWindow {overflow: hidden; position: relative; width: 100%; height: 100%}
.anythingSlider .anythingBase {background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0}
.anythingSlider .arrow span {display: block; visibility: hidden}
.anythingSlider .arrow.disabled {display: none}
.anythingSlider .panel {background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0}
.anythingSlider .vertical .panel {float: none}
.anythingSlider .fade .panel {float: none; position: absolute; top: 0; left: 0; z-index: -1}
.anythingSlider .fade .activePage {z-index: 0}

.anythingSlider.rtl .anythingWindow {direction: ltr; unicode-bidi: bidi-override}
.anythingSlider.rtl .anythingControls ul { float: left; }
.anythingSlider.rtl .anythingControls ul a { float: right; }
.anythingSlider.rtl .start-stop { /* float: right; */ }

.anythingSlider, .anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a, .anythingSlider .start-stop {transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0}

#slider{width: 500px; height: 400px; list-style: none} 
#slider img{width: 100%; height: 100%} 
#slider .panel { position: relative; } 
#slider .caption-top, #slider .caption-right, 
#slider .caption-bottom, #slider .caption-left{background: #000; color: #fff; padding: 10px; margin: 0; position: relative; z-index: 10; opacity: .8; filter: alpha(opacity=80)} 
#slider .caption-top{left: 0; top: 0; width: 480px; height: 30px} 
#slider .caption-right{right: 0; bottom: 0; width: 130px; height: 180px} 
#slider .caption-bottom{left: 0; bottom: 0; width: 480px; height: 30px} 
#slider .caption-left{left: 0; bottom: 0; width: 130px; height: 180px} 
.caption-top .close, .caption-right .close, 
.caption-bottom .close, .caption-left .close{font-size: 80%; cursor: pointer; float: right; display: inline-block}


/* ---------- QUAKE SLIDER ---------- */
.quake-slider-wrapper{background-color:White; }
.quake-slider{width: 980px; height: 300px; margin: 20; position: relative; overflow: hidden; /*-webkit-touch-callout: none;     -webkit-user-select: none;     -khtml-user-select: none;     -moz-user-select: none;     -ms-user-select: none;     -o-user-select: none;     user-select: none;*/
    border: 5px solid #fff; box-shadow: 0px 0px 8px #90989e; background-color: White; background:url('images/quakeSlider/loading.gif') no-repeat center}
.quake-nav a{position: absolute; top: 45%; text-decoration: none; width: 37px; height: 38px; background-repeat: no-repeat; z-index: 10000; cursor: pointer; text-indent: -9999px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none}
.quake-prev{left: 0px; margin-left: 2px; background-image: url('images/quakeSlider/arrow-left.png')}
.quake-next{right: 0px; margin-right: 2px; background-image: url('images/quakeSlider/arrow-right.png')}
.quake-prev:hover{background-image: url('images/quakeSlider/arrow-left-active.png')}
.quake-next:hover{background-image: url('images/quakeSlider/arrow-right-active.png')}
.quake-slider-caption-container-right{background-color: black; position: absolute; z-index: 101; padding: 0; width: 220px; height: 310px; left: 750px; padding-left: 25px; margin-right: 10px}
.quake-slider-caption-right{color: white; font-weight: bold; font-size: 22px; font-family: Arial; width: 210px; height: 300px; position: absolute; z-index: 102; left: 750px; padding: 0; padding: 10px; margin-right: 10px}
.quake-slider-caption-container-left{background-color: black; position: absolute; z-index: 101; padding: 0; width: 220px; height: 310px; left: 0px; padding-left: 10px; margin-left: 10px}
.quake-slider-caption-left{color: white; font-weight: bold; font-size: 22px; font-family: Arial; width: 210px; height: 300px; position: absolute; z-index: 102; left: 0px; padding: 0; padding: 10px; margin-left: 10px}

.quake-slider-caption-container-bottom{background-color: black; position: absolute; z-index: 101; padding: 0; width: 990px; height: 50px; bottom: 0px; padding-left: 20px; margin-bottom: 10px}
.quake-slider-caption-bottom{color: white; font-weight: bold; font-size: 22px; font-family: Arial; width: 990px; height: 50px; position: absolute; z-index: 102; bottom: 0px; padding-left: 10px; padding-top: 10px}

.quake-slider-caption-container-top{background-color: black; position: absolute; z-index: 101; padding: 0; width: 990px; height: 50px; top: 0px; padding-left: 10px; margin-top: 10px}
.quake-slider-caption-top{color: white; font-weight: bold; font-size: 22px; font-family: Arial; width: 990px; height: 50px; position: absolute; z-index: 102; top: 0px; padding: 0; padding-top: 10px; margin-top: 10px; padding-left: 10px}

.quake-nav-wrapper{width: 990px; position: relative; z-index: 102; top: 0; left: 0}
.quake-nav-container{margin: auto; margin-top: 20px}
.quake-nav-control{width: 22px; height: 22px; cursor: pointer; display: inline-block; /* background-image: url('images/bullets.png');*/
    background-image: url('images/quakeSlider/circle.png'); background-repeat: no-repeat; text-indent: -9999px; border: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; outline: none}
.quake-nav-control.active{/*background-position: 0px -22px;*/
    background-image: url('images/quakeSlider/circle-active.png')}
.quake-highlight{color: Yellow}
.quake-highlight a{color: Yellow}
.quake-link{position: absolute; z-index: 101}
.quake-thumbnail{position: absolute; z-index: 111; width: 98px; height: 76px; overflow: hidden; background: url('images/quakeSlider/thumb_bg.png') no-repeat center center}
.quake-thumbnail-preview{width: 84px; height: 48px; margin: 7px 0 0 7px; overflow: hidden; background-color: White}
.quake-thumbnail-preview img{border: none}

/* ---------- HIGHSLIDE ---------- */
.highslide-container div {font-family: Verdana, Helvetica; font-size: 10pt}
.highslide-container table {background: none}
.highslide {outline: none; text-decoration: none}
.highslide img {border:5px solid #fff; margin:10px; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000;}
.highslide:hover img {box-shadow: 0px 0px 12px #000; -moz-box-shadow: 0px 0px 12px #000; -webkit-box-shadow: 0px 0px 12px #000;}
.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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/controlbar-text-buttons.png); background-position: right top !important; padding: 0; margin-left: 15px; display: block; width: auto}
.text-controls a { background: url(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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(highslide/graphics/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}

/*  ---------- FORMS JQUERY VALIDATION ---------- */
.inputContainer{position:relative; float:left;}
.formError{position:absolute; top:300px; left:300px; display:block; z-index:5000; cursor:pointer}
#debugMode{background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000}
.ajaxSubmit{padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent{width:100%; background:#6E0000; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px}
.greenPopup .formErrorContent{background:#33be40;}
.blackPopup .formErrorContent{background:#393939;color:#FFF;}
.formError .formErrorArrow{width:15px; margin:-2px 0 0 13px; z-index:5001}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{border-left:2px solid #ddd; border-right:2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size:0px; height:1px; background:#6E0000;margin:0 auto;line-height:0px; font-size:0px; display:block}
.formError .formErrorArrowBottom div{box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}