/* Basic Stylesheet for www.seglerverband-sh.de */
/* author: www.ideenwerft.com */

/* Farben: blau #3333CC */

* {padding:0px;margin:0px;}
img {border:0;}
html[xmlns^="http"] {
/* für inaktiven scrollbalken bei mozilla */
overflow-y: scroll;
}
.hidden { /* für screenreader links */
position: absolute;
left: -10000px;
}
html {height:100%;}  /* für maximale Höhe des Rahmens */
* html body {height:100%;} /* für maximale Höhe des Rahmens */
body {
min-height:100%;
height:100%;
font-size: 68.75%; /* setzt Standardschriftgröße auf 11px */
font-family: verdana, arial, Sans-Serif;
color:#333333;
text-align:center;
back ground: url(../layout/bg.gif) 50% 33px no-repeat;
backgr ound-attachment: scroll !important;
}
#wrapper {
width: 925px;
margin-left: auto;
margin-right: auto;
background: url(../layout/wrapperBg.jpg) repeat-y;
}
#rahmen {
width: 925px;
min-height:900px;
text-align:left;
background: url(../layout/leftBg.jpg) top left no-repeat;
}
#top {
width: 900px;
height: 33px;
margin-left: 25px;
background:url(../layout/topBg.jpg) repeat-y;
}
#suche {
float:right;
margin-top: 5px;
margin-right: 5px;
}
#header {
float:left;
width: 925px;
height:200px;
padding: 0px;
margin: 0px;
background-position: top left;
background-repeat: no-repeat;
}
#logo {
float:left;
width:740px;
height:70px;
margin-top:130px;
margin-left:20px;
}
a#home_link {
display:block;
width:150px;
height:70px;
}
#navi {
clear:left;
float:left;
width: 900px;
margin-left: 25px;
min-height:25px;
background:url(../layout/topBg.jpg) repeat-y;
display:inline;   /* ie -6.0 hack wg. doppeltem margin bei float*/
}
#left {
float:left;
width: 150px; /* nur IE 5.x */
width/**/:/**/ 150px; /* alle anderen */
margin-left:25px;
display:inline;   /* ie -6.0 hack wg. doppeltem margin bei float*/
}
#content {
float:left;
width: 545px;
margin-left: 15px;
display:inline;
padding-top: 2px;
}
#right {
width: 170px; /* nur IE 5.x */
width/**/:/**/ 170px; /* alle anderen */
min-height:500px;
_height: 550px; /* ie hack */
float:right;
display:inline;
background: url(../layout/right.jpg) no-repeat;
padding-top: 15px;
}
#iw {
clear:both;
width: 920px;
margin: 10px auto;
height:25px;
padding-top: 0px;
padding-right:3px;
}

#printTop {display:none;}
/* *** allgemein - textformatierung *******************/

span.small {
font-size: 0.9em;
}
span.xsmall {
font-size: 0.8em;
}

/* *** top - textformatierung *******************/
#top DIV.pfad {
font-size:0.8em;
color: #999;
padding-left: 0px;
padding-top: 3px;
}
#top DIV.pfad a, #top DIV.pfad a:visited {
color: #999999;
text-decoration:none;
}
#top a:hover {
color: #FFFFFF;
text-decoration:underline;
}
ul#static {
float:left;
font-size:0.9em;
padding-top:2px;
padding-left: 0px;
color:#CCCCCC;
text-transform:uppercase;
}
ul#static li {
float:left;
display:inline;
list-style:none;
margin-right: 13px;
}
ul#static li a, ul#static li a:visited {
text-decoration: none;
color:#D6D6D6;
}
ul#static li a:hover {
text-decoration: underline;
color:#FFFFFF;
}

/* formulare ****************** */
form input:focus, form textarea:focus { background-color : #DDE6EE;}

/* *** suche ******************************** */
#suche {
padding-top:3px;
}
#suche form {
color: #EAEAEA;
font-weight:bold;
}
#suche form input {
font-size: 0.9em;
}


/* *** navi ****************************/
#navi ul {
list-style:none;
}
#navi ul li {
float:left;
margin-right: 0px;
display:inline; /* wg doppeltem margin IE bug */
}
#navi ul li, #navi ul li a, #navi ul li a:visited {
text-decoration:none;
color:#FFFFFF;
padding: 6px 5px;
}
#navi ul li a:hover {
text-decoration: underline;
color: #333399;
background-color: #EAEAEA;
}
#navi ul li a:focus {
background-color: #999999;
color:#fff;
}
#navi ul li.current a:link, #navi ul li.current a:visited {
color:#fff;
background-color: #999999;
}
#navi ul li.current a:hover {
color: #333399;
background-color: #EAEAEA;
}
DIV.bottom {
bord er-bottom: 7px solid #999;
}
#yymenu {
float:left;
display:inline;
}

#yymenu a {
padding: 4px;
text-decoration: none;
display: block;
color: #FFFFFF;
margin: 0px;
border-bottom: dashed 1px #EAEAEA;
background-color: #8594a0;
}
#yymenu a.last {
border-style: none;
}
#yymenu  {

}
#yymenu a:hover {
color: #2D4200;
background-color: #EAEAEA;
}
.mmLevel1, .mmLevel2{
padding-top:0px;
margin-bottom:10px;
}
div.mmLevel1 div a.sub {
background:url(../layout/sub.gif) right no-repeat;
}

/* *** left  ******************************/
DIV#sponsoren {
margin-top: 10px;
margin-bottom: 10px !important;
}

DIV#sponsoren h5 {
margin-top: 25px;
font-weight:normal;
font-size: 0.8em;
color: #999999;
padding-left: 5px;
padding-bottom: 2px;
border-bottom: 1px solid #CCCCCC;
}


/* *** Sub-Navi *******************/

ul#subnavi {
list-style:none;
border-bottom: 1px dashed #CCCCCC;
}
ul#subnavi li {
margin-bottom:0px;
}
/* +++ links 1. Ebene ++++++++++++++++++++++++++++++++++++++++ */
ul#subnavi li a:link, ul#subnavi li a:visited {
padding:5px 0 5px 7px;
display:block;
text-decoration:none;
color:#333333;
border-top: 1px dashed #CCCCCC;
}
ul#subnavi li.first a, ul#subnavi li.first a:visited {
border-top:none;
}
ul#subnavi li a:hover, ul#subnavi li a:focus {
text-decoration:underline;
background:#ccc;
color: #333;
}
ul#subnavi li.current a:link, ul#subnavi li.current a:visited {
background:#999999;
color: #fff;
border-top:none;
font-weight:bold;
}


/* +++ 2. Ebene +++++++++++++++++++++++++++++++++ */
/*+++++++++++++++++++++++++++++++++++++++++++++ */
ul#subnavi li ul {
list-style:none;
font-size:0.9em;
}
ul#subnavi li.current ul li.current {
padding:3px 0 3px 15px;
background-color: #DBDBDB;
color: #333;
font-weight:bold;
}

/* +++ links 2. Ebene +++++++++++++++++++++++++++++++++++++++++ */
ul#subnavi li ul li a:link, ul#subnavi li ul li a:visited {
text-decoration:none;
color:#333333;
}
ul#subnavi li ul li a:hover {
text-decoration:underline;
}
ul#subnavi li.current ul li a:link, ul#subnavi li.current ul li a:visited {
padding:3px 0 3px 10px;
background-color: #DBDBDB;
color: #333333;
border-top: none;
font-weight:normal;
}
ul#subnavi li.current ul li a:hover {
background-color: #ccc;
color: #333333;
}
ul#subnavi li.current ul li.current a:link, ul#subnavi li.current ul li.current a:visited {
padding:2px 0 2px 17px;
margin-left: -9px;
background: #eaeaea url(../layout/subnavi.gif) 4px 4px no-repeat;
font-weight:bold;
}

/* +++ 3. Ebene +++++++++++++++++++++++++++++++++ */
/*+++++++++++++++++++++++++++++++++++++++++++++ */
ul#subnavi li.current ul li.current ul li {
font-weight:normal;
}
ul#subnavi li.current ul li.current ul li a:link, ul#subnavi li.current ul li.current ul li a:visited {
padding:3px 0 3px 17px;
background-color: #eaeaea;
background-image: none;
font-weight:normal;
}
ul#subnavi li.current ul li.current ul li.current, ul#subnavi li.current ul li.current ul li.current {
font-weight:bold;
background: #eaeaea url(../layout/subnavi2.gif) 16px 4px no-repeat;  /* links oben */
margin-left: -9px;
padding-left: 28px;
}


/* *** content ******************************/
#content p {
margin: 5px 15px 10px 1px;
}
#content h1, #content h2, #content h3, #content h4 {
font-weight:bold;
}
#content h1 {
font-size:1.1em;
border-bottom: 1px dashed #cccccc;
padding-top: 5px;
margin-bottom: 8px;
}
#content h1.csc-firstHeader {
text-transform:uppercase;
font-size:1.2em;
margin-top: 10px;
margin-bottom: 8px;
padding:0px 10px 1px 0px;
border-bottom: 1px solid #cccccc;
}
#content h2 {
padding:0px 0px 3px 0px;
font-size:1.2em;
}
#content h3 {
padding:6px 10px 0px 0px;
font-size:1.1em;
border-bottom: 1px dashed #CCCCCC;
margin-bottom: 5px;
}
#content h3 a:link, #content h3 a:visited {
text-decoration:none;
color: #CC6633;
}
#content h3 a:hover {
text-decoration:underline;
color: #993300;
}
#content h4 {
padding:8px 10px 0px 0px;
font-size:1.2em;
}
#content div.csc-textpicHeader h4 {
padding:0px 10px 0px 0px;
}
#content h4 a:link, #content h4 a:visited {
text-decoration:none;
color: #CC6633;
}
#content h4 a:hover {
text-decoration:underline;
color: #993300;
}
#content ul {
margin: 5px 0 5px 30px;
list-style-type: square;
list-style-position:outside;
}
#content ul li {
padding-bottom:3px;
}
#content ul li ul {
margin: 5px 0 0px 15px;
list-style-type: circle;
list-style-position:inside;
}
#content DIV.linie-davor, #content DIV.linie-danach {
background-color:#CCCCCC; /* Mozilla 1.4 */
color:#EAEAEA; /* IE 6 */
border: #EAEAEA; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
width:100%;
margin:5px auto 10px;
}
#content a:link, #content a:visited {
color: #333399;
}
#content a:hover, #content a:focus {
background-color: #eaeaea;
}
a.external-link-new-window:link, a.external-link-new-window:visited {
padding-left:11px;
background: url(../layout/linkExt.gif) left no-repeat;
}
a.external-link-new-window:hover {
padding-left:11px;
}
table {
font-size: 1em;
}
#content table {
margin-top: 10px;
margin-bottom: 8px;
}
#content table tr, #content table th {
border: 1px solid #EAEAEA;
}
#content table td {
padding: 2px 3px 2px 3px;
}
#content table td p {
margin:0;
padding:0;
}

#content table.contenttable tr.tr-even {
background-color: #eaeaea;
}
#content table.contenttable td {
margin:0;
padding:0;
}

/* *** content boxes ******************************/
#content DIV.box {
float:left;
width: 260px;
border: 1px solid #CCCCCC;
margin-top: 10px;
margin-bottom: 10px;
}
#content DIV.box2 {
margin-left: 20px;
display:inline;
}

#content DIV.box h2 {
font-size: 1em;
text-transform:uppercase;
padding: 3px;
background: #999999;
color: #FFFFFF;
}
#content DIV.box p {
margin: 0px 5px 8px 5px;
}
#content DIV.box div.csc-textpic-text {
padding-top: 5px;
}
#content DIV.box h2 a:link, #content DIV.box h2 a:visited {
color: #FFFFFF;
text-decoration:none;
}
#content DIV.box h2 a:hover {
color: #FFFFFF;
text-decoration:underline;
background-color: transparent;
}
#content DIV.box h4 {
clear:both;
margin-left: 5px;
padding-bottom:2px;
font-size: 1.1em;
border-bottom: 1px dashed #ccc;
}


/* *** rahmen ******************************/
#content DIV.csc-frame-frame1 {
clear:both;
width:99%;
margin: 5px 0px 10px 0px;
border:1px solid #CCCCCC;
padding-bottom: 10px;
}
#content DIV.csc-frame-frame1 h4 {
margin: 5px 0 8px 10px;
}
#content DIV.csc-frame-frame1 p {
margin-left: 10px;
}
/***** numerierte Liste ******************/
#content ol {
margin-left: 30px;
}
#content ol li {
margin-bottom: 10px;
}
#content ol li ul {
list-style:circle;
padding-top: 5px;
}
#content ol li ul li {
margin-bottom: 0px;
}

/* email ***************** */
a.mail {
padding-left: 19px;
background: url(../layout/email.gif) 0px 3px no-repeat;
}

/* *** pdf downloads ******************************/
#content td.csc-uploads-fileName a {
padding-left: 22px;
background: url(../layout/pdf.gif) no-repeat;
}
a.download {
padding-left: 22px;
background: url(../layout/pdf.gif) no-repeat;
}
#content table.csc-uploads tr td {
padding-bottom: 5px;
}
#content table.csc-uploads tr td.csc-uploads-fileSize {
vertical-align: top;
width: 70px;
}

/* ***** DATEILINKS ******* */
TABLE.csc-uploads-3 {
margin-top: 10px;
}
TABLE.csc-uploads-3 img {
margin-right: 10px;
margin-bottom:10px;
border: 1px solid #CCCCCC;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileName, TABLE.csc-uploads-3 tr td.csc-uploads-fileSize {
vertical-align:top;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileName p {
font-weight:bold;
}
TABLE.csc-uploads-3 tr td.csc-uploads-fileSize p {
font-size: 0.9em;
}


/* *** right ******************************/
#right DIV.box {
border: 1px solid #CCCCCC;
margin-bottom: 15px;
}
#right DIV.box h2, #right DIV.box h1 {
font-size: 1em;
text-transform:uppercase;
padding: 3px 3px 3px 5px;
background: #999999;
color: #FFFFFF;
margin-bottom: 5px;
}
#right DIV.box h2 a:link, #right DIV.box h2 a:visited, #right DIV.box h1 a:link, #right DIV.box h1 a:visited{
color: #FFFFFF;
text-decoration:none;
}
#right DIV.box h2 a:hover, #right DIV.box h1 a:hover {
color: #FFFFFF;
text-decoration:underline;
background-color: transparent;
}

#right p {
padding: 0px 0 5px 5px;
}
#right a:link, #right a:visited {
font-weight: bold;
color: #333333;
}
#right a:hover, #right a:focus {
color: #3333CC;
text-decoration: underline;
background-color: #eaeaea;
}
#right div.box img {
margin-bottom: 5px;
margin-left:5px;
}
/*------------- eventfinder + box ------------*/
#right div.box form.eventBox, #right div.box form.eventBox select option {
font-size: 0.9em;

}
#right div.box form.eventBox select {
width: 155px;
margin: 2px 5px;
}
div.eventfinder {
margin-top: 10px;
}
#content div.eventfinder p {
margin: 0px 0px 5px 0px;
}
div.eventfinder p label  {
float:left;
width:150px;
padding-top: 3px;
font-weight:bold;
}
div.eventfinder p select, div.eventfinder p input {
width: 150px;
}
div.eventfinder p input.submit {
width: 100px;
}
input.submit {
padding:1px 3px 2px 3px;
font-size: 0.9em;
color:#fff;
font-weight:bold;
background: url(../layout/navi-li.gif) repeat-x;
border:none;
margin: 3px 0 5px 5px;
}
input.submit:hover {
background: url(../layout/navi-li-cur.gif) repeat-x;
}
div.eventfinder input.submit {
margin: 5px 0 5px 0px;
}

/* ***** FORMULARE TMail******** */
SPAN.error {
color:red;
font-weight:bold;
}

DIV.kontaktForm form {
padding-top: 5px;
}
DIV.kontaktForm form p {
width:500px;
clear:both;
text-align:left;
padding:0 0 3px 1px;
}
DIV.kontaktForm form p label  {
float:left;
width:115px;
}
DIV.kontaktForm form p input, DIV.kontaktForm form p textarea, DIV.kontaktForm form p select {
margin-left: 5px;
font-size:1.1em;
}
DIV.kontaktForm form p textarea {
font-size:1.2em;
}
DIV.kontaktForm form input:focus, DIV.kontaktForm form textarea:focus {
background-color : #F0F0F9;
}
DIV.kontaktForm input.submit {
padding:2px;
font-size: 1.1em;
}
/* für CAPTCHA sr_freecap *** */
DIV.tmail-captcha {
width:500px;
}
DIV.tmail-captcha img {
float:right;
border: 1px solid #666666;
}
.tx-srfreecap-pi2-image { margin-left: 1em; }
.tx-srfreecap-pi2-cant-read {color:#993300; }
.tx-srfreecap-pi2-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; }

/* *** Vereinsdatenbank ***** */
#content div.tx-svshclubs-pi5 {
margin: 10px 0 20px;
}
#content div.vt {
background-color: #eaeaea;
padding: 3px;
}
#content table.vl {
margin-top: 15px !important;
}

/* *** print link ********************** */
div.printLink {
clear:both;
padding-top: 15px;
padding-right: 10px;
}
div.printLink SPAN {
float:right;
}

/* ** seminare *****/

div#tx-seminars-pi1-registration-form fieldset legend {
font-weight:bold;
padding: 0 3px;
}

#content p.seminars-anmelden a:link, #content p.seminars-anmelden a:visited {display:inline-block;margin:10px 0;padding:5px 10px;background:#006600;color:#fff;font-weight:bold;font-size:1.1em;text-decoration:none;}
#content p.seminars-anmelden a:hover, #content p.seminars-anmelden a:focus {background:#009900;text-decoration:underline;}

/* indexed search ************ */
        .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
        .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
        .tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
        .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
        .tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeff; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
        .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }



/* Vereine (browser ext) */
.browser-searchbox {background:#eee;padding:12px 12px 6px;}
.browser-searchbox fieldset {border:none;}
.browser-searchbox input {margin-top:15px;padding:3px 5px;font-size:1em;}
.browser-searchbox input.sword {width:105px;color:#777;font-size:1em;}
.browser-searchbox input.sword:focus {color:#036;}
/* filter */
.browser-searchbox div.selectbox {float:left;width: 105px;margin-right:15px;}
.browser-searchbox div.selectbox_title {float:left;font-weight:bold;}
.browser-searchbox div.selectbox select {width:105px;margin-top:4px;}

.tx-browser-pi1 div.azSelector {padding:6px 12px;background:#eee;margin: 0 0 10px;}
#content div.azSelector ul {margin:0;font-size:13px;}
#content div.azSelector ul li {padding:0 4px;}
#content div.azSelector ul li.selected {background:#003399 !important;}
#content div.azSelector a:link, #content .azSelector a:visited {font-weight:bold;text-decoration:none;color:#333;}
#content div.azSelector ul li.selected a:link, #content div.azSelector ul li.selected a:visited {color:#fff;}
#content div.azSelector a:hover, #content .azSelector a:focus {text-decoration:underline;color:#003399;}

.sortbox {display:none;width:170px;float:right;margin-bottom:15px;}
.sortbox fieldset {border:none;}
.sortbox legend {font-weight:bold;}
.sortbox input, .sortbox select {float:left;}

#content ul.vereine {clear:both;list-style:none;margin:15px 0 0 0;}
#content ul.vereine li {margin-bottom:15px;padding:5px 10px 17px;background:#eee;overflow:hidden;}
div.browsebox {line-height:20px;}



/* ***** ideenwerft ********/
#iw a.iwLink {
float:right;
height: 20px;
width: 17px;
margin-left: 5px;
overflow: hidden;
background: url(../layout/anker.gif) top left no-repeat;
display: block;
}
#iw a.iwLink:hover {
background-position: bottom left;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
 
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

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

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
#fancybox-inner {position:absolute;}
#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

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

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('img/blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('img/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('img/fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('img/fancybox-x.png');
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('img/fancybox.png');
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('img/fancybox-y.png');
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('img/fancybox.png');
  background-position: -40px -182px; 
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('img/fancybox-x.png');
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('img/fancybox.png');
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('img/fancybox-y.png');
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('img/fancybox.png');
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('img/fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('img/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('img/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('img/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute; margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_nw.png', sizingMethod='scale'); }