body, form, input, select, textarea, td, th {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {text-align: center; color: #adb8ba; font-size: 70%; background: url('http://www.abysszine.com/image/web/bg-body.gif') repeat; margin: 0; padding: 0;}
select, textarea, td, th {font-size: 100%;}
form {margin: 0; padding: 0;}

p, ul, table {margin: 0 0 1em 0; padding: 0;}
h1 { clear: both; font-size: 120%; color: #96B0B4; margin: 0 0 0.5em 0; padding-bottom: 0.5em; background: url('image/web/bg-h1.gif') repeat-x 0px bottom; }
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h2 { font-size: 110%; color: #7792a0; }
h3 {font-size: 105%; color: #c0c0c0;}
h4 {font-size: 100%; color: #f1f1f1;}

table {border-collapse: collapse;} 
td {vertical-align: top;} 
a { color: #0C76B6; text-decoration: none }
a:hover {text-decoration: underline}

.cleaner, .cleaner1 {clear: both; line-height: 0; visibility: hidden;}
.cleaner {font-size: 0;}
.cleaner1 {margin-bottom: 0.5em;}

/* layout */
#shadow {width: 920px; margin: 0 auto; background: url('http://www.abysszine.com/image/web/bg-shadow.png') repeat-y;} 
#layout, #header-top, #header, #header-bottom, #footer, #copyright {width: 880px;}
#layout {text-align: left; background-color: #011117; border: 1px solid #000; min-height: 100%; margin: 0 auto;} 
div>#layout {height: auto}

#header-top {float: left; width: 880px; background-color: #e1e1e1;}
#header-top #login {float: left; color: #2e2e30; margin-left: 8px; padding: 4px 0 0 16px; background-image: url('http://www.abysszine.com/image/web/ico-user.gif'); background-repeat: no-repeat; background-position: left 5px;}
#header-top #login a,
#menu-footer a { font-size: 90%; font-weight: bold;}
#header-top #menu-website {float: right; background: url('image/web/bg-menu-website.gif') no-repeat left bottom;}

#header {clear: both; border-top: 1px solid #000;}
#header a {display: block; height: 90px; background: url('image/web/bg-header.jpg') no-repeat;}
#header-bottom {float: left; padding: 4px 0; background-color: #000;}
#header-bottom #header-date {float: left; color: #fff; padding: 4px 0 4px 6px; font-size: 90%;}
#header-bottom #header-date span,
#copyright span {color: #0A659C;}

#content {clear: both;}
#content .content-banner {text-align: center; padding: 15px;}
#content-left {float: left; width: 190px;}
#content-center {float: left; width: 500px; overflow: hidden;}
#content-right {float: right; width: 190px;}
#content-left, #content-right {padding-top: 8px;}

#footer {font-size: 90%; border-top: 1px solid #012d46; background-color: #021e28;}
#footer img {vertical-align: middle; margin-right: 0.8em;}
#copyright {color: #fff; padding: 0.5em 0; background-color: #000;}
#copyright select {width: 70px; background-color: #fff;}
#copyright a {color: #B7B7B7;}
#copyright p {margin: 0 0 0.4em 0;}
#copyright span {margin: 0 0.5em;}
#copyright-left {float: left; padding-left: 8px;}
#copyright-right {float: right; padding: 7px 8px 0 0;}
#copyright-right form {display: inline;}

/* header-search */
#header-search {float: right; padding: 0 8px;}
#header-search form input, #header-search form img {vertical-align: middle;}
#header-search .form-search, #header-search .form-search-foc {width: 205px; height: 17px; padding-left: 3px; border: 1px solid #3e89d9;}
#header-search .form-search {background-color: #dee3e8;}
#header-search .form-search-foc {background-color: none;}
#header-search #button-header-search {width: 21px; height: 21px; margin: 0 5px; background: url('image/web/ico-search.gif');}


/* menu */
/* menu website */
#menu-website ul {margin: 0 0 0 10px; padding: 0;}
#menu-website ul li {float: left; font-size: 90%; padding: 7px 8px 4px 6px; list-style-type: none; background: url('image/web/bg-menu-website-sep.gif') no-repeat right 6px;}
#menu-website ul li a {color: #fff;}
#menu-website ul li#menu-website-home a {padding-left: 16px; background-image: url('http://www.abysszine.com/image/web/ico-home.gif'); background-repeat: no-repeat; background-position: left 0px;}
#menu-website ul li#menu-website-home a:hover {color: #d87300; background-image: url('http://www.abysszine.com/image/web/ico-home1.gif');}
#menu-website ul li#menu-website-active a { color: #3e89d9; }
#menu-website ul li#menu-website-last {background: none;}

/* menu left pop-up */
#menu-left {margin: 0 6px 12px 6px; padding: 6px 6px 3px 6px; background: url('image/web/bg-menu-left.gif') no-repeat center 0;}
#menu-left ul#popupmenu, #menu-left ul#popupmenu ul {width: 166px; margin: 0; padding: 0;}
#menu-left ul#popupmenu li {font-size: 90%; font-weight: bold; margin: 0; padding: 0 0 2px 4px; background-image: url('image/web/bg-menu-left-li.gif'); background-repeat: repeat-x; background-position: 0 bottom;list-style-type: none; position: relative; line-height: 120%;}
#menu-left ul#popupmenu a {display: block;}
#menu-left ul#popupmenu li a {background-image: url('image/web/bg-menu-left-a.gif'); padding: 5px 0 6px 7px; background-repeat: no-repeat; background-position: left center;}
#menu-left ul#popupmenu li.menu-left-submenu a {background-image: url('image/web/bg-menu-left-a-sub.gif');}
#menu-left ul#popupmenu li#menu-left-last {background-image: none;}

#menu-left ul#popupmenu li a, #menu-left ul#popupmenu li ul li a {color: #002136; position: relative;}
#menu-left ul#popupmenu li a:hover, ul#popupmenu li a.CSStoHighLink {color: #eaffff; text-decoration: none;}

/* 1. uroven */
#menu-left ul#popupmenu li ul {border-top: 1px solid #143e53; background-color: #63809a;}
#menu-left ul#popupmenu li ul li {background-image: none; padding: 0 0 2px 8px; border-right: 1px solid #143e53; border-bottom: 1px solid #143e53; border-left: 1px solid #143e53;}
#menu-left ul#popupmenu li ul li a,
#menu-left ul#popupmenu li.menu-left-submenu ul li a {background-image: none; padding: 5px 0 6px 0;}

/* skryti neaktivniho menu 1. uroven */
#menu-left ul#popupmenu li > ul {display: none; position: absolute; top: 0px; left: 166px; z-index: 100;}          
#menu-left ul#popupmenu li > ul li {z-index: 100;}
#menu-left ul#popupmenu ul.CSStoShow {display: block;}
#menu-left ul#popupmenu li:hover > ul {display: block;}
#menu-left ul#popupmenu li ul li:hover, #menu-left ul#popupmenu li ul li.CSStoHighlight {background-color: #89b0d3;}

/* menu main */
#menu-main, #menu-main-sub {margin-bottom: 1.3em; font-size: 90%; text-align: left;}
#menu-main {color: #eaffff; padding: 2px 5px; border: 1px solid #032c3b; background: url('image/web/bg-menu-main.gif') repeat-x 0px bottom;}
#menu-main a {color: #fff;}
#menu-main a, #menu-main-sub a {font-weight: bold; margin: 0 0 0.5em 0;}
#menu-main a:hover, #menu-main #menu-main-active, #menu-main #menu-main-active a:hover { color: #7394b4; }
#menu-main a:hover, #menu-main #menu-main-active, #menu-main #menu-main-active a:hover, #menu-main-sub a:hover {text-decoration: none;}

/* menu submenu */
#menu-main-sub {color: #2e2e30;}
#menu-main-sub a {color: #d28228;}
#menu-main-sub a:hover, #menu-main-sub #menu-main-sub-active {color: #666666;}

/* menu footer */
#menu-footer {text-align: center; color: b4e9ea; margin: 0 0 0.5em 0; padding: 4px 8px;}


/* systemove bloky */
/* nadpisy */
#content-left h2, #content-right h2 {font-size: 100%; color: #bcd8ee; margin: 0 8px; padding: 4px 6px 4px 12px; background: url('image/web/bg-content-block-h2.gif') no-repeat 0 bottom;}
#content-left a, #content-right a {color: #003578;}
#content-left h2.adv-heading, #content-right h2.adv-heading, #main h2.adv-heading {text-align: right; font-size: 75%; font-weight: normal; color: #4D4D4D; padding: 0;}
#main h2.adv-heading {margin: 0 0 0.3em 0}
#content-left h2.adv-heading, #content-right h2.adv-heading {margin: 0 8px 0.5em 8px; background: none;}
#content-left h3, #content-right h3 {color: #000; font-size: 95%; margin: 0 0 0.3em 0;}
#content-left h4, #content-right h4 {margin: 0 8px 0.3em 8px;}
#main h3.reklama-header {margin: 0 0 0.3em 0;}

/* content-block */
.content-block, .content-block-center, .content-block-nopadding, .block-reklama, .content-block-jukebox, .content-block-kalendar-outer {color: #000; font-size: 90%; margin: 0 8px 14px 8px; border: 1px solid #012d46;}
.content-block, .content-block-center, .content-block-nopadding, .block-reklama {background-color: #5a748d;}
.content-block, .content-block-center, .block-reklama {padding: 6px;}
.content-block-center img {margin: 1px 0;}
.content-block-kalendar-outer {padding: 0 1px 1px 1px;}
.content-block {width: 160px; overflow: hidden;}
.content-block-center {text-align: center;}

.text-center-block {text-align: center; margin: 0;}

/* block reklama */
.block-reklama {font-size: 90%; text-align: center}
.block-reklama h3 {text-align: center;}

/* bannery */
.banner1, .banner2, .banner7  {text-align: center; padding: 15px 0;}
.banner3, .banner4 {text-align: center; padding: 0 0 0 0;}
.banner8 {position: absolute; margin: 0 0 0 905px;}
.banner8 img {border: 1px solid #fff;}

/* clanek */
#main, #main .main-index {width: 484px;}
#main {margin: 0 8px; padding: 8px 0; text-align: justify; line-height: 135%;}
#main ul li {margin: 0; padding-left: 1.5em; background: url('image/web/bg-li.gif') 5px 5px no-repeat; list-style-type: none;}
#main ul li li {margin: 0; padding-left: 1.5em; background: url('image/web/bg-li-li.gif') 5px 5px no-repeat; list-style-type: none;}
.vlevoobr, #main .vlevoobr-noborder {float: left; margin-right: 5px; margin-bottom: 2px}
.vpravoobr, #main .vpravoobr-noborder {float: right; margin-bottom: 2px; margin-left: 5px}
#main .seda {color: #666666; font-weight: bold;}
.image-bottom {vertical-align: bottom;}

#main #text-sizer {text-align: right; margin-bottom: 0.5em;}
#main #text-sizer img,
#main .main-bottom img {margin: 0 2px; cursor: pointer; cursor: hand;}

#main #social {margin-bottom: 1em;}
#main #social span {font-weight: bold; margin-right: 5px;}
#main #social img {margin: 0 2px 3px 2px;}

/* index */
/* content-block-main */
#main .main-index {float: left; margin-bottom: 2em;}
#main .main-index h3 {clear: both; color: #999999;}
#main .main-index .main-more {clear: both; text-align: right;}
#main .main-block-reklama {margin-bottom: 1.5em;}

#main #block-live-priorita {width: 482px; height: 25px; overflow: hidden; margin-bottom: 2em; border: 1px solid #032c3b; background: #011117;}  
#main #block-live-priorita #block-live-priorita-inside {width: 472px; height: 25px; padding: 5px;}

/* diskuze pod clankem */
#main #main-discussion {margin-top: 1em;}
#main #main-discussion h3#discussion-header {float: left;}
#main #main-discussion #discussion-paging {float: right;}

#main #main-discussion #menu-bottom {text-align: center; margin: 1.5em 0 1em 0;}
#main #main-discussion #menu-bottom a {text-align: center; height: 36px; color: #fff; text-decoration: none; margin: 0 5px; padding: 2px 8px; border: 1px solid #000; background-color: #006de8; background-image: url('http://www.abysszine.com/image/web/bg-menu-bottom.gif'); background-repeat: repeat-x; background-position: 0px bottom;}
#main #main-discussion #menu-bottom a:hover {background-color: #999999; background-color: #747474; background-image: url('http://www.abysszine.com/image/web/bg-menu-bottom1.gif');}

/* vyberova tabulka */ 
#main #table-comment-outer, #table-comment-outer-normal {clear: both; padding: 5px 0;}
#main #table-comment-outer {height: 228px; overflow: auto;}
#main #table-comment {color: #000; width: auto; border: 1px solid #3e89d9; margin: 0 1px;}
#main #table-comment td {font-size: 90%; padding: 2px 4px; vertical-align: top;}
#main #table-comment .form-comment {background: #b1d4f0;} 
#main #table-comment .form-comment-hov {background-color: #d9ebff;}
#main #table-comment .col-checkbox {width: 4%;}
#main #table-comment .col-title {width: 35%;}
#main #table-comment .col-date {width: 28%; text-align: right;}

/* index */
#main .main-index {text-align: left;}

/* paging, datum */
#main .paging {clear: both; text-align: right; margin: 0 0 0.8em 0;}
#main .paging a img {border: 0; vertical-align: middle;}
#main .paging a {padding: 0 2px;} 

#main .paging-bottom {text-align: right;}
#main .table-form-jm img {border: 0; vertical-align: middle;}
#main .main-bottom, #main .jmeno {text-align: right; font-size: 90%; margin-bottom: 1.5em;}
#main .main-bottom img {vertical-align: middle;}
#main .main-bottom #main-bottom-avatar {margin: 0.8em 0 0 5px;}
#main .main-date, #main .table-comment .col-date, #main .main-news-date, #discussion-paging {color: #68686e;}
#main .main-date, .date-block, #main .table-comment .col-date, #discussion-paging {text-align: right;}
#main .main-date {clear: both;}
.date-block {color: #011117;}
#main .comment-re .main-date, #main .main-index .main-news-today .main-date {margin: 0;}

/* main-bottom */
#main .jmeno, #main .jmeno2 {text-align: right;}
#main .jmeno2 {color: #084f7a; margin-bottom: 1em;}
#main .jmeno2 a {font-weight: bold;}
#main .jmeno img {border: 0; vertical-align: middle;}

#main .main-bottom, #main .jmeno,
.perex-bottom, .perex-bottom-today {color: #c0c0c0;}

/* kontakty */
#main .redaktori {float: left; width: 25%; text-align: center; padding: 1em 0;}
#main .redaktori:hover {background-color: #00131e;}
#main .redaktori h3 { text-align: center; font-size: 90%; margin: 5px;}
#main .redaktori p {font-size: 90%; margin: 0 5px 5px 5px;}

/* perex a main-bottom */
.perex {clear: both;}
.perex h2 {font-size: 100%;}
.perex-bottom, .perex-bottom-today {float: left; width: 475px; margin: 0.5em 0 1.5em 0; border-left: 3px solid #0c76b6; background-image: url('http://www.abysszine.com/image/web/bg-perex-bottom-thecave.gif'); background-repeat: repeat-x; background-position: 0 bottom;}
.perex-bottom-today {border-left: 3px solid #11a5ff}
.perex-left, .perex-right {padding: 2px 5px 3px 5px;}
.perex-left {float: left;}
.perex-right {float: right;}

/* hromadne deklarace */
/* obrazky okraj */
#main .vlevoobr,
#main .vpravoobr,
#main .center img,
.content-block-center img {border: 1px solid #012d46;}

/* odkaz tucne */
.perex-right a,
.content-block-center a,
.text-center-block a,
#main .main-bottom a,
#main .jmeno a {font-weight: bold;}

/* small font */
.small,
.perex-bottom,
.perex-bottom-today,
#main .jmeno, #main .jmeno2,
#main #main-news-col-outer .main-news-col,
#main .small-comment,
#main .anonym,
#main .paging,
#main .paging-bottom,
#main .main-date,
#discussion-paging,
.main-index .main-more,
.date-block,
.table-form td label {font-size: 90%;}

/* obrazek bez okraje */
img,
#main .vlevoobr-noborder,
#main .vpravoobr-noborder,
#main .image-bottom,
#main #text-sizer img,
#main .main-bottom img,
#main .noborder,
.content-block-center .noborder,
#main .table-form td img {border: 0;}

/* zvyrazneni textu */
.form-error, .error {font-weight: bold; color: #FF0000;}
.form-success {color: #009900; font-weight: bold;}
.form-required {color: #0000CC; padding-left: 0.1em;}
.highlighting  {font-weight: bold; color: #0000CC;}
.highlighting2  {text-align: center; font-weight: bold; color: #68686e;}

/* doplnkove styly */
.left {text-align: left;}
.right {text-align: right;}
.center a {font-weight: bold;}
.center {text-align: center; margin: 0 0 0.5em 0;}
.center img {margin-bottom: 0.5em;}
#main code {font-size: 110%; text-align: left;}
#main blockquote {text-align: left; font-style: italic; margin: 0 0 1em 1em;}
#main blockquote p { text-align: right; margin: 0.5em 0 0 0; font-weight: normal; color: #666666; }


/* tabulky */
.table-section, .table-article {width: 100%;}

/* tabulka vypis clanku */
.table-section td, .table-section th {padding: 0 8px 3px 0; text-align: left; font-size: 90%;}
.table-section td a {font-weight: bold;}
.table-section th.col1 {width: 85%;}
.table-section th.col3 {width: 10%;}
.table-section th.col4 {width: 10%;}
.table-section th.col-datum {text-align: right; width: 115px;}
.table-section th.col-right,
.table-section td.col-right {text-align: right; padding: 0;}
.table-section th.col-center,
.table-section td.col-center {text-align: center;}

/* guestbook help */
#guestbook-help img {border: none;}

/* tabulka clanek */
.table-article {width: 100%;}
.table-article th {text-align: center; font-weight: bold;}
.table-article td, .table-article th {padding: 3px; font-size: 90%;}

/* tabulky recenze, profily 1, reporty 3 */
div.maletab {width: 474px; margin: 0 auto; padding: 2px 4px; overflow: hidden;}
table.maletab, div.maletab {border: 1px solid #032c3b; background: #000910 url('image/web/bg-main-news-today.gif') repeat-x 0 bottom;}
table.maletab {width: 99%; margin: 0 auto;}
table.maletab td {text-align: left; padding: 2px 4px 2px 4px; width: 50%;}
.table-article, table.maletab, .maletab1, .maletab2, .maletab3, .table-ref, div.maletab, .minirecenze {margin-bottom: 1em; font-size: 90%; clear: both;}
.maletab1 td, .maletab2 td {padding: 3px 3px 2em 3px; text-align: left;}
.maletab-left {width: 120px;}
.maletab2 td img {margin-bottom: 1em;}
.maletab3 td {text-align: center;}

.minirecenze {border: 1px solid #032c3b; background: #011d36; padding: 1em 4px 0 4px;}

/* tabulka fotogalerie */
.maletab3 {width: 100%;}
.maletab3 td {width: auto; padding: 0 5px; text-align: center;}
.maletab3 td a {display: block;}
.maletab3 td a img {margin-bottom: 5px;}
.maletab3 td p {line-height: 100%;}

/* systemove moduly */
/* popup */
#navtxt  {color: #000; font-size: 90%; width: 122px; background-color: #5a748d; border: 1px solid #012d46; overflow: hidden;}
#navtxt img {display: block; border: 1px solid #000; margin: 8px auto;}
#navtxt p {text-align: center; margin: 8px 0;}
#navtxt span {display: block; text-align: left; margin: 8px 0;}

/* hodnoceni */
#block-hodnoceni {text-align: right; margin-bottom: 1em;}
#block-hodnoceni select {font-size: 90%; text-align: center;}
#block-hodnoceni span {color: #68686e;}

/* kalendar */
#kalendar {width: 100%; margin: 0 auto; padding: 0;}
#kalendar #kalendar-header { background-color: #42688d; }
#kalendar #kalendar-header a,
#kalendar td a {color: #091c3c;}
#kalendar td, #kalendar th {text-align: center; font-size: 9px; vertical-align: middle; background-color: #5a748d; border: 1px solid #7394b4;}
#kalendar td  {color: #1d568d; padding: 1px; font-weight: bold;}
#kalendar th {color: #00163c;}
#kalendar a.month-left {float: left;}
#kalendar a.month-right {float: right;}
#kalendar #kalendar-dnes {border: 2px solid #0c76b6; background-color: #dedede;}

/* diskuze */
/* odpovedi na komentar */
#main .comment-re {margin-bottom: 1em; padding-top: 5px; padding-right: 5px; background: #002439; border-left: 2px solid #004c79;}
#main .comment-re p {margin-left: 5px;}
#main .comment-re p.main-date {padding-bottom: 5px;}
#main .title-comment {color: #a0aaac; font-weight: bold;}

/* doplnkove styly komentare */
.anonym {color: #666666; font-weight: normal;}
.content-block .anonym {color: #353535; font-weight: normal;}

/* fotogalerie */
.gallery {margin-bottom: 5px;}
.gallery img {margin: 3px; vertical-align: middle;}
.gallery-part {clear: both; height: 1px; margin-bottom: 10px; background: url('http://www.abysszine.com/image/web/bg-perex-bottom-thecave.gif') repeat-x 0 0;}

/* formulare a vyhledavani */
.table-form {margin: 0 0 15px 0; width: 100%;}
.table-form td {padding: 3px}
.table-form td label {display: block; text-align: right;}
.table-form td input, .table-form td select, #main .table-form td img {vertical-align: middle;}
#main .table-form td img {margin-right: 10px;}

.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc, .form-login-foc, .form-text01, .form-text02, .form-text03, .form-textarea, .form-login, select {height: 16px; border-width: 1px; border-style: solid; border-color: #848281;}
.form-text01, .form-text02, .form-text03, .form-textarea, .form-login, select {background-color: #b5d0e1;}
.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc, .form-login-foc {background-color: #fff; border-color: #3e89d9;}

.form-text01, .form-text01-foc {width: 180px;} 
.form-text02, .form-text02-foc {width: 100px;} 
.form-text03, .form-text03-foc {width: 32px;}
.form-textarea, .form-textarea-foc {width: 280px; height: 100px;}

#form-counter-char, #form-counter-char .counter-char {font-size: 80%; color: #c0c0c0;}
#form-counter-char .counter-char {margin-left: 3px; border: none; font-size: 95%; background-color: #011117;}

/* tlacitka */
.button01, .button02, .button03, #header-search #button-header-search {border: 0; cursor: pointer; background-position: center center; background-repeat: no-repeat;}
.button01, .button02, .button03 {height: 21px; font-size: 100%; margin: 10px;}
.button01 {background: url('http://www.abysszine.com/image/web/button01.gif') no-repeat; width: 65px;}
.button02 {background: url('http://www.abysszine.com/image/web/button02.gif') no-repeat; width: 155px;}
.button03 {background: url('http://www.abysszine.com/image/web/button03.gif') no-repeat; width: 85px;}

/* hodnoceni */
.rating-text,
.rating-top {color: #005575;}
.rating-line-back-main {width: 200px; height: 8px; margin: 3px 0 1em 0; background-color: #162833;}
.rating-line-back {height: 8px; margin: 3px 0 0.5em 0; background-color: #50677d;}
.rating-line {height: 8px; font-size: 0; line-height: 0; background-color: #074367;}

/* ankety */
.anketa-block-odpovedi a {}
.anketa-block-hlasy {color: #074367;}
a.anketa-block-odp-cara {display: block; height: 8px; margin: 3px 0 8px 0; background-color: #50677d;}
.anketa-block-odp-cara-hlasy {display: block; height: 8px; font-size: 0; line-height: 0; background-color: #074367; cursor: pointer;}

/* anketa main */
#anketa-main {width: 250px; margin: 0 auto;}
#anketa-main .anketa-odpovedi a {font-weight: bold;}
#anketa-main .anketa-hlasy {color: #0c76b6;}
#anketa-main .anketa-odp-cara {display: block; height: 8px; margin: 3px 0 8px 0; background-color: #000608;}
#anketa-main .anketa-odp-cara-hlasy {cursor: pointer;}
#anketa-main .anketa-odp-cara-hlasy,
#anketa-main .anketa-odp-cara-hlasy-uzavrena {display: block; height: 8px; font-size: 0; line-height: 0; background-color: #0c76b6;}

/* galerie lightbox */
#lightbox {position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background: transparent url('lightbox/image/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url('lightbox/images/prevlabel.gif') left 15% no-repeat; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9;}
#nextLink:hover, #nextLink:visited:hover {background: url('lightbox/images/nextlabel.gif') right 15% no-repeat; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9;}
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData {padding:0 10px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {color: #000; display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em;}
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
/* End hide from IE-mac */
* html .clearfix {height: 1%;}