@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}
body {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
      background-color: #5f6573
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
}
p {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: justify;
	word-spacing: 6px;
	line-height:20px;
}
a {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	color: #0000CD;
	text-decoration: none;
}
a:hover {
	font-family: "Lucida Grande", Verdana, sans-serif;
 	font-size: 11px;
	color: #C14543;
	text-decoration: none;
}
.wrapper {
	margin: 0 auto;
	width: 944px;
	border: 0px solid #006699;
}

#logos{
	height: 60px;
	border: 0px dashed #ffffff;
	margin-bottom: 66px;
}

#engLogo 	
{ 
	float: left;
	margin-left:15px;
	height:60px;
	width: 344px;
}
#logo{
	float:left;
	width: 69px;
	margin-left: 80px;
}
#arbLogo{
	float:right;
	width: 382px;
}

#header {
	margin-left: 9px;
	margin-right: 9px;
	height: 37px;
	border: 0px dashed #006699;
}

.navigation {
	float:left;
	width: 625px;
	font-family: WingDings, "Lucida Grande", Verdana;
	font-size: 8px;
	color: #1d1d1d;	
	border: 0px dotted #1d1d1d;
	margin-top: 14px;
	margin-left: 5px;
}
.navigation a{
	font-weight: bolder;	
	font-family: sans-serif, "Lucida Grande", Verdana;
	font-size: 18px;
	color: #0000CD;	
	text-decoration: none;
}
.navigation a:hover{
	color: #ffffff;
	text-decoration: none;
}

#icons{
	float:left;
	width: 120px;
	border: 0px dashed #1d1d1d;
	margin-top: 10px;
}

#search{
	float:right;
	width: 285px;
	border: 0px dashed #1d1d1d;
	margin-top: 8px;
	margin-left: 7px;	
}

#content{
	float:left;
	width: 900px;
	padding: 10px;
	margin: 10px;
	border-bottom: 1px dashed #b3b3b3;
}


h1 {
	font-family:"Lucida Grande", Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #0000CD; /*#820000;*/
	font-weight: normal;
	padding: 20px;
}
h2 {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 18px;
	color: #FF6600;
	font-weight: normal;
	padding: 20px;
}

h6 {
	font-family: "Lucida Grande", Verdana, sans-serif;
}
#footer {
	float:left;
	width: 918px;
	height:20px;
	padding: 10px;
	border: 0px dashed #1d1d1d;
	text-align:center;
	text-decoration:none;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	color: #FF3300; /*b0e194*/
}
.customButton{
	width:69px;
	height:22px;
	color:#FFF;
	font-weight:bold;
	padding:2px 9px;
	background:url(../images/customButton.gif) no-repeat center top;
	cursor:pointer;
	border: 0px dashed #1d1d1d;
}
.userInstructions{
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066CC;
	padding: 5px;
}

form dt {
   clear:both;
   width:33%;
   float:left;
   text-align:left;
}

form dd {
   float:left;
   width:66%;
   margin:0 0 0.5em 0.25em;
}

/* index  styles ----------------- */

#main_left_IM
{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 360px;
}

	
#main_right_IM{}
#video_pan_IM
{
	font-family: "Lucida Grande", Verdana, sans-serif;
	float:right;
	width: 530px;	
	height:140px;
}

toper_IM{}
.toper_content_IM{}
.toper_IM
{
	width: 490px;
	border: 0px #006666 dashed;
}

.cat1_IM
{
	width: 120px;
	height: 120px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px #006666 dashed;
	
}

.smallVideo_IM
{
	width: 90px;
	height: 60px;
	float: left;
	/*text-align: center;*/
	/*margin-top: 10px;
	margin-bottom: 10px;*/
	border: 0px #006666 dashed;
	margin-right:8px;
}

.featureVideoTitle {
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	letter-spacing: -0.9px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #666666;
}

.moleft_IM 
{
	text-align: left;
	clear: both;
}

	
/* channel  styles ------------------------------------------------ */
.video_info_container{	
	width: 192px;
	float: left;
	margin-top: 20px;
	margin-left: 33px;
	text-align: left;
	border: 0px #006666 dashed;
	}
.thumb{
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding: 3px;

}	
.video_info{}
.video_thumb{}
.thumb_position{}
.count_today{}
.count_total{}
.video_desc_channel{}

/* audio  styles -------------------------------------------------- */

.audioContainer{	
	float: left;
	width: 310px;
	height: 80px;
	margin: 16px;
	text-align: left;
	border: 0px #006666 solid;
	}

.downloadOptions{
	padding-left: 10px;
	width: 250px;
 	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	color: #666666;
	border: 0px #006666 dashed;	
}

#audiosMainHolder { 
	clear:both;
	float:left;
	border: 0px dashed #CCCCCC;
	margin-top:15px;
	width:78%;
	}

.audioDetails
{
	float:left; 
	width:100%; 
	border:dashed 0px #333399;
}	

#audioDetailViewHolder{
	border:0px #FF0000 solid; 
	/*width:100%; */
	margin-top:30px;
}

.audioDetailViewIndividual{
	width:78%;
	height: 120px;
	margin-bottom: 20px;

}

.audioThumb
{
	width: 12px;
	height: 90px;
	float: left;
	border: 0px #006666 dashed;
}

.audioTitle 
{
	/*width:75%;*/
	letter-spacing: -1px;
	margin: 18px 0 3px 5px;
	padding: 0;
	letter-spacing: -0.9px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #990000;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px dotted #877065;
}

.audioTitle a{
	letter-spacing: -1px;
	font-size: 12px;
	font-weight: normal;
	margin: 18px 0 3px 5px;
	padding: 0;
	letter-spacing: -0.9px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #990000;
	border-bottom: 1px dotted #877065;
}
.audioTitle a:hover{ color: #FF3300; }




/* video  styles -------------------------------------------------- */

#main_content{ 	
	border: 0px solid #CCCCCC;
	width: 900px;
	margin-left: 20px;
}
.videoOptions{ 
	float:left; 
	width: 200px;
	padding-left: 20px;
	border: 0px solid #ff11dd;
	
}
.pagelink{ 
	float:right; 
	width: 400px;
	border: 0px solid #cdcdcd;
	margin: 0px;
	}
	
#videosMainHolder { 
	clear:both;
	float:left;
	border: 1px  #CCCCCC;/*dashed*/
	margin-top:15px;
	width:77%;
	}
.videoContainer{	
	float: left;
	width: 140px;
	height: 210px;
	margin: 16px;
	text-align: left;
	border: 0px #006666 solid;
	}
	

#videoFooter{
	border: 1px #006666 solid;
}

.categoryLabel{
	border: 0px #006666 solid;
	float:left;
	clear:both;
	width: 97%;
	margin-top: 0px;
	padding: 4px;
	/*background-color:#fefbea;*/
	}	

.categoryLabel h3 {
	/*font-family: "Calibri", "Arial", "Helvetica", "Nimbus Sans L", sans-serif;*/
	font-family: "Lucida Grande", Verdana, sans-serif;
	line-height: 1em;
	font-weight: normal;
	margin: 0 0 0.2em 0;
	font-size: 1.9em;
	text-align: center;
	font-weight: bold;
	color: #993300;
	background-color:#f5efb5;
	padding: 3px;	
}
		
.sideBarNavigation{
	border: 0px #006666 solid;
	float:right;
	width: 180px;
	margin-top: 0px;
	padding: 10px;
	background-color:#fefbea;
	}	

/*#sideBarNavigation{
	border: 0px #006666 solid;
	float:right;
	width: 180px;
	margin-top: 0px;
	padding: 10px;
	background-color:#fefbea;
	}*/	
.sideBarNavigation h3 {
	/*font-family: "Calibri", "Arial", "Helvetica", "Nimbus Sans L", sans-serif;*/
	font-family: "Lucida Grande", Verdana, sans-serif;
	line-height: 1em;
	font-weight: normal;
	margin: 0 0 0.2em 0;
	font-size: 1.4em;
	color: #0000CD; /*b0e194*/
	background-color:#f5efb5;
	padding: 3px;	
}
 	
ul.sidebar {
	margin: 0 0 1.5em 0;
	padding: 0;
	list-style-type: none;	
/*	border-bottom: 1px solid #999999;
*/}

ul.sidebar li {
	margin: 0;
	padding-left: 3px;
	background: none;
}

ul.sidebar li a, ul.sidebar li a:visited {
	display: block;
	padding: 0.3em 0;
	text-decoration: none;
	color: #333333;
	border-bottom: 1px solid #999999;
}

ul.sidebar li a:hover {
	color: #FFFFFF;
	background-color:#CC9900;
}

		
	
#vid_coun{}
#vid_coun_p{}	
.video_info_v{}
.videoDetails {}
.video_thumb_v{
	border: 1px #006666 solid;
}
.thumb_position_v{}
.featured_video{
	width: 600px;
	text-align: left;
	margin-bottom: 20px;
	border: 0px #009999 double;
}

#videoDetailViewHolder{
	border:0px #FF0000 solid; 
	width:100%; 
	margin-top:30px;
}
.videoDetailViewIndividual{
	width:100%;
	height: 120px;
	margin-bottom: 20px;

}
.videoThumb
{
	width: 12px;
	height: 90px;
	float: left;
	border: 0px #006666 dashed;
}

.videoTitle a{
	letter-spacing: -1px;
	font-size: 12px;
	font-weight: normal;
	margin: 18px 0 3px 5px;
	padding: 0;
	letter-spacing: -0.9px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #990000;
	border-bottom: 1px dotted #877065;
}
.videoTitle a:hover{ color: #FF3300; }



.videoDetails
{
	float:right; 
	width:80%; 
	border:dashed 0px #333399;
}
.runTime{
	padding-left: 10px;
	width: 120px;
 	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 10px;
	font-variant: small-caps;
	color: #666666;
}
.videoMP3   /* mp3 style*/
{	
	width: 120px;
	float: left;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	color: #666666;	
}

.clis
{
	color: #A2A0A0;
	clear: both;
	text-align: left;
	padding: 10px;
}

.linea
{
	font-size: 1px;
	background-image: url(../images/linea.gif);
	height: 1px;
	margin-left: 12px;
	margin-right: 12px;
}



/* rounded box  styles -------------------------------------------------- */

* html .boxhead h2 {height: 1%;} /* For IE 5 PC */


.sidebox {
	float: left;
	margin: 0 auto; /* center for now */
	width: 880px; /* ems so it will grow */
	background: url(../images/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
}

.signUpBox {
	float: right;
	width: 360px; /* ems so it will grow */
	background: url(../images/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
	border: 0px solid #006600;
	margin-right: 50px;
}

.loginBox 
{
	float:left;
	width: 360px; /* ems so it will grow */
	background: url(../images/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
	border: 0px solid #006600;
	margin-left: 10px;
}


.channelBox {
	float: right;
	clear:both;
	width: 900px; /* ems so it will grow */
	background: url(../images/sbbody-r.jpg) no-repeat bottom right;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 100%;
	border: 0px solid #006600;
	margin-right: 10px;
}
.booksBox {
	float: right;
	clear:both;
	width: 445px; /* ems so it will grow */
	background: url(../images/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
	border: 0px solid #006600;
	margin-right: 20px;
}
.locateFileBox {
	float: left;
	width: 500px; /* ems so it will grow */
	background: url(../images/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
	border: 0px solid #006600;
	margin-right: 10px;
}

.videoBox {
	float: left;
	width: 560px; /* ems so it will grow */
	background: url(../images/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
	border: 0px solid #006600;
}



.videoInfoBox {
	float: right;
	width: 350px; /* ems so it will grow */
	background: url(../images/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
	border: 0px solid #006600;
}


.searchVideoBox {
	float: left;
	width: 725px; /* ems so it will grow */
	background: url(../images/sbbody-r.jpg) no-repeat bottom right;
	font-size: 100%;
	border: 0px solid #006600;
	margin-left: 75px;
}


.boxhead {
	background: url(../images/sbhead-r.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "Lucida Grande", Verdana, sans-serif;
}
.boxhead h2 {
	background: url(../images/sbhead-l.jpg) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: black; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/sbbody-l.jpg) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	font-family: "Lucida Grande", Verdana, sans-serif;
}


/* Flash box ---------------------------------  */
		* html .flashHead h2 {height: 1%;} /* For IE 5 PC */

		.flashBox_index {
			float:left;
			margin: 0 auto; /* center for now */
			width: 345px;
			background: url(../images/flash_Body_R.gif) no-repeat bottom right;
			font-size: 100%;
		}
		.flashBox_video {
			float:left;
			margin: 0 auto; /* center for now */
			width: 520px;
			background: url(../images/flash_Body_R.gif) no-repeat bottom right;
			font-size: 100%;
		}		
		.flashHead {
			background: url(../images/flash_Head_R.gif) no-repeat top right;
			margin: 0;
			padding: 0;
			text-align: left;
		}
		.flashHead h2 {
			background: url(../images/flash_Head_L.gif) no-repeat top left;
			margin: 0;
			padding: 15px 15px 5px 15px;
			color: white; 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
			text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
		}
		.flashBody {
			background: url(../images/flash_Body_L.gif) no-repeat bottom left;
			margin: 0;
			padding: 8px;
		}

.flashHead a{
	font-weight: bolder;	
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 14px;
	color: #ffffff;	
	text-decoration: none;
}
.flashHead a:hover{
	color: #cdcdcd;
	text-decoration: none;
}


.Site_Statistics_IM
{
	padding-top :5px;
	padding-bottom :5px;
	padding-left :15px;
	float:none; 
	width: 515px;			
}


/* Styles for zebra striped tables  */
#content table
{
	margin-top: 20px;
	border-collapse: collapse;
	font-size: 1.2em;
	color: #555;
	text-align: left;
	border-left: 1px solid #ccc;
}

#content table td
{
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
} 

#content table tr.even-row td
{
	color: #c76400;
	background: #e6e6e6;
}

#content table th
{
	padding: 5px 10px;
	background: #555;
	color: #fff;
	border: 1px solid #444;
	font-weight: normal;
}

#Downloadicons{
	float:center;
	border: 0px dashed #1d1d1d;
}