﻿
.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-top:0px;    
 background-color: #ffffff;    
    }     
  
  .ImgScl
  {
    width: 100%;
    height: auto;
  }  
  
    .TEXT_BOX_FIELD
    {
        /*border*/
         border-radius: 24px;
         padding: 0px 10px 0px 5px;
         border-style:   solid;
         border-color:  #9acd57;
         border-width: 3px;
         /**/
         background: #ffffff;
         font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
         color: #000000;
         font-size: 25px;
         font-weight:   bold;
         line-height:25px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:445px;
     height:90px;
    }

.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: #000000;
         font-size: 23px;
         font-weight:   bold;
         line-height:20px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:445px;
     height:90px;
    }


    
.requiredText   
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #ff0000;
     font-size:18px;
 } 
 
 .message_error
 {
	font-size: 10px;
	font-weight:bold;
    color: #000000;     
     } 
     
 .ContactMsgSentName
 {
    direction:rtl;
    color:#f26f00;
    font-weight:bold; 
    line-height: 30px;
    font-size: 20px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}

 .ContactMsgSentText
 {
    direction:rtl;
    color:#000000;
    font-weight:bold; 
    line-height: 30px;
    font-size: 20px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}   

.redirectText
{
    line-height: 30px;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    color: #000000;
    font-weight: bold;
    }
    
.redirectTextTimer
 {
   line-height: 30px;
   font-size: 18px;
   font-family: 'Droid Arabic Kufi', Arial, David, Tahoma; 
   color: #f26f00;
   font-weight: bold;
    }  
    

#mainPage1    
{position:relative; width:1184px;  height:900px;  background-image:url('../Images/med1comp.jpg'); background-repeat: no-repeat}
    
 #fnameField
 {
     position:absolute; 
     bottom:497px; 
     right:67px;
     width:445px;
     height:90px;
}   
 

  #lnameField
 {
     position:absolute; 
     bottom:392px; 
right:67px;
     width:445px;
     height:90px;
} 

 #phoneField  
 {
     position:absolute; 
     bottom:287px; 
right:67px;
     width:445px;
     height:90px;
}

 #emailField   
 {
     position:absolute; 
     bottom:182px; 
right:67px;
     width:445px;
     height:90px;
}
     
#DepField
{
     position:absolute; 
     bottom:624px; left:206px;
     width:392px;
     height:64px;
}     
    
#Button_div    
{
position:absolute; 
bottom:47px; 
right:145px;
width:261px;
height: 109px;
}


#GoToReg    
{position:absolute;  top:22px; 
left:169px; 
height:48px; 
width: 257px; 
cursor:pointer;
}

    
#mainPage2
{position:relative; width:1000px; height:836px; background-image:url('../Images/med2response.jpg'); background-repeat: no-repeat}

#messageBox
{position:absolute; width:641px; height:154px; top: 664px; 
left: 179px;
}

.sendImageUrl
{
    width:261px;
    height: 109px;
    background-image:url('../Images/regMedComp.png');
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer; 
    background-color:transparent;   
    }
    
   
#webLink
{position:absolute;   bottom:123px; 
left:80px; 
height:32px; 
width: 276px; 
cursor:pointer; right: 724px;
}


#mailLink
{position:absolute;   bottom:52px; 
left:155px; 
height:46px; 
width: 53px; 
cursor:pointer; right: 872px;
}

#facebook
{position:absolute;   bottom:48px; 
left:231px; 
height:58px; 
width: 58px; 
cursor:pointer; right: 791px;
}

#instagram
{position:absolute;   bottom:50px; 
left:317px; 
height:49px; 
width: 53px; 
cursor:pointer; right: 710px;
}


#Callme
{
position: absolute;
    bottom: 22px;
    left: 108px;
    height: 28px;
    width: 207px;
    cursor: pointer;
    right: 478px;
}



/*open for mobile*/
@media only screen and (max-width: 1000px)
{
   .TEXT_BOX_FIELD
    {
        /*border*/
         border-radius: 24px;
         padding: 0px 10px 0px 5px;
         border-style:   solid;
         border-color:  #9acd57;
         border-width: 3px;
         /**/
         background: #ffffff;
         font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
         color: #000000;
         font-size: 25px;
         font-weight:   bold;
         line-height:25px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:538px;
     height:112px;
    }

.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: #000000;
         font-size: 23px;
         font-weight:   bold;
         line-height:20px;
	     margin-top: 0px;
         direction:rtl;
         /*background-color:transparent;*/
     width:538px;
     height:112px;
    }


    
.requiredText   
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #ff0000;
     font-size:18px;
 } 
 
 .message_error
 {
	font-size: 10px;
	font-weight:bold;
    color: #000000;     
     } 
     
 .ContactMsgSentName
 {
    direction:rtl;
    color:#f26f00;
    font-weight:bold; 
    line-height: 30px;
    font-size: 20px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}

 .ContactMsgSentText
 {
    direction:rtl;
    color:#000000;
    font-weight:bold; 
    line-height: 30px;
    font-size: 20px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}   

.redirectText
{
    line-height: 30px;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    color: #000000;
    font-weight: bold;
    }
    
.redirectTextTimer
 {
   line-height: 30px;
   font-size: 18px;
   font-family: 'Droid Arabic Kufi', Arial, David, Tahoma; 
   color: #f26f00;
   font-weight: bold;
    }  
    
    

#mainPage1    
{position:relative; width:1000px;  height:2247px;  background-image:url('../Images/med1mobile.jpg'); background-repeat: no-repeat}
    
 #fnameField
 {
     position:absolute; 
     top:531px; 
     right:235px;
     width:538px;
     height:112px;
}   
 

  #lnameField
 {
     position:absolute; 
     top:658px; 
right:235px;
     width:538px;
     height:112px;
} 

 #phoneField  
 {
     position:absolute; 
     top:785px; 
right:235px;
     width:538px;
     height:112px;
}

 #emailField   
 {
     position:absolute; 
     top:912px; 
right:235px;
     width:538px;
     height:112px;
}
     
#DepField
{
     position:absolute; 
     bottom:624px; left:206px;
     width:392px;
     height:64px;
}     
    
#Button_div    
{
position:absolute; 
top:1053px; 
right:339px;
    width:312px;
    height: 135px;
}


#GoToReg    
{position:absolute;  top:50px; 
left:338px; 
height:71px; 
width: 361px; 
cursor:pointer;
}

    
#mainPage2
{position:relative; width:1000px; height:836px; background-image:url('../Images/med2response.jpg'); background-repeat: no-repeat}

#messageBox
{position:absolute; width:641px; height:154px; top: 664px; 
left: 179px;
}

.sendImageUrl
{
    width:312px;
    height: 135px;
    background-image:url('../Images/regMedMobile.png');
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer; 
    background-color:transparent;   
    }
    
   
#webLink
{position:absolute;   bottom:123px; 
left:80px; 
height:32px; 
width: 276px; 
cursor:pointer; right: 724px;
}


#mailLink
{position:absolute;   bottom:52px; 
left:155px; 
height:46px; 
width: 53px; 
cursor:pointer; right: 872px;
}

#facebook
{position:absolute;   bottom:48px; 
left:231px; 
height:58px; 
width: 58px; 
cursor:pointer; right: 791px;
}

#instagram
{position:absolute;   bottom:50px; 
left:317px; 
height:49px; 
width: 53px; 
cursor:pointer; right: 710px;
}


#Callme
{position:absolute;    bottom:30px; 
left:270px; 
height:35px; 
width: 282px; 
cursor:pointer; right: 448px;
}



}
/*end for mobile*/
