body
{
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;   
	margin-top: 0
}

a
{
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    font-family: tahoma;
	text-decoration: none
}

a:hover
{
    font-weight: bold;
    font-size: 11px;
    color: #F79521;;
    font-family: tahoma;
	text-decoration: none
}

a.link2
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: tahoma;
	text-decoration: none
}

a:hover.link2
{
    font-weight: bold;
    font-size: 11px;
    color: #F79521;;
    font-family: tahoma;
	text-decoration: none
}
a.link3
{
    font-weight: normal;
    font-size: 11px;
    color: #ffffff;
    font-family: tahoma;
	text-decoration: none
}

a:hover.link3
{
    font-weight: normal;
    font-size: 11px;
    color: #F79521;;
    font-family: tahoma;
	text-decoration: none
}

span
{
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;;
    font-family: tahoma;
	text-decoration: none;
	padding-right: 10px;
}
span.summary
{
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;;
    font-family: tahoma;
	text-decoration: none;
	padding-right: 10px;
}
span.title
{
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;;
    font-family: tahoma;
	text-decoration: none;
	padding-right: 10px;	
}

span.footer
{
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;;
    font-family: tahoma;
	text-decoration: none;
	padding-right: 20px;	
}

span.footer2
{
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;;
    font-family: tahoma;
	text-decoration: none;
	padding-right: 20px;	
}

span.footer3
{
    font-weight: normal;
    font-size: 11px;
    color: #666666;
    font-family: tahoma;
	text-decoration: none;
	padding-right: 20px;	
}

span.news
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;;
    font-family: tahoma;
	text-decoration: none;
	padding-right: 20px;	
}

span.news2
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;;
    font-family: tahoma;
	text-decoration: none;
	padding-right: 20px;	
}
span.news3
{
    font-weight: normal;
    font-size: 12px;
    color: #000000;;
    font-family: tahoma;
	text-decoration: none;
	padding-right: 20px;	
}

.inputSubmit
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: tahoma;
    BACKGROUND-COLOR: #ffffff
}

.inputButton
{
    BORDER-RIGHT: 1px;
    BORDER-TOP: 1px;
    BORDER-BOTTOM: 1px;
    BORDER-LEFT: 1px;	
    FONT-SIZE: 111px;
    COLOR: #000000;	
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: #ffffff
}

/* /////////////////////////////// Begin Middle /////////////////////////////// */
#middle {
	float: center;
	margin-left: px;
	width: 197px;
	position: relative;
}

#middle img {
	padding: 5px;
	background-color: #7A7070;
	width: 197px;
	height: 387px;
	border: none;
	}	

#middle a {
	text-decoration: none;
	color: #FFFFFF;
}

#middle a:hover .info-middle {
	visibility: visible;	
}

#middle .info-middle {
	position: absolute;	
	bottom: 7px;
	left: 5px;
	text-align: right;
	background: url(../images/layer.png) repeat-x;
	height: 180px;
	width: 197px;
	visibility: hidden;
}
/* /////////////////////////////// End Middle /////////////////////////////// */

/* /////////////////////////////// Begin Left1 /////////////////////////////// */
#Left1 {
	float: center;
	margin-left: 0px;
	width: 197px;
	position: relative;
}

#Left1 img {
	padding: 5px;
	background-color: #7A7070;
	width: 307px;
	height: 186px;
	border: none;
	}	

#Left1 a {
	text-decoration: none;
	color: #FFFFFF;
}

#Left1 a:hover .info-Left1 {
	visibility: visible;	
}

#Left1 .info-Left1 {
	position: absolute;	
	bottom: 0px;
	left: 5px;
	text-align: right;
	background: url(../images/layer2.png) repeat-x;
	height: 193px;
	width: 160px;
	visibility: hidden;
}
/* /////////////////////////////// End Left1 /////////////////////////////// */

/* /////////////////////////////// Begin Left2 /////////////////////////////// */
#Left2 {
	float: center;
	margin-left: 0px;
	width: 197px;
	position: relative;
}

#Left2 img {
	padding: 5px;
	background-color: #7A7070;
	width: 307px;
	height: 186px;
	border: none;
	}	

#Left2 a {
	text-decoration: none;
	color: #FFFFFF;
}

#Left2 a:hover .info-Left2 {
	visibility: visible;	
}

#Left2 .info-Left2 {
	position: absolute;	
	bottom: 0px;
	left: 5px;
	text-align: right;
	background: url(../images/layer2.png) repeat-x;
	height: 193px;
	width: 160px;
	visibility: hidden;
}
/* /////////////////////////////// End Left2 /////////////////////////////// */


/* /////////////////////////////// Begin Left3 /////////////////////////////// */
#Left3 {
	float: center;
	margin-left: 0px;
	width: 197px;
	position: relative;	
}

#Left3 img {
	padding: 5px;
	background-color: #7A7070;
	width: 307px;
	height: 186px;
	border: none;
	}	

#Left3 a {
	text-decoration: none;
	color: #000000;
}

#Left3 a:hover {
	text-decoration: none;
	color: #F79521;
}

#Left3 a:hover .info-Left3 {
	visibility: visible;
	padding: 5px;
}

#Left3 .info-Left3 {
	position: absolute;	
	bottom: 23px;
	right: -4px;
	text-align: right;
	background: url(../images/layer2.png) repeat-x;
	height: 60px;
	width: 194px;
	visibility: hidden;
}
/* /////////////////////////////// End Left3 /////////////////////////////// */



/* /////////////////////////////// Begin Left4 /////////////////////////////// */
#Left4 {
	float: center;
	margin-left: 0px;
	width: 196px;
	position: relative;	
}

#Left4 img {
	padding: 5px;
	background-color: #7A7070;
	width: 196px;
	height: 120px;
	border: none;
	}	

#Left4 a {
	text-decoration: none;
	color: #000000;
}

#Left4 a:hover {
	text-decoration: none;
	color: #F79521;
}

#Left4 a:hover .info-Left4 {
	visibility: visible;
	padding: 6px;
}

#Left4 .info-Left4 {
	position: absolute;	
	bottom: 2px;
	right: -7px;
	text-align: right;
	background: url(../images/layer3.png) repeat-x;
	height: 120px;
	width: 196px;
	visibility: hidden;
}
/* /////////////////////////////// End Left4 /////////////////////////////// */



/* /////////////////////////////// Begin Left5 /////////////////////////////// */
#Left5 {
	float: center;
	margin-left: 0px;
	width: 197px;
	position: relative;
}

#Left5 img {
	padding: 5px;
	background-color: #7A7070;
	width: 197px;
	height: 387px;
	border: none;
	}	

#Left5 a {
	text-decoration: none;
	color: #FFFFFF;
}

#Left5 a:hover .info-Left5 {
	visibility: visible;	
}

#Left5 .info-Left5 {
	position: absolute;	
	bottom: 0px;
	left: 5px;
	text-align: right;
	background: url(../images/layer3.png) repeat-x;
	height: 193px;
	width: 196px;
	visibility: hidden;
}
/* /////////////////////////////// End Left5 /////////////////////////////// */

/* /////////////////////////////// Begin Left6 /////////////////////////////// */
#Left6 {
	float: center;
	margin-left: 0px;
	width: 40px;
	position: relative;
}

#Left6 img {
	padding: 5px;
	background-color: #7A7070;
	width: 196px;
	height: 387px;
	border: none;
	}	

#Left6 a {
	text-decoration: none;
	color: #FFFFFF;
}

#Left6 a:hover .info-Left6 {
	visibility: visible;		
}

#Left6 .info-Left6 {
	position: absolute;	
	bottom: 7px;
	left: 5px;
	text-align: right;
	background: url(../images/layer4.png) repeat-x;
	height: 387px;
	width: 196px;
	visibility: hidden;
}
/* /////////////////////////////// End Left6 /////////////////////////////// */


/* /////////////////////////////// Begin Left7 /////////////////////////////// */
#Left7 {
	float: center;
	margin-left: 0px;
	width: 206px;
	position: relative;	
}

#Left7 img {
	padding: 5px;
	background-color: #8399AF;
	width: 206px;
	height: 174px;
	border: none;
	}	

#Left7 a {
	text-decoration: none;
	color: #000000;
}

#Left7 a:hover {
	text-decoration: none;
	color: #F79521;
}

#Left7 a:hover .info-Left7 {
	visibility: visible;
	padding: 6px;
}

#Left7 .info-Left7 {
	position: absolute;	
	bottom: 2px;
	right: -10px;
	right: px;
	text-align: right;
	background: url(../images/layer3.png) repeat-x;
	height: 174px;
	width: 206px;
	visibility: hidden;
}
/* /////////////////////////////// End Left7 /////////////////////////////// */


#headerDiv, #contentDiv {
     float: left;
     width: 510px;
}
#titleText {
     float: left;
     font-size: 1.2em;
     font-weight: bold;
     margin: 5px 10px;
}
#headerDiv {
     background-color: #0037DB;
     color: #9EB6FF;
}
#contentDiv {
     background-color: #FFE694;
}
#myContent {
     margin: 5px 10px;
}
#headerDiv a {
     float: right;
     margin: 10px 10px 5px 5px;
}
#headerDiv a:hover {
     color: #FFFFFF;
}

/* /////////////////////////////// Begin News /////////////////////////////// */


#newslist-wrapper {
	width: 207px;
	height: 628px;
	margin-top: 0px;
	background-color: #ffffff;
	float: right;
	}
		
ul#newslist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	width: 207px;
}


li.newsblock {
	position: relative;
	padding: 0;
	margin: 0px 10px 10px 10px;
	width: 190px;
	height: 30px;
       direction:rtl;
	background-color: #FBFFF3;

	}


.newsblock h2 {
	font-size: 11px;
	text-align: right;
	margin: 0;
}

.newsblock a {
    z-index:24; 
    color:#000000;
    text-decoration:none
        }

.newsblock a:hover {
	color: #F79521;
	}

.newsblock p {
    font-weight: normal;
	visibility: hidden;
    position:absolute;
    font-size: 11px;
    line-height: 150%;
    bottom: 40px; 
    right: 3px; 
  	padding: 10px 20px 30px 20px;  
  	background: url(../images/baloon.png) no-repeat bottom;
  	color:#ffffff;
    text-align: right;
    margin: 0;
	}

.newsblock a:hover p {
   visibility: visible;
    }

/* /////////////////////////////// End News /////////////////////////////// */



/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 11px tahoma;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000000; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #FFFFFF;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;
 height: 450px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



/* THE RIGHT PART OF THE HOT NEWS FOCUS STARTS HERE */
/*Defines the right part of the Hot News Focus*/
#right-side {
	float: right;
	width: 440px;
	margin-left: 10px;
}

#right-side .scroll {
	width: 440px;
	height: 296px;
	overflow: auto;
	overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    clear: left;
}

/*Main Image Setting of the Right part of the Hot News Focus */
#right-side .panel img {
	width: 420px;
	height: 286px;
	padding: 10px 10px 0 10px;
	background-color: #666;
	
}

/* Setting the news info to show over the image of the Right part of the Hot News Focus */

/*first setting the fonts color and sizes*/
.panel {
	position: relative;
	background-color: #666;
}
.panel a {
	text-decoration: none;
	color: #fff;
	text-align: right;
}
.panel h2 {
	font-size: 1.3em;
	margin: 0;
	padding: 4px 8px 4px 8px;
	}

.panel p {
	font-size: .9em;
	margin: 0;
	padding: 0 8px 0 8px;
}

.panel h6 {
	position: absolute;
	left: 0;
	bottom: 5px;
}

.panel .info-right {
	position: absolute;
	width: 420px;
	height: 125px;
	background: url(../images/right_part_info.png) repeat-x;
	right: -728px;
	bottom: 0px;
}








body {font:11px tahoma;}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:435px; margin:0px auto; display:none}
#wrapper * {margin-left:-6px; padding:0}
#fullsize {position:relative; width:435px; height:316px; padding:0px; border:5px solid #7A7070; background:#000}
#information {position:absolute; bottom:0; width:435px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; margin-left:0px; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px; text-align:right}
#information p {padding:0 8px 8px; text-align:right; direction:rtl}
#image {width:435px; margin-left:6px;}
#image img {position:absolute; z-index:25; width:435px; height:316px}
.imgnav {position:absolute; width:25%; height:328px; cursor:pointer; z-index:150}
#imgprev {left:0; margin-left:0px; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:300px; width:50%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px}
/* #slideleft {float:left; width:10px; height:55px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#000000} */
#slideleft:hover {background-color:#333}
/* #slideright {float:right; width:10px; height:55px; background:#000000 url(../images/scroll-right.gif) center center no-repeat} */
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:435px; margin-left:24px; height:70px; overflow:inherit;}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px; width:100px}





  .tabContainer{margin:10px 0;width:650px; height:400px;}
  .tabContainer .digiTabs{list-style:none;display:block;overflow:hidden;margin:0;padding:0px;position:relative;top:1px;}
  .tabContainer .digiTabs li{float:right;background-color:#cccccc;border:1px solid #e1e1e1;padding:5px!important;cursor:pointer;border-bottom:none;margin-right:10px;font-family:tahoma;font-size:12px;font-weight:bold;color:#fff;}
  .tabContainer .digiTabs .selected{background-color:#fff;color:#393939;}#tabContent{padding:10px;background-color:#fff;overflow:hidden;float:left;margin-bottom:10px;border:1px solid #e1e1e1;width:95%;}
  





















/*The News Page Hot News Wrapper styling*/
#subhome-mainfocus {
	width: 665px;
	height: 400px;
	background-color: #fff;
	padding-top: 10px;
	float: right;
}

#subhome-mainfocus.video-list-wrapper {
	height: auto;
}

/*THE TOP Ten SECTION STARTS HERE*/

#top-ten {
	width: 215px;
/* 	height: 365px; */
	background-color: #fff;
}

#mainfocus-left {
	float: left;
}

h2#mainfocus-left-title {
	width: 195px;
	height: 25px;
	padding-right: 5px;
	padding-top: 5px;
	background-color: #e6e6e6;
	text-align: right;
	font-size: .8em;
/*	margin: 0 10px 10px 0;*/
	margin-right: 10px;
	margin-left: 10px;
}

#mainfocus-left .label, #mainfocus-left .date {
	font-size: .6em;
	margin-right: 10px;
}



#top-ten-info h2 {
	font-size: .9em;
	text-align: center;
	margin: 10px;
}

#top-ten h3, #outings h3 {
	font-size: .8em;
}

#top-ten-info {
	width: 205px;
	height: 70px;
	background-color: #333;
	border: solid 2px #8399AF;
	margin: 3px 3px 15px 3px; 
	color: #fff;
}

#top-ten #top-ten-info .label  {
	font-size: .7em;
	margin-left: 15px;
	margin-right: 10px;
}

.boxgrid {
	width: 195px;
	height: 105px;
	background-color: #333;
	border: solid 2px #8399AF; 
	color: #fff;
	overflow: hidden;
	position: relative;
	margin: 10px;
}

/*This selector is accomodate the styling of the week star on SpotLite home page*/
#spotlite .boxgrid, #hitech .boxgrid {
	width: 195px;
	height: 345px;
	background-color: #333;
	border: solid 2px #8399AF; 
	color: #fff;
	overflow: hidden;
	position: relative;
	margin: 10px;
}


.boxgrid h3 {
	font-size: .7em;
	margin: 10px;
	text-align: center;
}

#top-ten .label, #outings .label {
	font-size: .6em;
	margin-right: 5px;
	margin-left: 5px;
}

#outings.boxgrid {
	width: 204px;
	height: 188px;
	float: right;
	overflow: hidden;
	position: relative;
	margin: 0;
}

#top-ten .boxgrid img, #outings.boxgrid img {
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}

#top-ten p, #outings p {
	font-size: .8em;
	margin: 5px;
	text-align: center;
}

#top-ten h6 {
color: #fff;
	text-align: center;
	font-size: .6em;
	margin: 5px;
}

#top-ten a, #outings a {
	display: block;
	color: red;
	margin-top: 5px;
}


/*THE GUDE PAGE MAIN FOCUS STYLING*/
#mycarousel img {
	border: 1px solid #666;	
}

#mycarousel a:hover img {
	border: 2px solid red ;
}

#mycarousel .jcarousel-item-1-horizontal {
	margin-left: 2px;
	
}

#subhome-mainfocus .mainfocus-column {
	width: 208px;
	height: 100px; /*to be changed later*/
	float: right;
	margin-right: 10px;
	
}

 .column-title {
	height: 20px;
	padding-right: 5px;
	padding-top: 5px;
	background-color: #e6e6e6;
	text-align: right;
	font-size: .8em;
}

h2.category-title.wide {
	margin-bottom: 0px;
}


/*BREAKING NEWS SERVICE STARTS HERE*/

/*The Carousel Styling starts here*/
#carousel-wrapper {
	float: right;
}

#carousel {
	margin-right: 10px;
}

#guide #carousel {
	float: right;
}

#carousel ul {
	list-style: none;
	width: -2150px;
	margin: 0;
	padding: 0;
	position:relative;
}
#carousel li {
	display:inline;
	float:left;
}

h2.category-title {
	width: 425px;
	height: 20px;
	padding: 5px;
	background-color: #e6e6e6;
	text-align: right;
	font-size: .8em;
	margin: 0 10px 10px 0px;
}


h2.category-title.videolist, h2.category-title.wide, h2.category-title.tvguide {
	width: 635px;
	margin-left: 10px;
	margin-right: 10px;
}

/*Styling the caption text*/


#carousel .headline, #carousel .brief, #carousel .date {
	display: block;
	text-align: right;
	padding: 5px;
/* 	font-family: 'XB Niloofar Regular', Arial, sans-serif ; */
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif;

}

#carousel .headline {
	font-size: .9em;
	font-weight: bold;
	margin: 15px 0 0 0;
}

#carousel .brief {
	font-size: .8em;
	margin-top: -25px;	
}

#carousel .date {
	font-size: .65em;
	font-weight: bold;
	margin-top: -20px;
	text-align: left;
}

#subhome-mainfocus #carousel .thumb {
	float: right;
}


/*THE History part - BREADCRUMB - of the SITE NAVIGATOR Styling starts here.*/
#site-navigator {
	width: 665px;
	float: right;
	margin-bottom: 10px;
}


#crumbs {
/* 	font-family: 'XB Niloofar Regular', Arial, sans-serif; */
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif;

	font-size: .7em;
	font-weight: bold;
	border: 1px solid #dedede;
/* 	width: 663px; */
	height: 25px;
	background: url(../images/crumbs_bg.png) repeat-x;
	color: #9b9b9b;
	overflow: hidden;
	}

#crumbs li {
	float: right;
/* 	padding-right: 10px; */
	color: #777;
	
}

#crumbs .home {
	border: none;
	width: 15px;
	height: 15px;
	padding: 3px;
}

#crumbs li a, #crumbs li.the-displayed {
	height:25px;
    color:#000;
	display: block;
	padding: 5px 10px 0 15px;
	background: url(../images/crumbs.png) no-repeat left center;
}

#crumbs li a:hover {
	color: red;
}

/*THE BROWSER DRAWER STYLING STARTS HERE*/
#site-navigator #browser-drawer {
	width: 665px;
	background-color: #DAEABB;
	text-align: right;
}

#site-navigator .show-hide-bar {
	font-size: .5em;
	padding: 3px 15px 3px ;
	background-color: #394c14;
	border-bottom: 1px solid #888;
	color: #fff;
	cursor: pointer;
}

#browser-drawer .categories {
	margin-left: 25px;
	float: right;
}



#browser-drawer .categories li{
	font-size: .75em;
	padding-right: 10px;
}

#browser-drawer a {
	color: #000;
}

#browser-drawer a:hover {
	color: red;
}


#browser-drawer #date-chooser, #get-date {
	float: left;
	margin: 10px 0 0 10px;
}

#site-navigator .answer {
	height: 130px;
	overflow: hidden;
}

#date-chooser .label {
	font-size: .75em;
}

#datepicker {
	font-size: .75em;
}

/* THE VIDEO HOME PAGE STYLING */

#ytvideo {
    float: right;
/* 	margin-left:10px; */
	margin-bottom: 10px;
}


#subhome-mainfocus.video-list-wrapper {
    background: #fff;
/*     font-family: 'XB Niloofar Regular', Arial, sans-serif; */
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif;

}


.video-list-wrapper ul {
  	float: right;
/*     padding-right: 12px; */
    width: 665px;
}

.video-list-wrapper ul li {
    list-style-type: none;
    display:block;
/*    background: #e8e8e8; */
    float: right;
    width: 120px;
    height: 155px;
/*     margin-left: 10px; */
    margin-right: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.video-list-wrapper ul li img {
	width: 120px;
	float: right; 
	margin-bottom: 5px;
/*    margin-right: 5px; */
/*    border: 1px solid #999; */

}

.video-list-wrapper ul li a {
    display: block;
    color: #fff;
    text-align: right;
  	font-size: .7em; 
  	padding: 2px;
}

.video-list-wrapper ul li h2 {
	font-size: .7em;
	color: #2a0401;
	text-align: right;
	margin: 5px;
}

.video-list-wrapper ul li h6 a {
	font-size: .55em;
	color: #2a0401;
	margin: 5px;
	font-weight: normal;
}


.video-list-wrapper li.currentvideo img {
	width: 110px;
	border: 6px solid #E60209;
}

.video-list-wrapper #video_list_counter {
	float: right;
	margin: 10px;
/* 	font-family: 'XB Niloofar Regular', Arial, sans-serif; */
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif;
	font-size: .7em;
	font-weight: bold;
}










.stepcarousel{
position: relative; /*leave this value alone*/
border: 2px solid #8399AF;
overflow: scroll; /*leave this value alone*/
width: 580px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
padding: 8px;
margin: 5px; /*margin around each panel*/
width: 75px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:75px;
background-color:#FFFFFF;
}






/* ------------------ celeb ------------------ */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}














.calendar {
  margin-left: -200px;
  position: absolute;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}
 
.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}
 
/* Header part -- contains navigation buttons and day names. */
 
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}
 
.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}
 
.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}
 
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}
 
.calendar thead .daynames { /* Row <TR> containing the day names */
}
 
.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}
 
.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}
 
.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}
 
.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}
 
/* The body part -- contains all the days in month. */
 
.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}
 
.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}
 
.calendar tbody .rowhilite td {
  background: #d8e4e0;
}
 
.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}
 
.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}
 
.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}
 
.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}
 
.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}
 
.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}
 
.calendar tbody .disabled { color: #999; }
 
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}
 
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}
 
/* The footer part -- status bar and "Close" button */
 
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}
 
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}
 
.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}
 
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}
 
/* Combo boxes (menus that display months/years for direct selection) */
 
.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}
 
.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}
 
.calendar .combo .label-IEfix {
  width: 4em;
}
 
.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}
 
.calendar .combo .hilite {
  background: #048;
  color: #aef;
}
 
.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}
 
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #000000;
}
 
.calendar td.time .ampm {
  text-align: center;
}
 
.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
  background-color:#000000
}
 
.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}
 
.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}