@font-face {
    font-family: 'NewDefFont';
    font-style: normal;
    font-weight: 400;
    src: url('https://www.bau.edu.jo/Fonts/DroidKufi-Regular.eot');
    src: url('https://www.bau.edu.jo/Fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.bau.edu.jo/Fonts/DroidKufi-Regular.woff2') format('woff2'), url('https://www.bau.edu.jo/Fonts/DroidKufi-Regular.woff') format('woff'), url('https://www.bau.edu.jo/Fonts/DroidKufi-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NewDefFont';
    font-style: normal;
    font-weight: 700;
    src: url('https://www.bau.edu.jo/Fonts/DroidKufi-Bold.eot');
    src: url('https://www.bau.edu.jo/Fonts/DroidKufi-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.bau.edu.jo/Fonts/DroidKufi-Bold.woff2') format('woff2'), url('https://www.bau.edu.jo/Fonts/DroidKufi-Bold.woff') format('woff'), url('https://www.bau.edu.jo/Fonts/DroidKufi-Bold.ttf') format('truetype');
} 

body, span, table, tr, td {
    font-family: 'NewDefFont',Tahoma;
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: separate;
}

.newmasterheadbg {
    background-color: #f3f3f3;
    padding-right: 5px;
    padding-left: 5px;
}

.newmasterheadLogoBG
{
    background-color:#FFFFFF;
    /*height:130px;*/
    text-align:center;
    padding:0px;
}

.newmasterMenuBG {
    /*background-color: #3671a1;*/
    /*background-color: #2e3430;*/ /* YELLOW */
    /*background-color: #6c8438;*/
    /*background-color: #0B6623;*/ /* NEW GREEN */
    /*background-color: #3f8048;*/
    background-color: #f3f3f3;
    border-top: 3px solid #3f8048;
    border-bottom: 3px solid #3f8048;
    /*background-color: #081544;*/
    /*background-color: #081544;*/
    padding-right: 5px;
    padding-left: 5px;
}

/************* START CONTAINER ***************/
@media all and (min-width: 1200px) {
    .newmastercontainer {
        width: 1170px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    .newmastercontainer {
        width: 970px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .newmastercontainer {
        width: 750px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .newmastercontainer {
        width: 760px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}
    /************* END CONTAINER ***************/


a.def:active, a.def:visited, a.def:link {
    font-family: 'NewDefFont',Tahoma;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 8pt;
}

a.def:hover {
    text-decoration: underline !important;
}

.MainADClass 
{
    
}

.masterheadtd 
{
padding:0px;
}

a.masterheadlink:active, a.masterheadlink:visited, a.masterheadlink:link {
    font-family: 'NewDefFont',Tahoma;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    
}

a.masterheadlink:hover {
    text-decoration: underline !important;
}

    .SearchText {
        font-family: 'NewDefFont',Tahoma;
        font-size: 6pt;
        color: #3f8048;
        font-weight: bold;
        padding-right: 5px;
        direction: rtl;
        text-align: right;
        background-color: #FFFFFF;
    }

    .SearchBtn {
        font-family: 'NewDefFont',tahoma;
        font-size: 6pt;
        color: #000000;
        background-color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
        padding-right: 5px;
        padding-left: 5px;
    }

.newmasterindexGreyBG {
    background-color: #f2f2f2
}

.newmasterindexLogoTD {
    text-align: center;
    font-family: 'NewDefFont',tahoma;
    font-size: 2pt;
    padding-top: 30px;
}

.newmasterindexLogo {
    width: 75px;
}

.newmasterindextitle {
    font-family: 'NewDefFont',tahoma;
    /*font-size: 40pt;*/
    /*font-size: 30pt;*/
    /*line-height: 50pt;*/
    /*line-height: 40pt;*/
    font-weight: bold;
    /*color: #f7b813;*/
    /*color: #2e3430;*/
    color: #3f8048;
    text-align: center;
    padding: 0px;
    padding-bottom: 20px;
}

.newmasterindextitleSmall {
    font-family: 'NewDefFont',tahoma;
    /*font-size: 26pt;*/
    /*line-height: 40pt;*/
    font-weight: bold;
    /*color: #f7b813;*/
    /*color: #e23430;*/
    color: #3f8048;
    text-align: center;
    padding: 0px;
    padding-bottom: 20px;
}

.newmasterindexHint, a.newmasterindexHint:active, a.newmasterindexHint:visited, a.newmasterindexHint:link, a.newmasterindexHint:hover {
    font-family: 'NewDefFont',tahoma;
    font-size: 12pt;
    line-height: 16pt;
    font-weight: normal;
    color: #990000;
    text-align: center;
    padding: 0px;
}
/********** START MENU SCROLL **********/
.baumaster-head-f-nav { /* To fix main menu container */
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

#baumaster-head-main-menu-container {
    text-align: center; /* Assuming your main layout is centered */
}

#baumaster-head-main-menu {
    display: inline-block;
    width: 100%; /* Your menu's width */
}
/********** END MENU SCROLL **********/

/******** START QUICK LINKS **********/
.QuickLinksTD {
    background-color: #ffffff;
    padding: 0px; /* padding: 10px; */
}

.QuickLinksHoverTD {
    padding: 0px; /* padding: 10px; */
    cursor: pointer;
    /*background-color: #3f8048;*/
}

.QuickLinksLinkTD {
    text-align: center;
}

.QuickLinksTD .QuickLinksLink, .QuickLinksTD a.QuickLinksLink:link, .QuickLinksTD a.QuickLinksLink:active, .QuickLinksTD a.QuickLinksLink:visited, .QuickLinksTD a.QuickLinksLink:hover {
    font-weight: normal;
    color: #6f6e6e;
    text-decoration: none;
    font-family: 'NewDefFont',tahoma;
}

.QuickLinksHoverTD .QuickLinksLink, .QuickLinksHoverTD a.QuickLinksLink:link, .QuickLinksHoverTD a.QuickLinksLink:active, .QuickLinksHoverTD a.QuickLinksLink:visited, .QuickLinksHoverTD a.QuickLinksLink:hover {
    color: #3f8048;
    font-weight: bold;
    text-decoration: none;
    font-family: 'NewDefFont',tahoma;
}

.QuickLinksRoundedDiv {
    
    border: 3px solid #3f8048;
    transition: transform .2s; /* Animation */
    overflow: hidden;
    border-radius: 20%;
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

.QuickLinksTD .QuickLinksRoundedDiv2 {
    border: 0px solid #CCCCCC;
    /*background-color: #eeba26;*/ /* YELLOW */
    /*background-color: #f3f3f3;*/ /* GREY */
    /*background-color: #6c8438;*/
    background-color: #d0cfcf;
    overflow: hidden;
    border-radius: 20%;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    padding: 0px;
    top: 3px;
    position: relative;
}

.QuickLinksHoverTD .QuickLinksRoundedDiv2 {
    border: 0px solid #CCCCCC;
    background-color: #3f8048; /* GREEN */
    /*background-color: #6c8438;*/
    overflow: hidden;
    border-radius: 20%;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    padding: 0px;
    top: 3px;
    position: relative;
}

.QuickLinksImageTD {
    padding-top: 10px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

.QuickLinksImage {
    top: 14px;
    position: relative;
    transition: transform .2s; /* Animation */
    /*border-radius: 50%;*/
    margin: auto;
}

.QuickLinksImageTemp {
    width: 50px;
    height: 50px;
    border: 2px solid #CCCCCC;
    background-color: #d63842;
    transition: transform .2s; /* Animation */
    overflow: hidden;
    border-radius: 50%;
    padding: 5px;
}

.QuickLinksHoverTD .QuickLinksImage {
    transform: scale(1.20);
}

/******** END QUICK LINKS **********/

/******** START COLLEGE LIST **********/

.CollegeListTable {
    width:100%;
    margin:5px;
}

.CollegeListTableTD {
    padding:5px;
}

.CollegeListTD {
    background-color: #ffffff;
    cursor: pointer;
    border: 1px solid #000000;
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    vertical-align: top;
}

.CollegeListTDHover {
    background-color: #4a4245;
    cursor: pointer;
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

    .CollegeListTDHover .CollegeListLink, .CollegeListTDHover a.CollegeListLink:link, .CollegeListTDHover a.CollegeListLink:active, .CollegeListTDHover a.CollegeListLink:visited,
    .CollegeListTDHover a.CollegeListLink:hover {
        color: #FFFFFF;
    }

a.CollegeListLink:link, a.CollegeListLink:active, a.CollegeListLink:visited, a.CollegeListLink:hover, .CollegeListLink {
    font-family: 'NewDefFont',tahoma;
    font-size:10pt;
    /*line-height:10pt;*/
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    text-align: right;
}

.CollegeListTitleTD {
    padding: 0px;
    vertical-align: middle;
    text-align:center;
    min-height:30px !important;
    height:30px;
}

.CollegeListImageTD {
    padding: 0px;
    vertical-align: top;
    overflow: hidden;
    text-align: center;
    margin: 0px;
}

.CollegeListImage {
    width: 100%;
    height:200px;
    border: 1px solid #CCCCCC;
    transition: transform .2s; /* Animation */
    overflow: hidden;
    display: block;
}

.CollegeListTDHover .CollegeListImage {
    transform: scale(1.05);
}

/******** END COLLEGE LIST **********/

/******** START BAU STATISTICS **********/


.BAUStatistics-fixed-bg {
    min-height: 550px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*padding: 60px;*/
    vertical-align: middle;
    position: relative;
}


.baustatisticstitle {
    width: 16%;
    color: #0084bd;
    font-family: 'NewDefFont',tahoma;
    vertical-align: middle;
}

.baustatisticstd, .baustatisticstdHover {
    width: 16%;
    text-align: center;
    font-size: 10pt;
}

.baustatisticstitletdFontSize {
    font-size: 18pt;
    line-height: 20pt;
}

.baustattd {
    text-align: center;
}

.baustatisticsnumtd, a.baustatisticsnumtd:link, a.baustatisticsnumtd:active, a.baustatisticsnumtd:visited, a.baustatisticsnumtd:hover {
    font-family: 'NewDefFont',tahoma;
   /*// color: #8F3931;*/
	color: mintcream;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
}

.baustatisticsnumtdFontSize {
    font-size: 20pt;
    line-height: 26pt;
}

.baustatisticstitletd {
    font-family: 'NewDefFont',tahoma;
    //color: #000000;
    color:mintcream;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
}

.baustatisticsiconimg {
    border: 5px solid #fafafa;
    border-radius: 90%;
    padding: 20px;
}

.baustatisticstdHover .baustatisticsiconimg {
    border: 5px solid #3f8048;
    transition: transform .2s; /* Animation */
    transform: scale(1.05);
    cursor: pointer;
}
/******** END BAU STATISTICS **********/


/****************START NEWS PREVIEW 2******************/
.NewsPreview2_img-box {
    overflow: hidden;
    border: 1px solid #f6f6f6;
}

.NewsPreview2_td 
{
    height:auto;
}

.NewsPreviewTD2 {
    height: auto;
    vertical-align: top;
    border: 0px solid #c0c0c0;
    padding:0px;
}
    .NewsPreviewTD2:hover {
        cursor: pointer;
    }
        /*.NewsPreviewTD2:hover .NewsPreview2-title {
            background-color: #ffce43;
        }*/

        .NewsPreviewTD2:hover .NewsPreview2_link {
            /*color: #d39e07;*/
            color: #000000;
        }

.NewsPreview2_Hovertd {
    cursor: pointer;
    height: auto;
}

.NewsPreview2_img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
    height: 350px !important;
    height: 300px !important;
    overflow: hidden;
    width: 100% !important;
    vertical-align: middle;
    border: 0;
    transition: transform .5s; /* Animation */
}



.NewsPreviewTD2:hover .NewsPreview2_outerdiv .NewsPreview2_img-box .NewsPreview2_img {
    transform: scale(1.1);
    transition: transform .5s; /* Animation */
}

.NewsPreview2-details {
    background-color: #f6f6f6;
    /*padding-right: 15px;
    padding-left: 15px;*/
    min-height: 90px;
    border: 0px solid #c0c0c0;
    /*position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;*/
}

.NewsPreviewTD2:hover .NewsPreview2_outerdiv .NewsPreview2-details {
    background-color: #3f8048;
}

.NewsPreview2_date-box {
    background: #000;
    width: 100px;
    height: 65px;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-top: -50px;
    position: relative;
    display:none;
}

.NewsPreview2-title {
    padding: 10px;
    width: 100%;
    /*background-color: rgba(0,0,0,0.7);*/
    /*background-color: rgba(255,255,255,0.7);*/
}

.NewsPreview2-category {
    font-size: 18px;
    color: #d63842;
    margin-top: 15px;
    display:none;

}

.NewsPreview2_outerdiv {
    position: relative;
    min-height: 1px;
    /*padding-left: 15px;
    padding-right: 15px;*/
    visibility: visible;
    display: block;
    /*width: 100%;
    height:auto;*/
}

.NewsPreview2_link, a.NewsPreview2_link:link, a.NewsPreview2_link:active, a.NewsPreview2_link:visited {
    font-family: 'NewDefFont',Tahoma;
    color: #000000;
    
    text-decoration: none !important;
    font-weight: bold;
    text-align: justify;
    width:100%;
}

.NewsPreviewTD2:hover .NewsPreview2_outerdiv .NewsPreview2-details .NewsPreview2-title .NewsPreview2_link, a.NewsPreview2_link:hover {
    color: #ffffff;
}

.NewsPreview2_day {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.NewsPreview2_month {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}
/***************END NEWS PREVIEW 2 **************/


/****************START NEWS PREVIEW******************/
.NewsPreview-outer-div {
    
}

.NewsPreview-inner-div {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    /*transition: all 0.5s ease;*/
    transition: transform .7s; /* Animation */
}

    .NewsPreview-inner-div:hover {
        transform: scale(1.05);
        padding: 5px;
    }

.NewsPreviewTD {
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    text-align:center;
}

    .NewsPreviewTD:hover .NewsPreview-inner-title {
        color: #eeba26;
        padding-right: 5px;
        background-color: rgba(0, 0, 0, 1.0);
        margin-right: 0px;
    }

.NewsPreview-inner-title-Outer {
    overflow: hidden;
    position: absolute;
    margin: auto;
}
.NewsPreview-inner-title {
    padding-right: 5px;
    font-family: 'NewDefFont',tahoma;
    font-size: 16pt;
    font-weight: normal;
    text-align: right;
    padding: 0px;
    vertical-align: middle;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0px;
    z-index: 5;
    width: 100%;
    overflow: hidden;
    margin-right: 0px;
}
/***************END NEWS PREVIEW **************/


/********************START MAIN AD *******************/
.MainADDivBlack {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: fixed;
    margin: 0 auto;
    top: 0px;
    right: 0px;
    bottom: 150px;
    left: 0px;
    z-index: 10005;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.MainADCloseImage {
    position: fixed;
    margin: 0px auto;
    top: 0px;
    left: 0px;
    z-index: 10008;
    width: 75px;
}

.MainADDiv {
    position: fixed;
    margin: 0px auto;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 10006;
    width: 100%;
    height: 100vh;
    /*position: fixed;
    margin: 10px auto;
    top: 10px;
    right: 150px;
    bottom: 250px;
    left: 150px;
    z-index: 9999;
    width: 50%;*/
}

.MainADDivContent {
    position: relative;
    /*background-color: #fff;*/
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    width: 100%;
    height: 100vh;
}

.MainADDivTitle {
    position: fixed;
    font-family: 'NewDefFont',tahoma;
    font-size: 20pt;
    color: #ffffff;
    background-color: rgba(0,0,0,.5);
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    top: 10px;
    right: 10px;
    z-index: 10008;
    margin: 0px auto;
}

.MainADDivImageTD {
    padding-top: 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.MainADDivImage {
    border: 0px solid #303030;
    width: 100%;
    /*height: 100vh;*/
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 10007;
    margin: 0px auto;
}

.MainADDivIcon {
    text-align: left;
    padding: 5px;
}
/********************END MAIN AD *******************/

/**********************START MEDIA PREVIEW **********************/
.MediaPreviewTD {
    vertical-align: top;
    padding: 10px;
    position: relative;
    background-color: #000000;
}

.MediaPreviewTDWithThumb {
    padding: 5px;
    position: relative;
    vertical-align:top;
}

.vimediapreviewer {
    position: absolute;
    z-index: 0;
    background: url(mel.jpg) no-repeat;
    background-size: 100% 100%;
    top: 0px;
    left: 0px; /* fixed to left. Replace it by right if you want.*/
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: scale-down;
    background-color: #000000;
    cursor:pointer;
}

.vimediapreviewerPop {
    
    
}

.vimediapreviewertitle {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    background-color: #000000;
    font-family: 'NewDefFont',tahoma;
    font-size: 10pt;
    color: #feda43;
    padding:5px;
}

.vimediapreviewertitleWithThumb, a.vimediapreviewertitleWithThumb:link, a.vimediapreviewertitleWithThumb:active, a.vimediapreviewertitleWithThumb:visited,
a.vimediapreviewertitleWithThumb:hover {
    position: relative;
    background-color: #FFFFFF;
    font-family: 'NewDefFont',tahoma;
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    /*min-height:75px!important;*/
    overflow: hidden;
    vertical-align: middle;
}



.MediaPreviewerVideoThumbnailDiv {
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

    .MediaPreviewerVideoThumbnailDiv:hover .MediaPreviewerVideoThumbnailIMG {
        opacity: 1.0;
        transition: ease-in-out .5s; /* Animation */
}

.MediaPreviewerVideoThumbnailIMG {
    background-color: #FFFFFF;
    opacity: 0.7;
    transition: ease-in-out .5s; /* Animation */
    width:100%;
}


.MediaPreviewerVideoThumbnailDiv:hover .MediaPreviewerVideoThumbnailIMGPlay {
    opacity: 1.0;
    width: 90px;
    transition: ease-in-out .5s; /* Animation */
}

.MediaPreviewerVideoThumbnailIMGHeightFirst {
    /*min-height: 600px !important;
    max-height: 600px !important;*/
    height: 415px !important;
}

.MediaPreviewerVideoThumbnailIMGHeightRest {
    /*min-height: 300px !important;
    max-height: 300px !important;*/
    height: 180px !important;
}

.MediaPreviewerVideoThumbnailIMGPlay {
    width: 75px;
    opacity: 0.7;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: ease-in-out .5s; /* Animation */
}


/**********************END MEDIA PREVIEW **********************/
/**********************START MEDIA PREVIEW POPUP ***************************/
.MediaPreviewerDivBlack {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: fixed;
    margin: 0 auto;
    top: 0px;
    right: 0px;
    bottom: 150px;
    left: 0px;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
}

.MediaPreviewerDiv {
    position: fixed;
    margin: 10px auto;
    top: 20px;
    right: 150px;
    bottom: 150px;
    left: 150px;
    z-index: 10001;
    width: 75%;
}

.MediaPreviewerDivContent {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    width: 100%;
}

.MediaPreviewerDivTitle {
    font-family: 'NewDefFont',tahoma;
    font-size: 12pt;
    /*color: #FFFFFF;*/
    color: #000000;
    /*background-color: #d63842;*/
    background-color: #eeba26;
    text-align: right;
    padding: 5px;
}

.MediaPreviewerDivTitleImg {
    vertical-align: middle;
    width: 25px;
}

.MediaPreviewerDivImageTD {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

.MediaPreviewerDivImage {
    border: 0px solid #303030;
    width: 100%;
}

.MediaPreviewerDivIcon {
    text-align: left;
    padding: 5px;
}
/****************END MEDIA PREVIEW POPUP *****************************/

/********************START CONTACT US *******************/
.ContactUsMenuButton {
    position: fixed;
    z-index: 10002;
    right: 20px;
    bottom: 20px;
    width: 60px;
    cursor: pointer;
    /*border: 1px solid rgba(0,0,0,.2);*/
    border: 1px solid rgba(63,128,72,.2);
    border-radius: 50%;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.ContactUsDivBlack {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: fixed;
    margin: 0 auto;
    top: 0px;
    right: 0px;
    bottom: 150px;
    left: 0px;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.ContactUsDiv {
    position: fixed;
    margin: 10px auto;
    top: 10px;
    right: 150px;
    bottom: 150px;
    left: 150px;
    z-index: 10001;
    width: 75%;
}

.ContactUsDivContent {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0;
    width: 100%;
}

.ContactUsDivTitle {
    font-family: 'NewDefFont',tahoma;
    font-size: 12pt;
    color: #FFFFFF;
    background-color: #3f8048;
    text-align: right;
    padding: 5px;
}

.ContactUsDivTitleImg 
{
    vertical-align:middle;
    width:25px;
}

.ContactUsDivImageTD {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

.ContactUsDivImage {
    border: 0px solid #303030;
    width: 100%;
}

.ContactUsDivIcon {
    text-align: left;
    padding: 5px;
}
/********************END CONTACT US *******************/


/*******************START BAU INTRO *******************/
.BAUIntro-fixed-bg {
    min-height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    vertical-align: middle;
}

.BAUIntro-fixed-title {
    font-family: 'NewDefFont',tahoma;
    font-size: 20pt;
    /*line-height:10pt;*/
    text-align: center;
    color: #FFFFFF;
    margin: auto;
}


.newbtn, a.newbtn:link, a.newbtn:active, a.newbtn:visited {
    font-family: 'NewDefFont',tahoma;
    font-size: 24pt;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #2e3430;
    /*border-color: #f7b813;*/
    /*border-color: #2e3430;*/
    text-decoration: none !important;
}

a.newbtn:hover {
    background-color: #990000;
    /*border-color: #f7b813;*/
    color: #ffffff;
}

.newbtn2, a.newbtn2:link, a.newbtn2:active, a.newbtn2:visited {
    font-family: 'NewDefFont',tahoma;
    font-size: 24pt;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 24px 40px;
    font-size: 20px;
    line-height: 1.42857;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #2e3430;
    /*border-color: #f7b813;*/
    /*border-color: #2e3430;*/
    text-decoration: none !important;
}

a.newbtn2:hover {
    background-color: #f7b813;
    /*border-color: #f7b813;*/
    color: #000000;
}
/*******************END BAU INTRO *******************/

/*********************START SPOTLIGHT **********************/
.BAUSpotlight-fixed-bg {
    /*background-image: url("https://www.bau.edu.jo/images/indexbgRemix2.png");*/
    /*background-color: #a02129;*/ /***RED***/
    /*background-color: #0e3b65;*/ /***BLUE***/
    background-color: #2e3430; /***GREY***/
    min-height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5px;
    vertical-align: middle;
}


.BAUSpotlightlink, a.BAUSpotlightlink:link, a.BAUSpotlightlink:active, a.BAUSpotlightlink:visited {
    font-family: 'NewDefFont',tahoma;
    /*line-height: 28pt;*/
    text-align: justify !important;
    /*color: #d63842;*/
    color: #000000;
    /*color: #FFFFFF;*/
}

a.BAUSpotlightlink:hover {
    text-decoration: none !important;
    /*color: #a02129;*/
    color: #ffffff;
    /*background-color: #eeba26;*/
    background-color: #3f8048;
}

.BAUSpotlightDate {
    font-family: 'NewDefFont',tahoma;
    
    /*line-height: 20pt;*/
    color: #000000;
    /*color: #d63842;*/
    /*color: #ffce43;*/
    font-weight: bold;
    padding-right: 0px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 5px;
}

.BAUSpotlightDate2 {
    background: #000;
    width: 100px;
    color: #fff;
    padding: 5px;
    font-family: 'NewDefFont',tahoma;
    font-size: 14pt;
    line-height: 18pt;
}

.BAUSpotlightIcon
{
    width:35px;
    top:-5px;
    position:relative;
}
/*********************END SPOTLIGHT **********************/
/*********************START INDEX CALENDER **********************/
.indexCalender_img-box {
    overflow: hidden;
}

.indexCalender_calenderHovertd {
    cursor: pointer;
}

.indexCalender_calimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: 200px;
    width:100%;
    vertical-align: middle;
    border: 0;
    transition: transform .5s; /* Animation */
}



.indexCalender_calenderHovertd .indexCalender_outerdiv .indexCalender_img-box .indexCalender_calimg {
    transform: scale(1.10);
    transition: transform .5s; /* Animation */
}

.indexCalender_event-details {
    background-color: #ffffff;
    padding: 15px;
    min-height: 200px;
}

.indexCalender_calenderHovertd .indexCalender_outerdiv .indexCalender_event-details {
    background-color: #ffce43;
}

.indexCalender_date-box {
    background: #2e3430;
    color: #fff;
    text-align: center;
    padding: 10px;
    /*margin-top: -50px;*/
    position: relative;
}



.indexCalender_event-title {
    /*padding-top: 10px;*/
}

.indexCalender_event-category {
    font-size: 16px;
    color: #d63842;
    /*margin-top: 15px;*/
}

.indexCalender_outerdiv {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    visibility: visible;
    display: inline-block;
    width: 100%;
}

.indexCalender_calenderlink, a.indexCalender_calenderlink:link, a.indexCalender_calenderlink:active, a.indexCalender_calenderlink:visited {
    font-family: 'NewDefFont',Tahoma;
    color: #000000;
    text-decoration: none !important;
    text-align: justify;
}

a.indexCalender_calenderlink:hover {
    text-decoration: none !important;
    /*color: #a02129;*/
    /*color: #303030;
    background-color: #eeba26;*/
    color: #ffffff;
    background-color: #3f8048;
}



.indexCalender_month {
    
    
    font-weight: 600;
    color:#fff;
}
/*********************END INDEX CALENDER **********************/

/*********************START NEWSLETTER **********************/

.lblNewsLetter {
    font-family: 'NewDefFont',Tahoma;
    font-size: 16pt;
    color: #FFFFFF;
}

.tbNewsLetter {
    font-family: 'NewDefFont',Tahoma;
    font-size: 14pt;
    color: #999999;
    background-color: #FFFFFF;
    padding-right: 15px;
    padding-left: 15px;
    width: 60%;
}

.btnNewsLetter {
    font-family: 'NewDefFont',Tahoma;
    font-size: 14pt;
    color: #FFFFFF;
    background-color: #7f868c;
    padding-right: 15px;
    padding-left: 15px;
    border: 0px solid #7f868c;
    transition: 0.3s;
}

    .btnNewsLetter:hover {
        background-color: #d63842;
        cursor: pointer;
        transition: 0.3s;
    }
/*********************END NEWSLETTER **********************/
/****************** OLD STYLES *****************/
.mastermenubg /* ARABIC: color of background of all menu */ {
    background-color: #00A650;
}

    .indexbgcolor /* ARABIC: color of background of index blocks */ {
        background-color: #00A650;
        color: #FFFFFF;
        font-weight: bold;
        vertical-align: middle;
    }

    #detailstd ul {
        padding-right: 10px;
        margin-right: 10px;
    }

    .calenderlink:active, .calenderlink:visited, .calenderlink:link {
        color: #FFFFFF;
    }

    .calenderlink:hover {
        text-decoration: underline;
    }

    .sitetextwhite {
        font-family: 'NewDefFont',Tahoma;
        font-size: 14pt;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
    }

.sitefootertop {
    float: left;
    width: 100%;
    min-height: 130px;
    background: url(https://www.bau.edu.jo/images/sitefootertop.png) no-repeat center top;
}

.sitefooterlink:active, .sitefooterlink:visited, .sitefooterlink:link, .sitefooterlink {
    font-family: 'NewDefFont',Tahoma;
    /*color: #dadada;*/
    color: #aaaaaa;
    text-decoration: none;
    font-weight: normal;
    text-align: right;
}

    .sitefooterlink:hover {
        /*text-decoration: underline;*/
        /*color: #000000;
        background-color:#ffce43;*/
        color: #FFFFFF;
        padding-right:2px;
        padding-left:2px;
    }

.newFooterSocialMediaIcon
{
    width:35px;
}
.newFooterSocialMediaIcon2 {
    width: 100px;
}

    .siteheaderlink:hover {
        text-decoration: underline;
    }

    .siteheaderlinkmobile:active, .siteheaderlinkmobile:visited, .siteheaderlinkmobile:link {
        font-family: 'NewDefFont',Tahoma;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
    }

    .siteheaderlinkmobile:hover {
        text-decoration: underline;
    }

    .wechose4uth {
        font-family: 'NewDefFont',Tahoma;
        font-size: 18pt;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
        text-align: right;
        padding-right: 10px;
    }

    .imageflipper {
    }

    .bestviewedlink:active, .bestviewedlink:visited, .bestviewedlink:link {
        font-family: 'NewDefFont',Tahoma;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    .bestviewedlink:hover {
        text-decoration: underline;
    }

    .optimalViewText {
        font-family: 'NewDefFont',Tahoma;
        font-size: 16pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    .siteth {
        font-family: 'NewDefFont',Tahoma;
        font-size: 14pt;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
        text-align: center;
    }

    .sitetd {
        background-color: #FFFFFF;
        font-family: 'NewDefFont',Tahoma;
        font-size: 14pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
        text-align: center;
        height: 200px;
    }

.servicesTdTitle {
    padding-right: 0px;
    padding-right: 0px;
    padding-right: 0px;
    padding-right: 0px;
    text-align: right;
}

    .tb_ttl3 {
        font-family: 'NewDefFont',Tahoma;
        font-size: 18pt;
        font-weight: normal;
        color: #FFFFFF;
        padding: 5px;
    }

    .tb_field {
        font-family: 'NewDefFont',Tahoma;
        font-size: 18pt;
        color: #777777;
        font-weight: normal;
        padding-right: 5px;
        direction: rtl;
        text-align: right;
        background-color: #FFEDB3;
    }

.tb_ttl, .tb_ttl2 {
    font-family: 'NewDefFont',Tahoma;
    font-size: 12pt;
    line-height: 12pt;
    font-weight: normal;
}

    .TextHead {
        font-family: 'NewDefFont',Tahoma;
        font-size: 26pt;
        font-weight: normal;
        color: #FFFFFF;
        background-color: #004377;
        padding: 10px;
    }

    .bauliveportalcathead {
        font-family: 'NewDefFont',Tahoma;
        font-size: 22pt;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
        text-align: right;
        padding-right: 5px;
    }

    a.bauliveportallink:link, a.bauliveportallink:active, a.bauliveportallink:visited {
        font-family: 'NewDefFont',Tahoma;
        font-size: 26pt;
        color: #004377;
        text-decoration: none;
        font-weight: normal;
        text-align: left;
    }

    a.bauliveportallink:hover {
        font-family: 'NewDefFont',Tahoma;
        font-size: 26pt;
        color: #004377;
        text-decoration: underline;
        font-weight: normal;
        text-align: left;
    }

    a.bauliveportallinks:link, a.bauliveportallinks:active, a.bauliveportallinks:visited {
        font-family: 'NewDefFont',Tahoma;
        font-size: 18pt;
        color: #004377;
        text-decoration: none;
        font-weight: normal;
        text-align: left;
    }

    a.bauliveportallinks:hover {
        font-family: 'NewDefFont',Tahoma;
        font-size: 18pt;
        color: #004377;
        text-decoration: underline;
        font-weight: normal;
        text-align: left;
    }

    a.bauliveportallinkssmall:link, a.bauliveportallinkssmall:active, a.bauliveportallinkssmall:visited {
        font-family: 'NewDefFont',Tahoma;
        font-size: 14pt;
        color: #004377;
        text-decoration: none;
        font-weight: normal;
        text-align: left;
    }

    a.bauliveportallinkssmall:hover {
        font-family: 'NewDefFont',Tahoma;
        font-size: 14pt;
        color: #004377;
        text-decoration: underline;
        font-weight: normal;
        text-align: left;
    }

    a.bauliveportalmorelink:link, a.bauliveportalmorelink:active, a.bauliveportalmorelink:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        text-decoration: underline;
        font-weight: normal;
        color: #D50014;
    }

    a.bauliveportalmorelink:hover {
        font-family: 'NewDefFont',Tahoma;
        font-size: 16pt;
        color: #D50014;
        text-decoration: underline;
        font-weight: normal;
        text-align: left;
    }

    .bauliveportaltext {
        font-family: 'NewDefFont',Tahoma;
        font-size: 18pt;
        color: #000000;
        text-decoration: none;
        text-align: justify;
    }

    .bauliveportaltexts {
        font-family: 'NewDefFont',Tahoma;
        font-size: 16pt;
        color: #000000;
        text-decoration: none;
        text-align: justify;
    }

    .newsHead {
        font-family: 'NewDefFont',Tahoma;
        font-size: 28pt;
        color: #004377;
        text-decoration: none;
        font-weight: normal;
        text-align: left;
    }

    .NewsDetHead {
        font-family: 'NewDefFont',tahoma;
        font-size: 20pt;
        color: #D50014;
        text-decoration: none;
        font-weight: normal;
    }

    .newsDate {
        font-family: 'NewDefFont',tahoma;
        font-size: 18pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
        direction: rtl;
        text-align: right;
    }

    .newsText {
        font-family: 'NewDefFont',Tahoma;
        font-size: 18pt;
        color: #000000;
        text-decoration: none;
        text-align: justify;
    }

    .error {
        font-family: 'NewDefFont',tahoma;
        font-size: 18pt;
        text-decoration: none;
        font-weight: normal;
        color: #D50014;
    }

    .hint {
        font-family: 'NewDefFont',tahoma;
        text-decoration: none;
        font-weight: normal;
        color: #D50014;
    }

    .btn {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    .footerlink {
        font-family: 'NewDefFont',tahoma;
        font-size: 18pt;
        color: #D3D3D3;
        text-decoration: none;
        font-weight: normal;
    }

    .block_blue {
        background-color: #FFFFFF;
        border-collapse: collapse;
        border-color: #777777;
        border: 1px;
    }

    .block_lightgrey {
        background-color: #F2F2F2;
    }

    .no {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #D50014;
        text-decoration: none;
        font-weight: normal;
    }

    .nosmall {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #D50014;
        text-decoration: none;
        font-weight: normal;
    }

    .comment_no {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    .comment_name {
        font-family: 'NewDefFont',tahoma;
        font-size: 18pt;
        color: #004377;
        text-decoration: none;
        font-weight: normal;
    }

    .comment_info {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    .comment_date {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    .comment_text {
        font-family: 'NewDefFont',tahoma;
        font-size: 18pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    .tabsfont {
        font-family: 'NewDefFont',tahoma;
        font-size: 14pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    .sitedate {
        font-family: 'NewDefFont';
        font-size: 24pt;
        color: #000000;
        margin-bottom: -5px;
        line-height: 35px;
    }

    .occdate {
        font-family: tahoma;
        font-size: 12pt;
        color: #999999;
    }

    a.occtitle:link, a.occtitle:active, a.occtitle:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 20pt;
        color: #004377;
        text-decoration: none;
        font-weight: normal;
    }

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

    .videodate {
        font-family: tahoma;
        font-size: 10pt;
        color: #999999;
    }

    a.videotitle:link, a.videotitle:active, a.videotitle:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 18pt;
        color: #004377;
        text-decoration: none;
        font-weight: normal;
    }

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

    .videotext {
        font-family: 'NewDefFont',tahoma;
        font-size: 14pt;
        color: #000000;
        font-weight: normal;
    }

    a.videouser:link, a.videouser:active, a.videouser:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 14pt;
        color: #CE0200;
        text-decoration: none;
        font-weight: normal;
    }

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

    .sidebardate {
        font-family: tahoma;
        color: #999999;
    }

    a.sidebartitle:link, a.sidebartitle:active, a.sidebartitle:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 15pt;
        color: #004377;
        text-decoration: none;
        font-weight: normal;
    }

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

    a.sidebaruser:link, a.sidebaruser:active, a.sidebaruser:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 15pt;
        color: #CE0200;
        text-decoration: none;
        font-weight: normal;
    }

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

    a.homecollinkttl:link, a.homecollinkttl:active, a.homecollinkttl:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

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

    .homehdr {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        text-decoration: none;
        font-weight: normal;
        padding: 3px;
    }

    a.homecollinklnk:link, a.homecollinklnk:active, a.homecollinklnk:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 14pt;
        color: #2575BC;
        text-decoration: none;
        font-weight: normal;
    }

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

    .hotspottable {
        border: 1px solid #000000;
    }

    .hotspottdtitle {
        padding: 5px;
        vertical-align: top;
        width: 75%;
        text-align: right;
        background-color: #FFFBE9;
    }

    .hotspottdimage {
        padding: 5px;
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        width: 25%;
        height: 40px;
    }

    a.homeHotSpot:link, a.homeHotSpot:active, a.homeHotSpot:visited {
        font-family: 'NewDefFont',tahoma;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

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

    a.homeHotSpotmobile:link, a.homeHotSpotmobile:active, a.homeHotSpotmobile:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 36pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

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

    .eventtime {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
    }

    .eventdate {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
    }

    .eventtext {
        font-family: 'NewDefFont',tahoma;
        font-size: 14pt;
        color: #FFA800;
        text-decoration: none;
        font-weight: normal;
    }

    .eventuser {
        font-family: 'NewDefFont',tahoma;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    a.eventlink:link, a.eventlink:active, a.eventlink:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 17pt;
        color: #01A650;
        text-decoration: none;
        font-weight: normal;
    }

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

    .eventlink2 {
        font-family: 'NewDefFont',tahoma;
        color: #01A650;
        text-decoration: 'none';
        font-weight: normal;
    }

        .eventlink2:hover {
            cursor: pointer;
        }

    .eventdesctable {
        background-color: #FFFFFF;
        color: #000000;
        display: none;
        width: 100%;
        border: 0px solid #000000;
    }

    .eventdescth {
        background-color: #000000;
        color: #FFFFFF;
        border-collapse: collapse;
        border: 1px solid #000000;
        padding: 5px;
    }

    .eventdesctd {
        background-color: #FFFFFF;
        color: #000000;
        border-collapse: collapse;
        border: 1px solid #000000;
        padding: 5px;
        font-size: 14pt;
    }

    a.eventURL:link, a.eventURL:active, a.eventURL:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #670D0D;
        text-decoration: underline;
        font-weight: normal;
        text-align: center;
    }

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

    .eventtimemobile {
        font-family: 'NewDefFont',tahoma;
        font-size: 40pt;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
    }

    .eventdatemobile {
        font-family: 'NewDefFont',tahoma;
        font-size: 40pt;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
    }

    .eventtextmobile {
        font-family: 'NewDefFont',tahoma;
        font-size: 46pt;
        color: #FFA800;
        text-decoration: none;
        font-weight: normal;
    }

    .eventusermobile {
        font-family: 'NewDefFont',tahoma;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    a.eventlinkmobile:link, a.eventlinkmobile:active, a.eventlinkmobile:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 40pt;
        color: #01A650;
        text-decoration: underline;
        font-weight: normal;
    }

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

    .eventlink2mobile {
        font-family: 'NewDefFont',tahoma;
        font-size: 40pt;
        color: #01A650;
        text-decoration: underline;
        font-weight: normal;
    }

        .eventlink2mobile:hover {
            cursor: pointer;
        }

    .eventdesctablemobile {
        background-color: #FFFFFF;
        color: #000000;
        display: none;
        width: 100%;
        border: 0px solid #000000;
    }

    .eventdescthmobile {
        background-color: #000000;
        color: #FFFFFF;
        border-collapse: collapse;
        border: 1px solid #000000;
        padding: 5px;
    }

    .eventdesctdmobile {
        background-color: #FFFFFF;
        color: #000000;
        border-collapse: collapse;
        border: 1px solid #000000;
        padding: 5px;
        font-size: 40pt;
    }

    a.eventURLmobile:link, a.eventURLmobile:active, a.eventURLmobile:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 40pt;
        color: #670D0D;
        text-decoration: underline;
        font-weight: normal;
        text-align: center;
    }

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

    .homeimg {
        border: 1px solid #FFFFFF;
    }

    .hrdot {
        border: 1px dotted #A0E1FD;
        border-style: none none dotted;
    }

    .sidebartext {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #000000;
        font-weight: normal;
    }

    .txt {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #000000;
        font-weight: normal;
    }

    a.randomnewstitle:link, a.randomnewstitle:active, a.randomnewstitle:visited, a.randomnewstitle:hover {
        font-family: 'NewDefFont',tahoma;
        font-size: 18pt;
        color: #FFB400;
        font-weight: normal;
        text-decoration: none;
    }

    .randomnewsfrom {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #FFFFFF;
        font-weight: normal;
    }

    .randomnewsdate {
        font-family: tahoma;
        font-size: 10pt;
        color: #FFFFFF;
        font-weight: bold;
    }

    .vr {
        background-image: url('images/vr.png');
        background-repeat: repeat-y;
        background-position: left;
    }

    a.chosentitle:link, a.chosentitle:active, a.chosentitle:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 18pt;
        color: #E5C069;
        text-decoration: none;
        font-weight: normal;
    }

    a.chosentitle:hover {
        color: #EFECEC;
    }

    .chosentext {
        font-family: 'NewDefFont',tahoma;
        font-size: 14pt;
        color: #BBBBBB;
        text-decoration: none;
        font-weight: normal;
        text-align: justify;
    }

    .chosenimg {
        padding-bottom: 10px;
    }

    .hometable {
        border-collapse: collapse;
        border-color: #cccccc;
        border-style: solid;
        border-width: 1px;
    }

        .hometable td {
            border-color: #cccccc; /*grey*/
            border-style: solid;
            border-width: 0px;
        }

    .hometd {
        border-collapse: collapse;
        border-color: #cccccc;
        border-style: solid;
        border-width: 1px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        vertical-align: top;
    }

    .pulse {
        animation-name: pulse;
        -webkit-animation-name: pulse;
        animation-duration: 1.5s;
        -webkit-animation-duration: 1.5s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
    }

    .menutitle {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
    }

.SubMenuMainDiv {
    border: 1px solid #f2f2f2;
}

.submenutitle {
    font-family: 'NewDefFont',tahoma;
    font-size: 12pt;
    color: #FFFFFF;
    background-color: green;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    padding: 10px;
}

a.submenulink:link, a.submenulink:active, a.submenulink:visited {
    font-family: 'NewDefFont',tahoma;
    font-size: 10pt;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    float: right;
    margin-right: 5px;
    top: 2px;
}

    a.submenulink:hover {
        text-decoration: 'none';
    }

    .submenulinkt {
        font-family: 'NewDefFont',tahoma;
        font-size: 13pt;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
    }

    a.submenulink2:link, a.submenulink2:active, a.submenulink2:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 10pt;
        color: #092956;
        font-weight: normal;
        text-decoration: none;
    }

    a.submenulink2:hover {
        text-decoration: none;
    }

    a.submenulink3:link, a.submenulink3:active, a.submenulink3:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 13pt;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
    }

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

a.submenulinke:link, a.submenulinke:active, a.submenulinke:visited {
    font-family: 'NewDefFont',tahoma;
    font-size: 10pt;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    float: left;
    margin-left: 5px;
    top:2px;
}

    a.submenulinke:hover {
        text-decoration: 'none';
    }

    .submenulinkte {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
    }

a.submenulink2e:link, a.submenulink2e:active, a.submenulink2e:visited {
    font-family: 'NewDefFont',tahoma;
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

    a.submenulink2e:hover {
        text-decoration: none;
    }

    a.submenulink3e:link, a.submenulink3e:active, a.submenulink3e:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
    }

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

    .submenustartdiv1 {
        border-width: 0px;
        border-style: solid;
        border-collapse: collapse;
        border-color: #D9D9D9;
        padding: 0px;
    }

.submenu1td {
    height: 36px;
    /*background-image: url('https://www.bau.edu.jo/images/submenu/menu1bgADM.png');*/
    background-color: #ffffff;
    color: #000000;
    background-repeat: repeat-x;
    padding: 3px;
    border-bottom: 1px solid #f2f2f2;
}

    .submenu1td:hover {
        /*background-image: url('https://www.bau.edu.jo/images/submenu/menu1bghover.png');*/
        /*background-color: #ffce43;*/
        background-color: green;
        cursor: pointer;
    }

            .submenu1td:hover a {
                color: #ffffff;
                transition-delay: 0s;
                padding-right: 0px;
            }

.submenu2td {
    height: 36px;
    /*background-image: url('https://www.bau.edu.jo/images/submenu/menu2bg.png');*/
    /*background-color: #f6f6f6;*/
    background-repeat: repeat-x;
    padding: 3px;
}

        .submenu2td:hover {
            /*background-image: url('https://www.bau.edu.jo/images/submenu/menu1bghover.png');*/
            cursor: pointer;
        }

            .submenu2td:hover a {
                color: #3f8048;
                transition-delay: 0s;
                padding-right: 10px;
            }

    .submenu3td {
        height: 36px;
        background-image: url('https://www.bau.edu.jo/images/submenu/menu2bg.png');
        background-repeat: repeat-x;
        padding: 3px;
        padding-right: 25px;
    }

        .submenu3td:hover {
            background-image: url('https://www.bau.edu.jo/images/submenu/menu1bghover.png');
            cursor: pointer;
        }

            .submenu3td:hover a {
                color: #000000;
                transition-delay: 0s;
                padding-right: 10px;
            }

    .submenutitleb {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
    }

    a.submenulinkb:link, a.submenulinkb:active, a.submenulinkb:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
    }

    a.submenulinkb:hover {
        text-decoration: 'none';
        color: #000000;
    }

    a.submenulink2b:link, a.submenulink2b:active, a.submenulink2b:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #092956;
        font-weight: normal;
        text-decoration: none;
    }

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

    a.submenulink3b:link, a.submenulink3b:active, a.submenulink3b:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 12pt;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
    }

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

    .submenustartdiv1b {
        border-width: 0px;
        border-style: solid;
        border-collapse: collapse;
        border-color: #D9D9D9;
        padding: 0px;
    }

    .submenu1tdb {
        height: 36px;
        background-image: url('https://www.bau.edu.jo/images/submenu/menu1bgb.png');
        background-repeat: repeat-x;
        padding: 3px;
    }

        .submenu1tdb:hover a {
            color: #000000;
        }

        .submenu1tdb:hover {
            background-image: url('https://www.bau.edu.jo/images/submenu/menu1bghoverb.png');
            cursor: pointer;
            color: #000000;
        }

    .h1t {
        font-family: 'NewDefFont',tahoma;
        font-size: 18pt;
        color: #092956;
        font-weight: normal;
        text-decoration: normal;
    }

    .h2t {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #690B0B;
        font-weight: normal;
        text-decoration: normal;
    }

    .bautitle {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #092956;
        font-weight: bold;
        text-decoration: none;
    }

    .bautext {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
        text-align: justify;
    }

    a.baulink:link, a.baulink:active, a.baulink:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #690B0B;
        font-weight: normal;
        text-decoration: none;
    }

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

    .thtitle {
        font-family: 'NewDefFont',tahoma;
        font-size: 20pt;
        color: #000000;
        font-weight: normal;
        text-decoration: 'underline';
    }

    .threg {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
    }

    a.threglink:link, a.threglink:active, a.threglink:visited {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
    }

    a.threglink:hover {
        text-decoration: 'underline';
    }

    .empheader {
        font-family: 'NewDefFont',tahoma;
        font-size: 18pt;
        color: #000000;
        font-weight: normal;
        text-decoration: underline;
        text-align: center;
        padding-right: 5px;
    }

    .empttl {
        font-family: 'NewDefFont',tahoma;
        font-size: 16pt;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
        background-color: #006699;
        text-align: right;
        padding-right: 5px;
    }

    .th {
        font-family: 'NewDefFont',tahoma;
        font-size: 14pt;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
        background-color: #004377;
        text-align: center;
        padding-right: 5px;
    }

    .t_h {
        font-family: 'NewDefFont',tahoma;
        font-size: 14pt;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
        background-color: #000000;
        text-align: center;
        padding-right: 5px;
    }

    .t_h2 {
        font-family: 'NewDefFont',tahoma;
        font-size: 14pt;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
        background-color: #B9282D;
        text-align: center;
        padding-right: 5px;
    }

    .t_h3 {
        font-family: 'NewDefFont',tahoma;
        font-size: 14pt;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
        background-color: #004377;
        text-align: center;
        padding-right: 5px;
    }

.t_h4 {
    font-family: 'NewDefFont',tahoma;
    font-size: 18pt;
    /*color: #d63842;*/
    color: #3f8048;
    font-weight: normal;
    text-decoration: none;
    text-align: right;
    padding-right: 0px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .tborder, .tborder td {
        border: 1px solid #C0C0C0;
        padding: 5px;
    }

    a.bau_mobile_link:link, a.bau_mobile_link:active, a.bau_mobile_link:visited, a.bau_mobile_link:hover {
        font-family: 'Droid Arabic Naskh','NewDefFont',Tahoma;
        font-size: 50pt;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
    }

    a.divservicesmobile:link, a.divservicesmobile:active, a.divservicesmobile:visited, a.divservicesmobile:hover {
        font-family: 'NewDefFont',Tahoma;
        font-size: 40pt;
        color: #670A0A;
        text-decoration: none;
        font-weight: normal;
    }

    .spotlightDate {
        font-family: 'NewDefFont',tahoma;
        padding: 5px;
        color: #01A650;
        background-color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
        text-align: center;
    }

    .siteFooterTitle {
        color: #FFFFFF;
        font-family: 'NewDefFont',tahoma;
        text-decoration: none;
        font-weight: normal;
    }

    .SpotLightNewIcon {
        vertical-align: middle;
    }

    .LatestEventsMonth {
        vertical-align: middle;
        padding: 5px;
        color: #01A650;
        text-align: center;
        border-top: 1px solid #BFBFBF;
        border-right: 1px solid #BFBFBF;
        border-left: 1px solid #BFBFBF;
        border-bottom: 0px solid #BFBFBF;
        background-color: #F2F2F2;
    }

    .LatestEventsDay {
        vertical-align: middle;
        padding: 5px;
        color: #01A650;
        text-align: center;
        border-top: 0px solid #BFBFBF;
        border-bottom: 1px solid #BFBFBF;
        border-right: 1px solid #BFBFBF;
        border-left: 1px solid #BFBFBF;
        background-color: #FFFFFF;
    }


/********** START DASHBOARD ***********/
.dashSubHead {
    font-family: 'NewDefFont',tahoma;
    font-size: 18pt;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #1b9358;
    width: 100%;
    text-align: center;
}

.dashStatus {
    font-family: 'NewDefFont',tahoma;
    font-size: 18pt;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #1b9358;
    width: 100%;
    text-align: center;
}

.dashError {
    font-family: 'NewDefFont',tahoma;
    font-size: 18pt;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #D50014;
    width: 100%;
    text-align: center;
}
/********** END DASHBOARD ***********/







/*********** START WIDTH BASED CSS *************/
@media all and (min-width: 1025px) {

    .MainADDivImageHeight {
        height: 100vh;
    }

    .QuickLinksMainHeight {
        padding-bottom: 0px;
    }

    .QuickLinksTDSize {
        width: 100px;
        height: 135px;
    }

    .QuickLinksImageSize {
        width: 40px;
        height: 40px;
    }
    
    .QuickLinksRoundedDivSize {
        width: 80px;
        height: 80px;
    }

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

    .NewsPreview2_linkSIZE {
        font-size: 12pt;
    }

    .newmasterindextitleSIZE {
        font-size: 30pt;
        line-height: 40pt;
    }

    .newmasterindextitleSmallSIZE {
        font-size: 26pt;
        line-height: 36pt;
    }

    .indexCalender_date-boxSIZE {
        width: 100px;
        height: 65px;
    }

    .indexCalender_day {
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
    }

    .masterpagemenucontactimg {
        width: 14pt;
        position: relative;
        top: 5px;
    }

    .SiteMasterHeaderWidth {
        width: 90%;
    }

    .baustattitleFontSize {
        font-size: 22pt;
    }

    .baustatnumtdFontSize {
        font-size: 16pt;
        line-height: 16pt;
    }

    .baustattitletdFontSize {
        font-size: 12pt;
        line-height: 14pt;
    }

    .baustaticonimg {
        width: 30px;
    }

    .servicecatlinkFontSize {
        font-size: 14pt;
        line-height: 24pt;
    }

    .bauserviceshomelinkFontSize {
        font-size: 12pt;
    }

    .siteFooterBestViewedFontSize {
        font-size: 10pt;
    }

    .siteheaderlinkFontSize {
        font-size: 14pt;
    }

    .sitefooterlinkFontSize {
        font-size: 10pt;
    }

    .siteFooterTitleFontSize {
        font-size: 24px;
    }

    .spotlightDateFontSize {
        font-size: 14pt;
    }

    .BauScrollHomeTitleFontSize {
        font-size: 30pt;
    }

    .BauScrollHomeDescFontSize {
        font-size: 18pt;
    }

    .BauNewsHomeUserNameFontSize {
        font-size: 16pt;
    }

    .BauNewsHomeDateTimeFontSize {
        font-size: 12pt;
    }

    .BauNewsHomeTitleFontSize {
        font-size: 16pt;
    }

    .BauNewsHomeDescFontSize {
        font-size: 16pt;
    }

    .indexSpotlightDiv {
        padding: 0px;
        max-height: 400px;
        overflow: auto;
        /* padding:0px; max-height:285px;  overflow:auto; */
    }

    .indexSpotlightDivTD {
        padding-top: 5px;
        display: inline-block;
        max-height: 565px;
        width: 100%;
        /* padding-top:5px; display:inline-block; max-height:450px; width:100%; */
    }

    .indexServicesBlock {
        padding: 0px;
        max-height: 225px;
        overflow: auto;
    }

    .indexLatestEventsBlockWideScreen {
        padding: 0px;
        max-height: 420px;
        min-height: 420px;
        overflow: hidden;
        /* padding:0px; max-height:260px;  min-height:260px; overflow:auto; */
    }

    .indexServicesBlockWideScreen {
        padding: 0px;
        max-height: 255px;
        min-height: 255px;
        overflow: auto;
        border: 1px solid #C0C0C0;
    }

    .indexWideScreen {
        display: table;
        visibility: visible;
    }

    .indexSmallScreen {
        display: none;
        visibility: hidden;
    }

    .indexBlockTitle, a.indexBlockTitle:link, a.indexBlockTitle:active, a.indexBlockTitle:visited, a.indexBlockTitle:hover {
        font-family: 'NewDefFont',Tahoma;
        font-size: 16pt;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: normal;
    }

    .MinReq {
        display: block;
    }

    .MinReqTD {
        display: table-cell;
    }

    .MinFont {
        font-size: 16pt;
    }

    .MinFont2 {
        font-size: 16pt;
    }

    .MinFont3 {
        font-size: 16pt;
    }

    .MinFont4 {
        font-size: 16pt;
    }

    .MinOnly {
        display: none;
    }

    .MaxOnly {
        display: block;
    }

    .MinOnlyTD {
        display: none;
    }

    .MaxOnlyTD {
        display: table-cell;
    }

    .FullIfMin {
    }

    .FullIfMin50p {
        width: 50%;
    }

    .SpotLightNewIconWidth {
        width: 28px;
        margin-top: -7px;
    }

    .indexBlockIconWidth {
        width: 30px;
    }

    .LatestEventsMonthFontSize {
        font-size: 16pt;
    }

    .LatestEventsDayFontSize {
        font-size: 18pt;
    }

    .eventuserFontSize {
        font-size: 14pt;
    }

    .eventlink2FontSize {
        font-size: 17pt;
    }

    .masterheadlink_FS {
        font-size: 8pt;
    }

    .QuickLinksLink_FS {
        font-size: 10pt;
    }

    .BAUSpotlightlink_FS
    {
        font-size:12pt;
    }

    .indexCalender_calenderlink_FS
    {
        font-size:12pt;
    }

    .vimediapreviewertitleWithThumb_FS
    {
        font-size:10pt;
    }

    .BAUSpotlightDate_FS
    {
        font-size:14pt;
    }

    .indexCalender_month_FS {
        font-size: 8pt;
        line-height: 8pt;
    }
}

    @media all and (max-width: 1024px) {

        .MainADDivImageHeight {
            /*height: 100vh;*/
        }

        .QuickLinksMainHeight
        {
            padding-bottom:70px;
        }
        
        .QuickLinksTDSize {
            width: 160px;
            height: 195px;
        }

        .QuickLinksImageSize {
            width: 100px;
            height: 100px;
        }

        .QuickLinksRoundedDivSize {
            width: 140px;
            height: 140px;
        }

        .QuickLinksRoundedDiv2Size {
            width: 130px;
            height: 130px;
        }

        .NewsPreview2_linkSIZE {
            font-size: 26pt;
        }

        .newmasterindextitleSIZE {
            font-size: 40pt;
            line-height: 50pt;
        }

        .newmasterindextitleSmallSIZE {
            font-size: 36pt;
            line-height: 46pt;
        }

        .indexCalender_date-boxSIZE {
            width: 150px;
            height: 110px;
        }

        .indexCalender_day {
            font-size: 28px;
            line-height: 28px;
            font-weight: 600;
        }

        .masterpagemenucontactimg {
            width: 20pt;
        } 


        .baustattitleFontSize {
            font-size: 34pt;
        }

        .baustatnumtdFontSize {
            font-size: 34pt;
            line-height: 30pt;
        }

        .baustattitletdFontSize {
            font-size: 25pt;
            line-height: 24pt;
        }

        .baustaticonimg {
            width: 65px;
        }

        .servicecatlinkFontSize {
            font-size: 22pt;
            line-height: 24pt;
        }

        .bauserviceshomelinkFontSize {
            font-size: 18pt;
        }

        .siteFooterBestViewedFontSize {
            font-size: 16pt;
        }

        .siteheaderlinkFontSize {
            font-size: 35pt;
        }

        .sitefooterlinkFontSize {
            font-size: 16pt;
        }

        .siteFooterTitleFontSize {
            font-size: 20pt;
        }

        .spotlightDateFontSize {
            font-size: 30pt;
        }

        .BauScrollHomeTitleFontSize {
            font-size: 50pt;
        }

        .BauScrollHomeDescFontSize {
            font-size: 35pt;
        }

        .BauNewsHomeUserNameFontSize {
            font-size: 34pt;
        }

        .BauNewsHomeDateTimeFontSize {
            font-size: 24pt;
        }

        .BauNewsHomeTitleFontSize {
            font-size: 46pt;
        }

        .BauNewsHomeDescFontSize {
            font-size: 34pt;
        }

        .indexSpotlightDiv {
            padding: 0px;
            max-height: 500px;
            overflow: auto;
        }

        .indexSpotlightDivTD {
        }

        .indexServicesBlock {
            padding: 0px;
        }

        .indexWideScreen {
            display: none;
            visibility: hidden;
        }

        .indexSmallScreen {
            display: table;
            visibility: visible;
        }

        .indexBlockTitle, a.indexBlockTitle:link, a.indexBlockTitle:active, a.indexBlockTitle:visited, a.indexBlockTitle:hover {
            font-family: 'NewDefFont',Tahoma;
            font-size: 36pt;
            color: #FFFFFF;
            text-decoration: none;
            font-weight: normal;
        }

        .MinReq {
            display: none;
        }

        .MinReqTD {
            display: none;
        }

        .MinFont {
            font-size: 36pt;
        }

        .MinFont2 {
            font-size: 35pt;
        }

        .MinFont3 {
            font-size: 40pt;
        }

        .MinFont4 {
            font-size: 22pt;
        }

        .MinOnly {
            display: block;
        }

        .MaxOnly {
            display: none;
        }

        .MinOnlyTD {
            display: table-cell;
        }

        .MaxOnlyTD {
            display: none;
        }

        .FullIfMin {
            width: 100%;
        }

        .FullIfMin50p {
            width: 100%;
        }

        .SpotLightNewIconWidth {
            width: 75px;
            margin-top: -23px;
        }

        .indexBlockIconWidth {
            width: 50px;
        }

        .LatestEventsMonthFontSize {
            font-size: 40pt;
        }

        .LatestEventsDayFontSize {
            font-size: 42pt;
        }

        .eventuserFontSize {
            font-size: 42pt;
            vertical-align: top;
        }

        .eventlink2FontSize {
            font-size: 45pt;
        }

        .SiteMasterHeaderWidth {
            width: 100%;
        }

        .masterheadlink_FS {
            font-size:16pt;
        }

        .QuickLinksLink_FS {
            font-size: 26pt;
        }

        .BAUSpotlightlink_FS {
            font-size: 20pt;
        }

        .indexCalender_calenderlink_FS {
            font-size: 20pt;
        }

        .vimediapreviewertitleWithThumb_FS {
            font-size: 16pt;
        }

        .BAUSpotlightDate_FS {
            font-size: 20pt;
        }

        .indexCalender_month_FS
        {
            font-size:20pt;
            line-height:20pt;
        }
    }

    

.servicecatlink {
    font-family: 'NewDefFont',Tahoma;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}

.servicehead {
    background-color: #DBDBDB;
    color: #004377;
    text-align: center;
    vertical-align: top;
    font-family: 'NewDefFont',Tahoma;
    font-size: 16pt;
    padding-top: 2px;
    padding-bottom: 2px;
}

.homepostscatlinkheadsel {
    text-align: center;
    cursor: pointer;
    border-top: 2px solid #C0C0C0;
}

    .homepostscatlinkheadsel .servicecatlink {
        color: #000000;
    }

.homepostscatlinkheadnotsel {
    text-align: center;
    border: 1px solid #C0C0C0;
    background-color: #F2F2F2;
    cursor: pointer;
    color: #000000;
}

.servicetable {
    border: 0px solid #C0C0C0;
}

.servicetabletd {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.serviceicon {
    width: 15%;
    vertical-align: middle;
}

.servicetitletd {
    width: 100%;
    vertical-align: middle;
}

a.servicetitle:link, a.servicetitle:active, a.servicetitle:visited {
    font-family: 'NewDefFont',Tahoma;
    font-size: 11pt;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    vertical-align: top;
}

a.servicetitle:hover {
    font-family: 'NewDefFont',Tahoma;
    font-size: 11pt;
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
    vertical-align: top;
}

.servicesrowsep {
    height: 5px;
}

.servicesep {
    height: 1px;
    vertical-align: top;
    background-color: #c0c0c0;
}

.servicedesc {
    font-family: 'NewDefFont',Tahoma;
    font-size: 11pt;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    vertical-align: top;
}

.serviceiconlogo {
    width: 30px;
}

.servicetd {
    padding: 5px;
}
a.divservices:link, a.divservices:active, a.divservices:visited, a.divservices:hover,
a.bauserviceshomelink:link, a.bauserviceshomelink:active, a.bauserviceshomelink:visited, a.bauserviceshomelink:hover {
    font-family: 'NewDefFont',Tahoma;
    color: #000000;
    text-decoration: none;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

a.colnewslink4:link, a.colnewslink4:active, a.colnewslink4:visited, a.colnewslink4:hover {
    font-family: 'NewDefFont',Tahoma;
    font-size: 10pt;
    text-align: center;
    color: #0081B9;
    text-decoration: none;
    font-weight: bold;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

.colnewsdesctext2 {
    font-family: 'NewDefFont',Tahoma;
    font-size: 10pt;
    text-align: justify;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

.line

{
    background: #7ee2a8;
    width: 100%;
    height: 2px;
    margin: 5px auto -3px;
}
}