body, html {
  scrollbar-face-color: ThreeDFace !important;
  scrollbar-shadow-color: ThreeDDarkShadow !important;
  scrollbar-highlight-color: ThreeDHighlight !important;
  scrollbar-3dlight-color: ThreeDLightShadow !important;
  scrollbar-darkshadow-color: ThreeDDarkShadow !important;
  scrollbar-track-color: Scrollbar !important;
  scrollbar-arrow-color: ButtonText !important;
}

body {
  font-family:Arial;
  font-size:12px;
  color:#465661;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  }

td,th {
      font:Arial;
	  font-size:12px;
	  color:#465661;
	  }

a.menu:link {
	color:#465661;
	font-size:12px;
	text-decoration:none;
	}
a.menu:visited {
	text-decoration:none;;
	color:#465661;
	font-size:12px;
	}
a.menu:hover {
    color:#91c758;
	text-decoration:none;
    font-size:12px;
    }

a.menu:active {
	font-size:12px;
	color:#91c758;
	text-decoration:none;
	}
	
a.white:link {
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	}
a.white:visited {
	text-decoration:none;;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	}
a.white:hover {
    color:#FFFFFF;
	text-decoration:none;
    font-size:16px;
	font-weight:bold;
}

a.white:active {
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	}
	
.headmenu{
background-image:url(images/arabic.gif);
background-repeat:no-repeat;
background-position:top right;
cursor: pointer;
	
	}
.headmenu:hover {
    background-image:url(images/arabic_over.gif);
    background-repeat:no-repeat;
	background-position:top right;
	cursor: pointer;
}

a.grey:link {
	color:#465661;
	font-size:13px;
	text-decoration:none;
	}
a.grey:visited {
	text-decoration:none;;
	color:#465661;
	font-size:13px;
	}
a.grey:hover {
    color:#465661;
	text-decoration:underline;
    font-size:13px;
	}

a.grey:active {
	font-size:13px;
	text-decoration:none;
	}

a.green:link {
	color:#6a973f;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}
a.green:visited {
	text-decoration:none;;
	color:#6a973f;
	font-weight:bold;
	font-size:11px;
	}
a.green:hover {
    color:#6a973f;
	font-weight:bold;
	text-decoration:underline;
    font-size:11px;
	}

a.green:active {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}

.line{
background-image:url(images/seprator.gif);
background-repeat:repeat-y;
}

.doted{
background-image:url(images/doted.png);
background-repeat:repeat-x;
background-position:center;
}

.footer{
font-size:11px;
color:#e3e6e7;
}

.greybg{
  background-color:#e3e6e7;
  font-family:Arial;
  font-size:12px;
  color:#465661;
  }
  
.video_title{
  background-color:#465661;
  font-family:Arial;
  font-size:12px;
  color:#FFFFFF;
 }
  
.header{
  font-family:Arial;
  font-size:24px;
  color:#465661;
}  

.weather{
  font-family:Arial;
  font-size:12px;
  color:#2f5c29;
  font-weight:bold;
}  


.data{
background-color:#6b4506;
font-family:Arial;
color:#f2e8c6;
font-size:13px;
padding-left:30px;
padding-right:30px;
}


.header_bg{
background-image:url(images/header_bg1.gif);
background-repeat:repeat-x;
background-position:bottom left;
}

.inputstyle {
	font-family: Arial;
	font-size: 11px;
	border-top-width: 1px;	
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #aca899;
	border-right-color: #ece9d8;
	border-bottom-color: #ece9d8;
	border-left-color: #aca899;
	height: 16px;
	width:435px;
	}
	
.form_inputstyle {
	font-family: Arial;
	font-size: 11px;
	border-top-width: 1px;	
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #aca899;
	border-right-color: #ece9d8;
	border-bottom-color: #ece9d8;
	border-left-color: #aca899;
	height: 16px;
	width:230px;
	}


.button {
	cursor: hand;
	height:25px;
	width:60px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color:#7e5439;
	color:#e4dcb8;
}

#floatdiv{
position:absolute;
width:60px;
height:113px;
top:20px;
right:10px;
padding:5px;
background:transparent;
border:0px solid #f7901a;
z-index:100
}


div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:100%; height:340px;
    overflow:hidden;
	}
    
div#scrollbar {
  position:relative;
  width:15px; height:361px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
  position:absolute; left:0; top:10px;
  width:15px; height:340px;
  background: #566974;
  }

div#dragBar {
  position:absolute; left:1px; top:1px; right:1px; bottom:1px;
  width:13px;
  background-color:#91c758;
  } 

div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
 } 
 
#panorama{
padding:45px 10px 10px 10px;
background:#fff;
border:1px solid #aaaaaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#social{
width:100%;
height:50px;
background:#455660;
}

#social a{
background:url(images/icons/social-media.png) no-repeat #455660;
width:30px;
height:30px;
float:right;
margin: 0 0 0 5px;
}

.socialFooter{
height:30px !important;
}

#social a.linkedin{
background-position: -350px -3px;
}

#social a.linkedin:hover{
background-position: -350px -52px;
}

#social a.instagram{
background-position: -408px -3px;
}

#social a.instagram:hover{
background-position: -408px -52px;
}

#social a.earth{
background-position: -293px -3px;
}

#social a.earth:hover{
background-position: -293px -52px;
}

#social a.tube{
background-position: -235px -3px;
}

#social a.tube:hover{
background-position: -235px -52px;
}

#social a.twitt{
background-position: -177px -3px;
}

#social a.twitt:hover{
background-position: -177px -52px;
}

#social a.face{
background-position: -120px -3px;
}

#social a.face:hover{
background-position: -120px -52px;
}

#social a.lang{
background-position: -4px -3px;
}

#social a.lang:hover{
background-position: -4px -52px;
}

#topMenu{
height:60px;
background:#455660;
margin:55px 10px 0 0;
}

#topMenu a{
background:url(images/icons/top_menu.png) no-repeat #455660;
width:75px;
height:60px;
float:right;
margin: 0px;
}

#topMenu span{
background:url(images/icons/menu_span.png) repeat-y #455660;
width:2px;
height:50px;
float:right;
margin:5px 7px;
}

#topMenu a.audio{
background-position: 1px 0px;
}

#topMenu a.audio:hover{
background-position: 1px -79px;
}

#topMenu a.live{
background-position: -87px 0px;
}

#topMenu a.live:hover{
background-position: -87px -79px;
}

#topMenu a.v_gallery{
background-position: -165px 0px;
}

#topMenu a.v_gallery:hover{
background-position: -165px -79px;
}

#topMenu a.p_gallery{
background-position: -247px 0px;
}

#topMenu a.p_gallery:hover{
background-position: -247px -79px;
}

#topMenu a.panorama{
background-position: -335px 0px;
}

#topMenu a.panorama:hover{
background-position: -335px -79px;
}

#topMenu a.maps{
background-position: -425px 0px;
}

#topMenu a.maps:hover{
background-position: -425px -79px;
}

#topMenu a.tour{
background-position: -500px 0px;
}

#topMenu a.tour:hover{
background-position: -500px -79px;
}

#innerMenu{
height:30px;
background:#455660;
margin:0px;
}

#innerMenu a{
background:url(images/icons/inner_menu.png) no-repeat #455660;
width:35px;
height:30px;
float:right;
margin: 0px;
}

#innerMenu span{
background:url(images/icons/menu_span.png) repeat-y #455660;
width:2px;
height:20px;
float:right;
margin:5px 5px;
}

#innerMenu a.audio{
background-position: 8px 0px;
}

#innerMenu a.audio:hover{
background-position: 8px -44px;
}

#innerMenu a.live{
background-position: -99px 0px;
}

#innerMenu a.live:hover{
background-position: -99px -44px;
}

#innerMenu a.v_gallery{
background-position: -154px 0px;
}

#innerMenu a.v_gallery:hover{
background-position: -154px -44px;
}

#innerMenu a.p_gallery{
background-position: -205px 0px;
}

#innerMenu a.p_gallery:hover{
background-position: -205px -44px;
}

#innerMenu a.panorama{
background-position: -257px 0px;
}

#innerMenu a.panorama:hover{
background-position: -257px -44px;
}

#innerMenu a.maps{
background-position: -307px 0px;
}

#innerMenu a.maps:hover{
background-position: -307px -44px;
}

#innerMenu a.tour{
background-position: -360px 0px;
}

#innerMenu a.tour:hover{
background-position: -360px -44px;
}

#innerMenu a.lang{
background-position: -415px 0px;
}

#innerMenu a.lang:hover{
background-position: -415px -44px;
}

.menuclass{
  font:Arial;
  font-size:12px;
  color:#FFFFFF;
  background-color:#576975;
  cursor:pointer;
  font-weight:bold;
  letter-spacing:0px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  height: 23px;
  }

.menuclass:hover{
  font:Arial;
  font-size:12px;
  background-color:#6a973f;
  color:#FFFFFF;
  cursor:pointer;
  font-weight:bold;
  letter-spacing:0px;
   -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  height: 23px; 
}
.menuclassactive{
  font:Arial;
  font-size:12px;
  background-color:#6a973f;
  color:#FFFFFF;
  cursor:pointer;
  font-weight:bold;
  letter-spacing:0px;
   -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  height: 23px; 
}

.sidemenuclass{
  font:Arial;
  font-size:12px;
  color:#465761;
  cursor:pointer;
  font-weight:bold;
  height: 18px;
  overflow:hidden; 
  display:block;
  position:relative;
  padding:0px;
  }
  
  .sidemenuclass:hover{
color:#5b8833;
  }     

.sidemenuclassactive {
  font:Arial;
  font-size:12px; 
  color:#5b8833;
  cursor:pointer;
  font-weight:bold; 
  height: 18px; 
  position:relative;
  display:block;
  overflow:hidden;
  padding:0px;
}

.sidemenuclassactive .up{ 
  color:#5b8833; 
}

.up{
position:relative;
display:block;
margin-top:2px;
}


.move{
position:relative;
display:block;}

.album{
    margin: auto;
    border-bottom:1px solid #ccc ;
    overflow: hidden;
    width: 100%;
    padding:10px 0  10px 0 ;
}

.album .container{
    padding: 0px 10px 0px 0px ;
    float: left;
    width: 67%;
	margin:89px 0 0 0;
}

.album .player{
    padding: 10px 0 0 0 ;
    float: left;
    width: 64%;
}

.album .lyrics{
    padding: 10px 0 0 0 ;
    float: left;
    width: 35%;
	height:30px;
	line-height:30px;
}

 .album .lyrics a{
  font:Arial;
  font-size:12px;
  color:#FFFFFF;
  padding:5px 10px;
  background-color:#576975;
  cursor:pointer;
  font-weight:bold; 
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px; 
  margin: 0 5px;
  }

 .album .lyrics a:hover{
	  color:#91c758;
	 }

.album .container .title{
    font-weight: bold;
    padding: 0 0 5px 0;
}

.album .thumbCont{
    overflow: hidden;
    display: block;
    float: left;
    width: 149px;
    height: 104px;
    cursor: pointer;
    padding: 0px 10px 0px 0px ;
    margin:  0px;
    position: relative;
}

.album .thumbCont .thumb{
    float: left;
    overflow: hidden;
    height:104px;
    width: 149px;
    position: relative;
    left: 0;
    top: 0;

}

.noTop{
	padding-top:0px;
}

.clearfix {} 
.clearfix:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}