/*
 *
 * Author Zane M. Kolnik
 * Description These styles are inherited from ../../../jquery.jcarousel.css
 *     All IE6/7 fixes are in conditionals ( / )
 *
 */

/* BASE carousel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 1008px;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 300px;
    height: 1200px;
    /* We set the width height explicitly. No width height causes infinite loops. */
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* end base carousel */

/* @group site wide styles
--------------------------------------------------- */
.jcarousel-skin-ococean { width: 612px;	}
.jcarousel-skin-ococean .jcarousel-clip { height: 104px; width: 565px; }

.jcarousel-skin-ococean .jcarousel-prev, .jcarousel-skin-ococean .jcarousel-next { cursor: pointer; position: relative; top: 40px; }
.jcarousel-skin-ococean .jcarousel-prev { background: url(images/bg-sprite-pagination.gif) no-repeat; float:left; height: 20px; margin-right: 7px; width: 20px; }
.jcarousel-skin-ococean .jcarousel-next { background: url(images/bg-sprite-pagination.gif) no-repeat 0 -16px; float: right; height: 20px; margin-right: 0px; width: 20px; }

.jcarousel-skin-ococean ul li { background: #2AA7C8; margin-right: 10px; width: 104px; height: 105px; }
.jcarousel-skin-ococean ul li a { background: none; border: none; height: 92px; text-decoration:none; width: 101px; }

.jcarousel-skin-ococean .top { float: left; height: 144px; padding: 4px; }
.jcarousel-skin-ococean .top .image { float:left; height:40px; margin-bottom:3px; padding-left: 2px; overflow:hidden; width: 92px; }
.jcarousel-skin-ococean .top img { margin-bottom: 4px; }
.jcarousel-skin-ococean .top .date { color: #FFD200; float: left; font-size: 10px; width: 100%; }
.jcarousel-skin-ococean .top .title { color: #fff; float: left; font-size: 11px; width: 100%; line-height: 15px; overflow: hidden; height: 47px; }
.jcarousel-skin-ococean .top .title a { color: #fff; background: none; font-size: 11px; line-height: 11px; }
.jcarousel-skin-ococean .top .title a:hover { background: none; }
.jcarousel-skin-ococean .top.current { background: #F47920; }

.jcarousel-skin-ococean .bottom { background: #00A8CB; float:left; padding: 4px 10px 10px; width: 163px; }
.jcarousel-skin-ococean .bottom .more { color: #FFF; float:left; font-size:11px; margin-top:7px; }
.jcarousel-skin-ococean .bottom .more a { color: #FFF; font-family:georgia;font-size:9px; font-style:italic; text-decoration: none; display: block; }
.jcarousel-skin-ococean .bottom .more a:hover { background: none; }
.jcarousel-skin-ococean .bottom .count { float: right; text-align:center; width:45px; }
.jcarousel-skin-ococean .bottom .count .number { color:#CCEAEE; font-size:18px; }
.jcarousel-skin-ococean .bottom .count .day { background: url('images/bg-days-until.gif') no-repeat 0 -2px; overflow: hidden; height: 14px; width: 47px; text-indent: 2000px; float:left;  }

.jcarousel-control a { background: #F47920; margin-right: 4px; padding: 3px 5px; color: white; font-size: 13px; font-weight: bold; }
.jcarousel-control a:hover { background: #00A8CB; }
.jcarousel-control a.jcarousel-current { background: #EAB686; }
/* @end
--------------------------------------------------- */



/* @group specific styles for NEWs
--------------------------------------------------- */
.jcarousel-skin-news-sidebar .jcarousel-container { padding-bottom: 15px; }
.jcarousel-skin-news-sidebar .jcarousel-control { padding-left: 80px; }
.jcarousel-skin-news-sidebar ul li { width: 230px; height: 130px; 	}
.jcarousel-skin-news-sidebar .jcarousel-clip { width: 230px; }

.front_page .jcarousel-skin-ococean { float: right; width: 635px; }
.front_page .jcarousel-skin-ococean .bottom .more { background: url(images/bg-get-here-asap.gif) no-repeat;  height: 10px; overflow: hidden; text-indent: 200px; width: 81px; }
.front_page .jcarousel-skin-ococean ul li { background: #F47920; width: 183px; height: 200px; }
.front_page .jcarousel-skin-ococean ul li a { display: inline; background: none; height: auto; }
.front_page .jcarousel-skin-ococean .jcarousel-clip { height: 200px; width: 570px; }
.front_page .jcarousel-skin-ococean .jcarousel-prev,
.front_page .jcarousel-skin-ococean .jcarousel-next { left: -5px; top: 80px; }
.front_page .jcarousel-skin-ococean .top { padding: 8px; }
.front_page .jcarousel-skin-ococean .top .date { font-size: 14px; }
.front_page .jcarousel-skin-ococean .top .title { font-size: 16px; overflow: hidden; height: 30px; }
.front_page .jcarousel-skin-ococean .top .title a { font-size: 16px; overflow: hidden; height: 30px; line-height: 15px; }

.front_page .jcarousel-skin-news .jcarousel-clip { height: 118px; width: 300px; margin-bottom: 20px; }
.front_page .jcarousel-skin-news .jcarousel-clip ul li .right { width: 185px; }
.front_page .jcarousel-skin-news .jcarousel-control { left: 115px; position: relative; top: -10px; }
/* @end
--------------------------------------------------- */


.generic_tabs .jcarousel-container { left: 3px; margin: 10px 0 20px; }
.generic_tabs .jcarousel-skin-ococean .jcarousel-clip { left: 3px; }

.now { background: url(images/bg-events-sun-with-now.gif); float: right; height: 30px; width: 45px; }