﻿
/*
body
{
    background-position: center top;
    font-size: 12px !important;
    margin: 0px;
    padding: 0px;
    direction: ltr;
    background-image: url('../Images/back.JPG');
    background-repeat: no-repeat;

}

*/

.body {
   background-image: url('../Images/bg.jpg');
  background-repeat:no-repeat;
  margin-top:1px;

}

fieldset 
{
    width:98%;
    padding:4px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
}
table
{
  /*  width:100%;*/
    padding: 0;
    border: 0 none;

}
td
{
     /* vertical-align:top; */
}
strong
{color:Red;
    }
    .valid
{
    color: Red;
    font-size: 14px;
    border: 2px inset;
    background-color: #FFFFFF;
}
 
  .tdLabel
    {
        width:120px;
        padding-left:3px;
     text-align:left;
     vertical-align:middle;
     font-family:Segoe UI;
     font-size:12px;
     color:#000;
     
        }
        
         .tdControl
    {
         width:220px;
          text-align:left;
        }
         
         .tdValid
    {
         width:5px;
         color:Red;
         font-weight:bold;
        }
.PageTitle
{
    font-size: 16px;
    font-weight: bold;
  
    font-variant: normal;
    text-transform: capitalize;
    padding: 5px 4px 1px 4px;
    margin: 1px;
    width :100%;
     font-family:Segoe UI;
     color:#074974;
}


legend
{
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    font-variant: normal;
    text-transform: capitalize;
   color:#074974;
    padding: 5px 4px 1px 4px;
    margin: 1px;
    font-family:Segoe UI;
}


.page
{
    width:100%;
    margin: 0px auto 0px auto;
    padding-bottom: 0px;
    background-color:#fff;
    text-align:center;
    
   
border:0px solid #fafafa;text-align:left; color:#056735;
text-align:center

}
/*
#input 
{
    width:50px;
    height:18px;
    font:10px;
    }
*/



.clear
{
    clear: both;
}
.AlertMessage
{
    color: #FF0000;
    background-color: #FFFFF0;
    font-size: 14px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    position:fixed ;
    width: 957px;
    padding: 5px;
    margin: 0;
    border: 2px solid #496077;
    z-index: 8000;
}
 .SuccessMessage
{
    background-color: #FFFFF0;
    color: #003366;
    font-size: 14px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    position:relative;
    width: 957px;
    padding:5px;
    margin: 0;
    border: 2px solid #496077;
}
.CloseMessage
{
    font-size: 12px;
    color: #D55500;
    font-weight: bold;
    float: right;
    cursor: pointer;
}

 .headerSeperator
 {height:3px;
     }

.hidden
{
    visibility: hidden;
    display: none;
}




.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}



/* CSS for */
/* by designer Aml Ahmed Mhmoud - E-mail : */
/* copyrights are reserved to COMPANY-NAME */

/******************************* Main , structural, positioned Elements **********************************/


*
{ margin:10; padding:0;}


#header
{
	margin-top:20px;
	
}
#header2
{background-image:url(../images/banner.jpg);background-repeat:no-repeat;height:124px; background-position:center; margin-top:2px;background-size: 40%;
 background-image:url()
}

#header2_ar
{background-image:url(../images/banner_ar.jpg);background-repeat:no-repeat;height:124px; margin-top:2px;background-size: 40%;}


/* 
#footer
{  text-align:center; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background-color:#000; width:100%;text-decoration:none; vertical-align:middle; }

#footer a:link 
{ text-align:center; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;background-color:#000; width:100%;text-decoration:none; vertical-align:middle;}

#footer a:visited 
{ text-align:center; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background-color:#000; width:100%;text-decoration:none; vertical-align:middle;}

#footer a:hover 
{  text-align:center; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background-color:#000; width:100%;text-decoration:none; vertical-align:middle;}

#footer a:active
{  text-align:center; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;  background-color:#000; width:100%;text-decoration:none; vertical-align:middle;} /*
/************************************************* header ***********************************************/
.logo{ clear:both;padding-top:15px; float:left; width:500px;}
.logo a img { border:none; float:left;  margin-right:5px; margin-left:10px;}
.logo h2{ font-size:24px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal; color:#222222; padding-top:20px;}
.logo span { font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#929292;}


.loginarea{ float:right;}
.menudiv
{
   
 padding:0px;

    width: 100%;
    position:inherit;
    
   font:11px Verdana,Arial;
   
    
   
}
/* background-image:url(../images/wlcm.png); background-repeat:no-repeat;*/
.loginarea table.welcome {background-color:#fff; width:50px; height:25px; margin-top:0px; margin-left:20px; font-family:Verdana, Geneva, sans-serif;  font-size:12px;  padding-left:5px; border-right:1px solid #FFF;}
/*.loginarea div.welcome { background-image:url(../images/wlcm.png); background-repeat:no-repeat; width:214px; height:30px; margin-top:10px; margin-right:15px; font-family:Verdana, Geneva, sans-serif;  font-size:12px;  padding-left:5px; border-right:1px solid #FFF;}
.loginarea div.welcome label { color:#5e5e5e; padding-top:8px; display:inline-block; }*/
.loginarea table.welcome label { color:#056735; padding-top:8px; display:inline-block; }
.loginarea table.welcome span { color:#056735; margin-left:4px; padding-top:8px;}
.loginareabtn
{
    border-style: none;
    border-width: 0px;
    color: #056735;
    text-decoration: none;
      display: inline-block;
      background-color:#fff;
    margin-top: 0px; /* padding: 5px 4px;*/
   
    padding-right: 3px;
    padding-left: 3px;
}

.loginarea p.drop { background-image:url(../images/dropmenubg.png); width:218px; height:23px; }

.loginarea p.drop label
{
    color: #3353ff;
    margin-left: 12px;
    font-size: 12px;
    width: 100px;
}

.loginarea p.drop select { margin-left:5px; width:155px; float:right; margin-right:5px; margin-top:2px;}
/************************************************* login **************************************************/
.loginimg img { float:left; margin-top:0px;}
.loginmodel{ width:341px; height:338px;text-align:center; padding-top:20px; background-color:fff;}

.loginmodel label {  clear:both;font-family:Calibri; font-size:17px; color:#5E5E5E; float:left;  margin-top:10px; margin-bottom:5px; margin-left:27px; }

.loginmodel input.inputlogin {  clear:both;background-image:url(../images/logininput.png); width:288px; height:26px; border:none; background-color:transparent; }
.loginmodel a { clear:both; float:left; color:#FFF; font-size:14px; text-decoration:none; font-family:Calibri; width:44%; margin-top:25px;}

.loginmodel  p { float:right; width:40%; margin-top:5px;}
.loginmodel  p  input.check{ float:left; margin-right:3px;  }
.loginmodel  p  span { font-size:13px; font-family:Calibri; color:#5e5e5e; float:left;}
/*margin-right:150px;*/
.loginmodel input.loginbutton{  clear:both; float:right; margin-top:40px ; background-image:url(../images/loginbutton.png); width:98px; height:35px; border:none; background-color:transparent; } 
.loginmodel input.loginbutton_ar{  clear:both; float:right; margin-top:40px ; background-image:url(../images/loginbutton_ar.png); width:98px; height:35px; border:none; background-color:transparent; }

.loginmodel input.SignUpButton{  clear:both; float:right; margin-top:40px ; background-image:url(../images/SignUpbtn.png); width:98px; height:35px; border:none; background-color:transparent; }
.loginmodel input.SignUpButton_ar{  clear:both; float:right; margin-top:40px ; background-image:url(../images/SignUpbtn.png); width:98px; height:35px; border:none; background-color:transparent; }

.questions { clear:both; width:100%; margin-left:20px;}

.singq{ width:281px; background-color:#f1f1f1; height:50px; float:left; margin-right:15px; text-align:center ; padding-top:30px;}

.singq a {color:#3378ff; text-decoration:none; }

.singq a:hover { text-decoration:underline; }

img.botom { margin-bottom:-10px;}
/********************************************nav**********************************************

#nav ul { list-style:none; display:inline;}
#nav ul li { float:left; padding:12px 20px; }
#nav ul li a { text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#5E5E5E;}
#nav ul li a:hover { color:#3353ff;}
#nav ul li a.activelink { color:#3353ff;}*/

/***********************************************Content internal **********************************/
.internalcontent
{
    margin: 0px 0px 40px 0px;
    min-height: 330px;
    width: 100%;
    vertical-align: top;
    text-align: center;
   /* text-align: left; */
    font-size: 12px;
}



/*rows Office2007*/

.RadGrid_Office2007 .rgRow td,
.RadGrid_Office2007 .rgAltRow td,
.RadGrid_Office2007 .rgEditRow td,
.RadGrid_Office2007 .rgFooter td
{
	border-style:solid;
	border-width:0 0 1px 1px;
}


.RadGrid_Office2007 .rgSelectedRow td,
.RadGrid_Office2007 .rgActiveRow td,
.RadGrid_Office2007 .rgHoveredRow td,
.RadGrid_Office2007 .rgEditRow td
{
	border-left:0;
	padding-left:8px;
}



.RadGridRTL_Office2007 .rgHeader:first-child,
.RadGridRTL_Office2007 th.rgResizeCol:first-child,
.RadGridRTL_Office2007 .rgFilterRow>td:first-child,
.RadGridRTL_Office2007 .rgRow>td:first-child,
.RadGridRTL_Office2007 .rgAltRow>td:first-child
{
	border-left-width:1px;
	padding-left:7px;
}



div.RadGrid_Office2007 .rgRow td {

	padding: 0px;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}

div.RadGrid_Office2007 .rgAltRow td {

	padding: 0px;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}


/************to let rad windows shwow above menu******************/
div.windowZIndex
{
    z-index: 7010 !important;
}


.FixedLike {
width:200px; height:25px;
border:1px solid #056735;text-align:left; color:#000;
padding-left:5px;
padding-right:5px;
vertical-align:bottom;

/* shadow */
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .30);
-moz-box-shadow: 	0 0 4px rgba(0, 0, 0, .30);
box-shadow: 		0 0 4px rgba(0, 0, 0, .30);

/* carve */
-webkit-border-radius: 0px; /* Safari prototype */
-moz-border-radius: 0px;   /* Gecko browsers */
border-radius: 0px;
}



.login_box
{
    font-family:Arial, Helvetica, sans-serif;
	border:1px solid #056735;text-align:left; color:#056735;
	font-size:16px;
	color:#000;
	font-weight: bold;
	background-color:#fbfbfb;
	width:400px;
	margin-top:10px;
	text-align:center;
	padding-left:20px;
	padding-top:5px;
	height:300px;
	
	
	/* shadow */
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .30);
-moz-box-shadow: 	0 0 4px rgba(0, 0, 0, .30);
box-shadow: 		0 0 4px rgba(0, 0, 0, .30);


/* carve */
-webkit-border-radius: 4px; /* Safari prototype */
-moz-border-radius: 4px;   /* Gecko browsers */
border-radius: 4px;
}




.home_b
{
   background-image:url(../Images/home_b.jpg); width:87px; height:31px;
   color:#000;  border-color:#fff;
   }
   
   .home_b:hover
{
   background-image:url(../Images/home_b_ov.jpg); width:87px; height:31px;
   border-color:#fff;
   }
  
   
   .arabic_b
   { background-image:url(../Images/arabic_b.jpg); width:87px; height:31px;
   border-color:#fff;
   }
   
    .arabic_b:hover
   { background-image:url(../Images/arabic_b_ov.jpg); width:87px; height:31px;
    border-color:#fff;
   }
   
   
   .image
   {
        background-image:url(../images/slider-2.jpg); width:1950px; height:470px !important;
        background-position:center; 
        background-repeat: no-repeat;  text-align:right;
         
    }
    
     .image2
   {
       background-image:url(../images/image2.jpg); width:940px; height:526px !important;
        background-position:center; 
        background-repeat: no-repeat;  text-align:right;
         
    }
    
    .tilte
    {
       font-family:Arial;
       font-size:30px;font-weight: bold;
       color:#000}
       
           .login_text
    {
       font-family:Arial;
       font-size:14px;font-weight: bold;
       color:#000;
       }
       
     /*  .visitor_icon
       {
       background-image:url(../images/visitors_icon.png); width:100px; height:80px;
        background-position:center bottom;
        background-repeat: no-repeat; } 
        
        .visitor_icon:hover
       {
       background-image:url(../images/visitors_icon_h.png); width:100px; height:80px;
        background-position:center bottom;
        background-repeat: no-repeat;  } 
        
        
        
          .client_icon
       {
       background-image:url(../images/client2.png); width:130px; height:116px;
        background-position:center bottom;
        background-repeat: no-repeat;   } 
        
        .client_icon:hover
       {
       background-image:url(../images/client2_h.png); width:130px; height:116px;
        background-position:center bottom;
        background-repeat: no-repeat;  } 
        
        .lab_icon
       {
       background-image:url(../images/lab_icons.png); width:100px; height:80px;
        background-position:center bottom;
        background-repeat: no-repeat;   } 
        
        .lab_icon:hover
       {
       background-image:url(../images/lab_icons_h.png); width:100px; height:80px;
        background-position:center bottom;
        background-repeat: no-repeat;  } 
        
           .admin_icon
       {
       background-image:url(../images/admin2.png); width:130px; height:116px;
        background-position:center bottom;
        background-repeat: no-repeat;   } 
        
        .admin_icon:hover
       {
       background-image:url(../images/admin2_h.png); width:130px; height:116px;
        background-position:center bottom;
        background-repeat: no-repeat;  } 
        
              .individual_icon
       {
       background-image:url(../images/Individual.png); width:150px; height:136px;
        background-position:center bottom;
        background-repeat: no-repeat;   } 
        
        .individual_icon:hover
       {
       background-image:url(../images/Individual_h.png); width:150px; height:136px;
        background-position:center bottom;
        background-repeat: no-repeat;  } 
        
        
        .doctor_icon
       {
       background-image:url(../images/doctor.png); width:130px; height:118px;
        background-position:center bottom;
        background-repeat: no-repeat;   } 
        
        .doctor_icon:hover
       {
       background-image:url(../images/doctor_h.png); width:130px; height:118px;
        background-position:center bottom;
        background-repeat: no-repeat;  } 
        .home_text{font-family: Arial; font-size: 14px;
                    color: #000; font-weight: bold;}
                    
     .home_text:hover{font-family: Arial; font-size: 14px;
                    color: #056735; font-weight: bold;} */
                    
                 
/* Defult page */

.tcorners{
    border-radius: 25px;
	/*background: #edf7fc;
    opacity:.5;*/
  	box-shadow: 8px 8px 5px #8998a0;
    border: 2px solid #106185;
    padding: 20px; 
    width: 200px;
    height: 150px; 
    text-align:center;
}


.opcity{
    
	background: #fff; 
	 opacity: 0.6;
	}
	
.b-Language{
	 color: #0a4a68;
     font:Verdana, Geneva, sans-serif;
	 font-size:20px;
	 font-weight: bold;
	 text-decoration:none;
	 font-weight: bold;  
	 text-align:center;
	    
	 	}
/* visited link */
.b-Language a:visited {
    color: #29295e;
	font:Verdana, Geneva, sans-serif;
	 font-size:20px;
	 font-weight: bold;
	 text-decoration:none;
	 font-weight: bold;  
}

/* mouse over link */
.b-Language a:hover {
    color: #29295e;
	font:Verdana, Geneva, sans-serif;
	 font-size:20px;
	 font-weight: bold;
	 text-decoration:none;
	 font-weight: bold;  ;
}

/* mouse over link */
.b-Language a:link {
    color: #06453a;
	font:Verdana, Geneva, sans-serif;
	 font-size:20px;
	 font-weight: bold;
	 text-decoration:none;
	 font-weight: bold;  
}


.b-Language a:active {
    color: #06453a;
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	 font-weight: bold;
	 text-decoration:none;
	 font-weight: bold;  
}

.txt-button
{  text-align:center; color:#06453a; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }


.txt-button a:visited 
{  text-align:center; color:#29295e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }

.txt-button a:hover 
{  text-align:center; color:#29295e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }


#footer
{  text-align:center; color:#0a4a68; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }

#footer a:link 
{  text-align:center; color:#0a4a68; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }

#footer a:visited 
{  text-align:center; color:#0a4a68; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }

#footer a:hover 
{  text-align:center; color:#0a4a68; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }

#footer a:active
{  text-align:center; color:#0a4a68; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; width:100%;text-decoration:none; vertical-align:middle; margin-top:10; font-weight: bold;  }


  .admin_icon
       {
       background-image:url(../images/curve-admin.png); width:180px; height:57px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
        .admin_icon:hover
       {
       background-image:url(../images/curve-admin-ov.png); width:180px; height:57px;
        background-position:center;
        background-repeat: no-repeat;  } 
        
        
        .individual_icon
       {
       background-image:url(../images/curve-individual.png); width:180px; height:57px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
        .individual_icon:hover
       {
       background-image:url(../images/curve-individual-ov.png); width:180px; height:57px;
        background-position:center;
        background-repeat: no-repeat;  } 
        
        
         .hospital_icon
       {
       background-image:url(../images/curve-hospital.png); width:180px; height:57px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
        .hospital_icon:hover
       {
       background-image:url(../images/curve-hospital-ov.png); width:180px; height:57px;
        background-position:center;
        background-repeat: no-repeat;  } 
        
        
      .center_icon
       {
       background-image:url(../images/curve-centers.png); width:180px; height:57px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
        .center_icon:hover
       {
       background-image:url(../images/curve-centers-ov.png); width:180px; height:57px;
        background-position:center;
        background-repeat: no-repeat;  } 
        
         .doctor_icon
       {
       background-image:url(../images/curve-doctor.png); width:180px; height:57px;
        background-position:center ;
        background-repeat: no-repeat;   } 
        
        .doctor_icon:hover
       {
       background-image:url(../images/curve-doctor-ov.png); width:180px; height:57px;
        background-position:center;
        background-repeat: no-repeat;  } 
        
        
       
.button-text
{  text-align:center; color:#074668; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;}

.button-text a:link 
{  text-align:center; color:#074668; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;}

.button-text  a:visited 
{  text-align:center; color:#04273a; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;}

.button-text a:hover 
{  text-align:center; color:#04273a; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;}

.button-text a:active
{  text-align:center; color:#074668; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;}
        
/*  End Defult page */