@charset "UTF-8";
/* ////////////////////////////////////////////////// */

/* Bestandsnaam: style.css */
/* Versie: 1.0.0 (21-01-2009) */

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

/* ////////////////////////////////////////////////// */
     
	/* RESET STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-size: 100%;	vertical-align: baseline; background: transparent;}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

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

/* ////////////////////////////////////////////////// */
     
	/* ALGEMEEN */
	 
.clr {clear: both; margin: 0; padding: 0; line-height: 0; height: 0; display: block;}

.flt_rgt {float: right;}

.flt_lft {float: left;}

.print {display: none !important;}

.no_print {display: block !important;}

#map {width: 740px; height: 350px; border: 5px solid #fff; margin: 10px 0;}

#map span {display: none;}

.adres {height: 125px;}

.route {height: 125px;}

img.read-more-arrow {vertical-align: middle; margin: 0 0 0 2px;}

/* ////////////////////////////////////////////////// */
     
	 /* GLOBALE PAGINA OPMAAK */	 

body {padding: 0 0 0 0;	margin: 0 0 0 0; width: 100%; height: 100%; background: #fff url('/img/jpg-sprite.jpg') repeat-x 0 -481px; font: 11px 'Verdana', sans-serif; color: #666;}

html {padding: 0 0 0 0;	margin: 0 0 0 0; width: 100%; height: 100%;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 204px;} 

/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ////////////////////////////////////////////////// */
     
	/* HEADER */ 	

#header-wrap {width: 100%; height: 59px; background: #fff url('/img/jpg-sprite.jpg') repeat-x 0 0;}

#header {width: 960px; margin: 0 auto; position: relative;}

#header h1 {margin: 0; padding: 0; position: absolute; top: 6px; left: 0;}

#header h1 a {display: block; width: 311px; height: 48px; font-size: 0; line-height: 0; text-indent: -10000px; background: #fff url('/img/jpg-sprite.jpg') no-repeat 0 -275px; margin: 0; padding: 0;}

#header h2 {display: none;}

#header form#searchform {position: absolute; top: 8px; right: 0;}

#header form#searchform input {border: 1px solid #999; background: #fafafa; width: 135px; padding: 3px; font: 11px 'Verdana', sans-serif; color: #666;}

#header form#searchform input.send_btn {border: 0; background: none; width: auto; font: 16px 'Arial Black', arial; color: #c03; text-transform: uppercase; cursor: pointer; margin: 0 0 0 10px; padding: 1px 0 0 0;}

form#searchform-content input.send_btn {border: 0; background: none; width: auto; font: 16px 'Arial Black', arial; color: #c03; text-transform: uppercase; cursor: pointer; margin: 0 0 0 10px; padding: 1px 0 0 0;}

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

	/* TOPMENU */

ul#topnav {margin: 0; padding: 0; list-style: none; text-align: right;}

ul#topnav li {display: inline-block;}

ul#topnav li a {display: inline-block; background: #fff; font: 16px 'Arial Black', arial; color: #c03; text-transform: uppercase; padding: 10px 10px 2px 20px; margin: 15px 0 0 10px; text-decoration: none;}

ul#topnav li a:hover {background: #c03; font: 16px 'Arial Black', arial; color: #fff;}

ul#topnav .subscribe {float: left; margin: 0 0 0 158px;}
		
/* ////////////////////////////////////////////////// */
     
	/* HOOFDMENU */ 	 

#headnav, #headnav * {margin: 0; padding: 0; list-style: none;}

#headnav {line-height: 1.0; width: 168px; text-align: right; margin: 15px 0 0 0; padding: 0;}

#headnav ul {position: absolute; left: -999em; width: 220px;}

#headnav ul li {width: 100%;}

#headnav li:hover {visibility: inherit;}

#headnav li {position: relative; margin: 0; padding: 0;}

#headnav li a {margin: 0 0 3px 0; background: #000; border-bottom: 1px dotted #fff; font: 16px 'Arial Black', arial; color: #fff; padding: 10px 5px 2px 20px; text-decoration: none; text-transform: uppercase; display: inline-block; position: relative;}

#headnav li:hover a {background: #c03; border-bottom: 1px dotted #fff; font: 16px 'Arial Black', arial; color: #fff;}

#headnav li:hover ul, #headnav li.sfHover ul {left: 168px; top: 0; z-index: 99; text-align: left;}

#headnav li:hover ul li a {margin: 0; background: #000; border-bottom: 1px dotted #fff; font: 12px 'Arial Black', arial; color: #fff; padding: 15px 5px 2px 20px; text-decoration: none; text-transform: uppercase; display: block; position: relative;}

#headnav li:hover ul li a:hover {background: #c03; border-bottom: 1px dotted #fff; font: 12px 'Arial Black', arial; color: #fff;}

ul#headnav li:hover li ul, ul#headnav li.sfHover li ul {top: -999em;}

ul#headnav li li:hover ul, ul#headnav li li.sfHover ul {left: 10em; top: 0;}

ul#headnav li li:hover li ul, ul#headnav li li.sfHover li ul {top: -999em;}

ul#headnav li li li:hover ul, ul#headnav li li li.sfHover ul {left: 10em; top: 0;}

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

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

	/* CONTENT */	
	
.text p {margin: 10px 0;}

#content {width: 960px; margin: 0 auto;}

#left-column {width: 168px; float: left; margin: 10px 0 0 0; z-index: 100; position: relative;}

#left-column .text {padding: 7px; background: #10a5ca; color: #fff; line-height: 20px; margin: 7px 0 0 0; height: 224px;}

#left-column .text a {text-decoration: underline; color: #fff;}

#left-column .text a:hover {text-decoration: none;}

.left-column-content .text {height: auto !important;}

#left-column h2 {font: 11px 'Verdana', sans-serif; color: #fff; margin: 0; padding: 0; line-height: 20px;}

#left-column h2 a img { width: 7px; height: 7px; margin: 0 0 0 5px;}

#main-content {width: 772px; float: right; background: #fff; margin: 15px 0 0 0; border-bottom: 1px dotted #b4b4b4; padding: 10px; position: relative;}

/* SLIDER HOME */
#home-slider {width: 772px; height: 270px; overflow: hidden;}

#home-slider img {width: 772px; height: 270px;}

#home-slider .slide strong {background: url('/img/png-sprite.png') repeat-x 0 -63px; padding: 25px 0 0 20px; display: block; position: absolute; z-index: 15; top: 195px; left: 0; height: 55px; width: 752px; color: #fff; font: normal 22px 'Arial', sans-serif; letter-spacing: 1px;}

.prev-home {z-index: 15; position: absolute; top: 101px; left: 0; background: url('/img/png-sprite.png') no-repeat 0 0; width: 56px; height: 63px; text-decoration: none; font-size: 0; line-height: 0; text-indent: -10000px;}

.next-home {z-index: 15; position: absolute; top: 101px; right: 0; background: url('/img/png-sprite.png') no-repeat -59px 0; width: 56px; height: 63px; text-decoration: none; font-size: 0; line-height: 0; text-indent: -10000px;}

/* SLIDER CONTENT BREED */
#content-slider-wide {width: 772px; height: 165px; overflow: hidden;}

#content-slider-wide img {width: 772px; height: 165px;}

#content-slider-wide .slide strong {background: url('/img/png-sprite.png') repeat-x 0 -63px; padding: 25px 0 0 20px; display: block; position: absolute; z-index: 15; top: 195px; left: 0; height: 55px; width: 752px; color: #fff; font: normal 22px 'Arial', sans-serif; letter-spacing: 1px;}

.prev-content-wide {z-index: 15; position: absolute; top: 55px; left: 0; background: url('/img/png-sprite.png') no-repeat 0 0; width: 56px; height: 63px; text-decoration: none; font-size: 0; line-height: 0; text-indent: -10000px;}

.next-content-wide {z-index: 15; position: absolute; top: 55px; right: 0; background: url('/img/png-sprite.png') no-repeat -59px 0; width: 56px; height: 63px; text-decoration: none; font-size: 0; line-height: 0; text-indent: -10000px;}

#home-left {width: 290px; height: 226px; border: 1px solid #666; padding: 5px; background: #fff; margin: 10px 0 0 0; float: left; position: relative;}

#home-middle {width: 205px; height: 216px; border-top: 1px solid #10a5ca; border-bottom: 1px solid #10a5ca; padding: 10px; background: #10a5ca; margin: 10px 10px 0 10px; float: left; color: #fff; line-height: 20px; position: relative;}

#home-middle h3 {width: 215px; border-bottom: 1px dotted #fff; font: 16px 'Arial Black', arial; color: #fff; text-align: right; text-transform: uppercase; margin: 0 0 10px 0; padding: 0 10px 0 0; position: relative; left: -10px;}

#home-middle a {text-decoration: none; font-weight: bold; color: #fff;}

#home-middle a:hover {text-decoration: underline; color: #fff;}

#home-middle a#full-agenda {text-decoration: none; font-weight: bold; position: absolute; bottom: 8px; right: 10px;}

#home-middle a#full-agenda img {vertical-align: middle; margin: 0 0 0 2px;  width: 7px; height: 7px;}

#home-middle a#full-agenda:hover {text-decoration: underline;}

#home-middle ul {margin: 0; padding: 0; list-style: none;}

#home-middle .date {display: inline-block; margin: 0 0 0 10px; font-size: 10px; color: #e2e2e2;}

#home-right {width: 205px; height: 220px; border-top: 1px solid #338a33; border-bottom: 1px solid #338a33; padding: 10px; background: #338a33; margin: 10px 0 0 0; float: left; color: #fff; line-height: 20px;}

#home-right h2 {width: 215px; border-bottom: 1px dotted #fff; font: 16px 'Arial Black', arial; color: #fff; text-align: right; text-transform: uppercase; margin: 0 0 10px 0; padding: 0 10px 0 0; position: relative; left: -10px;}

#home-right h2 a {text-decoration: none;}

#home-right h2 a:hover {text-decoration: underline;}

#home-right a {color: #fff; text-decoration: underline;}

#home-right a:hover {color: #fff; text-decoration: none;}

#home-right #art {position: relative; left: -10px; bottom: -7px; width: 225px; height: 75px !important;}

#home-right p {margin: 5px 0;}

#content-left-column {width: 500px; float: left;}

#content-right-column {width: 260px; float: right;}

.content-page .text {background: #f8f8f8; padding: 10px; margin: 10px 0 0 0; line-height: 22px;}

.content-page .text p a {color: #c03; text-decoration: none;}

.content-page .text p a:hover {text-decoration: underline;}

.content-page .text h1 {font: 22px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text h2 {font: 18px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text h3 {font: 18px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text h4 {font: 16px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text h5 {font: 14px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text h6 {font: 12px 'Arial Black', arial; color: #c03; text-transform: uppercase;}

.content-page .text ul {margin: 10px 0 10px 30px; padding: 0; list-style: square;}

.content-page .text ol {margin: 10px 0 10px 35px; padding: 0; list-style: decimal;}

.content-page .text ul li {padding: 0 0 0 5px;}

.content-page .text hr {height: 0; border: 0; border-top: 1px dotted #ccc;}

.content-page .text .teaser_image {float: left; margin: 0 10px 0 0;}

.content-page .text .teaser_image img {padding: 4px; background: #fff; border: 1px solid #ccc;}

.content-page .text .teaser_image:hover img {border: 1px solid #c03;}

.content-page .text .content_image {float: right;}

.content-page .text .content_image img {padding: 4px; background: #fff; border: 1px solid #ccc; margin: 14px 10px 0 0;}

.content-page .text .content_image:hover img {border: 1px solid #c03;}

.content-page .text .fancybox_gallery {}

.content-page .text .fancybox_gallery img {padding: 4px; background: #fff; border: 1px solid #ccc;}

.content-page .text .fancybox_gallery:hover img {border: 1px solid #c03;}

.content-page .news a, .content-page .newsteaser a {color: #c03; text-decoration: none;}

.content-page .news a:hover, .content-page .newsteaser a:hover {text-decoration: underline;}

.content-page .news, .content-page .newsteaser {padding: 10px; margin: 0; line-height: 22px; border-top: 1px dotted #ccc; cursor: pointer;}

.content-page .newsteaser h3 {font: 14px 'Arial Black', arial; text-transform: none; display: inline-block; margin: 0 10px 0 0;}

.content-page .news h3 {font: 14px 'Arial Black', arial; text-transform: none;}

.content-page .news .date {font-size: 10px;}

.content-page .newsteaser p {margin: 5px 0;}

.content-page .newsteaser .content_image {float: left; margin: 0 15px 0 0;}

.paging {text-align: right; }

.paging a {display: inline-block; margin: 10px 5px; background: #fdfdfd; padding: 0 7px; border: 1px dotted #ccc;}

/* ////////////////////////////////////////////////// */
     
	/* NIEUWS */ 	

#home-left .news h3 {display: none;}

#home-left .news .news-item {width: 268px; background: #f8f8f8; padding: 10px; border: 1px solid #fff; border-bottom: 1px dotted #666; display: none; cursor: pointer;}

#home-left .news .news-item:hover {border: 1px solid #ccc;}

#home-left .news .news-item h4 {color: #c03; font: 14px 'Arial Black', arial;}

#home-left .news .news-item h4 img {vertical-align: middle; margin: 0;}

#home-left .news .news-item .date {font-size: 10px; color: #999;}

#home-left .news .news-item p {margin: 5px 0;}

#home-left .news .news-item img.news-image {width: 290px; height: 85px; position: relative; top: -10px; left: -10px;}

#home-left .news  a.more-news {position: absolute; right: 5px; bottom: 5px; text-decoration: none; font-weight: bold; position: absolute; bottom: 8px; right: 10px; color: #666;}

#home-left .news  a.more-news img {vertical-align: middle; margin: 0 0 0 2px; width: 7px; height: 7px;}

#home-left .news  a.more-news:hover {text-decoration: underline;}

.prev-news {z-index: 10; position: absolute; top: 23px; left: 0; background: url('/img/png-sprite.png') no-repeat 0 -145px; width: 34px; height: 38px; text-decoration: none; font-size: 0; line-height: 0; text-indent: -10000px;}

.next-news {z-index: 10; position: absolute; top: 23px; right: 0; background: url('/img/png-sprite.png') no-repeat -36px -145px; width: 34px; height: 38px; text-decoration: none; font-size: 0; line-height: 0; text-indent: -10000px;}

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

	/* FORMULIER */	
	
form p {margin: 5px 0 !important;}

form fieldset {padding: 10px; border: 2px solid #fff;}

form fieldset legend {padding: 0 10px; font-weight: bold; color: #c03; font-size: 14px;}

form label {display: inline-block; width: 200px; vertical-align: top;}

form input, form textarea {border: 1px solid #e2e2e2; padding: 4px 2px; width: 220px; vertical-align: top; font: 11px 'Verdana', sans-serif; color: #666;}

form input:focus, form textarea:focus {border: 1px solid #666;}

form select {border: 1px solid #e2e2e2; background: #fff; padding: 4px 2px; width: 226px; vertical-align: top; font: 11px 'Verdana', sans-serif; color: #666;}

form .required {}

form .control {position: relative;}

form .control label {vertical-align: top;}

form .control input {width: 100px !important; margin: 0 0 0 16px; position: absolute;}

form input.error, form textarea.error {border: 1px solid #c03;}

form span.error {display: inline-block;	margin: 0 0 0 200px; color: #c03; font-weight: bold;}

form .control span.error {margin: 0 0 0 142px;}

form#subscribeform span.error {margin: 0 0 0 10px;}

form #cplace {width: 155px;}

form #cpc {width: 50px;	margin: 0 10px 0 0;}

form#mailform-call label {display: inline-block; width: 80px; vertical-align: top;}

form#mailform-call input {border: 1px solid #e2e2e2; padding: 4px 2px; width: 190px; vertical-align: top;}

form#mailform-call span.error {display: inline-block; margin: 0 0 0 0; color: #e91112; font-weight: bold;}

form .send_btn {width: 120px; border: 1px dotted #ccc; background: #fff; margin: 15px 0 0 -2px; padding: 5px 10px; font-weight: bold; text-transform: uppercase; color: #c03; cursor: pointer;}

form .send_btn:hover {background: #c03; color: #fff;}

.route .send_btn {width: 120px; border: 0; background: none; margin: 0; padding: 5px 0 0 0; font-weight: bold; text-transform: uppercase; color: #c03; cursor: pointer;}

.route .send_btn:hover {background: none; color: #c03;}

form#mailform-call p {margin: 4px 0; padding: 0;}

form .small {font-size: 9px; font-style: italic;}

form .radio-check {border: 0 !important; width: 15px !important; background: none !important;}

/* ////////////////////////////////////////////////// */
     
	/* CURSUSSEN */ 

/* Algemeen */	
.courses ul {margin: 15px 0 0 -5px !important; padding: 0 !important; list-style: none !important;}

ul.stage2 {display: none;}

.group-description {display: none;}

.group-info {float: right; display: inline-block; width: 10px; text-align: right;}


/* 1e niveau */
ul.stage1 li {cursor: pointer; display: block;}

ul.stage1 li a {font-weight: bold; font-size: 16px; cursor: pointer; text-decoration: none; display: block; color: #FFF; margin: 5px 0; padding: 5px 5px 5px 30px !important; background-image: url('/img/course-arrow-down.png'); background-repeat: no-repeat; background-position: top left;}

ul.stage1 li a:hover {text-decoration: none !important;}

ul.stage1 li.selected {background-image: url('/img/course-arrow-up.png'); background-repeat: no-repeat; background-position: top left;}

ul.stage1 li ul {margin: -5px 0 0 0 !important;}

/* 2e niveau */
ul.stage2 {background: #f8f8f8 !important; padding: 0 !important;}

ul.stage2 li {cursor: pointer; display: block;}

ul.stage2 li a {font-weight: bold; font-size: 13px; cursor: pointer; display: block; background: #fff url('/img/course-arrow-down-grey.png') no-repeat top left !important; color: #666;}

ul.stage2 li.selected a {background: #fff url('/img/course-arrow-up-grey.png') no-repeat top left !important;}

ul.stage2 li a.course {font-weight: normal; color: #666; font-size: 12px; cursor: pointer; display: block; background: #fff !important;}

ul.stage2 li a:hover {text-decoration: none !important;}

/* 3e niveau */
ul.stage3 {background: #fff !important; margin: 0 !important; padding: 0 !important; border: 0 !important;}

ul.stage3 li {cursor: pointer; display: block; margin: 0; background: none !important; padding: 0 0 0 25px !important; border: 0;}

ul.stage3 li a {display: block; font-weight: normal; font-size: 12px; cursor: pointer; background: none !important;}

ul.stage3 li a.course {display: block; font-weight: normal; font-size: 12px; cursor: pointer; background: none !important;}

ul.stage2 li.selected ul.stage3 li a {background: none !important;}

ul.stage3 li a:hover {text-decoration: none !important;}

/* Cursus detail pagina */
.course-left {width: 450px; float: left;}

.course-right {width: 260px; float: right; text-align: right;}

.course-image img {padding: 4px; background: #fff; border: 1px solid #ccc; margin: 18px 0 0 0;}

.course-image:hover img {border: 1px solid #c03;}

.course dl dt {float: left; width: 125px; font-weight: bold;}

.course-gallery {margin: 15px 0 0 0;}

.course-gallery a img {padding: 3px; background: #fff; border: 1px solid #ccc;}

.course-gallery a:hover img {border: 1px solid #c03;}

.back-courses {float: right;}

/* ///////////////////////////////////////////////////// */
     
	/* SITEMAP */ 

ul.sitemap, ul.sitemap ul {list-style: none !important;	background: url('/img/vline.png') repeat-y; margin: 0 0 10px 15px !important; padding: 0 !important;} 

ul.sitemap ul {margin: 0 0 0 10px !important;} 

ul.sitemap li {margin: 0 !important; padding: 0 18px !important; line-height: 20px !important; background: url('/img/node.png') no-repeat; color: #369 !important; font-weight: bold !important;}

ul.sitemap ul li {font-weight: normal !important;}

ul.sitemap a {color: #c03; text-decoration: none;}

ul.sitemap a:hover {text-decoration: underline;}

ul.sitemap li.last {background: #fbfcfe url('/img/lastnode.png') no-repeat;}

ul.sitemap li.first {background: #f9f9f9 url('/img/firstnode.png') no-repeat;}

ul.sitemap li.Home {display: none;}

/* ////////////////////////////////////////////////// */
     
	/* FOOTERMENU */ 

ul#footernav {margin: 0; padding: 10px 0 0 168px; list-style: none;}

ul#footernav li {display: inline-block; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #666; line-height: 10px;}

ul#footernav li.Sitemap {margin: 0; padding: 0; border-right: 0;}

ul#footernav li a {color: #666; text-decoration: none;} 

ul#footernav li a:hover {text-decoration: underline;} 

/* ////////////////////////////////////////////////// */
     
	/* FOOTER */ 	

#footer {position: relative; margin-top: -204px; height: 204px;	clear: both; background: #fff url('/img/jpg-sprite.jpg') repeat-x 0 -60px; text-align: center;} 

#footer p#webdeveloper {width: 525px; position: relative; top: 155px; margin: 0 auto;}

#footer p#webdeveloper a {text-decoration: none; color: #999;}

#footer p#webdeveloper a:hover {text-decoration: underline;}

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

	/* FANCYBOX */	

div#fancy_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666;	display: none; z-index: 830;}

div#fancy_wrap {text-align: left;}

div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 900;}

div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px;	background: url('/img/fancybox.png');}

div#fancy_loading_overlay {position: absolute; background-color: #FFF; z-index: 830;}

div#fancy_loading_icon {position: absolute; z-index: 835; width: 16px;	height: 16px;}

div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 890; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none;}

div#fancy_inner {position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF;}

div#fancy_content {margin: 0; z-index: 900; position: absolute;}

div#fancy_div {background: #000; color: #FFF; height: 100%; width: 100%; z-index: 900;}

img#fancy_img {position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 900; width: 100%; height: 100%;}

div#fancy_close {position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('/img/fancybox.png') -40px 0px; cursor: pointer; z-index: 981; display: none;}

#fancy_frame {position: relative; width: 100%; height: 100%; display: none;}

#fancy_ajax {width: 100%; height: 100%; overflow: auto;}

a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 911; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none;}

a#fancy_left {left: 0px;}

a#fancy_right {right: 0px;}

span.fancy_ico {position: absolute;	top: 50%; margin-top: -15px; width: 30px; height: 30px;	z-index: 912; cursor: pointer; display: block;}

span#fancy_left_ico {left: -9999px;	background: url('/img/fancybox.png') -40px -30px;}

span#fancy_right_ico {right: -9999px; background: url('/img/fancybox.png') -40px -60px;}

a#fancy_left {visibility: visible;}

a#fancy_right {visibility: visible;}

a#fancy_left span {left: 20px;}

a#fancy_right span {right: 20px;}

.fancy_bigIframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}

div#fancy_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 870;	border: 0; padding: 0; margin: 0;}
	
div.fancy_bg {position: absolute; display: block; z-index: 870; border: 0; padding: 0; margin: 0;}

div.fancy_bg_n {top: -18px;	width: 100%; height: 18px; background: url('/img/fancybox-x.png');}

div.fancy_bg_ne {top: -18px; right: -13px; width: 13px;	height: 18px; background: url('/img/fancybox.png') -55px -92px;}

div.fancy_bg_e {right: -13px; height: 100%;	width: 13px; background: url('/img/fancybox-y.png') -13px 0px;}

div.fancy_bg_se {bottom: -18px; right: -13px; width: 13px; height: 18px; background: url('/img/fancybox.png') -55px -110px;}

div.fancy_bg_s {bottom: -18px; width: 100%; height: 18px; background: url('/img/fancybox-x.png') 0px -18px;}

div.fancy_bg_sw {bottom: -18px; left: -13px; width: 13px; height: 18px; background: url('/img/fancybox.png') -42px -110px;}

div.fancy_bg_w {left: -13px; height: 100%; width: 13px;	background: url('/img/fancybox-y.png');}

div.fancy_bg_nw {top: -18px; left: -13px; width: 13px; height: 18px; background: url('/img/fancybox.png') -42px -92px;}

div#fancy_title {position: absolute; bottom: -33px;	left: 0; width: 100%; z-index: 900;	display: none;}

div#fancy_title div {color: #FFF; font: bold 12px Arial; padding-bottom: 3px;}

div#fancy_title table {margin: 0 auto;}

div#fancy_title table td {padding: 0; vertical-align: middle;}

td#fancy_title_left {height: 32px; width: 15px;	background: url('/img/fancybox.png') no-repeat -40px -130px;}

td#fancy_title_main {height: 32px; background: url('/img/fancybox-x.png') 0px -36px;}

td#fancy_title_right {height: 32px;	width: 15px; background: url('/img/fancybox.png') no-repeat -55px -130px;}