/*
 * Web Design and Web Development by Goran Beko
 * September 2010
 */

/* STORY ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.boxBG{position:relative}
h1 {line-height:100%;}

/* @end */

/* -------------------  LIST STORY - BIG -------------------- */

/* STORY ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.storyBrowser{padding:15px}
.mediaBrowser{padding:15px}
.storyBrowserLeft{border-right:1px dashed #999;float:left;padding:0 15px 0 0;width:210px}
.storyBrowserRight{float:right;width:210px}
.storyBlockOverRun,.storyBrowserLeft .storyBlockOverRun,.storyBrowserRight .storyBlockOverRun{border:0;margin:0;padding:0}
.storyBrowserSec,.storyBlock,.storyBrowserLeft .storyBlock,.storyBrowserRight .storyBlock{border-bottom:1px dashed #999;margin:0 0 10px;padding:0 0 10px}

/* @end */

/* SEKVENCE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

p.eventDate,p.eventPlace{color:#999;font-size:11px;padding:0}
p.uptitle{color:#999;font-size:11px;margin:0;padding:0 0 5px;text-transform:uppercase}
p.lead{font-size:13px;font-weight:700;line-height:150%;margin:0 0 20px;padding:0}
span.eventPlace{border-right:1px solid #999;font-size:12px;margin:0 5px 0 0;padding:0 6px 0 0; display:block; width:250px;}
span.eventDate{padding:0 5px 0 0}
span.author,span.source{border-left:1px solid #9E8686;margin:0 5px 0 0;padding:0 0 0 7px}
p.source,p.author{color:#919191;font-size:11px;margin:0;padding:0}
p.leadShort,p.leadShortSec{padding:0}
p.eventPlace_eventDate_author_source,p.eventPlace_author_source{border-bottom:1px dashed #999;color:#999;font-size:11px;margin:0 0 10px;padding:0 0 5px}

/* @end */

/* STORY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.boxCaption{display:none}
.boxImageCaption{font-size:11px;line-height:140%;padding-bottom:10px;padding-top:5px;text-align:center}
.boxBody p{background-color:#ccc;font-size:17px;line-height:140%;margin:0 0 10px;padding:10px}
.boxHalf{float:left;margin:0 20px 20px 0;width:202px}
.boxHalf .boxImage img{border:1px solid #ccc;margin:0}
.boxFull{float:left;margin:0 0 10px 0;width:450px}
.boxFull .boxImage img{border:0;margin:0}

/* @end */

/* SELECT INPUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

form.jqtransformdone .jqTransformSelectWrapper{background:url(/img/selectTransform/select_left.png) no-repeat top left;float:left;height:30px;margin:0 5px 0 0;padding:0;position:relative;width:60px!important}
form.jqtransformdone .holderLarge .jqTransformSelectWrapper{background:url(/img/selectTransform/select_left.png) no-repeat top left;float:left;height:30px;margin:0;padding:0;position:relative;width:80px!important}
form.jqtransformdone .holderBig .jqTransformSelectWrapper{background:url(/img/selectTransform/select_left.png) no-repeat top left;float:left;height:30px;margin:0;padding:0;position:relative;width:270px!important}
form.jqtransformdone .jqTransformSelectWrapper div span{color:#333;cursor:pointer;float:none;font-size:12px;height:30px;line-height:30px;overflow:hidden;padding:0 0 0 7px;position:absolute;white-space:nowrap}
form.jqtransformdone .jqTransformSelectWrapper a.jqTransformSelectOpen{background:url(/img/selectTransform/select_right.png) no-repeat center center;display:block;height:30px;position:absolute;right:0;width:30px}
form.jqtransformdone .jqTransformSelectWrapper ul{background-color:#FFF;border:solid 1px #CCC;display:none;height:150px;left:4px;list-style:none;margin:0;overflow:auto;overflow-y:auto;padding:0;position:absolute;top:30px;width:50px!important;z-index:10}
form.jqtransformdone .holderLarge .jqTransformSelectWrapper ul{background-color:#FFF;border:solid 1px #CCC;display:none;height:150px;left:4px;list-style:none;margin:0;overflow:auto;overflow-y:auto;padding:0;position:absolute;top:30px;width:68px!important;z-index:10}
form.jqtransformdone .holderBig .jqTransformSelectWrapper ul{background-color:#FFF;border:solid 1px #CCC;display:none;height:185px;left:4px;list-style:none;margin:0;overflow:auto;overflow-y:auto;padding:0;position:absolute;top:30px;width:235px!important;z-index:10}
form.jqtransformdone .holderBig .jqTransformSelectWrapper span{width:200px!important}
form.jqtransformdone .jqTransformSelectWrapper ul li{list-style:none;margin:0;padding:0}
form.jqtransformdone .jqTransformSelectWrapper ul a,form.jqtransformdone .jqTransformSelectWrapper ul a:visited{background-color:#fff;color:#333;display:block;font-size:12px;padding:5px;text-decoration:none}
form.jqtransformdone .jqTransformSelectWrapper ul a.selected{background:#EDEDED!important;color:#333!important}
form.jqtransformdone .jqTransformSelectWrapper ul a:hover,form.jqtransformdone .jqTransformSelectWrapper ul a.selected:hover{background:#C80000!important;color:#fff!important}
form.jqtransformdone .jqTransformHidden{display:none}
form.jqtransformdone button{background:url(/img/selectTransform/goButton.png) no-repeat left top;color:#FFF;cursor:pointer;height:30px;line-height:30px;text-align:center;text-transform:uppercase;width:50px}

/* @end */

/* TV GUIDE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.guideBrowser{background:url(/img/divider_bg.gif) repeat-x left bottom;padding:10px 0}
.guideBrowser p.time_title{line-height:36px;margin:0 0 0 45px;padding:0}
.guideBrowser p.time_title span.time{border-right:1px solid #999999;color:#999999;font-size:11px;padding:0 5px 0 0}
.guideBrowser p.time_title span.title{font-size:14px;}
.guideBrowser p.time_title span.title a{font-weight:700; text-decoration:underline}
.guideBrowser p.time_title span.title a:hover{font-weight:700; text-decoration: none}
.guideBrowser p.guideIcon{display:block;float:left;padding:0;width:36px}

/* @end */

/* BOOKMARK
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.socialBookmarking{list-style:none;margin:0;padding:0;position:absolute;right:10px;top:5px}
.socialBookmarking li{float:left;list-style:none;margin:0;padding:0}
.socialBookmarking li a img{vertical-align:bottom}

/* @end */
.programSocial{}


.thumbSeries img{ float:left; margin:0 10px 10px 0;}
p.leadSeries{margin-bottom:10px;}