/*------------ BODY ---------------*/
BODY {
	FONT-SIZE: 8pt;
	COLOR: #f3b800;
	FONT-FAMILY: Helv;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.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;}
.wp 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{
	-webkit-border-radius: 2px;
	-webkit-user-select: none;
	background-color: #331A11;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: #DBA414;
	line-height: 27px;
	margin: 6px 6px;
	min-width: 200px;
	padding: 0 8px;
	width: 200px;
	text-align: right
}

/*---------- TITLES FONT --------------*/

.title {
	FONT-SIZE: 13pt;
	COLOR: #DBA414;
	TEXT-DECORATION: none;
	font-weight: bold;
	text-align: center;
	align: center;
	font-family: helv;
}
.block_title{
}
.table_title{

}/*------------- LINKS ---------------*/

A:link {
	COLOR: #DBA414;
	TEXT-DECORATION: none;
}
A:active {
COLOR: #FFF;TEXT-DECORATION: none;
}
A:visited {
COLOR: #FFF;TEXT-DECORATION: none; 
}
A:hover {
	COLOR: #f3b800;
	TEXT-DECORATION: none;
}
.big {

FONT-SIZE: 10pt; weight:bold;COLOR: #FFF; TEXT-DECORATION: none;

}

/*---------- LETTERS LINKS -----------*/

A:link.big {
	FONT-SIZE: 10pt;
	COLOR: #FFF;
	TEXT-DECORATION: none;
}
A:active.big {
	FONT-SIZE: 10pt;
	COLOR: #FFF;
	TEXT-DECORATION: none;
}
A:visited.big {
	FONT-SIZE: 10pt;
	COLOR: #FFF;
	TEXT-DECORATION: none;
}
A:hover.big {
	FONT-SIZE: 10pt;
	COLOR: #f3b800;
	TEXT-DECORATION: none;
}
/*----------- PATH BAR LINKS ------------*/

A:link.path_link {
	COLOR: #DBA414;
	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: #f3b800; TEXT-DECORATION: none;

}/*---------- SONGS TABLES COLORS ---------*/

.row_1{

background-color: #2D0F0F;
}.row_2{

background-color: #2D0F0F;

}
.row_1:hover{
	background-color: #4B1818;
}
.row_2:hover{

background-color: #4B1818;

}/*--------- MEMBERS MESSAGES FONT--------*/

.messages {
FONT-SIZE: 8pt; FONT-FAMILY: Helv; 

}
/*------------ 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;

}

/*------------ sedany ------------- */

@font-face {font-family:"helv";src:url(style1/fonts/HelveticaNeueW23-Reg.eot);src:url(style1/fonts/HelveticaNeueW23-Reg.woff) format("woff"), url(style1/fonts/HelveticaNeueW23-Reg.ttf) format("truetype"), url(style1/fonts/HelveticaNeueW23-Reg.svg#HelveticaNeueLTArabic55Roman) format("svg");font-weight:normal;font-style:normal;
}@import "https://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
/* default styles here for older browsers. 
   I tend to go for a 600px - 960px width max but using percentages
*/



body {
	margin: 0px;
	background-image: url('Lamsat/body.png');
	background-repeat: repeat;
}
.h {
	background-image: url('Lamsat/h.png');
	height: 464px;
	background-attachment: fixed;
}
.f {
	height: 84px;
	background-image: url('Lamsat/f.png');
	background-repeat: repeat-x;
	clear: both;
}
.wp {
	width: 96%;
	margin: 0px auto 0px auto;
}
.f a {
	display: block;
	background-repeat: no-repeat;
	margin-top: 33px;
}
.f a.r{
	float: right;
	margin-right: 50px;
	font-family: helv;
	font-size: 15px;
	font-weight: lighter;
	color: #FFFFFF;
	text-decoration: none;
}


.booxtitle{
	background-image: url('Lamsat/boox.png');
	background-repeat: repeat-x;
	height: 84px;
}
.boox {
	margin: 0px auto 0px auto;
}
.boox2 {
	background-color: #0F0E0E;
	padding-bottom: 40px;
	padding-right: 20px;
	padding-left: 20px;
}
.boox2 a{
	font-size: 15px;
}

.booxtitle-r {
	background-position: center top;
	height: 84px;
	float: right;
	background-image: url('Lamsat/i1.png');
	background-repeat: no-repeat;
	width: 40px;
}
.booxtitle-l {
	background-position: center bottom;
	height: 84px;
	float: left;
	background-image: url('Lamsat/i2.png');
	width: 89px;
	background-repeat: no-repeat;
}
.booxtitle-m {
	height: 84px;
}


.boox-f {
	background-image: url('Lamsat/i3.png');
	background-repeat: no-repeat;
	background-position: right;
	height: 47px;
	position: relative;
	width: 100px;
	bottom: 30px;
}


.clr {
	font-size: 0px;
	width: 0px;
	height: 0px;
	margin: 0px auto 0px auto;
	clear: both;
}



.hr{
	background-position: center;
	background-image: url('Lamsat/logo.png');
	background-repeat: no-repeat;
	width: 330px;
	height: 465px;
	float: right;
    margin-top: 20px;
    margin-right: 30px
}

.hl{
	background-position: center;
	background-image: url('Lamsat/mic-hand.png');
	background-repeat: no-repeat;
	width: 167px;
	height: 460px;
	float: left;
	margin-left: 90px;
}
.m{
	padding-top: 20px;
}
.m a{
	border-width: 1px;
	display: block;
	font-family: helv;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	height: 44px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: center;
	line-height: 44px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: #0e0d0d;
	width: 150px;
	float: right;
}
.m a:hover{
	color: #f3b800;
	border: 1px solid #f3b800;
}



.booxtitle-m a{
	display: block;
	font-family: Helv;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding-top: 30px;
}



.www {
	width: 330px;
	float: left;
	margin-top: 9px;
	position: absolute;
	z-index: 1000;
	left: 0px;
	top: 30px;
}
.www a{
	display: block;
	float: right;
	height: 33px;
	width: 33px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
	background-repeat: no-repeat;
	margin-left: 4px;
	margin-right: 4px;
}

.www a:hover{
opacity:0.5;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
o-transition: rotate(360deg);
ms-transition: rotate(360deg);
	
}



.www a.link1{
	background-image: url('Lamsat/facebook.png');
}
.www a.link2{
	background-image: url('Lamsat/tw.png') ;
}
.www a.link3{
	background-image: url('Lamsat/t.png');
}
.www a.link4{
	background-image: url('Lamsat/in.png');
}
.www a.link5{
	background-image: url('Lamsat/tube.png') ;
}
.www a.link6{
	background-image: url('Lamsat/s.png');
}
.www a.link7{
	background-image: url('Lamsat/elsnapchat.png');
}
.www a.link8{
	background-image: url('Lamsat/side-menu.png');
}


.player_div{
	width: 20px;
}
.song_div a img{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border-width: 0px;
}
table tr td{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.sssss{
	height: 150px;
}



.m7twimgc{
margin-bottom: 40px;
}
.m7twimg{
margin: 10px;
height: 190px;
float: right;
}
.m7twimg center{
height: 30px;
width: 170px;
clear: both;
}
.m7twimg center a{
	color: #FFFFFF;
}
.m7twimg center a img{
margin: 0px auto 0px auto;
width: 100px;
height: 100px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #FFFFFF;

	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;

}
.m7twtext a.r{
float: right;
}
.m7twtext a.l{
float: left;
}






.zz {
	background-color: #26160E;
	line-height: 40px;
	height: 40px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 3px;
}
.zz a{
	text-decoration: none;
	color: #DBA414;
	float: right;
	text-align: right;
	padding-right: 4px;
	font-family: Helv;
	font-size: 16px;
}
.zz a:hover{
	color: #CC3300;
}
.zz a.link1{
width: 50%;
}
.zz a.link2{

}
.zz a.link3{
width: 108px;
float: left;
padding-top: 5px;
padding-left: 10px;}
.zz a.link4{
width: 108px;
float: left;
padding-top: 5px;
padding-left: 10px;
}



@media (max-width: 1000px) {
.hl{
	margin: 0px;
}



}

@media (max-width: 900px) {
.hl{
	display: none;
}


.u{
	display: none;
	
}


.wp {
	width: 620px;
	margin: 0px auto 0px auto;
}




}

@media (max-width: 650px) {

.wp {
width: 350px;
margin: 0px auto 0px auto;
}

.f a.r{
	display: none;
	
}
.u{
	display: none;
	
}
.hr{
	width: 100%;
	float: right;
}


.zz a.link3{
display: none;
}
.zz a.link4{
display: none;
}

.o0 a{
display: none;
	
}
.zz a.link1{
width: 100%;
}
.zz a.link2{
width: 100%;
}

.link2{
display: none;
	
}

.zz {
	height: 40px;
	line-height: 40px;
}
.www {
	width: 40px;
}

.www a.link1,.www a.link2,.www a.link3,.www a.link4,.www a.link5,.www a.link6,.www a.link7{
display: none;

}

.m7twimg center {
    width: 100%;
}
.m7twimg center a img {
	width: 70px;
	height: 80px;
}

a.b0g{
display: none;
	
}

.m7twimg {
    height: 110px;
}
.hih{
display: none;
	
}

}



@media (max-width: 350px) {

.wp {
	width: 280px;
	margin: 0px auto 0px auto;
}
.m7twimg center a img {
    width: 95px;
    height: 80px;
}
.m7twimg {
    margin: 10px;
    height: 120px;
    float: right;
}

.title {
    FONT-SIZE: 10pt;
}
.hr{
	width: 270px;
	float: right;
}


.m a{
	width: 270px;
}
.zz a {
    font-size: 11px;
}

}

.looge{
	background-image: url('Lamsat/logo3.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 222px;
	margin-top: 10px;
	margin-bottom: 10px;
}





.m ul {text-align: center;width: 100%;margin-bottom: 25px;}
.m ul li {float: none !important;display: inline-block;margin: 0 4px;position: relative;}
.m ul li a {border: 1px solid #0e0d0d;}
.m ul ul {position: absolute;top: 100%;max-height: 316px;overflow: hidden;overflow-y: auto;background-color: #0e0d0d;padding: 0;border-radius: 0;max-width: 190px;box-shadow: 0px 0px 5px rgba(219, 164, 20, 0.1);z-index: 999999;}
.m ul ul li {margin: 0px;}
.m ul ul li a {border: 0;border-bottom: 1px solid #1d1d1d;border-radius: 0;height: 36px;line-height: 34px;}
.m ul ul li a:hover {border: 0;border-bottom: 1px solid #1d1d1d;color: #DBA414}


/* Scrollbar Page */
.m ul ul::-webkit-scrollbar {width: 6px;background: rgba(0,0,0,0)}
.m ul ul::-webkit-scrollbar-track-piece {border-radius: 6px;background: rgba(0,0,0,0)}
.m ul ul::-webkit-scrollbar-thumb {height: 30px;border-radius: 4px;background: rgba(0,0,0,0)}
@media only screen and (min-width: 991px) {
    .m ul ul::-webkit-scrollbar {background: rgba(0,0,0,0)}
    .m ul ul::-webkit-scrollbar-thumb {background-color: #CCCCCC;}
}


@media only screen and (min-width: 991px) {
    
}
@media only screen and (max-width: 991px) {
    .m ul li:hover > ul {display: none !important;}
    .m ul li ul.ulshow {display: block!important;}
}