@font-face
{
font-family: FuturaLight;
src: url('../Fonts/DINNextLTArabic-Light.eot') ,url('../Fonts/DINNextLTArabic-Light.ttf') ;
}
body {
    padding:0px;
    margin:0px;
    font-family:FuturaLight;
    font-size:15px;
    overflow-x:hidden;
}

#Footer td {

    background-color: #e5e5e5; margin: 0 auto;
    /*min-height:130px;*/
}

    #Footer td div {
        width:960px; margin:0 auto;
    }

.FooterTable {
    height:105px;
    padding:10px;
}

.divNews {
 background: none repeat scroll 0 0 rgba(5, 57, 99, 0.6);
    bottom: 115px;
   
    min-height: 10px;
    position: absolute;
    transition: height 2s ease 0s;
    width: 960px!important;      

}

.NewsTitle {
    font-size:13pt;
    color:#fff;
    border-right:1px solid #fff;
    float:left;
    text-align:justify center;
    font-weight:bold;
    text-align: left;
    width: 110px !important;
    padding:0 5px;
}


.div {
 background: none repeat scroll 0 0 rgba(5, 57, 99, 0.6);
    /*bottom: 95px;
    left: 15%;
    min-height: 10px;
    position: absolute;
    transition: height 2s ease 0s;
    width: 1066px!important;*/      

}

    .div #up {
        height:50px;
        /*background:rgba(255,255,255,0.5);*/
        background: rgba(5,57,99,0.6);  
        position:relative;
        top:0;
        padding:10px;
    }
    .div #down {
        height:189px;
       display:none;
background: rgba(5,57,99,0.6);
   /*background:  rgba(203,203,203,0.90);*/

  
      
    }




.demo {
    background:none repeat scroll 0 0 rgba(5, 57, 99, 0.6);
    padding:15px;
}

.FooterText1 {
    color:#5083AE;
    font-size:14pt;
    font-weight:bold;
}


.FooterText2 {
    color:#535D65;
    padding:10px;
    font-size:13pt;
  

}

    .FooterText2 a img {
        padding:2px 5px;
        
    }

.FooterText3 {
    color:#525252;
    padding:2px;
}

.FooterText4 {
    color:#9A9B9C;
    font-size:10pt;
     padding-left: 10px;

}

.MainContent {
      /*background:rgba(255,255,255,0.8);*/
      width:960px;
      margin:0 auto;
      display:table;
      height:100%;
      text-align:left;
         /*padding-top:80px;*/

}

#Container {
    padding:30px 35px;
    width: 100%;
    margin: 0 auto;
    float: right;
    min-height:700px;
    text-align:right;
    direction:rtl;

}
.containerPost {
width:100% !important;
min-height:580px !important;
}

#cssmenu {
    width:100%;
    margin: 0 auto;
    float: left;
}


#uxMainContentDIV {
    
      width:100%;
      margin:0 auto;
      display:inline-block;
      height:100%;
      text-align:left;
      background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0;


}

    .DivPageContent h3 {
        padding:0px;
        margin:0px;
    }

.ParentTitle {

    background-color:#1563A1;
    color:#ffffff;
    min-height:75px;
}

    .ParentTitle h2 {

        padding:15px;
        text-align:center;
         font-family:FuturaLight;
         margin:0px;

    }


    .ParentTitleContactus {

    background:rgba(255, 255, 255, 0.9);
    color:#1563a1;
    height:75px;
    text-align:left;
}

    .ParentTitleContactus h1 {

        padding:20px 35px;
       text-align:right;
         font-family:FuturaLight;

    }
.ParentTitlePost {
      color:#1563a1;
   min-height:75px;
    text-align:left;
}

 .ParentTitlePost h1 {

        padding:20px;
       
         font-family:FuturaLight;
         text-align:right;

    }

.PageTitle {
    color:#315C91;
      padding:0px;
    margin:0px;
}

 /*css Start ContuctUs.aspx **************************************************************************************************************************/

 .table {width :93%  ;direction :ltr;  padding:15px; color:#fff !important; margin:0 auto; background:rgba(5, 57, 99, 0.6)}
 td .left { width :35% ; height :20px ; text-align :left ; vertical-align:top; }
 td .mid { width: 50%; text-align : left; }
 td .left {width :15%; text-align :left  ; vertical-align:top;}
 .ContuctUs {width :100%;color:White;}
  .ContuctUs h4{color:White;}
 .uxTextBox { width :100% ; border :2px solid #C3C3C3 ; height :20px ; text-align :left ;}
 .uxMultiLineTextBox  {height :70px ;width :100% ; border :2px solid #C3C3C3 ; text-align :left ;direction:ltr;}
 .table .loading {padding-left  :130px ;}
 .uxDropDownList { width :101% ; border :2px solid #C3C3C3;     direction :ltr ; height :25px ; }
 .uxbutton { width :67px ; height :26px ;float:left;}

.left span {
    color:#fff;
    text-align:left;
    padding:10px;

}

.titleContactUS1 {
    
    color: #053963;
    font-weight:bolder;
    font-size: 15pt;
}
.titleContactUS2 {
    color:#3d3d3d;
    font-size: 12pt;
 

}

.titleContactUS4 {
    text-align:left;
    
      color: #053963;
       font-size: 13pt;
}

.titleContactUS5 {
      color:#3d3d3d;
    font-size: 12pt;
   
}

.uxTextBoxSignUpEn {
    width:250px;
    padding:3px;
    margin:5px;
    border:1px dotted #9A9B9C;
    text-align:left;
}

.uxListBoxSignUpEn {
     width:250px;
    padding:3px;
    margin:5px;
    border:1px dotted #9A9B9C;
    text-align:left;
    height:30px;
}

.uxButtonSignUpEn {
    background-color:#fff;
    color: #053963;
    border:1px dotted #9A9B9C;
    margin:5px;
        float:right;
        text-decoration:none;
        border:none;
        text-align:center;
        width:102px;
}

/*css End ContuctUs.aspx *****************************************************************************************************************************/


.Menu {
    /*background:rgba(0, 0, 0, 0.7);*/
    margin-bottom: 10px;
    min-height: 100px;
    /*min-width: 322px;*/
    /*position: relative;
    right: 30px;*/
    vertical-align: top;
  
}

.container {
       /*background:rgba(255,255,255,0.9);*/
       vertical-align:top;
       /*clear:both;*/
       float:left;

      
}

.DivPageContent {
}

.DescriptionPage {
    padding:5px;
    text-align:right;


}

.Padding {

        padding:10px;
        text-align:left;
}



/* css Start Posts.aspx *******************************************************************************************************************************/

.DivPostItem { border-bottom: 1px dashed #666666; width: 100%;  padding-bottom: 8px;      margin-bottom: 20px;    clear:both;  padding-bottom :20px ; line-height :25px ;}
.DivPostItem   .imgThumPost :hover{color :#000000;}
.DivPostItem   .imgThumPost  { float :left ; padding-left :10px ;padding-bottom:22px; }
.DivPostItem   .imgThumPost img { width :70px ;height :70px ; padding :3px ;border: 1px solid #D3D3D3 ;}
.DivPostItem   .TitlePost {text-align :left; color:#053963; text-decoration:none;}
.DivPostItem   .DescriptionPost { text-align :left   ;}
.DivPostItem   .LinkReadMore  { padding-left :5px   ; color: #3366CC;  padding-left: 5px; text-decoration: none;}
.DivPostItem  .PostAttatchments {float :left ;width :100% ;}
.DivPostItem  .PostAttatchments a {    padding-bottom: 5px; padding-left : 5px;}
.DivPostItem  .DivAttchmentItem {    float: left; width: 70px; line-height :15px ;}
.DivPostItem a:hover {text-decoration :underline ;}
.DivPostItem .SpanNumberOfVisit {color:Red ;}

.DivuxDataListPaging {float :left ; direction :ltr ;}
.PagerPanel {}

.PagerPanel a
{
    float: left;
    padding:1px 15px 3px 7px;        
    text-decoration: none;
    color: #3366CC;
    border:solid 1px #d3d3d3;
    margin-left: 0px;
    margin-left: 2px;
    margin-top: 0px;
}

.PagerPanel .visited {   background-color: #0066CC; color:#fff;}

.PagerPanel a:hover
{
    color: #FFFFFF;
    background-color: #0066CC;
}
.Loading {text-align :center ;}
.DivPostItmes {padding-top :20px ;padding-bottom :20px ;} 

/* css End Posts.aspx *******************************************************************************************************************************/





/*.SearchButton
{
    background-color: #e5e5e5;
    border: 1px solid #b7b7b7;
    font-size: 12px;
    width: 120px;
    color: #696A6C;
    text-indent: 10px;
    font-family: DINNextLTArabic-Light;
     padding: 1.4px;
     height:23px;*/

  
}

.SearchAnchor
{
    position: relative;
    top: 3px;
    right: 10px;
    color: #000;
}

    .SearchAnchor:hover
    {
        opacity: 0.60;
        filter: alpha(opacity=60); /* For IE8 and earlier */
    }

    #uxDivSearch
{
    float: right;
    width: 150px!important;
    vertical-align: top text-top !important;
    margin-top:3px;
    margin-left:3px;
    margin-right:6px;
}
    #uxDivSearch div
    {
        /*width:30px!important;*/
    }


.LanguageAnchor {
    background-color: #666666;
margin: 0 3px;
color: #fff;
text-decoration: none;
float: right;
height: 27px;
width: 25px;
text-align: center;
margin-top: 3px;
}

.imgsepHeader {
    padding:0 5px;
    float:right;
    vertical-align:middle;
    margin-top:3px;
}

.login {
    border: none; position: relative; top: 1px; right: 7px; width: 15px;
     font-family:FuturaLight;
}

.links {
    color:#fff;
    text-decoration:none;
    background-color: #117EC3; padding: 2.8px 16px;
     margin-top: 3px;
     margin-right:3px;
    float:right;
   font-family:FuturaLight;
}
.links:hover {
    color:#053963;
    
}

.Anchor {
    clear:both;
    text-decoration:none;border:0;
}


.texttitle {

    padding:5px;
    color:#1563A1;
    font-size:15pt;
       font-family:FuturaLight;

}

.TableHeader {
    color:#FFF;
   background:rgba(5, 57, 99, 0.6);
   padding:10px;
}

.DropDownList {
    border:0;
    text-align:left;
    width:250px;
    height:30px;
}

.TDStudentName {
    background-color:#fff;
    color:#1563a1;
    padding:10px;
      
}
.TDGradeName {
        background-color:#e5e5e5;
    color:#1563a1;
    padding:10px;
      
}




/* css Videos.aspx Start*******************************************************************************************************************************/

.DivCategories { border:1px dotted #999999 ; height: 87px;   padding :20px;}

.DivCategoriesVideos { height :130px ; }

.DivCategoryVideo { margin: 0 auto;   width: 752px; }

.DivwrapperAR {direction :ltr ;    }

.Videosloading { margin: 0 auto; width: 167px; margin-top :10px ;}

.DivVideos { margin-top :20px ;     }

.VideosContainer {width: 700px;min-height :350px ;}

.VideosContainer .ListVideos {float :left ; width: 275px; margin-top :-10px ;}

.VideosContainer .ViewVideos {width:425px ;  float :right ;  }

.VideosContainer .video-list {list-style: none outside none; padding :0 ;}

.VideosContainer .video-list-item {clear: both;margin-bottom: 5px;height :80px ;}

.VideosContainer .video-list-item:hover {background-color :#d1e1f4 ;  }

.VideosContainer .video-list-item  .DivCreationDate {width :110px ;float :left ;color :#ff0000; margin-left:5px;}

.VideosContainer a.video-list-item-link {color:  #0033CC;    cursor: pointer;    display: block;    max-height: 55px;    overflow: hidden;    padding: 5px;    line-height :20px ;     }

.VideosContainer .video-list-item a.video-list-item-link:hover {     text-decoration :underline ; }

.VideosContainer .video-list-item .img_list_item  {   border: 1px solid #D3D3D3;float: left;height: 70px; margin-left: 10px;   padding: 3px; width: 70px;   cursor :pointer;   }
                   
.VideosContainer .video-list-item .video-list-item-Embed { display :none ;}

.VideosContainer iframe, .VideosContainer object, .VideosContainer embed{ max-width:465px;}
/* css PreviewVideos.aspx******/
.videoobjectPreview iframe, .videoobjectPreview object, .videoobjectPreview embed{ max-width:450px; max-height:250px}
.PV_SaveChangeButton { Height:27px; Width:81px;padding:1px;font-size:13px;font-family:Tahoma;float:right;margin-right:10px;}
/* css Videos.aspx END*******************************************************************************************************************************/








.attachmentsHead
{
    text-align: left!important;
    vertical-align: middle;
    padding: 15px;
    color:#fff!important;
    background-color: #1563a1!important;
}
.attachmentsIMG
{
    max-width:60px;
}
.tdAlgin
{
    padding:10px;
}

.DivVisitorNo{
    padding:20px;
}