/*------------ BODY ---------------*/

BODY {
FONT-SIZE: 8pt; 
COLOR: #1266a5;
FONT-FAMILY: Tahoma; 

margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.header {
height:100px;
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;
}

.footer {
height:100px;
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(#E4D2A4),to(#E4D2A4));
background-image:-webkit-linear-gradient(top,#E4D2A4,#E4D2A4);-webkit-border-radius:2px;-webkit-user-select:none;
background-color:#E4D2A4;
background-image:linear-gradient(top,#faf2df,#faf2df);
background-image:-o-linear-gradient(top,#faf2df,#faf2df);
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:100px;padding:0 8px;
width:100px;
text-align:center
}



/*---------- TITLES FONT --------------*/
.title {
FONT-SIZE: 10pt; COLOR: #808080; TEXT-DECORATION: none; font-weight:bold;text-align: center;align: center;
}


.block_title{

}

.table_title{
}


/*------------- LINKS ---------------*/
A:link {
	 COLOR: #0066CC;TEXT-DECORATION: none;
}


A:active {
	COLOR: #0066CC;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: #0066CC; TEXT-DECORATION: none;
}
A:active.path_link {
	COLOR: #0066CC; TEXT-DECORATION: none;

}
A:visited.path_link {
	COLOR: #0066CC; TEXT-DECORATION: none;
}
A:hover.path_link {
	COLOR: #007CF9; TEXT-DECORATION: none;
}


/*---------- SONGS TABLES COLORS ---------*/
.row_1{
background-color: #f2e7c8;

}


.row_2{
background-color: #f2e7c8;
}

.row_1:hover{
background-color: #E1CE9D;
}

.row_2:hover{
background-color: #E1CE9D;
}


/*--------- 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;
}


/* --------- 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;
}



/*------------ BODY ---------------*/

FONT {
	font-family:'ge_ss_uniquelight',Tahoma, Geneva, sans-serif;
	}
TD, input  {
	font-family:'ge_ss_uniquelight',Tahoma, Geneva, sans-serif;
}
BODY {
FONT-SIZE: 16px; COLOR: #11757b;  font-family:'ge_ss_uniquelight',Tahoma, Geneva, sans-serif;
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #277eb3; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #277eb3; 
SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
BACKGROUND-COLOR: #ffffff; 
aSCROLLBAR-HIGHLIGHT-COLOR: #ffffff

	}
input { color:#2c2b29 !important;}
input[type='submit'] { background:url(nabeel2013/images/button.png) no-repeat; width:70px; height:25px; border:0; background-color:transparent; color:#ffffff !important; text-shadow:1px 1px 0px #065461;}
/*---------- TITLES FONT --------------*/
.title {
	FONT-SIZE: 18px; BACKGROUND: ; COLOR: #844100; display:block; margin-bottom:5px;
}


/*------------- LINKS ---------------*/
A:link {
 COLOR: #1998a0; TEXT-DECORATION: none
}


A:active {
 COLOR: #1998a0;  TEXT-DECORATION: none

}
A:visited {
COLOR: #1998a0; TEXT-DECORATION: none
}
A:hover {
COLOR: #2c2b29; TEXT-DECORATION: none
}

/*---------- LETTERS LINKS -----------*/
A:link.big {
	FONT-SIZE: 10pt; COLOR: #1998a0; TEXT-DECORATION: none
}


A:active.big {
	FONT-SIZE: 10pt; COLOR: #1998a0; TEXT-DECORATION: none

}
A:visited.big {
	FONT-SIZE: 10pt; COLOR: #1998a0; TEXT-DECORATION: none
}
A:hover.big {
	FONT-SIZE: 10pt; COLOR: #2c2b29; TEXT-DECORATION: none
}

/*----------- PATH BAR LINKS ------------*/
A:link.path_link {
	COLOR: #1998a0; TEXT-DECORATION: none
}
A:active.path_link {
	COLOR: #1998a0; TEXT-DECORATION: none

}
A:visited.path_link {
	COLOR: #1998a0; TEXT-DECORATION: none
}
A:hover.path_link {
COLOR: #1998a0; TEXT-DECORATION: none
}


/*---------- SONGS TABLES COLORS ---------*/
.songs_1{
background-color: #e5d097;
text-shadow:1px 1px 0px #ece0b8;
}
.songs_2{
background-color: #e6d5aa;
text-shadow:1px 1px 0px #ece0b8;
}

/*--------- MEMBERS MESSAGES FONT--------*/


/*------------ SPARATE LINKE -----------------*/
.separate_line{
color: #D7DDFD;border-width: 1px
}
/*------------ Search Replace-----------------*/
.search_replace{
color: #FF0000;
}




/*------------------  edit css -----------------------*/


@font-face {
    font-family: 'ge_ss_uniquelight';
    src: url('nabeel2013/_font/ge_ss_unique_light.eot');
    src: url('nabeel2013/_font/ge_ss_unique_light.eot?#iefix') format('embedded-opentype'),
         url('nabeel2013/_font/ge_ss_unique_light.woff') format('woff'),
         url('nabeel2013/_font/ge_ss_unique_light.ttf') format('truetype'),
         url('nabeel2013/_font/ge_ss_unique_light.svg#ge_ss_uniquelight') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { padding:0; margin:0; background-color:#2c2b2a; direction:rtl;}
.copyright, .header_menu, .box_b ul {font-family:'ge_ss_uniquelight',Tahoma, Geneva, sans-serif;}
#main_page { width:930px; margin:26px auto 0; background-color:#e9dbb6;}
#header { background:url(nabeel2013/images/header.jpg) no-repeat; width:930px; height:271px; position:relative; overflow:hidden;}
.header_menu {list-style: none; padding: 0; margin: 0; position: absolute; width: 570px; left: 320px; top: 222px;}
.header_menu li { float:right; background:url(nabeel2013/images/point.png) no-repeat left center; padding-left:40px; margin-right:33px; text-align:center; height:20px;}
.header_menu li:last-child { background-image:none;}
.header_menu li a { color:#1998a0; font-size:16px; text-shadow:1px 1px 0px #f3edda; text-decoration:none; display:block;}
.header_menu li a:hover { color:#2c2b2a; height:20px;}
.social { position: absolute; list-style: none; width: 63px; height: 18px; left: 218px; top: 225px; padding:0; margin:0;}
.social li { float:right; margin-left:4px;}
.facebook { background:url(nabeel2013/images/facebook.png) no-repeat; width:16px; height:16px;}
.twitter { background:url(nabeel2013/images/twitter.png) no-repeat; width:16px; height:16px;}
.youtube { background:url(nabeel2013/images/youtube.png) no-repeat; width:16px; height:16px;}
.social li a { display:block; width:16px; height:16px;}
#slider { background:url(nabeel2013/images/banner_bg.png) no-repeat; width:886px; height:225px; margin:0 auto 10px; overflow:hidden;}
#footer { background:url(nabeel2013/images/footer.png) no-repeat; widows:930px; height:76px; overflow:hidden;}
.copyright, .des4you { color:#0ea1a7; text-shadow:1px 1px 0px #f0e7ce; margin-right:30px; margin-top:12px; float:right; font-weight:bold; font-size:14px;}
.des4you { float:left; font-size:13px !important; margin-left:30px;}
.des4you a { color:#2c2b2a; text-decoration:none;}
.des4you a:hover { text-decoration:underline;}
.box { background:url(nabeel2013/images/box_bg.png) repeat-y; width:224px;}
.box_t { background:url(nabeel2013/images/box_t.png) no-repeat top;}
.box_b { background:url(nabeel2013/images/box_b.png) no-repeat bottom; padding:34px 21px 26px;}
.block { background:url(nabeel2013/images/block_bg.png) repeat-y; width:454px; margin:0 auto;}
.block_t { background:url(nabeel2013/images/block_t.png) no-repeat top;}
.block_b { background:url(nabeel2013/images/block_b.png) no-repeat bottom; padding:34px 21px 26px;}
.logo_link { position: absolute; width: 275px; height: 114px; left: 594px; top: 58px; display:block;}
#slider_img { width:840px; height:160px; margin:27px 23px 0; overflow:hidden; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.box_b ul { padding:0; margin:0; list-style:none; font-size:16px;}
.box_b ul li { background-color:#e3ce95; border-radius:3px; margin-bottom:1px; padding:2px 5px;}
.box_b ul li a { color:#179aa2; text-shadow:1px 1px 0px #ece0b8; text-decoration:none; background:url(nabeel2013/images/point.png) no-repeat right; padding-right:13px;}
.box_b ul li a:hover { color:#2c2b29; padding-right:15px;}

/* =Skitter styles
----------------------------------------------- */
.box_skitter {position:relative;width:840px;height:160px; overflow:hidden; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.box_skitter img { max-width:none; } /* Tip for stildv */
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {position:absolute;top:50%;left:20px;z-index:100;width:40px;height:40px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(nabeel2013/images/prev.png) no-repeat left top;}
.box_skitter .next_button {position:absolute;top:50%;right:20px;z-index:100;width:40px;height:40px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(nabeel2013/images/next.png) no-repeat left top;}

/* =Loading
-------------------------------------------------------------- */
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(nabeel2013/images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}


/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {width:840px;height:160px;}
#player {width:400px !important;}
td.new-video {
    float: right;
    clear: both;
}



