/* ============== */
/* General Styles */
/* ============== */
.invisible {visibility: hidden;}

/* Select Boxes */
.wrapperselect{
    float:      left;
}

.sbHolder{
    position:           relative;
    width:              464px;
    height:             60px;
    font-size:          25px;
    font-weight:        bold;
    background-color:         #ffffff;
	border:             0!important;
}

.sbSelector{
    display:        block;
    height:         60px;
    left:           0;
    line-height:    60px;
    outline:        none;
    overflow:       hidden;
    position:       absolute;
    text-indent:    14px;
    top:            0;
    width:          424px;
}

.sbSelector:link,
.sbSelector:visited,
.touch .sbSelector:hover{
    color:              #9ca1a8;
    outline:            none;
}
.sbToggle{
    position:       absolute;
    right:          0px;
    top:            0px;
    display:        block;
    width:          60px;
    height:         60px;
    outline:        none;
    background:     url(images/ddl_down.png) no-repeat center;
}

.sbToggleOpen{background: url(images/ddl_up.png) no-repeat center;}

.sbOptions{
    position:           absolute;
    left:               0;
    top:                60px;
    z-index:            5;
    width:              464px;
    max-height:         240px!important;
    overflow-y:         auto;
    margin:             0;
    padding:            0 0 15px 0;
    list-style:         none;
    background:         url(images/ddl_shadow.png) repeat-x left bottom;
    border:             0!important;
}

.sbOptions a{
    border-bottom:  0!important;
    display:        block;
    outline:        none;
    padding:        10px 14px;
}

.sbOptions a:link,
.sbOptions a:visited{
    color:              #9ca1a8;
}

.touch .sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
    color: #ffffff;
	background: #9ca1a8;
}

.sbOptions li{
    background: #ffffff;
}

.sbOptions li.last a{border-bottom: none;}

.sbOptions .sbGroup{
    border-bottom:  0!important;
    color:          #EBB52D;
    display:        block;
    font-weight:    700;
}

.sbOptions .sbSub{padding-left: 17px;}

.sbHolderDisabled{
    background-color:   #ffffff;
    border:             0!important;
}

.sbHolderDisabled *{cursor: default!important;}

.sbHolderDisabled .sbToggle{
    right:          15px;
    top:            49%;
    display:        block;
    width:          5px;
    height:         2px;
    outline:        none;
    background:     #9ca1a8;
}

.sbOptions .sbDisabled{
    border-bottom:  0!important;
    color:          #999;
    display:        block;
}

/* ============== */
/* Modules Styles */
/* ============== */

/* Sponsors */
.Sponsors{
    float:          right;
    font-weight:    bold;
    padding:        0 60px 25px 60px
}

.Sponsors .menuTitle{
    display:    block;
    clear:      both;
    font-size:  25px;
    color:      #9ca1a8;
    height:     45px;
}

.Sponsors ul{
    display:    block;
    clear:      both;
    list-style: none;
    margin:     0;
}

.Sponsors ul li{
    float:      left;
    height:     60px;
    padding:    0 50px 0 0;
}

.Sponsors ul li a,
.Sponsors ul li img{
    display:block;
}

.contentPane .Sponsors{
    margin:     0!important;
    background: #ffffff;
}

.contentPane .Sponsors .menuTitle{
    padding: 20px 0 0 0;
}

/* end Sponsors */

/* Infinite List */
.infinite-list-wrapper{
    position:   relative;
    clear:      both;
}

.infinite-list{
    clear:      both;
}

.infinite-list-loading{
    clear:          both;
    width:          100%;
    text-align:     center;
}

.loading_contents{
    display:        none;
    position:       absolute;
    left:           0;
    top:            0;
    z-index:        9;
    width:          100%;
    height:         100%;
    background:     #ffffff;
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:         alpha(opacity=50);
    -moz-opacity:   0.5;
    -khtml-opacity: 0.5;
    opacity:        0.5;
}

.loading_contents_bar{
    display:        none;
    position:       absolute;
    left:           0;
    top:            -10px;
    z-index:        9;
    width:          100%;
    height:         100%;
    background:     transparent url(images/loading-top.gif) no-repeat center 5px;
}

/* End Infinite List */

/* list-filters */
.list-filters{
    clear:      both;
    padding:    0 60px;
}

.list-filters fieldset{
    display:    block;
    clear:      both;
}

.list-filters .separator{
    display:    block;
    clear:      both;
	padding: 	12px 0 0 0;
}

.list-filters .separator .module-header{
    padding: 0;
}

.list-filters .separator:last-child{
    margin: 	0 0 30px 0;
}

#FPFCombos{
	width: 		960px;
	margin: 	0 auto 30px auto;
	padding: 	0 0 15px 0;
	background: url(images/ddl_shadow.png) repeat-x left bottom;
}

#FPFCombos .list-filters{
	padding: 0;
}

#FPFCombos .list-filters .separator{
	margin: 	0;
	background: #9ca1a7;
}

.list-filters .space-left{
    margin: 0 0 0 30px;
}

/* End list-filters */

/* empty-list */
.empty-list{
	width: 			960px;
    clear:          both;
    padding:        40px 0;
	margin: 		0 auto;
    text-align:     center;
    font-size:      15px;
    color:          #000000;
    font-weight:    bold;
    background:     #9ca1a7;
}

.touch .empty-list:hover{
    background:     #9ca1a7!important;
}

/* End empty-list */

/* list-content */
.list-content{
    clear:      both;
    width:      100%;
}

.list-content .media-item{
	height: 270px;
    margin: 0 30px 40px 0;
}

.list-content .media-item:nth-child(3n) {
	margin: 0 0 40px 0;
}

/* Auto Complete */
.ui-autocomplete{
    position:       absolute;
    z-index:        88!important;
    width:          590px!important;
    height:         300px;
    overflow-y:     scroll;
    list-style:     none;
    text-transform: none;
    margin:         0 0 0 -30px;
    background:     #ffffff;
    border:         0; 
}

.ui-autocomplete li{
    padding:    10px;
    list-style: none;
}

.touch .ui-autocomplete li:hover{
	background: #ddedc2;
}

.ui-autocomplete a{
    cursor: pointer;
    color:  #000000;
}

.touch .ui-autocomplete a:hover{
    color:  #9ca1a8;
}

/* End Auto Complete */

/* search-section */
.search-section-wrapper{
    clear:      both;
    height:     76px;
    background: url(images/gray-border.gif) repeat-x left bottom;
}

.search-section-wrapper .search-section{
    float:      right;
    clear:      both;
    height:     76px;
    background: url(images/green-border.gif) repeat-x left bottom;
}

.search-section-wrapper .search-section .input-search{
    float:      left;
    width:      480px;
    height:     70px;
    padding:    0 60px;
    background: #ffffff;
}

.search-section-wrapper .search-section .input-search input.txtFilter {
    float:          left;
    width:          480px;
    height:         70px;
    line-height:    70px;
    font-size:      40px;
    color:          #9ca1a8;
    font-weight:    bold;
    outline:        none;
    background:     none;
    border:         0;
}

.search-section-wrapper .search-section .submit-type-buttons{
    float:          right;
}

.search-section-wrapper .search-section .submit-type-buttons .btnFilter {
    cursor:         pointer;
    float:          right;
    display:        block;
    width:          60px;
    height:         70px;
    text-indent:    9999px;
    overflow:       hidden;
    background:     #b8e400 url(images/search.png) no-repeat center;
    border:         0;
}

.touch .search-section-wrapper .search-section .submit-type-buttons .btnFilter:hover{
    background:     #9bcc00 url(images/search.png) no-repeat center;
}

/* End search-section */

/* media-featured-wrapper */

.media-featured-wrapper{
    position:   relative;
    clear:      both;
    background: #202023;
}

.media-featured-wrapper .shadow{
    background: #202023 url(images/big-shadow.png) repeat-x left top;
}

.media-featured-wrapper .media-featured{
    position:   relative;
    clear:      both;
    width:      960px;
    height:     540px;
    overflow:   hidden;
}

.media-featured-wrapper .media-featured img{
    max-height: 540px;
}

.media-featured-wrapper .media-featured .media-featured-overlay{
    position:   absolute;
    top:        0;
    left:       0;
    width:      840px;
    height:     460px;
    padding:    40px 60px;
}

.media-featured-wrapper .media-featured .media-featured-overlay .date-visualizations{
    clear:          both;
    padding:        0 0 15px 0;
    font-weight:    bold;
}

.media-featured-wrapper .media-featured .media-featured-overlay .date-visualizations .date{
    display:        block;
    clear:          both;
    font-size:      13px;
    color:          #868C95;
    font-weight:    bold;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.media-featured-wrapper .media-featured .media-featured-overlay .date-visualizations .visualization{
    display:        block;
    clear:          both;
    font-size:      11px;
    color:          #9e9fa4;
    padding:        2px 0 0 0;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.media-featured-wrapper .media-featured .media-featured-overlay h1.title{
    display:        block;
    clear:          both;
    max-width:      550px;
    font-size:      40px;
    line-height:    40px;
    color:          #ffffff;
    margin:         0;
    padding:        0 0 15px 0;
}

.media-featured-wrapper .media-featured .media-featured-overlay .tools{
    clear: both;
}

.media-featured-wrapper .media-featured .media-featured-overlay .tools a{
    float:  left;
}

.media-featured-wrapper .media-featured .media-featured-overlay .tools .play{
    width:          93px;
    height:         93px;
    text-indent:    9999px;
    overflow:       hidden;
    margin:         0 10px 0 0;
    background:     url(images/play.png) no-repeat left top;
}

.media-featured-wrapper .media-featured .media-featured-overlay .tools .facebook{
    width:          46px;
    height:         46px;
    margin:         23px 10px 0 0;
    text-indent:    9999px;
    overflow:       hidden;
    background:     url(images/facebook.png) no-repeat left top;
}

.media-featured-wrapper .media-featured .media-featured-overlay .tools .twitter{
    width:          46px;
    height:         46px;
    margin:         23px 10px 0 0;
    text-indent:    9999px;
    overflow:       hidden;
    background:     url(images/twitter.png) no-repeat left top;
}

/* End media-featured-wrapper */

/* Featured */
.module-header{
    clear:      both;
    padding:    10px 0;
}

.module-header .left{
    float: left;
}

.module-header .left h2{
    display:        block;
    clear:          both;
    font-size:      40px;
    line-height:    40px;
    color:          #000000;
    font-weight:    bold;
    margin:         0;
    padding:        0 0 5px 0;
}

.module-header .left .see-more{
    color:          #9ca1a8;
    font-size:      13px;
    text-transform: uppercase;    
}

.touch .module-header .left .see-more:hover{
    color: #000000;
}

.module-header .right{
    float: 		right;
	padding: 	20px 0 0 0;
}
#FPFListBackButton .module-header .right{
	padding: 	10px 0 0 0;
}

.module-header .right .facebook,
.module-header .right .twitter,
.module-header .right .youtube-chanel{float: left; padding: 0 10px 0 0;}

.module-header .right .youtube-chanel{
    width: 75px;
}

.featured-media-items{
    clear:      both;
    padding:    10px 0 40px 0;
}

.featured-media-items .media-item{
    margin: 0 0 0 30px;
}

.featured-media-items .media-item:first-child{
    margin: 0;
}

.media-item{
    float: left;
    width: 300px;
}

.media-item a{
    display:    block;
    clear:      both;
}

.media-item a:hover{
    background: #9ca1a8;
}

.media-item .figure{
    position:   relative;
    clear:      both;
    width:      300px;
    height:     168px;
    overflow:   hidden;
    margin:     0 0 20px 0;
}

.media-item .figure img{
    display:    block;
    clear:      both;
    max-width:  300px;
}

.media-item .figure .fig-caption{
    position:   absolute;
    bottom:     0;
    left:       0;
}

.media-item .figure .fig-caption span{
    display:        block;
    font-size:      13px;
    color:          #ffffff;
    padding:        0 8px;
    line-height:    25px;
    background:     #333333;
}

.media-item .data{
    clear: both;
}

.media-item .data h3{
    display:        block;
    clear:          both;
    margin:         0;
    font-size:      18px;
    line-height:    18px;
    color:          #000000;
    font-weight:    bold;
    padding:        0 0 10px 0;
}

.media-item .data .date-visualizations{
    clear:          both;
    padding:        0 0 15px 0;
    font-weight:    bold;
}

.media-item .data .date-visualizations .date{
    display:        inline-block;
    font-size:      13px;
    color:          #868C95;
    font-weight:    bold;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.media-item .data .date-visualizations .visualization{
    display:        inline-block;
    font-size:      13px;
    color:          #9e9fa4;
    padding:        0 0 0 25px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.media-item a:hover .data h3,
.media-item a:hover .data .date-visualizations .date,
.media-item a:hover .data .date-visualizations .visualization{
    color: #ffffff;
}

/* End Featured */

/* BackButton */

.back-button{
    display:        block;
    left:           0;
    top:            0;
    width:          50px;
    height:         40px;
    text-indent:    -999px;
    overflow:       hidden;
    background:     url(images/back-button.gif) no-repeat 0 top;
}

.touch .back-button:hover{
    background-position: -50px top;
}

/* End BackButton*/

/* media-detail-wrapper */

.media-detail-wrapper{
    clear:      both;
    background: #202023;
}

.media-detail-wrapper .shadow{
    background: #202023 url(images/big-shadow.png) repeat-x left top;
}

.media-detail-wrapper .media-detail{
    clear:          both;
    width:          960px;
}

.media-detail-wrapper .media-detail .movie-player{
    clear:      both;
    padding:    0 0 20px 0;
}

.media-detail-wrapper .media-detail .date-visualizations{
    clear:          both;
    padding:        0 0 20px 0;
    font-weight:    bold;
}

.media-detail-wrapper .media-detail .date-visualizations .date{
    display:        block;
    clear:          both;
    font-size:      13px;
    color:          #868C95;
    font-weight:    bold;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.media-detail-wrapper .media-detail .date-visualizations .visualization{
    display:        block;
    clear:          both;
    font-size:      11px;
    color:          #9e9fa4;
    padding:        2px 0 0 0;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.media-detail-wrapper .media-detail h1.title{
    display:        block;
    clear:          both;
    font-size:      40px;
    line-height:    40px;
    color:          #ffffff;
    margin:         0;
    padding:        0 0 20px 0;
}

.media-detail-wrapper .media-detail .description{
    clear:      both;
    font-size:  14px;
    color:      #ffffff;
    padding:    0 0 10px 0;
}

.media-detail-wrapper .media-detail .tools{
    clear:      both;
    padding:    0 0 40px 0;
}

.media-detail-wrapper .media-detail .tools a{
    float:  left;
}

.media-detail-wrapper .media-detail .tools .facebook,
.media-detail-wrapper .media-detail .tools .twitter,
.media-detail-wrapper .media-detail .tools .youtube-chanel{
	float: 		left;
	padding: 	0 10px 0 0;
}

/* End media-featured-wrapper */