﻿@font-face {
    font-family: 'AlSharkTitle';
    src: url('https://live.bau.edu.jo/BauLivePortal/fonts/AlSharkTitle-Light.eot');
    src: url('https://live.bau.edu.jo/BauLivePortal/fonts/AlSharkTitle-Light.eot?#iefix') format('embedded-opentype'),
         url('https://live.bau.edu.jo/BauLivePortal/fonts/AlSharkTitle-Light.woff') format('woff'),
         url('https://live.bau.edu.jo/BauLivePortal/fonts/AlSharkTitle-Light.ttf') format('truetype'),
         url('https://live.bau.edu.jo/BauLivePortal/fonts/AlSharkTitle-Light.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AlSharkTitle2';
    src: url('https://www.bau.edu.jo/BauLivePortal/fonts/AlSharkTitle-Light.eot');
    src: url('https://www.bau.edu.jo/BauLivePortal/fonts/AlSharkTitle-Light.eot?#iefix') format('embedded-opentype'),
         url('https://www.bau.edu.jo/BauLivePortal/fonts/AlSharkTitle-Light.woff') format('woff'),
         url('https://www.bau.edu.jo/BauLivePortal/fonts/AlSharkTitle-Light.ttf') format('truetype'),
         url('https://www.bau.edu.jo/BauLivePortal/fonts/AlSharkTitle-Light.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    background-color: #EEEEEE;
    direction: rtl;
    font-family: 'AlSharkTitle','AlSharkTitle2';
    font-size: 18pt;
}
section {
    border-left: 1px solid #666666;
    float: right;
    padding-left: 20px;
    width: 560px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .clearfix {
    height: 1%;
}

nav {
    background: none repeat scroll 0 0 #004377;
}
#menu-header-menu {
    display: block;
}
#menu-header-menu li {
    border-left: 1px solid #10AEA1;
    float: right;
    position: relative;
}
#menu-header-menu li > a {
    border-top: 2px solid #FFFFFF;
    color: #E0F6EC;
    display: block;
    font-family: 'AlSharkTitle','AlSharkTitle2';
    font-size: 16pt;
    margin-top: -2px;
    padding: 0px 8px 0;
    text-decoration: none;
}
.ie #menu-header-menu li > a {
    font-size: 16pt;
    padding: 0px 6px 0;
}
#menu-header-menu li.current-menu-item > a {
    background: none repeat scroll 0 0 #1A1A1A;
    border-top: 0px solid #004377;
    color: #FFFFFF;
}
#menu-header-menu li:hover > a {
    background: none repeat scroll 0 0 #ECECEC;
    border-top: 2px solid #004377;
    color: #333333;
}

#menu-header-menu li:hover .menu-panel {
    display: block;
}
.menu-panel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ECECEC;
    border-color: -moz-use-text-color #B7B7B7 #B7B7B7;
    border-image: none;
    border-right: 1px solid #B7B7B7;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    box-shadow: 4px 4px 0 4px rgba(0, 0, 0, 0.5);
    display: none;
    padding: 10px 15px;
    position: absolute;
    right: -1px;
    width: 306px;
    z-index: 1000;
}

.clearfix
{
    color: #FF0000;
}

.menu-panel-64 .post-excerpt {
  display: block;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 12px;
  padding-top: 12px;
  padding-bottom: 10px;
  color: #333333;
  font-size: 18pt;
  font-weight: normal;
  line-height: 1.2em;
}

.menu-panel-64 .more-link-wrapper a {
  color: #FFFFFF;
  display: block;
  float: left;
  font-family: 'AlSharkTitle','AlSharkTitle2';
  padding: 2px 8px 2px 20px;
  background: url("images/sprite.png?v=1.01") no-repeat scroll -235px 4px #808080;
}

.menu-post-1, .menu-post-2 {
    border-bottom: 1px solid #CCCCCC;
}
.menu-post a {
    color: #333333;
    display: block;
    padding: 9px 0 7px;
    text-decoration: none;
}
.menu-post a img {
    border: 0 none;
    float: right;
    margin-left: 10px;
}
.menu-post a h3 {
    display: inline;
    font-size: 10pt;
    font-weight: normal;
    line-height: 21px;
}
.menu-post a:hover h3 {
    text-decoration: underline;
}
.menu-post-3 a h3, .menu-post-4 a h3 {
    background: url("images/menubullet2.png") no-repeat scroll right 7px rgba(0, 0, 0, 0);
    padding-right: 10px;
}

.tb_field
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; color:#777777; font-weight:normal; padding-right:5px; direction:rtl; text-align:right; background-color:#FFEDB3;
}
.tb_ttl,.tb_ttl2
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; font-weight:normal;
}
.TextHead
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; font-size:26pt; font-weight:normal; color:#FFFFFF; background-color:#004377; padding:10px;
}
.bauliveportalcathead
{
    font-family:'AlSharkTitle','AlSharkTitle2',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:'AlSharkTitle','AlSharkTitle2',Tahoma; font-size:26pt; color:#004377; text-decoration: none; font-weight:normal; text-align:left;
}
a.bauliveportallink:hover
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; font-size:26pt; color:#004377; text-decoration: underline; font-weight:normal; text-align:left;
}
a.blpbauliveportallink:link,a.blpbauliveportallink:active,a.blpbauliveportallink:visited
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; color:#004377; text-decoration: none; font-weight:normal; text-align:left;
}
a.blpbauliveportallink:hover
{
    text-decoration: underline;
}
a.bauliveportallinks:link,a.bauliveportallinks:active,a.bauliveportallinks:visited
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; color:#004377; text-decoration: none; font-weight:normal; text-align:left;
}
a.bauliveportallinks:hover
{
    font-family:'AlSharkTitle','AlSharkTitle2',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:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:14pt; text-decoration: underline; font-weight:normal; color: #D50014;
}
a.bauliveportalmorelink:hover
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; font-size:14pt; color:#D50014; text-decoration: underline; font-weight:normal; text-align:left;
}
.bauliveportaltext
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; color:#000000; text-decoration: none; text-align:justify; padding-right:10px; padding-left:10px; vertical-align:top;
}
.bauliveportaltexts
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; font-size:14pt; color:#000000; text-decoration: none; text-align:justify; padding-right:10px; padding-left:10px; vertical-align:top;
}
.newsHead
{
	font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; color:#000000; text-decoration: none; font-weight:normal; text-align:left;
}
.NewsDetHead
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#D50014; text-decoration: none; font-weight:normal;
}
a.NewsDetHeadLink:link,a.NewsDetHeadLink:active,a.NewsDetHeadLink:visited,a.NewsDetHeadLink:hover
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#D50014; text-decoration: none; font-weight:normal;
}
.newsDate
{
	font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; text-decoration: none; font-weight:normal; direction:rtl; text-align: right;
}
.newsText
{
	font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; color:#000000; text-decoration: none; text-align:justify;
}
.error
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; text-decoration: none; font-weight:normal; color: #D50014;   
}
.hint
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:18pt; text-decoration: none; font-weight:normal; color: #D50014;   
}
.btn
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; text-decoration: none; font-weight:normal;
}
.footerlink
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#D3D3D3; text-decoration: none; font-weight:normal;
}
.blpfooterlink
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#D3D3D3; text-decoration: none; font-weight:normal;
}
.blpfooterlinktd
{
    vertical-align:top;
}
.block_blue
{
    background-color:#FFFFFF; border-collapse:collapse; border-color:#777777; border:1px;
}
.block_lightgrey
{
    background-color:#F2F2F2;   
}
.no
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:16pt; color:#D50014; text-decoration: none; font-weight:normal;
}
.nosmall
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#D50014; text-decoration: none; font-weight:normal;
}
.blpnosmall
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#D50014; text-decoration: none; font-weight:normal;
}
.comment_no
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; text-decoration: none; font-weight:normal;
}
.comment_name
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#004377; text-decoration: none; font-weight:normal;
}
.comment_info
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; text-decoration: none; font-weight:normal;
}
.comment_date
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; text-decoration: none; font-weight:normal;
}
.comment_text
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; text-decoration: none; font-weight:normal;
}
.tabsfont
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:14pt; color:#000000; text-decoration: none; font-weight:normal;
}

.sitedate
{
    font-family:'AlSharkTitle','AlSharkTitle2'; 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:'AlSharkTitle','AlSharkTitle2',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:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:18pt; color:#004377; text-decoration: none; font-weight:normal;
}

a.videotitle:hover
{
    text-decoration:underline;
}

.videotext
{
font-family:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:14pt; color:#000000; font-weight:normal;
}

a.videouser:link,a.videouser:active,a.videouser:visited
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:14pt; color:#CE0200; text-decoration: none; font-weight:normal;
}

a.videouser:hover
{
    text-decoration:underline;
}

.sidebardate
{
    font-family:tahoma; font-size:8pt; color:#999999;
}

a.sidebartitle:link,a.sidebartitle:active,a.sidebartitle:visited
{
    font-family:'AlSharkTitle','AlSharkTitle2',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:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:15pt; color:#CE0200; text-decoration: none; font-weight:normal;
}

a.sidebaruser:hover
{
    text-decoration:underline;
}
.sidebartext
{
font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; font-weight:normal;
}

a.randomnewstitle:link,a.randomnewstitle:active,a.randomnewstitle:visited,a.randomnewstitle:hover
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#FFB400; font-weight:normal; text-decoration:none;
}
.randomnewsfrom
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#FFFFFF; font-weight:normal;
}
.randomnewsdate
{
    font-family:tahoma; color:#FFFFFF; font-weight:bold;
}
a.blprandomnewstitle:link,a.blprandomnewstitle:active,a.blprandomnewstitle:visited,a.blprandomnewstitle:hover
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#FFB400; font-weight:normal; text-decoration:none;
}
.blprandomnewsfrom
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#FFFFFF; font-weight:normal;
}
.blprandomnewsdate
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma;  color:#FFFFFF; font-weight:bold;
}
.bnp_tbl
{
    background-color:#FFF5CE; width:98%; text-align:center; padding:5px; border: 1px solid #C0C0C0;    
}
.bnp_lbltitle
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; font-weight:normal; text-decoration:none; text-align:right; padding:5px;
}
.bnp_lblvalue
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; font-weight:normal; text-decoration:none; padding:5px; text-align:right;
}
.bnp_tf
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; font-weight:normal; text-decoration:none;
}
.bnp_btn
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; color:#000000; font-weight:normal; text-decoration:none; background-color:#FFFFFF;
}
a.newsocclink:link,a.newsocclink:active,a.newsocclink:visited,a.newsocclink:hover
{
     font-family:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:18pt; color:#990000; font-weight:normal; text-decoration:none;
}
.blpindexcatdiv {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    /*background-color: #2e3430;*/
    background-color: #109033;
    padding-left: 5px;
    padding-right: 5px;
}
a.blpindexcatlink:link,a.blpindexcatlink:active,a.blpindexcatlink:visited, a.blpindexcatlink:hover,.blpindexcatlink
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; color:#FFFFFF; text-decoration: none; font-weight:normal;
}
.blpindexcatdate
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; color:#000000; text-decoration: none; font-weight:normal;
}
.blpHead
{
    font-family:'AlSharkTitle','AlSharkTitle2',Tahoma; color:#000000; text-decoration: none; font-weight:normal; text-align:right;
}
.pagenumsel
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:20pt; text-decoration: none; font-weight:normal; color: #D50014; line-height: 20px;
}
.pagenumnotsel
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; font-size:18pt; text-decoration: none; font-weight:normal; color: #000000; line-height: 20px;
}
.blppagenumsel
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; text-decoration: none; font-weight:normal; color: #D50014; line-height: 20px;
}
.blppagenumnotsel
{
    font-family:'AlSharkTitle','AlSharkTitle2',tahoma; text-decoration: none; font-weight:normal; color: #000000; line-height: 20px;
}

@media all and (max-width: 1024px)
{
    .indexWideScreen
    {
        display: none;
        visibility: hidden;
    }
    .indexSmallScreen
    {
        display:table;
        visibility: visible;
    }
    .MinReq
    {
        display:none;
    }
    .MinReqTD
    {
        display:none;
    }
    .MinOnly
    {
        display:block;
    }
    .MaxOnly
    {
        display:none;
    }
    .MinOnlyTD
    {
        display:table-cell;
    }
    .MaxOnlyTD
    {
        display:none;
    }
    .MinOnlyTR
    {
        display: table-row;
    }
    .MaxOnlyTR
    {
        display: none;
    }
    .FullIfMin
    {
        width:100%;   
    }
    .FullIfMin50p
    {
        width:100%;   
    }
    .BLPMinFont
    {
        font-size:40pt; 
    }
    .BLPMinFont2
    {
        font-size:30pt;
    }
    .BLPMinFont3
    {
        font-size:40pt;
    }
    .NewsDetDefFontSize
    {
        font-size:40pt;
    }
    .NewsDetHeadLinkFontSize
    {
        font-size:40pt;
    }
    .newsDateFontSize
    {
        font-size:40pt;
    }
    .newsHeadFontSize
    {
        font-size:50pt;
    }
    .newsDetLogoWidth
    {
        width:100px; vertical-align:middle;
    }
    .newsTextFontSize
    {
	    font-size:40pt;
    }
    .blpindexcatlinkFontSize
    {
        font-size:36pt;
    }
    .blpnosmallFontSize
    {
        font-size:30pt;
    }
    .blpbauliveportallinksFontSize
    {
        font-size:36pt;
    }
    .blpsidebartextFontSize
    {
        font-size:30pt;
    }
    .blpbauliveportaltextFontSize
    {
        font-size:34pt;
    }
    .blpblpindexcatdateFontSize
    {
        font-size:30pt;
    }
    .shadowtitleFontSize
    {
        font-size:38pt; line-height:45pt;
    }
    .BLPMainMenuHeight
    {
        height:45px; vertical-align:top;
    }
    .BLPMainMenuUL
    {
        padding:0px; vertical-align:top; margin:0px;
    }
    .BLPMinSPACE
    {
        line-height:40px; vertical-align:top;
    }
    .BLPRandomTitleFontSize
    {
        font-size: 36pt;   
    }
    .BLPRandomUserFontSize
    {
        font-size: 36pt;   
    }
    .BLPRandomDateFontSize
    {
        font-size: 26pt;   
    }
    .BLPFooterLinkFontSize
    {
        font-size: 30pt;
    }
    .blpLoginControlIconWidth
    {
        width:100px;
    }
    .menu-panel-top
    {
        top:70px;
    }
    .blpnewsnewiconwidth
    {
        width:80px;
    }
    .blpHeadFontSize
    {
        font-size:40pt;
    }
    .blppagenumselFontSize
    {
        font-size:40pt;
    }
    .blppagenumnotselFontSize
    {
        font-size:38pt;
    }
    .blpnextprevwidth
    {
        width:50px;
    }
    .bnp_lbltitleFontSize
    {
        font-size:36pt;
    }
    .bnp_lblvalueFontSize
    {
        font-size:34pt;
    }
    .bnp_tfFontSize
    {
        font-size:36pt;
    }
    .bnp_btnFontSize
    {
        font-size:36pt;
    }
    .errorFontSize
    {
        font-size:36pt;
    }
    .blpsearchimg
    {
        width: 300px; height:175px;
    }
}

@media all and (min-width: 1025px)
{
    .indexWideScreen
    {
        display: table;
        visibility: visible;
    }
    .indexSmallScreen
    {
        display:none;
        visibility: hidden;
    }
    .MinReq
    {
        display:block;
    }
    .MinReqTD
    {
        display:table-cell;
    }
    .MinOnly
    {
        display:none;
    }
    .MaxOnly
    {
        display:block;
    }
    .MinOnlyTD
    {
        display:none;
    }
    .MaxOnlyTD
    {
        display:table-cell;
    }
    .MinOnlyTR
    {
        display:none;
    }
    .MaxOnlyTR
    {
        display: table-row;
    }
    .FullIfMin
    {
        
    }
    .FullIfMin50p
    {
        width:50%;   
    }
    .BLPMinFont
    {
        font-size:16pt;
    }
    .BLPMinFont2
    {
        font-size:16pt;
    }
    .BLPMinFont3
    {
        font-size:18pt;
    }
    .NewsDetDefFontSize
    {
        font-size:18pt;
    }
    .NewsDetHeadLinkFontSize
    {
        font-size:20pt;
    }
    .newsDateFontSize
    {
        font-size:18pt;
    }
    .newsHeadFontSize
    {
        font-size:28pt;
    }
    .newsDetLogoWidth
    {
        width:40px; vertical-align:middle;
    }
    .newsTextFontSize
    {
	    font-size:18pt;
    }
    .blpindexcatlinkFontSize
    {
        font-size:16pt;
    }
    .blpnosmallFontSize
    {
        font-size:12pt;
    }
    .blpbauliveportallinksFontSize
    {
        font-size:14pt;
    }
    .blpsidebartextFontSize
    {
        font-size:12pt;
    }
    .blpbauliveportaltextFontSize
    {
        font-size:14pt;
    }
    .blpblpindexcatdateFontSize
    {
        font-size:14pt;
    }
    .shadowtitleFontSize
    {
        font-size:24pt;
    }
    .BLPMainMenuHeight
    {
        
    }
    .BLPRandomTitleFontSize
    {
        font-size: 16pt;   
    }
    .BLPRandomUserFontSize
    {
        font-size: 16pt;   
    }
    .BLPRandomDateFontSize
    {
        font-size: 10pt;   
    }
    .BLPFooterLinkFontSize
    {
        font-size: 18pt;
    }
    .blpLoginControlIconWidth
    {
        width:30px;
    }
    .menu-panel-top
    {
        top:25px;
    }
    .blpHeadFontSize
    {
        font-size:40pt;
    }
    .blppagenumselFontSize
    {
        font-size:20pt;
    }
    .blppagenumnotselFontSize
    {
        font-size:18pt;
    }
    .blpnextprevwidth
    {
        width:25px;
    }
    .bnp_lbltitleFontSize
    {
        font-size:16pt;
    }
    .bnp_lblvalueFontSize
    {
        font-size:14pt;
    }
    .bnp_tfFontSize
    {
        font-size:16pt;
    }
    .bnp_btnFontSize
    {
        font-size:16pt;
    }
    .errorFontSize
    {
        font-size:16pt;
    }
    .blpsearchimg
    {
        width: 100px; height:75px;
    }
}