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

/* TABS ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.tabs{position:relative}
.tabs-nav{background:#f5f5f5;list-style:none;margin:0;padding:10px 0 0 10px}
.tabs-nav li{float:left;list-style:none;margin:0 5px 0 0;padding:0}
.tabs-nav a{background:transparent url(/img/tabs/left.png) no-repeat left top;float:left;line-height:normal;margin:0;padding:0 0 0 20px;position:relative;text-decoration:none;top:1px;z-index:2}
.tabs-nav a:visited{text-decoration:none}
.tabs-nav a span{background:transparent url(/img/tabs/right.png) no-repeat right top;display:block;float:none;padding:11px 20px 8px 0}
.tabs-nav a:hover{background-position:0 -35px}
.tabs-nav a:hover span{background-position:100% -35px}
.tabs-nav .tabs-selected a,.tabs-nav .tabs-selected a:hover{background-position:0 -70px;cursor:default}
.tabs-nav .tabs-selected a span,.tabs-nav .tabs-selected a:hover span{background-position:100% -70px;cursor:default;font-weight:700}
.tabs-hide{display:none}
.tabs-container{background:#fff;border:1px solid #ccc;padding:10px}

.videoTabBox{width:278px;position:relative; border-bottom:1px dashed #999999; padding:15px 0 15px 0;}
.videoTabBox a img{ float:left;border:1px solid #C80000; width:120px;margin-right:15px;}
.videoTabBox h6{background:none}
.videoTabBox .titleArrow{}

/* @end */

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

.tabs-tvGuide{background:#f5f5f5 repeat-x left top;list-style:none;margin:0;padding:10px 0 0 10px}
.tabs-tvGuide li{float:left;list-style:none;margin:0 5px 0 0;padding:0}
.tabs-tvGuide a{background:transparent url(/img/tabs/left.png) no-repeat left top;float:left;font-size:13px;line-height:normal;margin:0;padding:0 0 0 10px;position:relative;text-decoration:none;top:1px;z-index:2}
.tabs-tvGuide a:visited{text-decoration:none}
.tabs-tvGuide a span{background:transparent url(/img/tabs/right.png) no-repeat right top;color:#000;display:block;float:none;padding:11px 9px 8px 0}
.tabs-tvGuide a:hover span{background-position:100% -35px;color:#000;text-decoration:none}
.tabs-tvGuide a:hover{background-position:0 -35px;text-decoration:none}
.tabs-tvGuide .tabs-selected a,.tabs-tvGuide .tabs-selected a:hover{background-position:0 -70px;cursor:default;text-decoration:none}
.tabs-tvGuide .tabs-selected a span,.tabs-tvGuide .tabs-selected a:hover span{background-position:100% -70px;color:#000;cursor:default;font-weight:bold}

/* @end */