body { text-align: right; background: #fff; display: block; right: 0; left: 0; width: 100%; line-height: 150%; padding: 0; margin: 0; overflow-x:hidden; }
img { border: none; }
br {display: block ; margin: 3px; padding: 3px; }

.TextWrapper { width: 100%; float: right; clear: both; position: relative; } 
h1, h2, h3 {display: inline;font-size:100%}

#navBtn ul { text-indent: -1px; list-style-type: none; background: #f5a200; margin: 5px 0 5px; }
#navBtn ul li { display: inline;  padding-bottom:2px;}
#navBtn ul a { text-decoration: none;padding: 8px 1px 8px 1px; position:relative; color: #fff; font: normal 0.70em tahoma, Arial; }



/**------------search css--------------*/
.header-middel { direction: rtl;margin-top:7px;}
input { font-size: 13px; color: #555860;}

/* background-color: #e0e0e0; */
.search { position: relative; margin: 0 auto; width: 100%;}
.search input { height: 35px; width: 100%; padding: 0 5px 0 0px; background: #feb64a url("../images/search.png") 8px 8px no-repeat;border: 2px solid #feb64a;color: #ffffff; font-size: 19px;font-weight: 900;text-align: center;border-radius:3px;}
.search input {  outline: 0;  border-color: #feb64a;  }
.search input + .search-ac {  display: block;}

.search-ac {position: absolute; top: 35px; left: 0; right: 0; z-index: 10; background: #ffffff; border: 1px solid; border-color: #ececec; border-radius: 3px;text-align: right;}
.search-ac:hover {display: block;text-align: right;}
.search-ac li { display: block;padding:10px;padding-bottom:0;text-align: right;}
.search-ac li img {margin-left:10px;text-align: right;}
.search-ac li:first-child {}
.search-ac li:first-child:before, .search-ac li:first-child:after { content: ''; display: block; width: 0; height: 0; position: absolute; text-align: right; margin-left: -5px; border: 5px outset transparent;}
.search-ac li:first-child:before { border-bottom: 5px solid #c4c7d7; top: -11px;text-align: right;}
.search-ac li:first-child:after { border-bottom: 5px solid #fdfdfd; top: -10px;text-align: right;}
.search-ac li:first-child:hover:before, .search-ac li:first-child:hover:after { display: none;text-align: right;}
.search-ac li:last-child { margin-bottom: 10px;}
.search-ac a { display: block; position: relative; margin: 0 -1px; color: #343642; font-weight: 500; text-decoration: none; text-shadow: 0 1px white;font-size:16px;}
.search-ac a span { font-weight: 200;}
.search-ac a:hover {  color: #7b7d86; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); background: #ececec; border-color: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);}

:-moz-placeholder { color: #ffffff; font-weight: 900;}

::-webkit-input-placeholder { color: #ffffff; font-weight: 900; line-height: 22px;}

::-webkit-search-decoration,
::-webkit-search-cancel-button { -webkit-appearance: none;}

.lt-ie9 .search input {line-height: 26px;}
.search-ac li a span { bottom: 0; margin-right: 75px; position: absolute;}
.all-btn { padding: 10px; text-align: center;}
.all-search-btn {background-color: #ececec;border: medium none; width: 100%;padding: 5px 0;}




.Header { background: #000; height: 43px; margin: 0px; padding: 0px; width: 100%; background-image: url("images/farfesh_logoBackground.jpg"); }


.txt1 { font: normal 0.8em Arial; color: #000; }
.txtBlack { font: normal 0.9em Arial; color: #000; }
.txtBlackBold { font: bold 0.7em tahoma, Arial; color: #000; }
.txtBlackLarge { font: normal 1.1em tahoma, Arial; color: #000; }
.txtBoldWhite { font: bold 1.1em Arial; color: #fff; text-decoration: none; }
.txtOrgBold { font: bold 0.7em tahoma, Arial; color: #f5a200; }
.Blk08b { font: bold 0.8em tahoma, Arial; color: #000; }
.intro { font: normal 0.9em tahoma, Arial; color: #000;  }
.splitter_white { font: normal 0.7em tahoma, Arial; color: #fff; padding: 0; margin: 0; }
.White08b { font: bold 0.8em Arial; color: #fff; }
.White09 { font: normal 0.9em Arial; color: #fff; }
.White09b { font: bold 0.9em Arial; color: #fff; }
.White10b { font: bold 1.0em Arial; color: #fff; }
.breadcrumb { list-style-type: none; overflow: hidden; font: bold 0.8em Arial; color: #fff; }
.breadcrumb li { float: right; display: inline;  }
.breadcrumb li a { color: #fff; text-decoration: none; text-align: center; position: relative; padding: 6px 8px 6px 8px; background: blue; background: hsla(210,25%,48%,1);}
.breadcrumb li:first-child a { padding-right: 6px; }
.breadcrumb li:nth-child(2) a       {text-align: center; background: hsla(210,25%,58%,1); }
.breadcrumb li:last-child a { background: transparent !important; color: black; cursor: default;}
.breadcrumb li a:hover { text-align: center; background: hsla(210,25%,20%,1); }
.breadcrumb li a:hover:after { border-left-color: hsla(210,25%,20%,1) !important; }

a.TopMenuLink:link{ font: bold 0.7em tahoma, Arial; color: #fff; text-decoration: none; }
a.TopMenuLink:visited{ font: bold 0.7em tahoma, Arial; color: #fff; text-decoration: none; }
a.TopMenuLink:active{ font: bold 0.7em tahoma, Arial; color: #fff; text-decoration: none; }
a.TopMenuLink:hover { font: bold 0.7em tahoma, Arial; color: #000; text-decoration: underline; }	

a.TitleLink:link{ font: bold 0.7em tahoma, Arial; color: #000; text-decoration: none; }
a.TitleLink:visited{ font: bold 0.7em tahoma, Arial; color: #000; text-decoration: none; }
a.TitleLink:active{ font: bold 0.7em tahoma, Arial; color: #000; text-decoration: none; }
a.TitleLink:hover { font: bold 0.7em tahoma, Arial; color: #000; text-decoration: underline; }

a.TitleLinkMed:link{ font: bold 0.8em tahoma, Arial; color: #000; text-decoration: none; }
a.TitleLinkMed:visited{ font: bold 0.8em tahoma, Arial; color: #000; text-decoration: none; }
a.TitleLinkMed:active{ font: bold 0.8em tahoma, Arial; color: #000; text-decoration: none; }
a.TitleLinkMed:hover { font: bold 0.8em tahoma, Arial; color: #000; text-decoration: none; }

a.TitleLinkLrg:link{ font: bold 1.0em tahoma, Arial; color: #000; text-decoration: none; }
a.TitleLinkLrg:visited{ font: bold 1.0em tahoma, Arial; color: #000; text-decoration: none; }
a.TitleLinkLrg:active{ font: bold 1.0em tahoma, Arial; color: #000; text-decoration: none; }
a.TitleLinkLrg:hover { font: bold 1.0em tahoma, Arial; color: #000; text-decoration: underline; }	

a.ExtraLink:link{ font: bold 0.6em tahoma, Arial; color: #000; text-decoration: none; }
a.ExtraLink:visited{ font: bold 0.6em tahoma, Arial; color: #000; text-decoration: none; }
a.ExtraLink:active{ font: bold 0.6em tahoma, Arial; color: #000; text-decoration: none; }
a.ExtraLink:hover { font: bold 0.6em tahoma, Arial; color: #000; text-decoration: underline; }	

a.BlueMore:link{ font: bold 0.8em tahoma, Arial; color: #225393; text-decoration: none; }
a.BlueMore:visited{ font: bold 0.8em tahoma, Arial; color: #225393; text-decoration: none; }
a.BlueMore:active{ font: bold 0.8em tahoma, Arial; color: #225393; text-decoration: none; }
a.BlueMore:hover { font: bold 0.8em tahoma, Arial; color: #225393; text-decoration: underline; }

a.WhiteLink:link{ font: normal 1.0em tahoma, Arial; color: #fff; text-decoration: none; }
a.WhiteLink:visited{ font: normal 1.0em tahoma, Arial; color: #fff; text-decoration: none; }
a.WhiteLink:active{ font: normal 1.0em tahoma, Arial; color: #fff; text-decoration: none; }
a.WhiteLink:hover { font: normal 1.0em tahoma, Arial; color: #fff; text-decoration: none; }	

a.NEWWhiteLink:link{ font: bold 1.0em tahoma, Arial; color: #fff; text-decoration: none; }
a.NEWWhiteLink:visited{ font: bold 1.0em tahoma, Arial; color: #fff; text-decoration: none; }
a.NEWWhiteLink:active{ font: bold 1.0em tahoma, Arial; color: #fff; text-decoration: none; }
a.NEWWhiteLink:hover { font: bold 1.0em tahoma, Arial; color: #fff; text-decoration: none; }	

div.Breaker { clear: both; height: 5px; padding: 5px 0 0 0; line-height: 1px; font-size: 1px; }
div.BreakerSmall { clear: both; height: 1px; line-height: 1px; font-size: 1px; }
#content_wrapper { float: right; width: 100%; margin-right: 0px; /*Set left margin to -(RightColumnWidth)*/ }
#content_column { margin: 0 0 0 0 /*Set margin to 0 (LeftColumnWidth) 0 (RightColumnWidth)*/ }

#left_column { float: right; width: 33% !important; padding: 0 1% 0 1%; /*Width of left column in percentage*/  /*Set left margin to -(LeftColumnWidth)*/ }
#left_column_midum { float: right; width: 88px; padding: 0 0 0 3px; /*Width of left column in percentage*/  /*Set left margin to -(LeftColumnWidth)*/ }
#left_column_small { float: right; width: 73px; padding: 3px 0 0 3px; /*Width of left column in percentage*/  /*Set left margin to -(LeftColumnWidth)*/ }
#left_column_vsmall { float: right; width: 14px; padding: 0 3px 0 3px; /*Width of left column in percentage*/  /*Set left margin to -(LeftColumnWidth)*/ }
#left_column_taraef { float: right; width: 155px; padding: 0 7px 0 7px; /*Width of left column in percentage*/  /*Set left margin to -(LeftColumnWidth)*/ }


#right_column { float: right; width: 63%; padding: 0 0 0 1%; margin: 0; /*Width of right column in pixels*/ }
#right_column_large { float: right; width: 75%; padding: 0; margin: 0; /*Width of right column in pixels*/ }
#right_column_medum { float: right; width: 67%; padding: 0 0 0 0; margin: 0; /*Width of right column in pixels*/ }
#right_column_large_Bottom { float: right; width: 85%; padding: 0; margin: 0;/*Width of right column in pixels*/ }
#right_column_vlarge { float: right; width: 90%; padding: 0; margin: 0; /*Width of right column in pixels*/ }
#right_column_taraef { float: right; width: 49%; padding: 0 0 0 3px; margin: 0; /*Width of right column in pixels*/ }


#full_column_large { float: right; width: 100%; padding: 0; margin: 0; /*Width of right column in pixels*/ }


/* ===== Series / Video Listing Cards ===== */
.textwrapper {
  width: 100%;
  clear: both;
  position: relative;
  display: flex;
  flex-direction: row;
  direction: rtl;
  align-items: center;
  padding: 10px 12px;
  gap: 12px;
  background: #fff;
  box-sizing: border-box;
}

.textwrapper > div {
  float: none !important;
}

.textwrapper > div:first-child {
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

.textwrapper > div:last-child {
  flex: 1;
  padding-top: 0 !important;
  line-height: 1.6;
  min-width: 0;
}

.textwrapper + .TextWrapper > .Breaker {
  border-bottom-color: #eaeaea !important;
  height: 0 !important;
  padding: 0 !important;
}

.textwrapper a.TitleLinkLrg,
.textwrapper a.TitleLinkLrg:link,
.textwrapper a.TitleLinkLrg:visited {
  font: bold 15px/1.5 tahoma, Arial;
  color: #1a1a2e;
}
.textwrapper a.TitleLinkLrg:hover {
  color: #f5a200;
}

.textwrapper a.TitleLinkMed,
.textwrapper a.TitleLinkMed:link,
.textwrapper a.TitleLinkMed:visited {
  font: normal 13px tahoma, Arial;
  color: #e8930a;
  display: inline-block;
  margin-top: 4px;
}
.textwrapper a.TitleLinkMed:hover {
  color: #c47800;
  text-decoration: underline;
}

/* Letter-filter card layout (TextWrapper with image inside) */
.TextWrapper:has(> div[style*="125px"]) {
  display: flex;
  flex-direction: row;
  direction: rtl;
  align-items: center;
  padding: 10px 12px;
  gap: 12px;
  background: #fff;
  box-sizing: border-box;
}
.TextWrapper:has(> div[style*="125px"]) > div {
  float: none !important;
}
.TextWrapper:has(> div[style*="125px"]) > div:first-child {
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.TextWrapper:has(> div[style*="125px"]) > div:first-child img {
  display: block;
  border-radius: 8px;
}
.TextWrapper:has(> div[style*="125px"]) > div:last-child {
  flex: 1;
  padding-top: 0 !important;
  line-height: 1.6;
}

/* Video nav select dropdown */
.TextWrapper select {
  appearance: none;
  -webkit-appearance: none;
  background: #f5a200 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat 12px center;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 16px;
  font: bold 15px tahoma, Arial !important;
  text-indent: 0 !important;
  text-align: center;
  text-align-last: center;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Top 10 banner improvement */
#TextWrapper {
  margin-top: 8px;
}