/*---------------------------------------------------------
# BT Event - Joomla! Template
# ---------------------------------------------------------
# For Joomla! 3.0
# Copyright (C) 2013 Bonusthemes.com. All rights reserved.
# @license Copyrighted Commercial Software
# Demo: http://www.bonusthemes.com/demo/?template=event
# Website: http://www.bonusthemes.com
# Support: support@bonusthemes.com
----------------------------------------------------------- */

/* ---------- jQuery Nivo Slider (http://nivo.dev7studios.com) ---------- */

/* --- The Nivo Slider styles --- */
.nivoSlider { 
     width: 100%;
     height: auto;
     overflow: hidden;
     position: relative;
}
.nivoSlider img { 
     max-width: none;
     position: absolute;
     top: 0px;
     left: 0px;
}
.nivo-main-image { 
     width: 100% !important;
     display: block !important;
     position: relative !important;
}

/* --- If an image is wrapped in a link --- */
.nivoSlider a.nivo-imageLink { 
     opacity: 0.0;
     width: 100%;
     height: 100%;
     display: none;
     z-index: 6;
     position: absolute;
     top: 0px;
     left: 0px;
     border-style: none none none none;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

/* --- The slices and boxes in the Slider --- */
.nivo-slice { 
     height: 100%;
     display: block;
     z-index: 5;
     position: absolute;
     top: 0px;
}
.nivo-box { 
     display: block;
     overflow: hidden;
     z-index: 5;
     position: absolute;
}
.nivo-box img { 
     display: block;
}

/* --- Caption styles --- */
.nivo-caption { 
     opacity: 0.8;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     width: 100%;
     display: none;
     overflow: hidden;
     z-index: 8;
     position: absolute;
     bottom: 0px;
     left: 0px;
     padding: 5px 10px 5px 10px;
}
.nivo-caption p { 
     margin: 0px 0px 0px 0px;
     padding: 5px 5px 5px 5px;
}
.nivo-caption a { 
     display: inline !important;
}
.nivo-html-caption { 
     display: none;
}

/* --- Direction nav styles (e.g. Next & Prev) --- */
.nivo-directionNav a { 
     cursor: pointer;
     z-index: 9;
     position: absolute;
     top: 45%;
}
.nivo-prevNav { 
     left: 0px;
}
.nivo-nextNav { 
     right: 0px;
}

/* --- Control nav styles (e.g. 1,2,3...) --- */
.nivo-controlNav { 
     text-align: center;
     padding: 15px 0px 15px 0px;
}
.nivo-controlNav a { 
     cursor: pointer;
}
.nivo-controlNav a.active { 
     font-weight: bold;
}

/* --- Nivo Slider Default Theme --- */
.theme-default .nivoSlider { 
     background-position: 50% 50%;
     background-repeat: no-repeat;
     margin-bottom: 10px;
     position: relative;
}
.theme-default .nivoSlider img { 
     display: none;
     position: absolute;
     top: 0px;
     left: 0px;
}
.theme-default .nivoSlider a { 
     display: block;
     border-style: none none none none;
}
.theme-default .nivo-controlNav { 
     text-align: center;
     padding: 20px 0px 20px 0px;
}
.theme-default .nivo-controlNav a { 
     text-indent: -999em;
     background-repeat: no-repeat;
     width: 22px;
     height: 22px;
     display: inline-block;
     border-style: none none none none;
     margin: 0px 2px 0px 2px;
}
.theme-default .nivo-controlNav a.active, .theme-default .nivo-controlNav a:hover { 
     background-position: 0 -22px;
}
.theme-default .nivo-directionNav a { 
     text-indent: -999em;
     background-repeat: no-repeat;
     transition: all 200ms ease-in-out;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     opacity: 0.0;
     width: 30px;
     height: 30px;
     display: block;
     border-style: none none none none;
}
.theme-default:hover .nivo-directionNav a { 
     opacity: 1;
}
.theme-default a.nivo-nextNav { 
     background-position: -30px 0;
     right: 15px;
}
.theme-default a.nivo-prevNav { 
     left: 15px;
}
.theme-default .nivo-caption { }
.theme-default .nivo-caption a { 
     border-bottom-width: 1px;
     border-bottom-style: dotted;
}
.theme-default .nivo-caption a:hover { }
.theme-default .nivo-controlNav.nivo-thumbs-enabled { 
     width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a { 
     margin-bottom: 5px;
     width: auto;
     height: auto;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img { 
     width: 120px;
     height: auto;
     display: block;
}

/* ---------- Scrollable Slider (based on: http://jquerytools.org/demos/scrollable/index.html) ---------- */
.bt_scrollable_slider_outer table { }
.bt_scrollable_slider_outer table tr, .bt_scrollable_slider_outer table td { 
     vertical-align: middle;
     border-style: none none none none!important;
}
.bt_scrollable_slider_outer .clearfix { 
     clear: both;
}
/* prev, next, prevPage and nextPage buttons */ { }
.bt_scrollable_slider_outer a.bt_browse { 
     font-size: 1px;
     cursor: pointer;
     background-repeat: no-repeat;
     width: 24px;
     height: 47px;
     display: block;
     float: left;
     margin: 0px 15px 0px 15px;
}

/* --- right --- */
.bt_scrollable_slider_outer a.bt_right { 
     background-position: 0 -48px;
     margin-right: 0px;
     clear: right;
}
.bt_scrollable_slider_outer a.bt_right:hover { 
     background-position: -24px -48px;
}
.bt_scrollable_slider_outer a.bt_right:active { 
     background-position: -48px -48px;
}

/* --- left --- */
.bt_scrollable_slider_outer a.bt_left { 
     margin-left: 0px;
}
.bt_scrollable_slider_outer a.bt_left:hover { 
     background-position: -24px 0;
}
.bt_scrollable_slider_outer a.bt_left:active { 
     background-position: -48px 0;
}

/* --- disabled navigational button --- */
.bt_scrollable_slider_outer a.disabled { }

/* --- scrollable --- */
.bt_scrollable_slider_outer .scrollable { 
     float: left;
     overflow: hidden;
     position: relative;
}
.bt_scrollable_slider_outer .scrollable .bt_items { 
     width: 20000em;
     clear: both;
     position: absolute;
}
.bt_scrollable_slider_outer .scrollable .bt_items div { 
     float: left;
}
.bt_scrollable_slider_outer .scrollable .bt_items div.bt_item_image { 
     float: none !important;
}
.bt_scrollable_slider_outer .scrollable .bt_item { 
     border-right-width: 1px !important;
     border-right-style: solid !important;
     margin-right: 5px;
     padding-right: 5px;
     float: left;
}
.bt_scrollable_slider_outer .scrollable .bt_item_inner { 
     padding: 0px 0px 0px 0px;
}
.bt_scrollable_slider_outer .scrollable .bt_item_image { 
     float: none;
     margin: 0px auto 0px auto;
}
.bt_scrollable_slider_outer .scrollable .bt_item_image img { 
     float: left;
}

/* ---------- Booklet Slider (based on: http://builtbywill.com/code/booklet/) ---------- */
.booklet { 
     background-position: bottom center;
     background-repeat: no-repeat;
     width: 560px;
     height: 217px !important;
     overflow: visible !important;
     position: relative;
     margin: 0px auto 10px auto;
}
.booklet .b-page { 
     overflow: hidden;
     position: absolute;
     top: 0px;
     left: 0px;
     padding: 0px 0px 0px 0px;
}
.booklet .b-pN { }
.booklet .b-p0 { }
.booklet .b-p1 { }
.booklet .b-p2 { }
.booklet .b-p3 { }
.booklet .b-p4 { }

/* --- Page Wrappers --- */
.booklet .b-wrap { 
     position: absolute;
     top: 0px;
}
.booklet .b-wrap-left { }
.booklet .b-wrap-right { }
.booklet .b-pN .b-wrap, .booklet .b-p1 .b-wrap, .booklet .b-p2 .b-wrap, .booklet .b-p3 .b-wrap, .booklet .b-p4 .b-wrap { 
     left: 0px;
}
.booklet .b-p0 .b-wrap { 
     left: 0px;
}

/* --- Custom Page Types --- */
.booklet .b-page-blank { 
     width: 100%;
     height: 100%;
     padding: 0px 0px 0px 0px;
}
.booklet .b-page-cover { 
     width: 100%;
     height: 100%;
     padding: 0px 0px 0px 0px;
}
.booklet .b-page-cover h3 { 
     text-shadow: 0px 1px 3px color_f;
}

/* --- Page Numbers --- */
.booklet .b-counter { 
     font-size: 10px;
     font-weight: 700;
     text-align: center;
     width: 25px;
     height: 20px;
     display: block;
     position: absolute;
     bottom: 10px;
     padding: 5px 0px 0px 0px;
}
.booklet .b-wrap-left  .b-counter { 
     border-top-width: 1px;
     border-top-style: solid;
     border-right-width: 1px;
     border-right-style: solid;
     left: 10px;
}
.booklet .b-wrap-right .b-counter { 
     border-top-width: 1px;
     border-top-style: solid;
     border-left-width: 1px;
     border-left-style: solid;
     right: 10px;
}

/* --- Page Shadows --- */
.booklet .b-shadow-f { 
     background-position: 100% 0;
     background-repeat: repeat-y;
     position: absolute;
     top: 0px;
     right: 0px;
}
.booklet .b-shadow-b { 
     background-position: 0 0;
     background-repeat: repeat-y;
     opacity: 0.0;
     position: absolute;
     top: 0px;
     left: 0px;
}
.booklet .b-p0 { }
.booklet .b-p3 { }

/* --- Overlay Controls --- */
.booklet .b-grab { }
.booklet .b-grabbing { }

/* --- Overlay Controls --- */
.booklet .b-overlay { 
     width: 50%;
     height: 100%;
     position: absolute;
     top: 0px;
}
.booklet .b-overlay-prev { 
     left: 0px;
}
.booklet .b-overlay-next { 
     right: 0px;
}

/* --- Tab Controls --- */
.booklet .b-tab { 
     font-size: 16px;
     text-align: center;
     width: 100%;
     height: 40px;
     position: absolute;
     padding: 10px 0px 0px 0px;
}
.booklet .b-tab-prev { 
     left: 0px;
}
.booklet .b-tab-next { 
     right: 0px;
}
.booklet .b-tab:hover { }

/* --- Arrow Controls --- */
.booklet .b-arrow { 
     text-indent: -999em;
     width: 36px;
     height: 100%;
     display: block;
     position: absolute;
     top: 0px;
}
.booklet .b-arrow div { 
     text-indent: -999em;
     width: 36px;
     height: 43px;
     display: none;
     position: absolute;
     top: 40%;
     left: 0px;
}
.booklet .b-arrow-next { 
     right: -36px;
}
.booklet .b-arrow-prev { 
     left: -36px;
}
.booklet .b-arrow-next div { 
     background-position: left top;
     background-repeat: no-repeat;
}
.booklet .b-arrow-prev div { 
     background-position: left top;
     background-repeat: no-repeat;
}

/* --- z-index fix (needed for older IE browsers) --- */
body { 
     z-index: 0em;
}
.b-pN { 
     z-index: 10;
}
.b-p0 { 
     z-index: 30;
}
.b-p1 { 
     z-index: 20;
}
.b-p2 { 
     z-index: 20;
}
.b-p3 { 
     z-index: 30;
}
.b-p4 { 
     z-index: 10;
}
.b-prev { 
     z-index: 40;
}
.b-next { 
     z-index: 40;
}
.b-counter { 
     z-index: 40;
}

/* --- Menu Items --- */
.b-menu { 
     height: 40px;
     padding: 0px 0px 0px 10px;
}
.b-selector { 
     font-size: 12px;
     cursor: pointer;
     height: 40px;
     float: right;
     position: relative;
     border-style: none none none none;
}
.b-selector .b-current { 
     text-align: center;
     line-height: 20px;
     height: 20px;
     min-width: 18px;
     display: block;
     padding: 8px 15px 15px 12px;
}
.b-selector-page { 
     margin-left: 15px;
     width: auto;
}
.b-selector-chapter { 
     width: auto;
}
.b-selector:hover { 
     background-position: left 0px;
}
.b-selector:hover .b-current { 
     background-position: right 0px;
}
.b-selector ul { 
     list-style-type: none !important;
     width: 240px;
     overflow: hidden;
     position: absolute;
     top: 40px;
     right: 0px;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 10px;
}
.b-selector li { 
     border-style: none none none none;
}
.b-selector a { 
     text-decoration: none;
     height: 14px;
     display: block;
     margin: 5px 10px 5px 10px;
}
.b-selector a .b-text { 
     float: left;
     clear: none;
}
.b-selector a .b-num { 
     float: right;
     clear: none;
}
.b-selector a:hover { }
