*{
	margin:0px;
	padding:0px;
	font-family: Droid Arabic Kufi,Tahoma; 
	font-size: 13px;
}
html, body {
    margin: 0;
    padding: 0;
    border: none;
    width:100%;
    min-width:999px;
    background-color:#fff;
}
.TPIcon{
    max-width: 45px;
    max-height: 25px;
    vertical-align: middle;
}
.YouAreAdmin{
    width: 90%;
    background-color: yellow;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}
.Center{
    text-align: center;
}
.Right{
    text-align: right;
}
table {
    table-layout: fixed;
    width: 100%;
}
img{
    border: none;
}
table td {
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
}
.OPSRTL{
    text-align: left;
}
.OPSLTR{
    text-align: right;
}
.Title{
    font-size:26px;
    font-weight:800;
    padding-right:5px;
    color:#A32668;
    padding-bottom:15px;
}
.RTD,.LTD,.HTD{
    padding-top: 3px;
    padding-bottom: 2px;
    min-height: 27px;
    /* WordWarp */
    -ms-word-break: break-all;
    word-break: break-all;
     word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
.RTD{
    width: 230px;
    background-color:#F6D0E5;
    padding-right: 15px;
    padding-left: 25px;
    border-bottom: 1px solid #fff; 
}
.LTD{
  background-color:#FDF8FC;
  padding-right: 10px;
  padding-left: 10px;
}
.HTD{
    padding-right: 10px;
    padding-left: 10px;
    color: #FFFFFF;
    background-color:#A32668;
}

.TableForm{
    border-spacing: 0px;
    border-collapse: separate;
    width:100%;
    padding:20px;
    background-color:#FDF8FC;
    margin-bottom:30px;
    border:1px solid #F6D0E5
 ;
}
.DivForm{
    border-spacing: 0px;
    border-collapse: separate;
    width:100%;
    background-color:#FDF8FC;
    margin-bottom:30px;
}
a{
	text-decoration:none;
}
.LTD a{
text-decoration:none;
}
.HoverTR:hover td {
background-color:#AEFFBE;
}
.LTD input,select,textarea{
  border:1px #F6D0E5 solid;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
  transition: all 0.2s linear;
  color: #222222;
  position: relative;
  height: 36px;
  padding-left: 8px;
  padding-right: 8px;
  font-size:13px;
}
input[type=checkbox], input[type=file],input[type=radio]{
	height:auto;
	width:auto;
  border-radius : 0;
  border: 0;
  box-shadow: none;
  transition: none;
  color: inherit;
  position: static;
  height: static;
  padding-left: 0;
  padding-right:0;
  font-size:13px;

}
.LTD input:focus,select:focus,textarea:focus
{
    box-shadow: 0 1px 0 #660F46 inset, 0 -1px 0 #660F46 inset, 1px 0 0 #660F46 inset, -1px 0 0 #660F46 inset, 0 0 4px #660F46;
    border-radius: 2px;outline: 0;
}
.Pager{
font-size:30px;
color:#A32668;
font-weight:bold;
text-align:center;
}
.Pager a{
font-size:22px;
color:#000;
font-weight:bold;
text-decoration: none;
}

.Submit{
	background-color:#671249;
	color:#fff;
     padding: 5px 20px 5px 20px;
    text-decoration: none;
  cursor:pointer;
   -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  border:0;
  font-weight:bold;
}
.Submit:hover{
    background-color:#a32c79;
    color:#fff;
}
.DisableSubmit{
		background-color:#E5E5E5;
	   color:#000;
	   padding: 5px 20px 5px 20px;
       text-decoration: none;
       -webkit-border-radius: 9;
      -moz-border-radius: 9;
       border-radius: 9px;
       border:0;
       font-weight:bold;
}
/**
تستخدم في لوحة الإدارة لتحديد عرض 
input او ماشابه في 
*/
.W300{
	width:300px;
}
.W230{
	width:230px;
}
.W130{
	width:130px !important;
}
.W150{
	width:150px !important;
}
.W170{
	width:170px;
}
.W200{
	width:200px;
}
.W250{
	width:250px;
}
.W80{
	width:80px !important;
}
.W110{
	width:110px !important;
}
.W50{
	width:50px;
}
.W40{
	width:40px !important;
}
.W20{
	width:20px !important;
}
.W25Per{
    width: 25%;
}
.W45Per{
    width: 45%;
}
.W15Per{
    width: 15%;
}
.W600X400{
	width:100%;
	height:800px;
}
.W100X300{
	width:100%;
	height:300px;
}
.W100X200{
	width:100%;
	height:200px;
}
.W100X90{
	width:100%;
	height:90px;
}
.W80X120{
	width:80%;
	height:120px;
}

.WH1VSmall{
	width: 200px; height: 100px;
}

.WH1Small{
	width: 476px; height: 89px;
}
.WH1Mid{
	width: 657px; height: 200px;
}
.W30P{
	width:30%;
}
.W20P{
	width:20%;
}
.W15P{
	width:15%;
}
.W5P{
	width:5%;
}
/*//////////////////////الستايل////////////////////////*/  
/*////////////////الهيد ////////////////*/
#header {
		height:510px;
}
#header .h-first {
	height: 129px;
	background-image: url(../Images/first_theme_03.jpg);
	background-repeat: repeat-x;
	width:100%;
}
.HeadBtnsTheme{
    float: right;
    width: 48px;
    height: 129px;
}
.HIMG1{
    background-image: url(../Images/Header_08.jpg);
}
.HeadBtnsTheme div{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform: rotate(-90deg);
padding-top: 20px;
display: block;
color: #fff;
font-size: 16px;
font-weight: bold;
margin-top: 12px;
padding-bottom: 15px;
text-align: center;
}
#header .h1{
	float:right;height: 129px;
}
#header .h3 {
	background-image: url(../Images/1.jpg);
	background-repeat: no-repeat;
	height: 129px;
	width: 440px;
	float: left;
}
#header .h-sec{
	background-image: url(../Images/head-new_11.jpg);
	height: 293px;
	width: 100%;
	background-repeat: repeat-x;
}
#header .h4 {
	background-image: url(../Images/2.jpg);
	background-repeat: no-repeat;
	height: 293px;
	width: 482px;
	float: right;
}
#header .h5 {
	background-image: url(../Images/head-new_10.jpg);
	background-repeat: no-repeat;
	height: 293px;
	width: 455px;
	float: left;
}
#header .h-thi{
	background-image: url(../Images/head-new_15.jpg);
	height: 35px;
	background-repeat: repeat-x;
    float: right;
    width: 100%;
    padding-top:7px;
}
#header .s-thi{
    margin: 0 179px 0 80px;
}
#header .h6 {
    float: right;
    width: 179px; /*Width of right column*/
    margin-right: -100%;
	background-image: url(../Images/head-new_17.jpg);
	background-repeat: no-repeat;
	height: 35px;
}
#header .h7 {
    float: right;
    width: 80px; /*Width of left column*/
    margin-right: -80px;
	background-image: url(../Images/head-new_13.jpg);
	background-repeat: no-repeat;
	height: 35px;
}
/*////////////////الهيد ////////////////*/
.HeaderTabSmallSayHello{
    background-color: #FDF8FC;
	 height:60px;
     padding: 10px;
     width: 80%;
     margin-left: auto;
     margin-right: auto;
}
/*////////////////Footer ////////////////*/
.footerdiv{
    width: 675px;
    height: 33px;
    margin-right: auto;
    margin-left: auto;
    background-image: url('../Images/Footer.jpg');
    background-repeat: no-repeat;
}
.footerdiv div{
    padding-right: 10px;
    padding-left: 10px;
    float: right;
}
.footerdiv a{
        font-size: 12px;
}
.footerdivTXT{
    padding-top: 10px;
    padding-right: 20px;
    color: #fff;
}
.footerdivTXT a{
    color: #fff;
}
.footerdiv_main{
	width:100%;
	height:41px;
	clear:both;
    text-align: left;
	background-image: url(../Images/first_theme_118.jpg);
	background-repeat: repeat-x;
}
.footerdiv_main a{
    font-size:10px;color:black;font-weight:bold;
}
#FooterRights{
 width: 100%;
 text-align: center;   
}
.foo-img_r{
	 height:41px;
	 text-align:right;
	 padding-top:8px;
}
.foo-img_r2{
	 width:179px;
	 height:41px;
	 float:right;
}
.foo-img_l{
	 width:479px;
	 height:41px;
	 float:left;
}
/******************************************/
.Row{
    clear:both;
}
.PageBody{
    background-color:#ffffff;
}
/*********توزيع الأعمدة */
.CenterLay{
	height:100%;
    overflow:hidden;
    width: 100%;
    display:table;
}
.CenterLayDiv{
    overflow: hidden;
    display:table-cell;
    background-color:#ffffff;
    vertical-align: top;
    padding: 10px;
}
/*** بلوك الإعلان وتباعده**/
.ADBlock{
    padding-bottom:15px;
    text-align:center;
}
/** القوائم **/
/** اعدادات القوائم بدون قالب*/
.NoBorderBlockFile{
	padding:10px;
}
.NoBorderBlockTXT{
	padding:10px;
}
.NoBorderBlockAd{
	padding:10px;
}
/** القوائم **/ 
.HBlk1{
    font-weight: bold;
    background-image: url('../Images/Block1_01.jpg');
    width: 228px;
    height: 122px;
    padding-right: 25px;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 90px;
    font-size: 18px;
    color: #fff;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.BdBlk1{
    background-image: url('../Images/Block1_02.jpg');
    min-height: 100px; width: 228px;
    background-repeat: repeat-y;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    color:#8e203f;
}
.BdBlk1 a{
    color:#8e203f;
}
.FoBlk1{
    width: 228px;
    height: 28px;
    background-image: url('../Images/Block1_03.jpg');
    margin-bottom: 30px;
}
.HBlk2{
    background-image: url('../Images/Block2_01.jpg');
    width: 226px;
    height: 55px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.BdBlk2{
    background-image: url('../Images/Block2_02.jpg');
    min-height: 100px; 
    width: 226px;
    background-repeat: repeat-y;
    padding-right: 15px;
    padding-left: 15px;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;color: #fff;
}
.BdBlk2 a{
    color: #fff;
}
.FoBlk2{
    width: 226px;
    height: 70px;
    background-image: url('../Images/Block2_03.jpg');
}
.HBlk3{
    background-image: url('../Images/Block3_01.jpg');
    width: 226px;
    height: 73px;
    text-align: right;
    padding-bottom: 5px;
    padding-top: 15px;
    padding-right: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #BE083B;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.BdBlk3{
    background-image: url('../Images/Block3_02.jpg');
    min-height: 100px; 
    width: 226px;
    background-repeat: repeat-y;
    padding-right: 23px;
    padding-left: 30px;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;color: #BE083B;
}
.BdBlk3 a{
    color: #BE083B !important;
}
.FoBlk3{
    width: 226px;
    height: 66px;
    background-image: url('../Images/Block3_03.jpg');
}
.HBlk4{
    background-image: url('../Images/Block4_01.jpg');
    width: 226px;
    height: 55px;
    text-align: right;
    padding-bottom: 5px;
    padding-top: 15px;
    padding-right: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #BE083B;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.BdBlk4{
    background-image: url('../Images/Block4_02.jpg');
    min-height: 100px; 
    width: 226px;
    background-repeat: repeat-y;
    padding-right: 10px;
    padding-left: 10px;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;color: #cc2e5a;
}
.BdBlk4 a{
    color: #cc2e5a !important;
}
.FoBlk4{
    width: 226px;
    height: 25px;
    background-image: url('../Images/Block4_03.jpg');
}
.cent{
	width:100%;
	height:62px;
	clear:both;
	background-image: url(../Images/centercont_03.jpg);
	background-repeat: repeat-x;

}
.centimg1{
	width:201px;
	height:62px;
	float:right;
	background-image:url(../Images/centercont_05.jpg);
	background-repeat:no-repeat;
	direction:rtl;
}
.centhead{
		padding:20px 40px 20px 0px;
		color:white;
		font-size:medium;
}
.centimg2{
	width:23px;
	height:62px;
  float:left;
  }
.centimg3{
	width:21px;
	height:31px;
	float:right;
}
.centimg4{
	width:23px;
	height:31px;
  float:left;
  }

.centbody{
    background-position: left;
	background-image: url(../Images/centercont_08.jpg);
	background-repeat:repeat-y;
	direction:rtl;
}
.centright{
	background-image: url(../Images/centercont_07.jpg);
	background-repeat:repeat-y;
	background-position:right;
	width:100%;
}
.centleft{
	padding:0px 20px 0px 20px;
	width:100%;
}
.centdown{
	width:100%;
	height:31px;
	clear:both;
	background-image: url(../Images/centercont_10.jpg);
	background-repeat: repeat-x;

}
.centervalue{
	padding-right:20px;
	padding-left:20px;
}
/********************************************************/
.ErrorNewUserForm{
	color:red;
	display:none;
}
.LTD .ErrorInput{
border:1px red solid;
}
/** صفحة العضو الرئيسية*/
.TD25Center{
    width:25%;
    text-align:center;
    height:180px;
}
.TD25Center2{
    width:25%;
    text-align:center;
}
/** شريط اختر الألبوم او الصورة الشخصية العلوي أو تعديل بياناتي الوصفات ... */
.TD100Center{
    width:33%;
    text-align:center;height:35px;
    float:right;
    padding-top:8px;
    background-color:#812661;
}
.TD100Center a,.TD100CenterTab a{
	color:#ffffff;;
	font-weight:bold;
}
.TalkoutConfirmMobBtn{
    margin-left: auto;margin-right: auto;width: 300px !important;height: auto !important;
    cursor: pointer;
}
.TD100CenterTab{
    width:100%;
    text-align:center;height:35px;
    padding-top:8px;
    margin-bottom:20px;
    background-color:#812661;
}
/** صفحة اضافة صورة شخصية مع تعديل التدوير وتحديد جزء منها **/
.img-containerRotate {
  max-height: 400px;
  max-width: 400px;
  margin-left:auto;
  margin-right:auto;
}
/** صفحة عرض صور الألبوم للحذف */
.IMGBlockAlbum{
    float: right;
    width: 215px;
    height: 320px;
    text-align: center;
      background-color:#FAF9F9;
      margin-right: 10px;
      margin-bottom: 50px;
}
.IMGAlbumInfo{
    width: 200px;
    height: 200px;
  margin-left:auto;
  margin-right:auto;
}

/** خصائص صفحة إضافة  تفاصيل تواصل خارج الموقع للعضو **/
.InputTalkInfoHide{
   display: none;
   font-style: italic;
   font-weight:bold;
   color:#A32668;
}
.InputTalkInfoShow{
   font-style: italic;
   font-weight:bold;
   color:#A32668;
}
/** صفحة بروفايل العضو **/
#HeadProfile{
    width: 100%;
    display: table;
    background-color:#FDF8FC;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.75);
    margin-bottom:30px;
}
#HeadProfileRight{
    float: right;
    width: 470px;
    display: table-cell;
}
#HeadProfileLeft{ float: right;
    display: table-cell;
}
.HPLTXT{
    padding: 15px;
    text-align: center;
    width: 100%;
}
.ProfileIMGMax{
    max-height: 160px;
    max-width: 160px;
}
.UserTypeIcon{
    vertical-align: middle;
    max-height: 50px;
    max-width: 150px;
}
.tabs-menu {
    height: 30px;
    float: right;
    clear: both;
    list-style-type:none;
}
.TabsMiniWidth{
    min-width: 80px;
}
.TabsMiniWidth a{
    padding: 10px;
 }
.TabsMiniWidth li {
    background-color: #A32668;
 }
.tabs-menu li {
    height: 30px;
    font-weight: bold;
    line-height: 30px;
    float: right;
    margin-left: 10px;
    border-top: 1px solid #F6D0E5;
    border-right: 1px solid #F6D0E5;
    border-left: 1px solid #F6D0E5;
}

.tabs-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li a {
    color: #fff;
    padding-right:4px;
    padding-left: 4px;
    text-decoration: none; 
}

.tabs-menu .current a {
    color: #A32668;
}

.tab {
    border: 1px solid #F6D0E5;
    background-color: #fff;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
}

.tab-content {
    width: auto;
    display: none;
}

#tab-1,#tab-5{
 display: block;   
}
.TabINTable{
   border-spacing: 0px;padding: 10px;
    /* WordWarp */
    -ms-word-break: break-all;
    word-break: break-all;
     word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
.TalkOutIcons{
    width:25px;
    height:25px;
}
#tabs-container0 {
    clear: both;
    padding-top: 40px;
    padding-bottom: 2px;
    margin-bottom: 30px;
    background-color: #A32668;
    border: 1px solid #A32668;
}
#tabs-container0 ul{
    padding-bottom: 10px;
}
#tabs-container0 ul li.current {
    padding-bottom: 10px;
}
#tabs-container0 .tab{
    border: 0px;
}
.TalkOutUL li{
    display: none;
}
.EditIMGProfileTool{
    width:180px;
    height:180px;
    background-color:#FDFDDA;
    position:absolute;
    display:none; 
    top: 0;
}
.EditIMGProfileToolTXT{
    padding: 40px;
}
#IMGCont{
    position: relative; left: 0; top: 0;
}
/****ازارار البروفايل لعلوية*/
.NotNoneCountry{
    color: red;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}
#ButtonsHeadProfile{
    width: 460px;
    margin-left: auto;
    margin-right: auto;
}
#ButtonsHeadProfile > div{
    height: 60px;
    width: 60px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom: 15px;
    float: right;
}
#ButtonsHeadProfile .MAXHButtons{
    width: 58px;
    height: 58px;
}
/****اأزرار اسفل البروفايل*/
#ButtonsFooterProfile{
    clear: both;
    margin-left: auto;
    margin-right: auto;
}
#ButtonsFooterProfile > div{
    height: 88px;
    width: 200px;
    margin-left:15px;
    margin-right:15px;
    margin-bottom: 55px;
    float: right;
    text-align: center;
}
#ButtonsFooterProfile .MAXHButtons{
    width: 85px;
    height: 85px;
}
/** صورةمتواجد الأن وغير متواجد الخاصة بصفحة بيانات العضو*/
#HeadProfile .OFFLineONLine{
    vertical-align: middle;
    width: 20px;
    height: 20px;
}
.AlertAdmin{
    width: 100%;
    text-align: left;
}
.AlertAdmin a{
     font-size: 12px;
}
/***صفحة ترقية العضوية***/
#tabUpgrade-1{
 display: block;   
}
#TableUGrade{
    direction: rtl;
}
#TableUGrade .Clk{
    cursor: pointer;
}
#TableUGrade .BuyButton{
    padding: 10px;
    width: 70px;
    color: #ffffff;
    display: block;
    background-color: #A32668;
}
#TableUGrade .RTD{
    width: 270px;
    height: 35px;
}
#TableUGrade .LTD{ 
    height: 30px;
    background-color:#FDF8FC;
}
/***** جدول طرق الدفع - ترقية العضوية*/
#PaymentMethodsList{
    width: 100%;
}
#PaymentMethodsList div{
    width:140px;
    height: 140px;
    float: right;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    margin-right: 30px;
}
#PaymentMethodsList a{
    font-size: 16px;
    color: black;
}
#PaymentMethodsList .IMG{
    max-height: 100px;
    max-width: 100px;
}
#PaymentMethodsOffers {
    clear: both;
    padding-top: 10px;
    padding-bottom: 2px;
    margin-bottom: 20px;
    border: 1px solid #A32668;
    background-color: #A32668;
}
#PaymentMethodsOffers ul{
    padding-bottom: 10px;
}
#PaymentMethodsOffers ul li{
      padding-bottom: 8px;
}
#PaymentMethodsOffers ul li.current {

}
#PaymentMethodsOffers .tab{
    border: 0px;
}
.PaymentMethodsOffers li{
    display: none;
}
#PaymentMethodsOffers .tab {
    background-color: #fff;
    margin-bottom: 5px;
    width: 100%;
    clear: both;
}
.TypesSmallInfo{
    margin-top: 10px;
    width:200px;
    height: 200px;
    text-align: center;
    font-size: 16px;
    background-color: #FDF8FC;
    float: right;
    margin-right: 10px;
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
}
.TypesSmallInfoSpOffer{
     
}
.TypesSmallInfo span{
    font-size: 16px;
}
.HoldOffers{
    clear: both;
    display: none;
}
.SelectTypeUser{
    clear: both;
    text-align: center;
    margin-bottom: 10px;
    background-color: #FDF8FC;
    padding: 10px;
    font-weight: bold;
}
.PriceINF{
    color: #A32668;
    font-weight: bold;
    font-size: 20px;
}
.OffersForAllTypes .ShortTXT{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
}
.SPOfferMainSen{
    color:red;
}
/*** صفحة ترقية العضوية ، اضافة  تفاصيل مثل حوالة بنكية او مالية او كروت جوال */
.AddPaymentInfo{
    display: none;
}
.HideLeftCards{
    display: none;
}
.MobCardsRept{
    color: red;
    font-weight: bold;
}
/** صفحة ارسال رسالة جديد*/
.SendPMBodyRTL{
    width: 70%;float: right;
}
.SendPMBodyLTR{
    width: 30%;float: right;
text-align: center;
}
/** اعضضاء مقترحين لما الرابط خطأ*/
#SuggestingPage .Suj{
    margin: 5px;
    padding: 5px;
    padding-top: 10px;
    height: 125px;
    width: 220px;
    background-color:#FCFCFC;
    border: 1px solid #F6D0E5;
    float: right;
}
#SuggestingPage .BodySuj,#SuggestingPage .BodySuj a{
    display: block;
   color: #000000;
}
#SuggestingPage .ProfileIMG{
    float:right;
    width: 100px;
    text-align: center;
    margin-bottom: 10px;
}
#SuggestingPage .PIMG{
max-height: 80px;
max-width: 80px;
}
.UserSuj{
    color: #A32668;
    font-weight: bold;
}
.MoreButtons{
    clear: both;
    text-align: center;
    width: 20%;
    margin-left: auto;
    margin-right: auto;
}
.MoreButtons a{
    color: white;
    text-align: center;
}
.AjaxLoader{
    width: 20%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: none;
}
/*** رسائل الواردة والصادرة**/
.NewMSG td{
    background-color: #F6D0E5;
}
.RTDMSGs{
    background-color:#FDF8FC;
    padding-right: 15px;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid white;
}
.MSGDesign1{
    background-color:#FAFAFA;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 8px solid white;
}
.MSGDesign2{
    background-color:#FDF8FC;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 8px solid white;
}
.HeadMSG{
    font-weight: bold;
}
.OneHeadMSGrtl{
    float: right;
}
.LeftHeadMSGrtl{
    float: left;
}
.OneHeadMSGltr{
    float: left;
}
.LeftHeadMSGltr{
    float: right;
}

.ProfileIMGMSG{
    max-height: 40px;
    max-width: 40px;
    vertical-align: middle;
}
.ScrollMSG{
	overflow:auto;
	height:500px;
}
.Hbar{
    color: #FFFFFF;
    background-color:#A32668;
    padding: 5px;
    text-align: center;
}
/** تبقى 2 ساعة للغة العربية*/
.MSGFooterrtl{
    color: green;
    font-size: 10px;
    text-align: left;
}
.MSGFooterltr{
    color: green;
    font-size: 10px;
    text-align: right;
}
.MSGBody{
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
.TXTReadStatusMSG,.TXTReadStatusMSG a,.TXTReadStatusMSG span{
    font-size: 10px;
    font-style: italic;
}
.TXTTitleMSG{
    clear: both;
    font-style: italic;font-weight: bold;
    font-size: 16px;
}
.HrefSameColor {
    color: blue;
}
.RepBtn{
    display: inline-block;
    margin: 10px;
    text-align: center;
    background-color: #000;
}
#FormReply{
 display: none;   
}
/**
قسم المقالات وعرضها 
نفسها لصفحات الموقع
*/
.BodyArticles{
    padding: 20px;background-color:#FBFBFB;
}
.FooterArticles{
    padding: 20px;
    font-weight: bold;
    width: 100%;
}
.FooterArticles #A1{
    width:100px;
    float:right;
}
.FooterArticles #A2{
    float:right;
}
#SameArticles{
    background-color:red;
    width: 100%;
    text-align: center;
}
#SameArticles .Div1{
    float:right;
    width:50%;
    background-color:#FBFBFB;
    height: 30px;
}
#SameArticles .Div0{
    float:right;
    width:50%;
    background-color:#F5F5F5;
    height: 30px;
}
#AllArticles .RTD{
    padding: 0;
    width: 100%;
}
#AllArticles .RTD div{
     padding: 10px;
}
/** صحفات جاهزة - المتواجدين الأن */
/** الإهدائات*/
#SayHello div:nth-of-type(odd) {
      background-color:#FDF8FC;
      padding: 5px;
}
#SayHello div:nth-of-type(even) {
       background-color:#F6D0E5;
       padding: 5px;
}
/***** الدخول بواسطة وسائل التواصل الإجتماعي و التسجيل ايضا */
.SocialLogin{
    width: 220px;
    margin-right: auto;
    margin-left: auto;
}
.SocialLogin ul {
    overflow: auto;
}
 
.SocialLogin ul li {
    list-style-type: none;
    float: right;
}
 
.SocialLogin ul li a i {
    background: #205D7A;
    color: #fff;
    width: 45px;
    height: 35px;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    margin-right: 10px;
    padding-top: 10px;
    transition: all 0.2s ease-in-out;
}
.SocialLogin .fa-facebook {
    background:#3b5998
} 
.SocialLogin .fa-linkedin {
    background:#007bb6
}
.SocialLogin .fa-twitter {
    background:#00aced
}
.SocialLogin .fa-google-plus {
    background:#dd4b39;
}
.SocialLogin .fa-instagram{
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  }
.SocialLogin ul li a i:hover {
    opacity: .7;
}
.hr-sect2 {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	color: rgba(0, 0, 0, 0.35);
	margin: 8px 0px;
}
.hr-sect {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	color: rgba(0, 0, 0, 0.35);
	margin: 8px 0px;
}
.hr-sect::before,
.hr-sect::after {
	content: "";
	flex-grow: 1;
	background: rgba(0, 0, 0, 0.35);
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 8px;
}
/** سجل الزوار */
#Guestbk div:nth-of-type(odd) {
      background-color:#F6D0E5;
      padding: 5px;
      margin-bottom: 10px;
}
#Guestbk div:nth-of-type(even) {
       background-color:#FDF8FC;
       padding: 5px;
       margin-bottom: 10px;
}
/** سؤال وجواب */
.LTDDD{
    background-color: #FDF8FC;
    cursor: pointer;
    border-bottom: #FFF 2px solid;
}
.RTDDD{
    display: none;
    background-color: #FBFBFB;
}
.TXTQaA{
    padding: 7px;
}
#QandA .LTDDD ,#QandA .RTDDD{
    width: 100%;
}
/** البحث مالتقدم */
#SearchFor{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color:#FDF8FC;
}
#SearchFor .SMTXT{
    font-size: 18px;
    margin-bottom: 20px;
}
#SearchFor .SForMAN{
    float: right;
    width: 50%;
    font-size: 14px;
}
#SearchFor .SForWOMAN{
    width: 50%;
    float: right;
    font-size: 14px;
}
.SFFullBdy{
    padding: 15px;
    overflow:auto;
}
.SFFullBdy .SFRTD{
    float: right;
    width: 50%;
    background-color:#FBFBFB;
}
.SFFullBdy .SFLTD{
    background-color:#FDF8FC;
     float: right;
     width: 50%;
}
.SFFullBdy .SFRTDSM{
    float: right;
    width: 38%;
    background-color:#F6D0E5;
    padding: 1%;
    min-height: 35px;
}
.SFFullBdy .SFLTDSM{
    float: right;
    width: 58%;
    background-color:#FDF8FC;
    padding: 1%;
    min-height: 35px;
}
#SearchResult{
    padding: 10px;
     margin-bottom:10px;
}
#SearchResult .SRLTD{
    width:25%;
    background-color:#FBFBFB;
}
#SearchResult .IMGtd{
    width: 20%;text-align: center;
}
.SRButtns{
    width: 30%;
}
.OnineResultSearch{
    padding-top: 10px;
}
.SRTXTTitles{
    height: 30px;
    background-color:#A32668;
    color:#fff;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
}
.SRTXT{
    min-height: 30px;
    padding-right: 10px;
    padding-left: 10px;
}
.TalkOutsSearchIcons img{
    width: 20px;
    height: 20px;
}
.SRTalkoutICONS{
    float: right;
    clear: both;
    list-style-type:none;
}
.SRTalkoutICONS li {
    float: right;
    margin-left: 5px;
    cursor: pointer;
}
.TableFormNoShadow{
    border-spacing: 0px;
    border-collapse: separate;
    width:100%;
    background-color:#F5F5F5;
    border-bottom: 3px solid #A32668;
    margin-bottom:30px;
}
.IMGProfSearch{
    max-height: 130px;
    max-width: 130px;
    border-radius: 50%;
}
.SRLTD .OFFLineONLine{
       width: 15px;
    height: 15px;
}
.SRButtns img{
    vertical-align: middle;
}
.SRButtns a {
 color:#DC1E64;   
}
.TitleNumSearch{
    text-align: center;
    background-color:#F5F5F5;
    color: #A32668;
     font-weight: bold;
     margin: 20px;
}
.PagerSearch{
    display: none;
}
.SearchOrderDiv{
    background-color:#A32668;
    width: 50%;
    float: right;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
/**
التصويت
*/
.VoteBar{
    background-color:#A32668;
    height: 25px;
}
.VoteTR{
    background-color:#FBFBFB;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/**
كل القصص الناجحة
*/
#AllStories .RTD{
    padding: 0;
    width: 100%;
}
#AllStories .RTD div{
     padding: 10px;
}
/**** قائمة حبابي الخاصة بالعضو */
.HeadTabUserDiv{
    z-index:10;
    display:none;
	background-color:#fff;
	border:1px #EDDCDC solid;
	height:350px;
	width:450px;
	position:absolute;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 1px rgba(0,0,0,0.75);
    padding-top:25px;
    right: 10px;
}
.HeadTabUserDiv ul{
	clear:both;	padding:10px;
}
.HeadTabUserDiv ul li{
 	display: inline-block;
	width:110px;
	height:90px;
	list-style: none ;
	}
.HeadTabUserDiv a{
	color:#000;
}
.HeadTabUserDiv:after {
	bottom: 100%;
	right: 70px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #FFF;
	border-width: 8px;
	margin-left: -8px;
}
.HeadTabUserDiv .HTUDBtns{
    width: 20%;
    float: right;
     color: #A32668;
    font-weight: bold;
}
.HeadTabUserDiv .HTUDBtns i{
    font-size: 3em;
     color: #A32668;
}
.HeadTabUserDiv .HTUDUPTXT{/** عذه يتم تغيرها بالعكس حسب اللغة بواسطة الجافا سكربت Application.js */
    width: 25%;
    padding-top: 10px;
    font-weight: bold;
    padding-bottom: 10px;
}
.HeadTabUserDiv .TXTColor{ /** عذه يتم تغيرها بالعكس حسب اللغة بواسطة الجافا سكربت Application.js */
    color: #DC1E64;
}
.HeadTabUserDiv .DivLastNofi{
    clear: both;
    width: 100%;
    background-color: #EDDCDC;
    font-weight: bold;
}
/** اشعارات لعلوض الخاصة بىالعضو بعد دخوله */
.UserNoficationDiv{
    height: 210px;
    overflow-y: auto;
    width: 100%;
}
.UserNoficationDiv .MGNOT{
    background-color: #FCFCFC;
    border-bottom: 2px solid #fff;
    display:table;
    width: 100%;
}
.UserNoficationDiv .NewNotfi{ 
  background-color:  #fffcfc;
  font-weight: bold;
}
.UserNoficationDiv .MGNOTR{
    width: 20%;
    background-color: inherit;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
    display:table-cell;
}
.UserNoficationDiv .MGNOTL{
    width: 80%;
    background-color: inherit;
    padding-top: 5px;
    padding-bottom: 10px;
    display:table-cell;
}
.MGNOTR i{
    color: #DC1E64;
    font-size: 20px;
}
.HeadUserIcons{
    padding-top: 5px;
    margin-right: 70px;
     color: #A32668;
    float: right;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
}
.HeadUserIcons i:hover{
   
    color: #fff;
}
.HeadUserIcons i{
    font-size: 3em;
    cursor: pointer; color: #A32668;
}
.HeadUserIcons a{
    color:#fff;
}
.badge1 {
   position:relative;
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-10px;
   right:26px;
   font-size:13px;
   font-weight: bold;
   background:#fff600;
   color:#A32668;
   width:23px;height:23px;
   text-align:center;
 
   border-radius:50%;
   box-shadow:0 0 1px #333;
}
.NofTime{
    font-style: italic;
    font-weight: bold;
    font-size: 10px;
}
/** صحة خدمة الزبائن  راسلنا */
.ContactusIndexDiv{
    float:right;width:33%;text-align: center;
}
.ContactusHref{
    Color:#000;
}
/** البوم صور العضو */
.IMGBlockAlbumView{
    float: right;
    width: 215px;
    padding: 20px;
    text-align: center;
    background-color:#FAF9F9;
    margin-right: 10px;
    margin-bottom: 30px;
}
.IMGBlockAlbumView .IMGAlbumInfo{

}
/** online stander page */
.ProfileIMGOnlinePage{
    max-height: 35px;
    max-width: 35px;
    vertical-align: middle;
    border-radius: 50%;
}
#OnlinePage tr:nth-of-type(odd) {
      background-color:#FCFCFC;
}
#OnlinePage tr:nth-of-type(even) {
       
}
#OnlinePage td {
    height: 60px;
}
#OnlinePage .HTD {
    height: 30px;
}
.ChatICPageOnline{
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
}
/** بعد التسجيل */
.AfterReg2{
    margin-right: auto;
    width: 80%;
    margin-left: auto;
}
.AfterReg2 a,.AfterReg2 a:visited{
    color:#A32668;
}
/** قائمة العضو  داخل صفحة ادارة حسابي*/
.MenuTableUser i,.MenuTableUser i:visited{
    font-size: 7em;
    color:#878787;
}
.MenuTableUser i:hover{
    color:#A32668;
}
.MenuTableUser{
    width: 100%;
}
/** الدردشة الوان */
.ChatBoxHead{
    background-color: #A32668 !important;
}
.ChatBoxFooter{
    background-color: #A32668 !important;
}