@font-face {
    font-family: FuturaLight;
    src: url('../../Fonts/Kabel-Light.ttf');
}

html {
}

h2 {
    color: #053963;
}


body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}


    body, body * {
      
        /*font-size:9pt;*/
        line-height: 1.5;
    }








a {
    text-decoration: none;
    color: Black;
}

.MainContentHolder {
    padding-top: 7px;
}

a:hover {
    color: #0066CC;
}

.httpPioneers {
    color: Blue !important;
}

    .httpPioneers:hover {
        color: Blue !important;
    }

.TableMaster {
    width: 100%;
    min-height: 350px;
    direction: ltr;
    text-align: left;
    margin-top: -7px;
    margin-bottom: 0;
}

.Header {
    height: 114px;
    background-color: #d8eaf4;
    width: 100%;
}

.overlay {
    background-image: url(../../Images/Pattern.png);
    background-repeat: repeat;
    width: 100%;
    position: absolute;
    top: 110px;
}




.TableMaster, .TableMaster * {
}


.TDRight {
    background-image: url('../../Images/en/menu-02.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 20%;
}

.TDLeft {
    background-image: url('../../Images/en/menu-01.png');
    width: 20%;
    background-repeat: no-repeat;
    background-position: right top;
    text-align: center;
}

.TDCenter {
    margin: 0 auto !important;
    color: White;
}

    .TDCenter .MenuTable {
        width: 990px;
        height: 22px;
        margin-top: 10px;
    }

    .TDCenter .DashboardTable {
        width: 980px;
        margin-top: -8px;
    }

    .TDCenter table td .spacer {
    }

    .TDCenter table td a {
        font-weight: normal;
        color: #000;
        font-family: Calibri;
        font-size: 10pt;
    }

.leftMenu {
    width: 145px;
    background-color: #999900;
    text-align: center;
    padding-bottom: 100%;
}

    .leftMenu img {
        height: 68px;
        left: 80px;
        position: relative;
        top: 30px;
        width: 19px;
    }

    .leftMenu .ChildItem {
        width: 145px;
        margin-top: -30px;
    }

    .leftMenu a {
        color: White;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        text-align: justify;
    }

    .leftMenu .spacer {
        min-height: 30px;
        text-align: center;
        width: 120px;
        border-bottom: 1px dashed #d3d3d3;
        padding-top: 10px;
        padding-bottom: 3px;
        margin-left: 10px;
        margin-right: 5px;
    }

.MenuYellow {
    background-color: #999900;
}

.MenuRed {
    background-color: #cc3300;
}

.MenuOrange {
    background-color: #ff9900;
}

.MenuBlue {
    background-color: #0098ff;
}

.MenuLightGreen {
    background-color: #7c9127;
}

.MenuPink {
    background-color: #ba014b;
}

.MenuGreen {
    background-color: #009900;
}

.MenuGray {
    background-color: #dddddd;
}

.MenuLightYellow {
    background-color: #FFCC00;
}

.blackColor {
    color: #5b626d !important;
}

.whiteColor {
    color: White !important;
}

.Yellow h3 {
    color: #999900;
    border-bottom: 1px solid #999900;
}

.Red h3 {
    color: #cc3300;
    border-bottom: 1px solid #cc3300;
}

.Orange h3 {
    color: #ff9900;
    border-bottom: 1px solid #ff9900;
}

.Blue h3 {
    color: #0098ff;
    border-bottom: 1px solid #0098ff;
}

.Pink h3 {
    color: #ba014b;
    border-bottom: 1px solid #ba014b;
}

.Green h3 {
    color: #009900;
    border-bottom: 1px solid #009900;
}

.Gray h3 {
    color: #cccccc;
    border-bottom: 1px solid #cccccc;
}

.LightGreen h3 {
    color: #cccccc;
    border-bottom: 1px solid #7c9127;
}

.YellowBorder {
    border: 1px solid #999900;
}

.RedBorder {
    border: 1px solid #cc3300;
}

.OrangeBorder {
    border: 1px solid #ff9900;
}

.BlueBorder {
    border: 1px solid #0098ff;
}

.PinkBorder {
    border: 1px solid #ba014b;
}

.GreenBorder {
    border: 1px solid #009900;
}

.GrayBorder {
    border: 1px solid #cccccc;
}

.LightGreenBorder {
    border: 1px solid #7c9127;
}

.widget-head {
    color: #999900;
    font-size: 9pt;
}

    .widget-head h3 {
        font-size: 10pt;
        margin-bottom: 5px;
        margin: 5px;
    }

.widget-content {
    padding-top: 0px;
    padding-left: 4px;
}

.DivRealContent a {
    color: #fff !important; /*#8a8987*/
    font-weight: normal;
}

    .DivRealContent a img {
        border: 0;
    }

.ContentPlaceHolderDefault {
    padding: 10px 0px 10px 10px;
    width: 980px;
    min-height: 350px;
}

.ContentPlaceHolder {
    padding: 7px 0 0px 38px;
    width: 800px;
    min-height: 300px;
}

.DivDashboardContainer {
    clear: both;
}

.ContentPlaceHolder img {
    /* max-width: 93%; */
    padding: 2px;
}


.ContentPlaceHolder a img:hover {
    opacity: .60;
    filter: alpha(opacity=60);
}

.ContentPlaceHolder .DashboardWidget {
    padding-bottom: 40px;
}

.ContentPlaceHolder fieldset {
    border: 1px solid #fff;
    width: 350px;
    padding: 5px;
    -moz-border-radius: 10px; /* Firefox 3.6 and earlier */
    -ms-border-radius: 10px; /* Firefox 3.6 and earlier */
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}


.ContentPlaceHolder .Widgetdiv {
    margin-bottom: 10px;
    margin-left: 20px;
}

#DivFooter {
    clear: both;
    width: 100%;
    height: 120px;
    background-color: #ffffff;
}


.DivPageContent {
    direction: rtl;
}

    .DivPageContent span {
        line-height: 17px;
    }

    .DivPageContent p {
        font-size: 10pt;
    }

    .DivPageContent table, .DivPageContent table tr, .DivPageContent table tr td {
        /* border: solid 1px #d3d3d3;  */
    }


        .DivPageContent table tr td * {
            padding-left: 0px;
        }




.Repeater td {
    padding: 7px;
}

.Repeater table {
    width: 100%;
}




.tablestyle td, .tablestyle th {
    border: 1px dotted #686464;
    padding: 3px 15px 3px 15px;
    background: #c4c4c4;
}


.tablestyle th {
    background-color: rgb(5, 57, 99);
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}




@font-face {
    font-family: pioneersEN;
    src: url(pioneersEN.ttf);
}

.TextCenter {
    text-align: center;
}

.TextLeft {
    text-align: center;
}

.TextRight {
    text-align: center;
}

.width20 {
    width: 20px;
}

.width25 {
    width: 25px;
}

.width50 {
    width: 50px;
}

.width75 {
    width: 75px;
}

.width100 {
    width: 100px;
}

.width125 {
    width: 125px;
}

.width140 {
    width: 140px;
}

.width150 {
    width: 150px;
}

.width160 {
    width: 160px;
}

.width175 {
    width: 175px;
}

.width200 {
    width: 200px;
}

.width225 {
    width: 225px;
}

.width250 {
    width: 250px;
}

.width275 {
    width: 275px;
}

.width300 {
    width: 300px;
}

.width325 {
    width: 325px;
}

.width350 {
    width: 350px;
}

.width375 {
    width: 375px;
}

.width400 {
    width: 400px;
}

.width450 {
    width: 450px;
}

.width500 {
    width: 500px;
}

.width550 {
    width: 550px;
}

.MasterHeader_Pages {
    background-position: right top;
    display: block;
    clear: both;
    margin-top: 0px;
    height: 90px;
    font-family: pioneersEN;
    font-size: 200%;
    text-align: center;
    padding-top: 40px;
    color: #3399FF;
}

.dir {
    display: block;
    float: right !important;
    padding: 10px;
    /* height: 85px;
  width: 85px;*/
    height: 70px;
    width: 70px;
}

.MasterHeader_Video {
    background-position: right top;
    display: block;
    clear: both;
    margin-top: 0px;
    background-image: url('../../Images/video.jpg');
    background-repeat: no-repeat;
    height: 90px;
    font-family: pioneersEN;
    font-size: 250%;
    text-align: center;
    padding-top: 40px;
    color: #FF9900;
}

.MasterHeader_Photo {
    background-position: right top;
    display: block;
    clear: both;
    margin-top: 0px;
    background-image: url('../../Images/albums.jpg');
    background-repeat: no-repeat;
    height: 90px;
    font-family: pioneersEN;
    font-size: 250%;
    text-align: center;
    padding-top: 40px;
    color: #FF9900;
}

.MasterHeader_ContactUs {
    background-position: right top;
    display: block;
    clear: both;
    margin-top: 0px;
    background-image: url('../../Images/contactus.jpg');
    background-repeat: no-repeat;
    height: 90px;
    font-family: pioneersEN;
    font-size: 250%;
    text-align: center;
    padding-top: 40px;
    color: #FF9900;
}





.mainTablePoll {
    width: 100%;
}

    .mainTablePoll span {
        color: #cc3300;
    }

    .mainTablePoll label {
        color: white;
        display: block;
        margin-left: 25px;
        margin-top: -15px;
    }





/*Start webcontent websubconten post*******************************************************************************************************************************/


.DivPageContent {
    color: #000;
}
    /*.DivPageContent img{width: 100px;height: 100px;float: left;margin-right: 10px;margin-left:3px; padding :3px; }*/
    .DivPageContent h3 {
        /* color: #B0171F; */
        font-weight: bold;
        /*font-family: Calibri;*/
        font-size: 18px;
        text-align: right;
        /*border-bottom: 1px solid #ff9900;*/
        background-repeat: no-repeat;
        background-position: left top;
    }
/* edit by rofida padding left-right*/
.DivPageContent {
    line-height: 25px;
    text-align: right justify;
    padding-left: 20px;
    padding-right: 20px;
}

h4 {
    color: #000;
    font-size: 100%;
    font-weight: bold;
    margin-top: 40px;
}

.DivPageGallery, .DivPageAttachments, .DivPageVideos {
    margin-top: 3px;
    border: 0px solid #494949;
    padding: 0px;
}

.VisualImgThumb {
    margin-left: 10px;
    margin-bottom: 10px;
    width: 70px;
    height: 60px;
    max-width: 70px !important;
    min-height: 60px !important;
    padding: 2px !important;
}

.DivPageAttachments div {
    min-width: 60px;
    min-height: 60px;
    margin: 0px;
}
/*.DivPageAttachments div:hover {background-color: #E8E8E8;} text-align:right;*/
/*edit by rofida float: left */
.DivPageAttachments {
    width: 99%;
    /*float: left;*/
    direction:rtl;
}

    .DivPageAttachments div p, .DivPageAttachments div p * {
        float: left;
        text-decoration: none;
        text-align: center;
        border: 0px;
        padding-top: 3px;
    }

        .DivPageAttachments div p a {
            float: left;
        }

.uxImgReadMore {
    background-image: url('../../Images/en/readmore_ar.png');
    background-repeat: no-repeat;
    background-position: right center;
    width: 100px;
    height: 25px;
    float: right;
    clear: both;
    margin-top: 10px;
    border: 0px;
}


.DivComments {
    margin-top: 40px;
    border: solid 1px #d3d3d3;
    padding: 10px;
}

.DivCommentInformation {
    border-bottom: 1px solid #d3d3d3;
    overflow: hidden;
}

    .DivCommentInformation img {
        border: 1px solid #D3D3D3;
        float: left;
        height: 70px;
        margin-right: 5px;
        padding: 2px;
        width: 70px;
    }

    .DivCommentInformation .Auther {
        font-weight: bold;
        margin-bottom: 0px;
    }

        .DivCommentInformation .Auther .CreationDate {
            padding-right: 5px;
        }

.DivVisitorNo {
    height: 30px;
    color: #8e8e8e;
    float: right;
}

    .DivVisitorNo p {
        text-align: left;
    }

        .DivVisitorNo p span {
            color: Red;
        }

/* css End Post.aspx *******************************************************************************************************************************/



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

.DivPostItem {
    border-bottom: 1px dashed #666666;
    line-height: 25px;
    direction: rtl;
    margin-bottom: 15px;
    clear: both;
}

    .DivPostItem .imgThumPost {
        float: right;
        padding-left: 10px;
        padding-bottom: 22px;
    }

        .DivPostItem .imgThumPost :hover {
            color: #000000;
        }

        .DivPostItem .imgThumPost img {
            width: 70px;
            height: 70px;
            padding: 3px;
            border: 1px solid #D3D3D3;
        }

    .DivPostItem .TitlePost {
        text-align: right;
    }

    .DivPostItem .DescriptionPost {
        text-align: right;
        color: #000;
    }

    .DivPostItem .LinkReadMore {
        padding-right: 5px;
        color: #3366CC;
        padding-right: 5px;
        text-decoration: none;
    }

    .DivPostItem .PostAttatchments {
        float: right;
        width: 100%;
    }

        .DivPostItem .PostAttatchments a {
            padding-bottom: 5px;
            padding-left: 5px;
        }

..DivPostItem .DivPostAttatchmentsItems {
    width: 100%;
    float: left;
}

.DivPostItem .DivAttchmentItem {
    float: left;
    line-height: 15px;
    overflow: hidden;
    padding: 3px;
    text-align: center;
    width: 70px;
}

.DivPostItem a:hover {
    text-decoration: underline;
}

.DivPostItem .SpanNumberOfVisit {
    color: Red;
}


.PagerPanel {
}

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

    .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 *******************************************************************************************************************************/


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

.table {
    width: 100%;
    direction: rtl;
    border: solid 1px #494949;
    padding: 15px;
    color: #000 !important;
}

td .left {
    width: 35%;
    height: 20px;
    text-align: left;
    vertical-align: top;
}

td .mid {
    width: 50%;
    text-align: left;
}

td .Right {
    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: right;
}
/*css End ContuctUs.aspx *****************************************************************************************************************************/


/* css Albumms.aspx Start****************************************************************************************************************************/

.CategoryImageThumb {
    height: 70px;
    width: 70px;
}

    .CategoryImageThumb:hover {
        opacity: .60;
        filter: alpha(opacity=60);
        cursor: pointer;
    }

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

.DivCategoriesImages {
    height: 130px;
}

.DivwrapperAR {
    direction: ltr;
}

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

/* css Albums.aspx End*****************************************************************************************************************************/


/* 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: 704px;
    min-height: 350px;
}

    .VideosContainer .ListVideos {
        float: left;
        width: 261px;
    }

    .VideosContainer .ViewVideos {
        width: 443px;
        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 {
        }

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

    .VideosContainer a.video-list-item-link {
        color: White;
        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 {
        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 Videos.aspx END*******************************************************************************************************************************/



/**Left Slider **************************************************************************************************************************************************/

.uxDivLeftSlide {
    width: 100%;
}

.uxDivLeftSlideButton {
    width: 100%;
    border-top: solid 0px #ffffff;
    cursor: pointer;
}


.uxDivLeftSlideData {
}

    .uxDivLeftSlideData div {
        background-position: left top;
        text-align: left;
        direction: ltr;
        background-image: url('../../Images/leftSlideMiddle.png');
        background-repeat: repeat-y;
        padding-right: 50px;
        padding-left: 30px;
    }


        .uxDivLeftSlideData div span {
            color: #0066FF;
            display: block;
            padding-top: 6px;
        }

    .uxDivLeftSlideData a:hover {
        opacity: .60;
        filter: alpha(opacity=60);
    }

    .uxDivLeftSlideData div .spanFollowUsLeftPanel {
        border: solid 1px #d3d3d3;
        text-align: center;
        margin-top: 30px;
    }

        .uxDivLeftSlideData div .spanFollowUsLeftPanel span {
            background-position: center center;
            margin-top: -20px;
            margin-bottom: 10px;
            width: 50%;
            margin-right: 25%;
            background-image: url('../../Images/leftSlideMiddle.png');
            background-repeat: repeat-y;
        }

        .uxDivLeftSlideData div .spanFollowUsLeftPanel img {
            margin: 0px 7px 7px 7px;
        }


.uxDivLeftSlideButton div {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    z-index: 5000;
}


























/*Master Page Menu*/
.DynamicMenuItemStyle {
    color: #fff;
    background-image: url('../../Images/menuDynamicBG.png');
    background-color: #72B7E7;
}

    .DynamicMenuItemStyle td {
    }

        .DynamicMenuItemStyle td * {
            width: 100%;
            display: block;
            padding-left: 5px;
            padding-right: 5px;
        }

    .DynamicMenuItemStyle table {
        direction: ltr;
    }

    .DynamicMenuItemStyle td a {
        width: 100%;
        height: 20px;
        padding-top: 5px;
    }

    .DynamicMenuItemStyle:hover {
        color: #fff;
        display: block;
        background-image: url('../../Images/StaticMenuHoverBG.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #72B7E7;
    }

    .DynamicMenuItemStyle:hover {
        color: #fff;
        background-image: url('../../Images/StaticMenuHoverBG.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #72B7E7;
    }

.StaticMenuItemStyle {
    color: #fff;
}

    .StaticMenuItemStyle:hover {
        color: #fff;
        background-image: url('../../Images/StaticMenuHoverBG.png');
        background-position: center center;
        background-repeat: no-repeat;
    }

















/*Faculty.aspx    &    FirstOfStudent.aspx ********************************************************************************************/
.DivTopOfStudentsContainer {
    text-align: left;
}

    .DivFacultyContainer select, .DivTopOfStudentsContainer select {
        width: 180px;
    }



        .DivFacultyContainer select:hover, .DivTopOfStudentsContainer select:hover {
            cursor: pointer;
        }


    .DivFacultyContainer table, .DivTopOfStudentsContainer table {
        margin-bottom: 40px;
        padding-bottom: 5px;
    }



.tableFirstOfStudent, .tableFaculty {
    width: 100%;
}

    .tableFirstOfStudent, .tableFaculty img {
        border: 0;
    }

.DivFacultyContainer table thead td div, .DivFacultyContainer table thead td span, .DivTopOfStudentsContainer table thead td div, .DivTopOfStudentsContainer table thead td span {
    height: 20px;
    border-bottom: solid 3px #ff9900;
}

.DivFacultyContainer table td, .DivTopOfStudentsContainer table td {
}


.tdFacultyBullit, .tdTopStudentsBullit {
    background-position: left center;
    background-image: url('../../Images/user.png');
    background-repeat: no-repeat;
    border: 0px solid #D3D3D3;
    height: 50px;
    width: 50px;
}


.DivFacultyContainer table .tdSpacer, .DivTopOfStudentsContainer table .tdSpacer {
    background-position: center;
    width: 20px;
}

.DivFacultyContainer table thead, .DivTopOfStudentsContainer table thead {
    font-weight: bold;
    color: #ffffff;
}



.DivFacultyContainer table td .DivFacultySeperator, .DivTopOfStudentsContainer table td .DivTopOfStudentsSeperator {
    height: 1px;
    background-color: #5c5c5c;
}

.DivFirstOfClassesPadding {
    padding-top: 2px;
}

.SearchBtn {
    margin-left: 5px;
}





.uxTextBoxSignUpEn {
    BACKGROUND-COLOR: #f2f3f5;
    COLOR: #000000;
    TEXT-ALIGN: left;
    BORDER: DOTTED 1PX #000000;
    width: 99%;
}

.uxButtonSignUpEn {
    BACKGROUND-COLOR: #dddddd;
    FONT-SIZE: 7.5PT;
    COLOR: #000000;
    TEXT-ALIGN: CENTER;
    BORDER: solid 1PX #000000;
    cursor: pointer;
}

.uxListBoxSignUpEn {
    BACKGROUND-COLOR: #f2f3f5;
    width: 100%;
    FONT-SIZE: 8PT;
    COLOR: #000000;
    TEXT-ALIGN: left;
    BORDER: DOTTED 1PX #000000;
    padding-left: 5px;
}


.uxErrorMessage {
    BORDER: solid 1PX #aa2222;
}


.PagerPanel {
}

.DivuxDataListPaging {
    margin-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    float: left;
    text-align: right;
}

    .DivuxDataListPaging table {
        direction: ltr;
    }

        .DivuxDataListPaging table td {
            text-align: right;
        }

            .DivuxDataListPaging table td div {
                padding: 0 !important;
                display: inline;
                margin-left: 2px;
            }

.paging table td {
    text-align: right;
}

.FirstImg {
    width: 36px;
    height: 18px;
    background: url('../../Images/Email_ar/firstLastPaging.png') no-repeat center left;
    float: left;
    cursor: pointer;
}

.LastImg {
    width: 36px;
    height: 18px;
    background: url('../../Images/Email_ar/firstLastPaging.png') no-repeat center right;
    float: right;
    cursor: pointer;
}

.PrevImg {
    width: 18px;
    height: 18px;
    background: url('../../Images/Email_ar/left.png') no-repeat center top;
    float: left;
    cursor: pointer;
}

    .PrevImg:hover {
        width: 18px;
        height: 18px;
        background: url('../../Images/Email_ar/left.png') no-repeat center bottom;
        cursor: pointer;
    }

.NextImg {
    width: 18px;
    height: 18px;
    background: url('../../Images/Email_ar/right.png') no-repeat center top;
    float: right;
    cursor: pointer;
}

    .NextImg:hover {
        width: 18px;
        height: 18px;
        background: url('../../Images/Email_ar/right.png') no-repeat center bottom;
        cursor: pointer;
    }




.DivAttachmentDetails {
    border-bottom: 1px dashed #666666;
    width: 700px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    clear: both;
    padding-bottom: 50px;
    line-height: 5px;
    padding-right: 3px;
}

.AttachmentThumb {
    padding-right: 3px;
}

    .AttachmentThumb img {
        height: 35px;
        width: 35px;
        border: none;
    }


/* Icons Bar Style */
/* =============================================================================================================================== */
.DivPageIcons {
    width: 90%;
    float: right;
    background-image: url(../../Images/sprite_lite_gray2.png);
    background-position: 0 -120px;
    background-repeat: repeat-x;
    margin-top: -15px;
    height: 25px;
}

    .DivPageIcons table {
        margin-top: 3px;
        margin-right: 2px;
        direction: rtl;
        width: 175px;
        float: right;
    }

    .DivPageIcons .uxTableShare {
        float: left;
        direction: rtl;
        width: 190px;
    }

        .DivPageIcons .uxTableShare a {
            float: left;
            margin-right: 5px;
        }

            .DivPageIcons .uxTableShare a img {
                display: inline;
                border: none;
                margin-right: 5px;
                vertical-align: middle;
                margin-left: 2px;
            }

            .DivPageIcons .uxTableShare a:hover {
                color: Black;
            }

.Separator {
    color: #8e8e8e;
    width: 5px;
}

.Border {
    border-right: 1px solid #8e8e8e;
}

.DivPageIcons a {
    float: right;
    margin-right: 0px;
}

    .DivPageIcons a img {
        display: block;
        border: none;
    }

        .DivPageIcons a img:hover {
            opacity: .60;
            filter: alpha(opacity=60);
            cursor: pointer;
        }

.uxDivIconsBar {
    left: 0;
    width: 1000px;
    height: 10px;
    bottom: 0px;
    color: black;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: block;
    position: fixed;
    z-index: 5000;
    border-top: 0px solid #8e8e8e;
}

.uxDivShowIconBar {
    right: 140px;
    width: 92%;
    height: 10px;
    bottom: 0px;
    color: #ffffff;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: block;
    position: fixed;
    z-index: 5000;
    border-top: 0px solid #8e8e8e;
    width: 150px;
}

.uxCenterMiniDiv {
    background-image: url(../../Images/sprite_lite_gray2.png);
    background-position: 0 -120px;
    background-repeat: repeat-x;
    margin-top: -15px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    float: right;
}

    .uxCenterMiniDiv table {
        width: 100px;
        margin-top: 5px;
        text-align: center;
    }

        .uxCenterMiniDiv table tr td {
            text-align: center;
        }

            .uxCenterMiniDiv table tr td span {
                color: #000;
                font-weight: bold;
                font-size: 11pt;
                font-family: Sans-Serif;
            }

    .uxCenterMiniDiv span {
        color: #000;
        font-weight: bold;
        font-size: 9pt;
    }

.uxRightCornerMini {
    background-image: url(../../Images/sprite_lite_gray2.png);
    background-position: 0 -60px;
    height: 25px;
    background-repeat: no-repeat;
    float: right;
    width: 30px;
    margin-top: -15px;
    cursor: pointer;
}

.uxRightCorner {
    background-image: url(../../Images/sprite_lite_gray2.png);
    background-position: top right;
    height: 25px;
    background-repeat: no-repeat;
    float: right;
    width: 25px;
    margin-top: -15px;
    cursor: pointer;
}

.uxLeftCorner {
    background-image: url(../../Images/sprite_lite_gray2.png);
    background-position: 0 -150px;
    height: 25px;
    background-repeat: no-repeat;
    float: right;
    width: 14px;
    margin-top: -15px;
    margin-right: -6px;
}

.uxIconBarButton {
    margin-top: -7px;
    float: left;
    margin-left: 6px;
}

.uxShareDiv {
    position: absolute;
    bottom: 21px;
    left: 176px;
    direction: ltr;
    width: 100px;
}

    .uxShareDiv .uxHeaderMain {
        float: right;
        display: block;
    }

        .uxShareDiv .uxHeaderMain .uxHeaderMainLeft {
            background-image: url('../../Images/sprite_lite_gray2.png');
            background-position: -11px -181px;
            background-repeat: no-repeat;
            display: inline;
            float: left;
            height: 31PX;
            width: 10px;
        }

        .uxShareDiv .uxHeaderMain .uxHeaderMainMiddle {
            background-color: transparent;
            background-image: url('../../Images/sprite_lite_gray2.png');
            background-position: 0 -215px;
            background-repeat: repeat-x;
            border: medium none;
            display: inline;
            float: left;
            height: 31px;
            width: 80px;
            text-align: left;
        }

            .uxShareDiv .uxHeaderMain .uxHeaderMainMiddle div {
                margin-top: 8px;
            }

        .uxShareDiv .uxHeaderMain .uxHeaderMainMiddl e div img {
            vertical-align: middle;
            margin-right: 5px;
            cursor: pointer;
        }

        .uxShareDiv .uxHeaderMain .uxHeaderMainRight {
            background-image: url('../../Images/sprite_lite_gray2.png');
            background-position: 0 -181px;
            background-repeat: no-repeat;
            display: inline;
            float: left;
            height: 31PX;
            width: 10px;
        }

    .uxShareDiv .uxMiddle {
        background: white;
        float: left;
        display: block;
        width: 88px;
        margin-left: 5px;
        border-left: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
    }

        .uxShareDiv .uxMiddle div {
            padding-top: 5px;
            padding-bottom: 5px;
        }

            .uxShareDiv .uxMiddle div a {
                cursor: pointer;
                width: 80px;
                margin-bottom: 5px;
            }

                .uxShareDiv .uxMiddle div a div {
                    background: url('../../Images/cssSprite1303836834.png') no-repeat scroll 0 -35px transparent;
                    display: block;
                    float: right;
                    height: 18px;
                    width: 18px;
                }

                .uxShareDiv .uxMiddle div a span {
                    float: right;
                    margin-right: 4px;
                    margin-top: 2px;
                }


/* =============================================================================================================================== */


.thumimg1 {
    border-right: 1px solid #31302d;
    float: left;
    height: 50px;
    margin-right: 10px;
    text-align: center;
    width: 80px;
    color: #b9b8b7;
}

.thumimg2 {
    font-size: 13pt;
    left: 10px;
    min-height: 25px;
    position: relative;
    width: 55px;
}

.thumimg3 {
    font-size: 13pt;
    left: 10px;
    min-height: 25px;
    position: relative;
    width: 55px;
}

.thumimgNews {
    float: left;
    height: 117px;
    margin-left: 1px;
    padding-left: 0 !important;
    padding-top: 2px !important;
    width: 117px;
}

.thumbBorder {
    background-image: url("../../../Images/EN/ImgBorder.png");
    background-repeat: no-repeat;
    float: left;
    height: 125px;
    position: absolute;
    width: 119px;
}

.thumbClientsBorder {
    background-image: url("../../../Images/EN/albumHome.png");
    background-repeat: no-repeat;
    height: 110px;
    left: 0;
    position: absolute;
    top: 0;
    width: 110px;
}


/*-----------------------Menu Style-------------------------*/


/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav {
    margin: 0 0 0 0;
}

ul.drop a {
    display: block;
    color: #fff;
    font-family: Verdana;
    font-size: 14px;
    text-decoration: none;
}

ul.drop, ul.drop li, ul.drop ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.drop {
    position: relative;
    float: left;
}

    ul.drop li {
        float: left;
        vertical-align: middle;
        zoom: 1;
        padding: 2px 0px;
        font-size: 11pt;
    }

        ul.drop li.hover, ul.drop li:hover {
            position: relative;
            z-index: 599;
            cursor: default;
        }

    ul.drop ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 598;
        min-width: 200px;
    }

        ul.drop ul li {
            float: none;
            padding: 5px;
            min-width: 200px;
            opacity: 0.8;
            text-align: left;
            z-index: 10000000;
            filter: alpha(opacity=80);
        }

            ul.drop ul li:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

        ul.drop ul ul {
            top: -2px;
            left: 100%;
        }

    ul.drop li:hover > ul {
        visibility: visible;
    }

.CalendarSpan {
    color: #fff;
    font-size: 20px;
}

.SemesterTitle {
    color: #555555;
    font-size: 16px;
}

.links {
    color: #fff;
    text-decoration: none;
}

    .links:hover {
        color: #fff;
        text-decoration: underline;
    }


.div {
    /*background: none repeat scroll 0 0 rgba(124, 191, 106, 0.6);*/
    background: rgba(124, 191, 106, 0.6);
    border-radius:10px 10px 0 0;
    left: 10%;
    min-height: 10px;
  
    transition: height 2s ease 0s;
    width: 100%;
}


@media only screen and (max-width: 1920px) {
    /*.div{
        left:20%;
    }*/
}
@media only screen and (max-width: 1366px) {
 
    body{
        overflow:hidden;
    }
      ul.sdt_menu li span span.sdt_link {
        font-size: 9pt!important;
        padding-right: 15px!important;
    }
}

@media only screen and (max-width: 1024px) {
    /*.div{
        left:4%;
        width:935px !important;
    }*/
}

.div #up {
    height: 40px;
    /*background:rgba(255,255,255,0.5);*/
    background: rgba(124, 191, 106, 0.6);
    opacity: 1;
    position: relative;
    padding: 10px;
}

.div #down {
    height: 210px;
    display: none;
    /*background:rgba(0, 103,153,0.6);*/
    /*background:  rgba(203,203,203,0.90);*/
}

.inner-Contant div p {
    color: #000;
    font-size: 11pt !important;
    font-weight: normal;
    margin-bottom: 20px;
    padding-left: 9px;
}

.webdesigntuts-workshop a img {
    -moz-box-sizing: content-box;
    background: linear-gradient(#053963, #053963) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 0 solid #FFFFFF;
    border-radius: 0 5px 5px 0;
    color: #C0C0C0;
    display: block;
    float: left;
    font-family: 'Cabin',helvetica,arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 24px;
    left: 144px;
    line-height: 23px;
    margin: 0 0 0 -18px;
    padding: 0;
    position: relative;
    text-shadow: 0 -1px 0 #000000;
    top: -25px;
}

    .webdesigntuts-workshop a img:hover,
    .webdesigntuts-workshop a img:focus {
        background: #0D53B5;
        background: -webkit-linear-gradient(#0B3D82, #0C6DF4);
        background: -moz-linear-gradient(#0B3D82, #0C6DF4);
        background: -o-linear-gradient(#0B3D82, #0C6DF4);
        background: -ms-linear-gradient(#0B3D82, #0C6DF4);
        background: linear-gradient(#0B3D82, #0C6DF4);
        color: #fff;
        outline: none;
    }

    .webdesigntuts-workshop a img:active {
        background: #292929;
        background: -webkit-linear-gradient(#393939, #292929);
        background: -moz-linear-gradient(#393939, #292929);
        background: -o-linear-gradient(#393939, #292929);
        background: -ms-linear-gradient(#393939, #292929);
        background: linear-gradient(#393939, #292929);
        box-shadow: 0 1px 0 #000, inset 1px 0 1px #222;
        top: -25px;
    }

#Container {
}



#wrapper { width: 100%; margin: 0 auto;/*height:570px;*/}
#tubular-container{overflow: hidden; position: absolute;  width: 100%; height: 800px;}
#tubular-player{position: absolute;}
#tubular-shield{width: 100%; height: 100%; z-index:-1; position: absolute; left: 0; top: 0;}

.relative{position:relative;}