/*------------ BODY ---------------*/


BODY {
FONT-SIZE: 8pt; 
COLOR: #fff;
FONT-FAMILY: Tahoma; 

margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.header {
height:150px;
width:100%px;
background-image: url('images/header_bg.jpg');

text-align: right;
clear:both;
  border:1px solid #e7e7e7;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
}

.footer {
height:40px;
width:100%px;

clear:both;
  background:#f6f6f6;
  padding:3em 3em 3em;
  border:1px solid #e7e7e7;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
direction:rtl;
}

.block_div {
  clear:both;
  background:#f6f6f6;
  padding:1em 1em 1em;
  border:1px solid #e7e7e7;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
text-align: right;
direction:rtl;


}


img { 
border: 0px; 
}

fieldset {
	border:  1px solid #e7e7e7;padding: 2;
	
}





select{
border:1px solid #dcdcdc;border:1px solid rgba(0, 0, 0, 0.1);color:#666;cursor:pointer;min-height:25px;font-family:inherit;}




input[type="submit"]{
background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-o-linear-gradient(top,#f5f5f5,#f1f1f1);border:1px solid #dcdcdc;border:1px solid rgba(0, 0, 0, 0.1);border-radius:2px;color:#666;cursor:pointer;line-height:27px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}

input[type="submit"]:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);background-color:#f8f8f8;background-image:linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #c6c6c6;box-shadow:0 1px 1px rgba(0,0,0,0.1);color:#333}

input[type="submit"]:focus{border:1px solid #4d90fe;outline:none}


input[type="button"]{
background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-o-linear-gradient(top,#f5f5f5,#f1f1f1);border:1px solid #dcdcdc;border:1px solid rgba(0, 0, 0, 0.1);border-radius:2px;color:#666;cursor:pointer;line-height:20px;min-width:54px;padding:0 8px;text-align:center}

input[type="button"]:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);background-color:#f8f8f8;background-image:linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #c6c6c6;box-shadow:0 1px 1px rgba(0,0,0,0.1);color:#333}

input[type="button"]:focus{border:1px solid #4d90fe;outline:none}


input{font-family:inherit} 



.singer_btn{
background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);-webkit-border-radius:2px;-webkit-user-select:none;
background-color:#f5f5f5;
background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
background-image:-o-linear-gradient(top,#f5f5f5,#f1f1f1);
border:1px solid #dcdcdc;border:1px solid rgba(0, 0, 0, 0.1);
border-radius:2px;color:#666;line-height:27px;
margin:6px 6px;
min-width:200px;padding:0 8px;
width:200px;
text-align:center
}



/*---------- TITLES FONT --------------*/
.title {
FONT-SIZE: 10pt; COLOR: #78a71e; TEXT-DECORATION: none; font-weight:bold;text-align: center;align: center;
}


.block_title{

}

.table_title{
}


/*------------- LINKS ---------------*/
A:link {
	 COLOR: #fff;TEXT-DECORATION: none;
}


A:active {
	COLOR: #fff;TEXT-DECORATION: none;

}
A:visited {
	COLOR: #0066CC;TEXT-DECORATION: none; 
}
A:hover {
	COLOR: #007CF9;TEXT-DECORATION: none; 
}

.big {
FONT-SIZE: 10pt; weight:bold;COLOR: #0066CC; TEXT-DECORATION: none;
}
/*---------- LETTERS LINKS -----------*/
A:link.big {
	FONT-SIZE: 10pt; COLOR: #0066CC; TEXT-DECORATION: none;
}


A:active.big {
	FONT-SIZE: 10pt; COLOR: #0066CC; TEXT-DECORATION: none;

}
A:visited.big {
	FONT-SIZE: 10pt; COLOR: #0066CC; TEXT-DECORATION: none;
}
A:hover.big {
	FONT-SIZE: 10pt; COLOR: #007CF9;TEXT-DECORATION: none;
}

/*----------- PATH BAR LINKS ------------*/
A:link.path_link {
	COLOR: #fff; TEXT-DECORATION: none;
}
A:active.path_link {
	COLOR: #fff; TEXT-DECORATION: none;

}
A:visited.path_link {
	COLOR: #fff; TEXT-DECORATION: none;
}
A:hover.path_link {
	COLOR: #007CF9; TEXT-DECORATION: none;
}


/*---------- SONGS TABLES COLORS ---------*/
/*
.row_1{
background-color: #f7f7f7;

}


.row_2{
background-color: #FCFCFC ;
}

.row_1:hover{
background-color: #E8F8FF;
}

.row_2:hover{
background-color: #E8F8FF;
}
*/

/*--------- MEMBERS MESSAGES FONT--------*/
.messages {
	FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; 
}

/*------------ SPARATE LINKE -----------------*/
.separate_line{
border-width: 1px 0 0 0; border-style: solid; border-color: #e7e7e7;
}
/*------------ Search Replace-----------------*/
.search_replace{
color: #FF0000;
}


/* ---------- Tabs ------------ */
.tabs {
width: 100%;

		margin: 0px;
}

.tab_active {
	-moz-border-radius: 5px 5px 0px 0px;
	border-color: #aaa;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	color: #000;
	float: right;
	width: 150px;
	cursor: default;
	font-weight: bold;
	padding: 2px;
	font-size: 10pt;
	text-align: center;
	background-image:url('images/tabs_shade.gif')
}

.tab_inactive {
	-moz-border-radius: 5px 5px 0px 0px;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px;
	background-color: #ddd;
	color: #777;
	float: right;
	width: 150px;
        cursor:pointer;
	cursor: hand;
	padding: 2px;
	font-size: 10pt;
	text-align: center;
}

.tab_content {
	-moz-border-radius: 0px 10px 10px 10px;
	width: 99%;
	border-color: #aaa;
	border-style: solid;
	border-width: 0px;
	color: #000;
	float: right;
	text-align: right;
	padding: 10px;
}

.tab_container {
width: 100%;
align: center;
text-align: center;
}



/* --------- Slider ---------------*/

.slider_active {
	-moz-border-radius: 5px 5px 0px 0px;
	border-color: #aaa;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	color: #000;
	float: right;
	
	cursor: default;
	font-weight: bold;

margin: 0 5px; 
height:15;
padding: 3px 5px;

	font-size: 10pt;
	text-align: center;
	background-image:url('images/tabs_shade.gif')
}

.slider_inactive {
	-moz-border-radius: 5px 5px 0px 0px;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px;
	background-color: #ddd;
	color: #777;
	float: right;
        cursor:pointer;
	cursor: hand;
       

margin: 0 5px; 
height:15;
padding: 3px 5px;

	font-size: 10pt;
	text-align: center;
}




.slider_btnz{
cursor: hand;
width:25;
}

//-------- pop Dialog ---------------

.boxy-wrapper { position: absolute; left: 50%;
  top: 50%;}

.boxy-wrapper.fixed { position: fixed;  }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
    .boxy-wrapper .top-left,
    .boxy-wrapper .top-right,
    .boxy-wrapper .bottom-right,
    .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 ;background-color: black;opacity: 0.6; filter: alpha(opacity=60);}
    
    
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; text-align:center; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: #FFFFFF; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }

/*------- Playlist --------------*/
.pl_song_play {
    
    background-image: url("images/play.png");
    background-repeat:no-repeat;
    background-position:right top;
    padding-right:30px;
    height: 20px;
    background-color:#C0C0C0;
    cursor:pointer;
}
.pl_song_stop {
    padding-right:30px;
    height: 20px;
    background-color:#ffffff;
    cursor:pointer;
}


/*------------ Pages ------------- */
.pagenavi {
	clear: both;
align:center;
}

.pagenavi a, .pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 1px;
}

.pagenavi a:hover, .pagenavi span.current {
	border-color: #000;
}

.pagenavi span.current {
	font-weight: bold;
}

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }
    
#preview img{    
     max-width:200px;
    max-height: 200px;
}


/************************* new *****************************/
body {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-image: url('s3ody-theme2014/img/img_01.png');
	background-color: #01046F;
	margin:0px
}
img{
	-moz-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.ghyaheeb{margin:0px auto;width:980px}
.clr{clear:both;height:0px;display:block}
ul{margin:0px;padding:0px;list-style-type:none}
.social_- li a{
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
}
.hdr {
	background-repeat: no-repeat;
	background-image: url('s3ody-theme2014/img/img_02.png');
	background-position: right 14px;
	height: 134px;
}
.social_-{float:left;margin:88px 0px 0px}
.social_- li{float:left;margin-right:4px}
.social_- li a{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-image: url('s3ody-theme2014/img/img_03.png');
}
.social_- li a:hover{
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
.social_- li.ix02 a{ background-position: -34px top}
.social_- li.ix03 a{background-position: -67px top}
.social_- li.ix04 a{background-position: right top}
.bx_ {border-radius: 2px;border: 4px solid rgba(255, 255, 255, 0.4);}
.bx_- {padding: 5px;background: rgba(0,0,0,0.6)}

.menu{ float:right;padding-top:1px}
.menu li,.menu li a {position:relative;}
.menu li{
	background-position: left center;
	line-height: 42px;
	float: right;
	font-size: 12px;
	background-repeat: no-repeat;
	background-image: url('s3ody-theme2014/img/img_12.png');
	padding-right: 0px;
	padding-left: 2px;
}

.menu li:last-child{background-image:none}
.menu li a{
	padding: 0px 14px;
	display: inline-block;
	height: 42px;
	transition: background 0.8s ease-in-out;
	color:#fff;
	font-family:"Droid Arabic Kufi";font-weight:bold;font-size:13px
}
.menu li:hover,.menu li a:hover,.menu li a.current{background: #000;color: white;}
.menu ul li {float: none; background-image:none;padding:0px;line-height:38px}
.menu ul li a {display:block;line-height: 38px;height:auto;}
.menu ul li:hover a {background-color: #000c82}
.menu ul {position:absolute;display:none;width:222px;right:0px;background:#000;z-index:99999; padding:0px;
-webkit-box-shadow: 2px 6px 5px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:    2px 6px 5px 0px rgba(50, 50, 50, 0.32);
box-shadow:         2px 6px 5px 0px rgba(50, 50, 50, 0.32);
}
.srchbox{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #0a1235;
	float: left;
	margin: 5px 0px 0px 10px;
	width: 180px;
	background-color: black;
}
.srchbox input[type=text]{
	float:right;width:120px;background-color:transparent;border:0px;padding:6px 2px;color:#fff
}
.srchbox input[type=submit]{
	background-position: center center;
	float: left;
	height: 36px;
	width: 36px;
	background-repeat: no-repeat;
	background-image: url('s3ody-theme2014/img/img_04.png');
	cursor:pointer;
background-color:transparent;border:0px;padding:0px;margin:0px;max-width:36px
}
.srchbox input[type=submit]:hover{opacity:0.7}
.foot_-{
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url('s3ody-theme2014/img/img_11.png');
	padding-right: 27px;margin:0px 20px 0px 0px
}
.foot_- p{
	font-weight:bold;font-family:"Droid Arabic Kufi";font-size:13px;color:white;margin:0px;padding:0px;line-height:22px
}
.foot_- span{
	font-family: tahoma;
	font-size: 9pt;
	font-weight: normal;
	color: #fff;
}
.row_1 td, .row_2 td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}
.row_1:hover td, .row_2:hover td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}

.ic0,.title {background-image: url('s3ody-theme2014/img/img_05.png');
	color: #fff;
	font-family: "droid Arabic Kufi";
	font-size: 13px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 38px;
	padding-right: 36px;
	float: right;
	display: block;
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-color: #fff;
	margin-bottom:-4px
}
.title {background-image: url('s3ody-theme2014/img/img_05.png');}
.ti_line{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #fff;
	margin-bottom:16px
}
.ic01 {background-image: url('s3ody-theme2014/img/img_05.png');}
.ic02 {background-image: url('s3ody-theme2014/img/img_06.png');}
.ic03 {background-image: url('s3ody-theme2014/img/img_07.png');}
.ic04 {background-image: url('s3ody-theme2014/img/img_09.png');}

/*****************************************************************/
#ytvideo {

	margin:0px 0px 4px;
}


.yt_holder {
    	
height:342px;
width:380px;overflow:hidden;margin:0px auto 4px


}




.currentvideo {
	/*background: #fff;*/
	
}
.currentvideo a{
	color:#09eddc !important
}
/*
.ui-tabs .ui-tabs-nav {

	background-image: url('images/uaemusics_34.jpg');
	background-color: #962855;
}

.ui-tabs .ui-tabs-nav li {
	/*background-image: url('images/uaemusics_34.jpg');*/
	border-left-color: #82154A;
	border-right-color: #D8677A;
	/*background-color: #81144A;*/
	text-shadow: 0px 1px 0px #8F284C;
}
*/

