﻿

/*lifted from ie6.css, the entire file caused other issues*/
.navigation fieldset.search input.text-input {
_float: left;
_border: none;
_width: 195px;
_height: 29px;
_line-height: 29px !important;
_padding: 0 0 0 8px;
_margin-right: -3px;
_vertical-align: middle;
_background: url(../images/structure/input-text-search.png) top left no-repeat;
_position: relative;
}


/*home page*/
.home-wrap
{
    padding:20px 17px;
    _padding-bottom:0;
    _height:1%;
    overflow:hidden;
}

/* middle row */
.home-wrap .middle-row
{
    margin:20px 0;
    overflow:hidden;
}

/* promo boxes */
.home-wrap .event-promo,
.home-wrap .promo-box
{
    float:left;    
    height:156px;
    width:216px;
}

.home-wrap .event-promo,
.home-wrap .promo-box
{
    margin-left:20px;
}

.home-wrap .middle-row div.search.module
{
    margin:0;border:1px solid #006a8d;background-color:#bfdae2;    
}

/* Search form */

.home-wrap .middle-row div.search
{
    width:418px;
    height:120px;
    padding:17px;
    _padding:9px 17px 8px 17px;
    text-shadow: 0 1px 0 #fff;
    
}
.home-wrap .search input
{
    float:left;    
}
.home-wrap .search fieldset
{
    margin:0;
    padding:0;
    position:relative;
    text-align:left;
}
.home-wrap .search legend
{
    font-weight:bold;    
    float:left;
    font-size:1.4em;
    margin:0 0 5px 0;
    text-indent:0;
}
.home-wrap .search p
{
    clear:left;
    margin:15px 0 10px;
    color:#222;
}        
input.home-search-text
{
    clear:left;
    background:url(../images/Structure/form-sprite.gif)  no-repeat;
    width:281px;
    height:44px;
    line-height:45px;
    padding:0;
    padding-left:8px;
    border:0;
    border-bottom: 1px solid #aaa;
}

.library .search .search-outro {width:auto;}

/* event promo & promo-box */

.event-promo,
.promo-box
{
    position:relative;   
    text-shadow: 0 1px 0 #000;
}

.event-promo
{
    background:url(../images/Structure/latest-event.jpg) no-repeat top left;
}

.promo-box
{
    background:url(../images/Structure/world_map.png) no-repeat top left;
}

.promo-desc
{
    background:url(../images/Structure/promo-trans.png) no-repeat 0 100%;
    _background:url(../images/Structure/promo-trans-replace.png) repeat-x 0 100% left;
    width:216px;
    height:75px;
    position:absolute;
    bottom:0;
    overflow:hidden;
    padding-top:80px;
}

.event-promo .promo-desc .desc
{
    float:right;
    width:155px;
} 

.promo-box .promo-desc .desc
{
    margin-left:10px;
}

.promo-desc .desc,
.promo-desc .desc a
{
    color:#fff;
    margin:0;
    font-weight:700;
    text-decoration:none;
}

.promo-desc .desc a:hover,
.promo-desc .desc a span:hover
{
    text-decoration:underline;
}

.promo-desc .desc h4 span a
{
    font-size:13px;
    display:block;
}

.promo-desc .desc h4
{
    font-size:16px;    
    margin-top:10px;
    margin-bottom:0;
}

.promo-desc .desc p
{
    font-size:12px;    
}

.promo-desc .calendar
{
    width:46px;
    height:64px;
    float:left;
    background:url(../images/Structure/cal-bg-trans.png) no-repeat top left;
    _background:url(../images/Structure/cal-bg-trans-replace.png) no-repeat top left;
    margin:4px 0 0 7px;
    _margin:6px 0 0 3px;
    text-align:center;
}


.promo-desc .calendar .day,
.promo-desc .calendar .month
{
    width:46px;
    display:block;
    float:left;
    font-weight:700;
    color:#fff;
}

.promo-desc .calendar .day
{
    font-size:24px;
    padding-top:18px;
}

.promo-desc .calendar .month
{
    clear:left;
    text-transform:uppercase;
    padding-top:7px;
}

/* bottom row */
.home-wrap .bottom-row .module
{
    margin:0;    
}

/* homepage tabs */
.home-tabs
{
    width:590px;
}

.home-tabs.module.tabs .pane-wrap
{
    
}

.home-tabs #tab-editors-choice li
{
    width:588px;
    overflow:hidden;
}

.home-tabs #tab-editors-choice li p
{
    color:#222;    
}

/* most viewed tab contents*/
.home-tabs.module.tabs .pane-wrap #tab-most-viewed
{
    padding:11px 10px 12px;    
    overflow:hidden;
    border-bottom:1px solid #ccc;
}

#tab-most-viewed .most-viewed-nav
{
    width:226px;
    float:left;
}


#tab-most-viewed .most-viewed-nav li h3
{
    /*reset*/
    background:none;
    float:none;
    text-align:left;    
    height:auto;
    font-size:1em;
    line-height:1.5em;
    padding:0;
}

#tab-most-viewed .most-viewed-nav li a
{
    background:url("../images/components/icon-arrow.png") no-repeat 210px center;    
    height:35px;
    display:block;
    padding:5px 20px 8px 10px;
    text-decoration:none;
    font-weight:700;
    font-size:1em;
    color:#222;
    _height:40px;
    _padding:4px 10px;
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
    overflow:hidden;
}

#tab-most-viewed .most-viewed-nav li a:hover
{
    background-color:#f9f9f9;
}

#tab-most-viewed .most-viewed-desc
{
    width:226px;
    float:left;
}

#tab-most-viewed .most-viewed-nav li a
{
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
}

#tab-most-viewed .most-viewed-nav li.first a
{
    border-top:1px solid #e8e8e8;
}

#tab-most-viewed .most-viewed-nav li.last a
{
    border-bottom:1px solid #e8e8e8;
}

#tab-most-viewed .most-viewed-nav .ui-tabs-selected a,
#tab-most-viewed .most-viewed-nav li.first.ui-tabs-selected a,
#tab-most-viewed .most-viewed-nav li.last.ui-tabs-selected a
{
    background:#fff;    
    border-color:#fff;
}

#tab-most-viewed .most-viewed-desc
{
    width:342px;
    height:200px;
    background:#fff;
    position:relative;
}

#tab-most-viewed .most-viewed-desc li
{
    height:180px;
    background:#fff;        
    padding:10px 10px 10px 16px;
    _padding:5px 5px 5px 22px;
}

#tab-most-viewed .most-viewed-desc .title
{
    width:320px;
    float:left;
}

#tab-most-viewed .most-viewed-desc img
{
    border:1px solid #ccc;
    float:left;
}

#tab-most-viewed .most-viewed-desc em
{
    font-style:normal;
    color:#666;
    font-weight:700;
}

#tab-most-viewed .most-viewed-desc h4
{
    /*reset*/   
    background:none;
    float:none;
    text-align:left;
    height:auto;
    font-size:17px;
    line-height:20px;
    padding-left:0;
}

#tab-most-viewed .most-viewed-desc p
{
    clear:left;
    margin:0;    
}

#tab-most-viewed .most-viewed-desc p a.more
{
    background:url(../images/components/home-more-bullet.gif) no-repeat left 4px;
    padding-left:10px;
    color:#ae0404;
    font-weight:700;
    text-decoration:none;
}

#tab-most-viewed .most-viewed-desc p a.more:hover
{
    text-decoration:underline;
}

/*home ad slot*/
.home-ad
{
    float:left;
    width:300px;
    height:250px;
    padding:4px;
    background:#eee;
    border:1px solid #ccc;
    margin-left:25px;
}

/* base strapline above footer*/
.base-strapline {background:#373738 url(../images/components/structure/bg-base-strapline.png) repeat-x 0 0; color:#fff; font-weight:bold; padding:4px 25px; text-shadow:0 1px 0 #000;}


.featurelist {width: 590px; height: 315px; border: 1px solid #ccc;background:url(../images/structure/MainReception.jpg) 0 0 no-repeat #eee;float: left;overflow: hidden;}
.featurelist .headline {margin:auto 0 0;background:url(../Images/Structure/transgrey.png) 0 0 repeat transparent;margin-top: 245px;height: 30px;padding:20px 10px;}
.featurelist .headline h1 {color:#fff; text-shadow:0 2px 0 #000;font-size:1.6em;background: none transparent;width:auto;padding:0;margin-bottom: 0;}
.featurelist .headline a {font-size:1.2em;color:#fff;text-shadow: 0 1px 0 #000;background: url(../Images/Structure/herobutton.png) 0 0 no-repeat transparent;display: block;float: right;margin-right: 10px;}
.featurelist .headline a span {background: url(../Images/Structure/heroarrow.png) no-repeat 100% 0 transparent;padding-right:34px;display: block;padding: 5px 40px 5px 10px}
.featurelist .headline a:hover {background: url(../Images/Structure/herobutton-hover.png) 0 0 no-repeat transparent;text-decoration: none;}
.featurelist .headline a:hover span {background: url(../Images/Structure/heroarrow-hover.png) no-repeat 100% 0 transparent;}

.top-row {margin-bottom:20px;float:left;width:100%;}
.home-wrap .event-promo {background: none #CCC;float: left;height: 95px;margin: 5px 0 0 5px;width: 285px;text-shadow: none;}
        

        
#tab-latest-event {background-color: #fff;}
#tab-latest-event ul {min-height: 193px;}
#tab-latest-event ul li {float:left;}
#tab-latest-event>p {border-bottom: 1px solid #CCCCCC;}
#tab-latest-event p {width:100%;margin:0;}
#tab-latest-event p a {margin: 5px 10px;}
.promo-desc {height: 100%;overflow: hidden;width: 100%;background-image:none;padding:0;}
.event-promo .promo-desc .desc {float: right;margin: 5px;width: 210px;}
.promo-desc .calendar {margin: 8px 0 0 10px; background: url(../images/Structure/cal-bg.png) no-repeat scroll left top transparent;-moz-box-shadow:none;}
.event-promo .promo-desc a, .event-promo .promo-desc {background: none #fff;text-decoration:none;padding-left: none;}
.event-promo .promo-desc .desc h3 {padding-left:0;background: transparent;font-size: 1.1em;line-height:1.2em;height:auto;}
.event-promo .promo-desc .calendar .month {color:#fff;}
.event-promo .promo-desc .calendar .day, .event-promo .promo-desc .desc {color:#222;}
.promo-desc .desc a {color:#B80F14;}
