/*********************************************************************** * DLA Custom **********************************************************************/.footer-img{/* background-attachment: scroll;  background-clip: border-box;  background-color: transparent;  background-image: url("../image/footer-kfupm.png"); background-position: 175% 93%;  background-repeat: no-repeat; background-size: auto;  height: 221px;  position: absolute; width: 933px; z-index: -5;  */}


h2 {  color: #978d4b !important; margin: 0px 0px 10px 0px;  font: normal normal 200 17px/normal 'Open sans';}


ul.h-list li{ /*background: url('../image/content-header-layer-img.png') no-repeat 0% 50%;*/  float:left!important;   padding-right:0px!important;    padding-left:0px!important;   background-clip: border-box!important;    background-origin: padding-box!important;   background-size: auto!important;     height: 106px;   margin-top:-26px;     }


ul.h-list input[type="text"],ul.h-list select {color: black; font-size: 15px; height: 22px;    margin-top: -6px;    z-index:10;}


ul.h-list  input[type="radio"]{      margin-left: 8px !important;    }


ul.h-list select{  height: 27px;        margin-top: 42px;        }


    ul.h-list .Advanced{ color:white !important; }


.ui-tabs .ui-tabs-nav li{  margin-left: 1px !important;}


.ui-tabs .ui-tabs-nav li a{  padding: 0.5em 2em;}


.ui-dialog-titlebar{background:none;border:none;}


.h-list .ui-widget-header{  border:none;}


ul.h-list .about{   line-height: 16px;    margin-top: 4px;    padding: 0;    width: 220px;  }


ul.h-list #summonbox,ul.h-list #searchopacbutton{ margin-top:-7px;}


ul.h-list p.half{padding-top:5px;padding-left:5px;padding-right:5px;}


.h-list .types{    margin-bottom: 0;    margin-top: 9px;    margin-left:-11px;       width: 437px;    }


    .h-list{  margin-left:-13px;}


ul.h-list .submit { .menu-horizontal; }


 .whitebg{background: url("../image/content-center.gif") repeat-y transparent !important;  border: medium none;}


/*********************************************************************** * SharePoint **********************************************************************/body #s4-workspace { left: 0px; /*     overflow-x:hidden !important;     overflow-y: hidden !important; */;  overflow-x: auto; overflow-y: auto; position: relative;}


.ms-cui-topBar2{  border:0px !important;  }


.menu-horizontal a,.ms-WPBody,#page,.ms-WPTitle,.ui-widget   {font-size:15px;font-family: 'Open Sans', sans-serif!important;}


.menu-horizontal a{text-transform:capitalize!important;}


.ms-WPBody{text-align: justify;}


.ms-WPBody h1,h2,h3,h4,h5,h6{ font-weight: 200 !important;    }


#MSOZoneCell_WebPartWPQ2{ border-bottom:0px !important;}


#WebPartWPQ6{ margin:0!important; padding:0!important;    border: 0;    font-size: 100%;    font: inherit;    vertical-align: baseline;}


.gtext,.summon-search-field{ font-size:14px; margin:5px 0px 10px 0px; padding:10px; height:0px; width:70%; height:15px; border:#999 1px solid; font-family: 'Open Sans', sans-serif; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0)}


.gtext:focus,.summon-search-field:focus{ height:18px; outline:none; border:#35a5e5 1px solid; font-family: 'Open Sans', sans-serif; box-shadow: 0 0 5px rgba(81, 203, 238, 1); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);}


.b-inline{   float: right !important;    margin-right: 79px!important;    margin-top: 13px!important; }


.ms-WPBorderBorderOnly {  border:none!important;}


td#MSOTlPn_MainTD{  vertical-align: top;}


.ms-welcomeMenu{padding: 2px 0px 0px;margin: 0px 0px;margin-top: -3px;}


.ms-welcomeMenu .ms-menu-a{margin-right: 0px;}


.login {margin-top: -25px;margin-left: 34px;height: 19px;}


 .login a {font-size:14px;}


    .d-bcolor{  color:white !important; background-color: #488529 !important;}


.d-bcolor a{     text-decoration: underline !important;    }


         #content #mainbar ul     { list-style-image: url('../image/content-main-box-arrow.gif'); padding: 0 0 0 16px; }


#content #mainbar ul li   { padding-bottom: 4px; padding-top:5px; font-size: 15px!important;}


#contact #mainbar ul {  list-style-type:none; margin: 0 0 0 0px!important; padding: 0 0 0 0px;}


#contact #mainbar ul li   { padding-bottom: 0px; padding-top:0px; font-size: 12px!important;}


.searchbox .ui-tabs-nav li{ height:25px;  }


.searchbox h3{font-family:  'Open Sans', sans-serif;font-size: 18px;font-weight: bolder !important;}


.searchbox .ui-tabs-nav li a{  height: 25px;     padding: 0;    width: 250px;    margin-left:7px;    margin-top:-15px\0 ;       }


   .searchheader {background:none;border:none;}


.center-child{  margin: -10px auto 10px auto !important; text-align:center; display:table;  vertical-align:middle;}


.center-child *{text-align:center !important;}


.asearchbox.ui-state-default , .asearchbox.ui-widget-content .ui-state-default, .asearchbox.ui-widget-header .ui-state-default{ background:none !important;border:none !important;color:white!important;}





.asearchbox.ui-state-active, .asearchbox.ui-widget-content .ui-state-active, .asearchbox.ui-widget-header .ui-state-active{background:none !important;border-top:medium!important;border-top-color:white!important;border-top-style:solid!important;color:black !important;}


.searchbox .ui-tabs-panel { background:none;}


.dla-search-box{width: 60%;height: 18px;}


.bigControl{  height: 45px !important;  font-size: large!important; padding-left: 20px;}


.searchbuttons{display: inline;}


.searchbox a{margin-left:2px!important}


.searchbox {width: 79%;padding: 0;border: none;left: 6%;top: -24px;}


  #dla-ios-img{    background-image: url("../img/ios-m.png"); width: 16%;height: 61px; float:right;border:0px;padding-left:10px; background-repeat:no-repeat;background-size: 106%;}


  #dla-google-img{    background-image: url("../img/google-m.png");width: 16%;height: 61px; float:right;border:0px;padding-left:10px; background-repeat:no-repeat;background-size: 106%; margin-right: 8px;}


  #dla-facebook-img{    background-image: url("../image/facebook.png");    height: 25px;width: 25px;width:25px;height:25px; float:right;border:0px;padding-left:10px; background-repeat:no-repeat;    }


        #dla-twitter-img{    background-image: url("../image/twitter.png");    height: 25px;width: 25px;width:25px;height:25px; float:right;border:0px;padding-left:10px; background-repeat:no-repeat;        }


        #dla-youtube-img{    background-image: url("../image/YouTube.png");    background-position:center;      width:25px;height:25px; float:right;border:0px; padding-left:10px; background-repeat:no-repeat;        }


    .simpleForm ul{ margin: 0 0 0px !important; padding: 0 0 0 0px !important;}


.simpleForm ul li{  margin: 0 0 0px !important; padding: 0 0 0 0px !important;}


.gabber{  margin-bottom:10px !important;}


.whidebox{width:365px!important ; }


      .schedule {        display:grid;      }


      .timing {      border-bottom:3px solid #3198A8;      width:540px;      }


      .timing div {     border-left: 1px dotted #3198A8;    display: table-cell;     padding: 5px;    width: 138px;                          }


          .timing .title {                  border:none;          }


      .opening h3, .closing h3 {        width:90px;      }


          .clock{  background-image: url("../image/winclockset.png");    height: 130px !important;    width: 128px !important;      display: inline-block !important;      border:none !important;      padding:0px!important;}


.clock-special{  background-image: url("../image/winclockset2.png");    height: 130px !important;    width: 128px !important;      display: inline-block !important;      border:none !important;      padding:0px!important;}


.c0730 {    background-position: 99% 80%;    }


.c0630 {    background-position: 65% 80%;    }


.c0530 {    background-position: 33% 80%;    }


.c0430 {    background-position: 1% 80%;    }


.c1230 {    background-position: 1% 60%;    }


.c0130 {    background-position: 33% 60%;    }


.c0230 {    background-position: 66% 60%;    }


.c0330 {    background-position: 99% 60%;    }


.c1130 {    background-position: 98% 100%;}


.c1030 {    background-position: 65% 100%;}


.c0930 {    background-position: 33% 100%;}


.c0830 {    background-position: 1% 100%;}


.c1200{ background-position: 1% 0;}


.c1100{ background-position:-34% -260px}


.c1000{ background-position: -66% -260px;}


.c0900{  background-position: -99% -260px}


.c0800{background-position: 1% -260px;}


.c0700{ background-position: 99% -130px;}


.c0600{   background-position: 66% -130px;}


.c0500{  background-position: 34% -130px;}


.c0400{background-position: 1% -130px;}


.c0300{  background-position: 99% 0;}


.c0200{ background-position: 66% 0;}


.c0100{ background-position: 33% 0;}


.closed{ background-position: 95% 0%;}


.24-hours{ background-position: 33% 0;}


#mainbar #accordion h3 {    color:Black!important;    margin: 0 0 17px;    padding: 7px ;    width: 100%;    }


        #accordion .ui-state-default .ui-icon, #accordion .ui-icon-triangle-1-e, #accordion .ui-icon {    background-image: none!important ;}


#accordion .ui-corner-all  ,#accordion .ui-corner-bottom  ,#accordion .ui-corner-left  ,#accordion .ui-corner-bl  ,#accordion .ui-corner-all  ,#accordion .ui-corner-top  ,#accordion .ui-corner-right ,#accordion .ui-corner-tr {     border-top-right-radius: 0px !important;    }


    .ui-accordion .ui-accordion-content-active  {       margin-bottom: 10px !important;     width: 90%;}


#main h2 a {    color: #978D4B !important;}


/* General web part*/.gitem {overflow: hidden;   background: none repeat scroll 0 0 #F5F3E5;    box-shadow: 0 8px 6px -6px #000000;    margin-bottom: 20px;    /*min-width: 385px;*/    padding: 5px;    text-align: left;    width: auto;height: auto!important;}


.glight {   background: none repeat scroll 0 0 #F5F3E5;    box-shadow: 0 8px 6px -6px #000000;    margin-bottom: 20px;    /*min-width: 385px;*/    padding: 5px;    text-align: left;    width: auto;    color:black;}


.ggreen {   background:none repeat scroll 0 0 #4682B4;    box-shadow: 0 8px 6px -6px #000000;    margin-bottom: 20px;    /*min-width: 385px;*/    padding: 5px;    text-align: left;    width: 100%;     color:white;}

.ggreen input{
 margin-left: 4px;
  margin-right: 4px;
}
.grid {float: left;  /*  height: 175px;*/    margin-bottom: 24px !important;    margin-left: 5px;    margin-right: auto !important;    margin-top: 8px !important;    padding: 5px;    text-align: center;    vertical-align: middle;    width: 246px;}


.gback{  background-position: center center;    background-repeat: no-repeat;    background-size:contain;        padding: 18px;}


.gitem * {display:inline;vertical-align: middle;}


.grid div {text-align:center !important;}


.gitem h3{  width: auto;  padding:5px; padding-left: 22px;float: left;}


.gitem ul{  display: block; padding-left:8px; !important; margin:0px;  clear:both;}

.ginfo .glist{float: right;}
.gitem li{  display:list-item;}

#publications .gitem li{  display:inline-block; margin-left:15px; }


#publications .gitem li:nth-child(2) a{ }


.grid h3{ width: auto;  padding:5px;}

.wide{width: 123%;}
.grid li{text-align:left;   }


.gdata h1,.gdata h2,.gdata h3{color: darkred!important;}


.gimages {background-image: url('../image/bnw/kfupm.png');background-repeat: no-repeat;width: 170px;background-size: contain;background-color: white;background-position: 50%; height: 81px}


.grid .glist{ float:left}


.glist *{    margin-left: 19px;}


 .gdata{ min-width: 235px; width:70%;}

.g-faq .gdata{width:100%; }

.ms-WPBody a:hover,.link-item a:hover,.ms-rtestate-field a:hover{   text-decoration:none!important;}


.ginfo .m-btn{    cursor:default; }


.ginfo *{display:inline-block;    vertical-align: top;}


.gaction *{display:inline-block;}


#itemContol{display: inline-table;    height: auto;    margin-top: 10px;    width: 100%;    }


#itemContol #SelectSum{ font-size: 15px;    height: 31px;}


#itemContol div{   padding-left: 7px;    padding-top: 15px;}


#itemContol .middle {    font-size: 15px !important;    height: 34px !important;    line-height: 34px !important;    margin: 0 10px 13px 0 !important;    width: 80px !important;}


.slidenote{   background-color: #FEDA71!important;    color: #69401C !important ;    font-family:  'Open Sans', sans-serif;    font-size: 15px;    font-weight: bolder;    opacity: 0.63;}


.ui-menu .ui-menu-item{background-color:lightgray;}


input[type="radio"],input[type="checkbox"]{border:none;}


.progNote {    color: #000000;    margin-left: 30% !important;    position: absolute;    text-align: center !important;}


.ui-progressbar {    margin-top: 5px;    opacity: 0.58;}


.m-btn {display: inline-block !important;}


.m-btn {color:white !important;}


.chart rect {  fill: steelblue;}


.chart text {  font: 18px sans-serif;  text-anchor: end;}


.chart{ clear: both;    padding: 10px;  float:left; margin-left: 31%;

}


#AllReports{  /*min-height:500px;*/}


#userDisplayName {    color: #F5F5F5;    display: inline;    float: left;    font-size: 13px;    font-weight: bold;    margin: 0 20px 0 0;    position: relative;}


.dfwp-list .item{padding-bottom: 0px ;padding-top: 1px;}


.ms-MenuUIULItem[text='My Settings'] { display: none;}


.ms-MenuUIULItem[text='Personalize This Page'] { display: none;}


.ms-MenuUIULItem[text='Show Shared View'] { display: none;}


.link-item .mini{ font-size:13px!important;}


#accordion h3 { background-color:white !important;  background:none;}


.hours{padding-bottom: 4px;padding-top: 5px;font-size: 12px!important;width: 11.2%;white-space: normal;height: 68px;line-height: normal;padding: 5px; }


.ui-icon-closethick{  width: 16px!important;
  height: 16px!important;
  /* z-index: 100000000000000000000000000000; */
  background-position: 0 0!important;
  /* border: solid; */
  background-size: 16px;
  background-image: url("../img/x.png")!important;}


.ui-dialog-titlebar-close{border:none!important;background:none!important;right: 1.3em!important;}


.ui-dialog-titlebar {z-index: 1000;}


.formModalPage {  width:100%!important;}


.large{font-size:18px;}


/*********************************************************************** * Font **********************************************************************/@font-face {  font-family: 'Open Sans';  font-style: normal;  font-weight: 400;  src: local('Open Sans'), local('OpenSans'), url(openSans.woff) format('woff');}


#mainbar a:visited{color: darkred!important;}


#mainbar a{border-bottom: 1px solid #dddddd;color: darkred!important;}


#mainbar a.m-btn{color: white!important;}


.line{border-bottom: gray;border-bottom-style: dotted;border-bottom-width: 1px;margin-bottom: 13px;}


#generallistwp{min-heigtht:200px}


#ctl00_MSO_ContentDiv.ms-dlgFrameContainer{padding-top: 11px;}


.gdata > p{/*background-color: lemonchiffon;*/}

.sup{bottom: 5.1px;position: relative;color: red;font-size: 68%;}

.options{
margin-bottom: 31px;  
}
.juip{
  line-height: 35px;
}

.wrapper{
  margin-top: 4%;
  margin-bottom: 4%;
  line-height: 300%;
}

.list > *{
float: left;
clear: left;

}

.ui-widget-header{
  border: none!important;
  background: none!important;
}
.serverNote,.resultJS,.quotaProg{
	width:94%;
}
.mlink a{
	color: rgb(95, 167, 59);
  font-weight: bolder;
}

.ui-widget-overlay
{
  opacity: .50 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=50) !important;

  background-color: rgb(50, 50, 50) !important; /* This will make it darker */
}
#AllReports p{
	 float: left;
    width: 100%;
}