﻿/**Layout: carousel **/
.jcarousel-container {position:relative;text-align:left;direction:ltr}
.jcarousel-clip {z-index:2;overflow:hidden;position: relative}
.jcarousel-list{z-index: 1;overflow:hidden;position:relative;top:0;left:0}
.jcarousel-item {float:left}
.jcarousel-next {z-index:3;display: none}
.jcarousel-prev {z-index:3;display: none}
.jcarousel-container-horizontal{width:228px;padding: 20px 36px}
.jcarousel-skin .jcarousel-clip-horizontal{width:228px;height: 88px}
.jcarousel-skin .jcarousel-item{width:106px;height: 80px}
.jcarousel-skin .jcarousel-item{padding:2px}
.jcarousel-skin .jcarousel-item img{padding:0;margin:0}
.jcarousel-skin .jcarousel-item-horizontal{margin-right: 4px}
.jcarousel-skin .jcarousel-next-horizontal{position: absolute;top:43px;right:5px;width: 30px;height: 29px}
.jcarousel-skin .jcarousel-prev-horizontal {position: absolute;top: 43px;left: 5px;width: 30px;height: 29px}

/**Decoration: carousel **/
.jcarousel-skin .jcarousel-item{border:0px solid #aac8e4}
.jcarousel-skin .jcarousel-item img{border:0}
.jcarousel-skin .jcarousel-next-horizontal{cursor: pointer;background:url(../img/btn_next_prev.gif) no-repeat top left}
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: top right}
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover {cursor: default;background-position: top right}
.jcarousel-skin .jcarousel-next-disabled-horizontal {cursor: default;background-position: top right}
.jcarousel-skin .jcarousel-prev-horizontal {cursor: pointer;background:url(../img/btn_next_prev.gif) no-repeat bottom left}
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: bottom right}

.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover {cursor: default;background-position: bottom right}

.jcarousel-skin .jcarousel-prev-disabled-horizontal {cursor: default;background-position: bottom right}
/*---------------------------------------------------------*/
/*Tooltip*/

#osdhtmltooltip
{
	border: #999 1px solid;
	padding: 4px;
	font-size: 10pt;
	z-index: 100;
	left: -300px;
	visibility: hidden;
	width: 350px;
	font-family: Arial;
	position: absolute;
	background-color: #EEE;
	text-align: left;
}
#osdhtmltooltip img
{
	float: left;
	padding: 3px;
	border: solid 1px #EEE;
	margin: 2px;
}
#osdhtmltooltip h3
{
	color: #6957C1;
	padding: 2px;
	margin: 0px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
}
#osdhtmltooltip span
{
	color: #999;
	font-style: italic;
}
#osdhtmltooltip div
{
	color: #000;
}
#osdhtmlpointer
{
	z-index: 101;
	left: -300px;
	visibility: hidden;
	position: absolute;
}
.vd
    {
    background:url(../img/vd.gif) no-repeat;
    }


.iconTime{background:url(../images/icon_time.gif) right no-repeat}
.iconComments{background:url(../images/icon_comment.gif) right no-repeat}
.iconPrint{background:url(../images/icon_Print.gif) right no-repeat}
.iconEmail{background:url(../images/icon_Email.gif) right no-repeat}
.iconPen{background:url(../images/icon_Pen.gif) right no-repeat}
.iconAbuse{background:url(../images/icon_Pen.gif) right no-repeat}
.Goals{background:url("../images/icon_Goals.gif") center no-repeat; height:12px}
.yellowCard{background:url("../images/icon_Yellow_Card.gif") center no-repeat; height:12px}
.redCard{background:url("../images/icon_choice.jpg") center no-repeat;height:12px}
.missedPenalty{background:url("../images/icon_Missed_Penalty.gif") center no-repeat}
.savedPenalty{background:url("../images/icon_Penalty.gif") center no-repeat}
.substitutionIn{background:url("../images/icon_Substitution_In.gif") center no-repeat}
.substitutionOut{background:url("../images/icon_Substitution_Out.gif") center no-repeat}
.date{background:url(../images/icon_Date.gif) center no-repeat}
.sold{background:url(../images/icon_sell.jpg) no-repeat}
.points{background:url(../images/icon_video.gif) no-repeat}
.value{background:url(../images/icon_value.jpg) no-repeat}
.bought{background:url(../images/icon_buy.jpg) no-repeat}
.choose_player{background:url(../images/icon_choice.jpg) no-repeat}
.clipFooter{text-align:left;border-top:1px dashed #98c0d8;padding:2px 4px 4px;margin-top:4px;clear:both}
.commentBody p{background:#f1f7fc; text-align:right}
.commentClip .time{color:#888}
.commentBoxDimmed{background:url(../images/commentsBg.gif) center no-repeat}
.commentClip{width:450px;min-height:85px;margin:20px auto;clear:both}
.commentBody{width:81%;float:left}
.commentFooter{width:81%;float:left}
.commentBody p{clear:both;padding:4px}
.commentClip .time{float:left;padding:2px}
.commentClip .name{float:right;padding-right:20px}
.commentClip .abuse{float:left;padding-right:20px}
.commentBoxDimmed{display:block;height:225px}
.contentClip{background:#fff}
.contentClip3{background:url('../media/blockactive.gif')}
.contentClip h2{background:url(clipblue.gif) repeat-x;color:#fff}
.contentClip img{border:1px solid #aac8e4}
.contentClip h10{background:url('../media/blockactive.gif') repeat-x;color:#fff}
.time{color:#666}
.warning{background:#F2E9EA;border:1px solid #F3E0DD;color:#FF3D00}
.light td{background-color:#d3eafc}
p.summary{background:#d3eafc;border:1px solid #aac8e4}
span.summary{border-bottom:1px solid #aac8e4}
<!---->

/**Layaut: Header**/
#headerZoneA{position:relative;display:block; width:150px; height:100px; float:right; margin:0 -42px 4px 2px}
#lang {display:block; margin:2px 10px;padding:4px 0}
.yklogo{ display:block;margin:14px 0 0 0;padding:0; height:47px}
#header h1{ display:block;margin:14px 0 0 0;padding:0; height:47px}
.yklogo{display:block; width:149px; height:47px; margin:0}


#header h1 a{display:block; width:149px; height:47px; margin:0}


/**Layout: SSO & Search **/
#search {display:block; width:355px; height:40px; float:right; padding-top:1px; margin:4px 0 0 2px}
#searchInputAera{display:block;margin:0 auto;width:355px;}
.searchInput{width:308px;border:0; height:17px; float:right; padding:0 5px 0 0}
#searchButton {width:40px; height:17px; float:right;margin:0}
#searchButton a{width:40px; height:17px; display:block}
ssologin {display:block}
arrowR {display:block}
arrowL {display:block}
sso p a {display:block}
sso h1 {display:block}
sso {display:block}
#sso {width:130px; height:85px; float:left; margin:10px 0 2px 0; padding:2px 0}
#sso h1 {display:block; padding:2px; width:90%}
#sso p {padding:0px; width:130px; margin:0px 10px 4px 2px; float:right; width:120px}
#sso p a {display:block}
.arrowL{display:block;width:7px; height:12px; margin:2px 2px 6px 6px;}
.arrowR{width:7px; height:12px; margin:2px 2px 6px 2px}
.ssoButton{margin:0;display:block;float:right;width:79px;height:25px;padding:4px 0 0 0 }
.ssoButton a {display:block}
#ssologin{display:block; width:100%; float:right; margin:2px 4px 0 0;clear:both}


/**Layout: small Flags Reigon**/
#flagR {display:block;width:330px;height:32px;float:right;margin:6px 48px 0 15px;padding:0}
#flagR ul {width:210px; float:right;margin:0 auto}
#flagR ul li {width:40px; height:35px;float:left}
#flagR ul li a {display:block;height:35px;width:40px}
#flagR h1 {display:block;float:left}
#flagR p {display:block; float:right;margin:4px 0}
#flagR h2 {display:block; float:left; margin:4px 0}


/**Layout: Navigation **/
.navigation {height:24px;margin:0}
.navigation li{float:right;position:relative;z-index:99;width:70px;height:24px;}
.navigation li a{display:block;text-align:center;padding:5px 0}
.navigation li ul{position:absolute;top:-999em;width:138px;margin-top:3px}
.navigation li.wide ul{width:200px}
ul.navigation li.sfHover ul {right:0;top:1.5em}
.navigation li:hover ul {right:0;top:1.5em}
.superfish li li:hover ul {top:-999em}
.superfish li:hover ul {top:-999em}
.navigation li.sfHover li ul {top:-999em}
.navigation li:hover li ul {top:-999em}
ul.navigation li li.sfHover ul {left:9.45em;top:-1px}
.navigation li li:hover ul {left:9.45em;top:-1px}
.navigation li ul li{width:100%;height:auto}
.navigation li ul li a{display:block;text-align:right;height:auto;padding:2px 10px}

/**Layout: sub Navigation **/
.subNav{height:25px}
.subNav ul{height:25px;float:right;width:60%}
.subNav ul li{position: relative;float:right;display:block}
.subNav ul li a{display:block;padding:1px 10px}
.subNav select{float:left;padding:1px;margin:1}


/**Layout: Dawry Header **/
.dawryBannerafricancup{width:760px;height:96px;margin:0 auto}
.dawryBannerafricancup h1{display:none; text-align:right}

/**Layout: Content Clip **/
.contentClip{margin:0;direction:rtl}
.contentClip h2{padding:4px 12px 8px}
.contentClip img{margin:8px;padding:4px}
.clipFooter{text-align:left;border-top:1px dashed #98c0d8;padding:2px 4px 4px;margin-top:4px;clear:both}

/**Layout: Clip current leagues */
#clipLeagues{height:39px;clear:both;display:block;margin:2px auto;width:764px}
#clipLeagues h2{padding:10px 4px 2px 4px;width:100px;float:right; height:27px}
#clipLeagues ul{float:right;width:620px}
#clipLeagues ul li{float:right;width:35px;height:39px}
#clipLeagues ul li a{display:block;height:30px;margin:4px 0}
#clipLeagues ul li.curvEnd{width:22px;float:left}


/**Layout: news, articles, interviews clips on home page **/
.clipInterviews img{float:right}
.clipArticles img{float:right}
.clipNews img{float:right}
.clipInterviews ul{margin:8px}

.clipArticles ul{margin:8px}

.clipNews ul{margin:8px}

/**Layout: newslist **/
ul.newslist{padding:4px 6px 8px 2px;margin:4px}
ul.newslist li{padding:2px 20px 2px 0}

/**Layout: Vertical List **/
ul.verticalList{margin:2px; padding:2px}
ul.verticalList li{display:inline;padding:2px;margin:2px 2px}
ul.verticalList li a{padding:2px; margin:2px; color:#fff}
ul.verticalList li b{padding:2px; margin:2px; color:#fff}
ul.verticalList li img{border:0; padding:0; margin:0}

.tvDisplay ul.verticalList{width:580px}
.tvDisplay ul.verticalList li.narrow{width:250px; float:right}
.tvDisplay ul.verticalList li.wide{width:320px; float:left}
.tvDisplay ul.verticalList li{width:190px;float:left;padding:0;margin:0;text-align:right} 



/**Layout: Clip Poll **/
.clipPoll table td{text-align:right}
.clipPoll .question{padding:12px}
.clipPoll .answers{padding:0 12px 8px}
.clipPoll .answers li{padding:2px 4px}
.clipPoll .answers input{margin:0 8px}

/**Layout: Clip Matches **/
ul.dayTabs{display:block;height:18px}
ul.dayTabs li{padding:2px 16px;float:right}
.yak_slidingtitle{height:33px;padding:4px 12px 0 0}
.yak_slidingtitle a{cursor:pointer}
.yak_slidingtitle p{padding:2px 40px 3px 8px}
.yak_slidingtitle div{height:30px}
.yak_slidingcontentbox{width:290px;margin:2px auto}
.predictionIcon{height:24px}
div.matchItem{height:24px}
.predictionIcon p.team{width:124px;float:right;margin:4px 0;text-align:center}
div.matchItem p.team{width:124px;float:right;margin:4px 0;text-align:center}
.predictionIcon p.result{width:40px;float:right;margin:4px 0;text-align:center}

div.matchItem p.result{width:40px;float:right;margin:4px 0;text-align:center}

/**Layout: carousel **/
.jcarousel-container {position:relative;text-align:left;direction:ltr}
.jcarousel-clip {z-index:2;overflow:hidden;position: relative}
.jcarousel-list{z-index: 1;overflow:hidden;position:relative;top:0;left:0}
.jcarousel-item {float:left}
.jcarousel-next {z-index:3;display: none}
.jcarousel-prev {z-index:3;display: none}
.jcarousel-container-horizontal{width:228px;padding: 20px 36px}
.jcarousel-skin .jcarousel-clip-horizontal{width:228px;height: 88px}
.jcarousel-skin .jcarousel-item{width:106px;height: 80px}
.jcarousel-skin .jcarousel-item{padding:2px}
.jcarousel-skin .jcarousel-item img{padding:0;margin:0}
.jcarousel-skin .jcarousel-item-horizontal{margin-right: 4px}
.jcarousel-skin .jcarousel-next-horizontal{position: absolute;top:43px;right:5px;width: 30px;height: 29px}
.jcarousel-skin .jcarousel-prev-horizontal {position: absolute;top: 43px;left: 5px;width: 30px;height: 29px}


/**Layout: details **/
.details p{padding:8px}
.details img{float:left}
.details p.time{text-align:left}
.holder{padding:4px}
#zoom {display:none;z-index:200;position:absolute;left:0;top:0;width:auto;height:auto;text-align:right}
.detailsFooter a{padding:2px 30px; display:block;float:right; margin:0 0 4px 0}


/**Layout: icons **/
.icon{padding:3px 28px 3px 16px;display:block}
dt.Goals{padding-right:20px}
li.Goals{padding-right:20px}
dt.yellowCard{padding-right:20px}
li.yellowCard{padding-right:20px}
dt.redCard{padding-right:20px}
li.redCard{padding-right:20px}
dt.missedPenalty{padding-right:20px}
li.missedPenalty{padding-right:20px}
dt.savedPenalty{padding-right:20px}





li.savedPenalty{padding-right:20px}





/** Layout: Rating **/
.rate{width:95%; margin:0 auto; padding:3px;text-align:center; float:none}
.rate p{text-align:right;float:right; width:26%;padding:0}
.star-rating{position:relative;width:125px;height:25px;overflow:hidden;margin:0;padding:0;margin:0 10px 0 0}
.star-rating li{display: inline}
.star-rating .final-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden}
.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden}
.star-rating a{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden}
.star-rating a.one-star{width:20%;z-index:6}
.star-rating a.two-stars{width:40%;z-index:5}
.star-rating a.three-stars{width:60%;z-index:4}
.star-rating a.four-stars{width:80%;z-index:3}
.star-rating a.five-stars{width:100%;z-index:2}
.star-rating .current-rating{z-index:1}
.star-rating .final-rating{z-index:1}


/** Layout: Defenition List / Item Values **/
dl.termList{padding:8px}
dl.termList dt{width:35%;float:right}
dl.termList dd{width:55%;clear:left}

/** Layout: Link Style**/
a.rss{float:left;position:relative;top:4px;left:4px;padding-right:16px}

/** Layout: Other Style**/
p.summary{padding:4px 8px;width:75%;margin:0 auto}
span.summary{display:block;margin-bottom:4px;padding-bottom:4px}
.centered{text-align:center}
.warning{margin:8px;padding:4px;text-align:center;display:block}


/**Layout: Picture Gallery **/
.wallpaperItem{padding:8px;width:174px;float:right;text-align:center}
.wallpaperItem img{height:75px;margin:4px;padding:4px}
.wallpaperItem p{padding:4px 12px;float:right}


/**Layout: Teams Page **/


.teamsItem{text-align:center;width:111px;height:130px;float:right;margin:18px 16px 0}
.teamsItem img{margin:16px 20px 8px}
.teamsItem a{text-align:center;display:block;padding:0 2px}

.rating {text-align:right}
/**Layout: Photo Album **/
#colLeftx{background:#fff}
.photoAlbum #colLeftx{width:550px}
.photoAlbum #colRight{width:200px}
.photoAlbumCategories ul{margin:8px 12px}
#previewPane{margin-bottom:8px;text-align:center;vertical-align:middle;padding-top:8px;position:relative;direction:ltr}
#previewPane img{margin:8px;padding:4px}
#previewPane #largeImageCaption{text-align:center}
#galleryContainer{height:60px;position:relative;overflow:hidden;padding:1px}
#galleryContainer img{height:50px}
#arrow_left{position:absolute;left:0px;z-index:10;padding:1px;width:24px;height:60px}
#arrow_right{position:absolute;right:-2px;z-index:10;padding:1px;width:24px;height:60px}
#theImages{position:absolute;height:100px;left:40px;width:100000px}
#theImages #slideEnd{float:left}
#theImages img{margin:2px;padding:2px;float:left;cursor:pointer}
#theImages .imageCaption{display:none}
#waitMessage{display:none;position:absolute;left:100px;top:100px;padding:4px;filter: alpha(opacity=70);-moz-opacity: 0.7;KhtmlOpacity: .7;opacity: .7;}

/**Layout: Video Gallery */
.clipOtherVideos ul li{margin:2px;padding:2px 12px}
.clipOtherVideos ul li a{display:block;padding-right:25px}


/**Layout: TV Schedule **/
table.tvSchedule tr{height:32px}
table.tvSchedule td.icon{width:30px;padding:2px 4px}
table.tvSchedule a{display:block;height:30px}


