﻿
.darabicKfont
{
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
 }
 
 .darabicKfontBold
{
    font-size: 12px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    font-weight: bold;
 }     
body
{
 margin:0px;    
 background-color: #ffffff; 
    }     
  

  .ImgScl
  {
    width: 100%;
    height: auto;
  }  
  
    .TEXT_BOX_FIELD
    {
        /*border*/
         border-radius: 20px;
         padding: 0px 10px 0px 5px;
         border-style:   solid;
         border-color:  #979797;
         border-width: 1px;
         /**/
         background: #ffffff;
         font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
         color: #616161;
         font-size: 20px;
         font-weight:   normal;
         line-height:20px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:250px;
     height:42px;
    }

.DropDown_BOX_FIELD    {
        /*border*/
         border-radius: 20px;
         padding: 0px 10px 0px 5px;
         border-style:   solid;
         border-color:  #979797;
         border-width: 1px;
         /**/
         background: #ffffff;
         font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
         color: #616161;
         font-size: 20px;
         font-weight:   normal;
         line-height:20px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:266px;
     height:45px;
    }


     
 .ContactMsgSentName
 {
    direction:rtl;
    color:#f26f00;
    font-weight:normal; 
    line-height: 30px;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}

 .ContactMsgSentText
 {
    direction:rtl;
    color:#000000;
    font-weight:normal; 
    line-height: 30px;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}   



#mainPage1    
{position:relative; width:620px;  height:600px;  background-image:url('../Images/formBackZ.png'); background-repeat: no-repeat}
        
    


 #nameField
 {
     position:absolute; 
     top:160px; 
left:176px;
     width:250px;
     height:42px;
}   
 
 #phoneField  
 {
     position:absolute; 
     top:224px; 
     left:176px;
     width:250px;
     height:42px;
}

 #emailField   
 {
     position:absolute; 
     top:288px; 
left:176px;
     width:250px;
     height:42px;
}
     
#DepField
{
     position:absolute; 
      top:354px; 
left:176px;
     width:266px;
     height:45px;
}     
    
#Button_div    
{
position:absolute; 
bottom:60px; 
left:250px;
height:37px; width:107px;
}

#messageBox
{
    position:absolute; width:100%; height:300px; top: 200px; right:10px;
}

.sendImageUrl
{
    width:107px;
    height: 37px;
    background-image:url('../Images/rego.png');
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer; 
    background-color:transparent;   
    }
    
 

  
#webLink
{position:absolute;   bottom:6px; 
left:17px; 
height:26px; 
width: 33px; 
cursor:pointer; ;
}

#facebook
{position:absolute;   bottom:5px; 
left:173px; 
height:29px; 
width: 29px; 
cursor:pointer;
}

#instagram
{position:absolute;   bottom:5px; 
left:223px; 
height:28px; 
width: 29px; 
cursor:pointer;
}


.mjalZoom
{width:160px; height:251px;}

.cardZoom
{width:276px; height:334px; float: right; width: auto; margin-right:25px}

.progtitle
{width:221px; height:38px;}


.cardback   
{position:relative; width:276px; height:334px;  background-image:url('../Images/cardfill.png'); background-repeat: no-repeat; float: right;margin-right:25px; cursor: pointer}

.cardbacknew 
{position:relative; width:276px; height:334px;  background-image:url('../Images/cardfill_msar.png'); background-repeat: no-repeat; float: right;margin-right:25px; cursor: pointer}


.EventParentF   
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #000000;
     font-size:20px;
     font-weight: bold;
 }

.EventProgF   
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #000000;
     font-size:16px;
     font-weight: bold;
 }

.EventDayF   
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #000000;
     font-size:18px;
     font-weight: normal;
 }

.EventDateF   
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #000000;
     font-size:18px;
     font-weight: bold;
 }  

.EventTimeF   
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #000000;
     font-size:20px;
     font-weight: bold;
 }

.ChooseProgF  
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #000000;
     font-size:14px;
     font-weight: normal;
 }

.ChooseProgFSpan  
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #000000;
     font-size:14px;
     font-weight: bold;
 }

.banner
{width:415px; height:104px;}


.info1
 {
position:absolute;   top:733px; 
left:223px; 
height:50px; 
width: 521px; 
cursor:pointer; right: 256px;
}


    .windowComp {
  display: block; 
  position: fixed;
  z-index: 1; 
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  overflow: auto; 
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.window-content {
  background-color: transparent;
  margin: auto;
  padding: 20px;
  /*border: 1px solid #888;*/
  width: 630px;
}

.closeBtnPos
{position:absolute; 
  top:29px; 
right:27px; 
height:41px; 
width: 45px; 
cursor:pointer;
}


/*tabs open*/
.tabContainer {
        margin: 10px 0;
        width: 100%;
    }

        .tabContainer .digiTabs {
            list-style: none;
            display: block;
            overflow: hidden;
            margin: 0;
            padding: 0px;
            position: relative;
            top: 1px;
        }

            .tabContainer .digiTabs li {
                float: right;
                background-color:  transparent ;
                /*border: 1px solid #0e8016;*/
                padding: 5px !important;
                cursor: pointer;
                border-bottom: none;
                margin-right: 12px;
                color: #fff;
            }

            /*
            .tabContainer .digiTabs li:hover {
                background-color: #a3cb37;

            }*/


            .tabContainer .digiTabs #tab2_str:hover, .tabContainer .digiTabs #tab4_str:hover { background-color: #a3cb37 !important;} /* { background-color: #a3cb37 !important;}*/
            .tabContainer .digiTabs #tab1_str:hover, .tabContainer .digiTabs #tab3_str:hover, .tabContainer .digiTabs #tab5_str:hover { background-color: #e6812b !important;} /*{ background-color: #e6812b !important;}*/

            .tabContainer .digiTabs .selected {
                background-color: #e6e6e6;
                color: #000000;
                /*border: 1px solid #000000;*/
            }

    .tabContent {
        padding: 10px;
        background-color: #e6e6e6;
        overflow: hidden;
        float: right;
        margin-bottom: 10px;
        border: 1px solid #e6e6e6;
        width: 100%;
        line-height: 24px;
    }

    .details {
        color: #084573;
    }

/***end tabs**/

.regbanner
{
width:630px;
height: 85px;
cursor: pointer;
}

/*open for 1000 and up*/
@media only screen and (min-width: 631px) 
{
#mainPage0   
{position:relative; width:1000px;  height:236px;  background-image:url('../Images/mainBannerD.jpg'); background-repeat: no-repeat}

#VTLink
{
position:absolute;
bottom:77px; 
left:804px; 
height:110px; 
width: 118px; 
cursor:pointer; right: 78px;
    margin-bottom: 0px;
}


 #tabs {  width: 960px;}

 #bedtab
     { width:160px;  height:251px;  background-image:url('../Images/bed.png'); background-repeat: no-repeat} 

 #medtab
     { width:160px;  height:251px;  background-image:url('../Images/med.png'); background-repeat: no-repeat} 
 #mekhtab
     { width:160px;  height:251px;  background-image:url('../Images/mekh.png'); background-repeat: no-repeat} 
 #estkmltab
     { width:160px;  height:251px;  background-image:url('../Images/estkml.png'); background-repeat: no-repeat} 
 #momtab
     { width:160px;  height:251px;  background-image:url('../Images/mom.png'); background-repeat: no-repeat} 


#vidwidth
{width: 1000px; clear: both}

#vid1
 {float: right; margin:5px;border:4px solid #a3cb37}

#vid2 {float: right;margin:5px;border:4px solid #e6812b}

#contactB    
{position:relative; width:263px;  height:46px;  background-image:url('../Images/contact.png'); background-repeat: no-repeat}

}


/*open for mobile*/
@media only screen and (max-width: 630px)
{

#contactB    
{position:relative; width:263px;  height:46px;  background-image:url('../Images/contact.png'); background-repeat: no-repeat; margin-left: 100px}


 #tabs {  width: 630px;}

 #bedtab
     { width:100px;  height:157px;  background-image:url('../Images/bed_mob.png'); background-repeat: no-repeat} 

 #medtab
     { width:100px;  height:157px;  background-image:url('../Images/med_mob.png'); background-repeat: no-repeat} 
 #mekhtab
     { width:100px;  height:157px;  background-image:url('../Images/mekh_mob.png'); background-repeat: no-repeat} 
 #estkmltab
     { width:100px;  height:157px;  background-image:url('../Images/estkml_mob.png'); background-repeat: no-repeat} 
 #momtab
     { width:100px;  height:157px;  background-image:url('../Images/mom_mob.png'); background-repeat: no-repeat} 


#vidwidth
{width: 100%; clear: both; text-align:center}

#vid1
 { margin-bottom:30px;clear: both; margin-left:60px }

#vid2 {clear: both;margin-left:60px}


#mainPage0   
{position:relative; width:630px;  height:341px;  background-image:url('../Images/mobile-banner.png'); background-repeat: no-repeat}

    #whatsapp
{position:absolute;   bottom:3px; 
left:69px; 
height:29px; 
width: 38px; 
cursor:pointer; right: 156px;
}

#waze
{position:absolute;    bottom:6px; 
left:122px; 
height:26px; 
width: 34px; 
cursor:pointer; right: 107px;
}
}
/*end for mobile*/
