body > div.header > div.topen > div > img{
    float:right !important;
}
.dj-megamenu li:hover a.dj-up_a, .dj-megamenu li.hover a.dj-up_a, .dj-megamenu li.active a.dj-up_a{
  background: none !important;
}
#dj-megamenu95{
  /*background-color: #334C75 !important;*/
}
.dj-megamenu li a.dj-up_a span{
     color: #ffffff !important;
}
.dj-megamenu li ul.dj-subtree > li.active > a {
    text-decoration: underline;
    background: #740c1e none repeat scroll 0 0;
}
.item-page > div span
{
font-size:18px !important; 
line-height:30px;
}


.inputbox {
	border-radius: 25px;
    font-family: tahoma;
    /* padding: 5px 0px 5px 0px; */
    border-radius: 25px;
    background-color: #fdfdfd;
    border: 1px solid #8996a0;
    border-radius: 15px;
    /* font-family: inherit; */
    /* margin-bottom: 0.5em; */
    /* outline: 0; */
    /* padding: 1em; */
    width: 150px;
    height: 30px;
    background: url("https://cse.google.com/coop/intl/en/images/google_custom_search_watermark.gif") 0% 50% no-repeat rgb(255, 255, 255) !important;
      font-size: 15px;

}
.dj-megamenu li ul.dj-subtree > li > a:hover {
    background-color: #293352;
    color: #ffffff !important;
}
.dj-megamenu li ul.dj-subtree > li:hover {
    list-style: square outside;
    padding: 0;
    margin: 0;
    color: #666;
}
.dj-megamenu li ul.dj-subtree > li {
    list-style: square outside !important;
    padding: 0;
    margin: 0;
    color: #666;
  	text-align: left;
}
.dj-megamenu li ul.dj-submenu > li > a.active {
    background: #293352 !important;
}
.header .top .search {
    	/*float: right;*/
	width:17% !important;
    	margin: -10px 6px 0px 0px !important;
}
body > div > div.top > div.topen > div:nth-child(2) {
    margin-left: 111px;
}
.addsearch .form-search .input-append .btn, .addsearch .form-search .input-prepend .search-query{
	display:none;	
}
@charset "UTF-8";
*{
  font-family: trade ;  
  font-size:99%;  
  color: #696969 ;
  list-style-position:inside;
  line-height: 30px;
}

iframe {
  width: 750px;
  height: 639px;
  overflow: scroll;
 /* border: 2px solid #334C75;*/
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.fb_sharebutton iframe {
  width: auto !important;
  height: auto !important;
  overflow: hide !important;
  border: none !important;
}

.social-share-buttons-share iframe{
  overflow: auto !important;
  border: none !important;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.content .info table {
  border: 0px solid #3B60AF;
  width: 80% !important;
  max-width: 85% !important;
  /*min-width: 500px !important;*/
  color: #3B60AF !important;
}

ul {
  padding: 2px;
}

body{
  
  margin: 0 auto;
}


/***********************
            Scrollbar
                ***********************/
/* Let's get this party started */
::-webkit-scrollbar {
    width: 15px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #CCC;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #334C75;
    -webkit-box-shadow: inset 0 0 6px #CCC;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #666;
}

/***********************
            Scrollbar
                ***********************/

#bigwrapper{
  border: 0px solid #666666;
  box-shadow: 0px 0px 10px #666666;
  -moz-box-shadow: 0px 0px 10px #666666;
  -webkit-box-shadow: 0px 0px 10px #666666;
  width: 1024px;
  margin: 69px auto 0px auto;  
}
    
img, h2, h3, h6  {
  border: 0;  
  margin: 0;
}
    
/********************** START Header Content ***************/
/**********************    #########   ********************/
.header {
       width: 100%;
    /* border: 1px solid #ACACAC; */
    border-bottom: none;
    /* margin-bottom: 20px; */
    /* background-image: url(/images/logoheader.jpg); */
    background-repeat: no-repeat;
}
.header .topen {
    min-height: 190px;
    font-size: 48px;
    font-family: serif;
    color: #1b2656;
    margin: 0px 0px 0px 0px !important;
    background-color: white;
}

.top{
    width: 100%;
    text-align: right;
    text-align: right;
    text-align: left;
    width: 38%;
    height: 22px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    padding: 10px 0px 10px 0px;
    margin: 0 0 0 0;
    color: #7d7d7d;
}
.nav.menutop {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
.nav.menutop li {
    display: inline;
    padding: 5px;
    /* border-right: 2px #ffffff solid; */
}
.nav.menutop li a {
    color: black !important;
    line-height: 30px;
    padding-left: 5px;
    text-decoration: none;
}
.header .top a#logo{
  float: left;
  margin: 0px;
}
.login{
	/*float:left;
	margin : -47px 0px 0px 0px;*/
	
	
}
.header .top .login {
	width: 35px;
	line-height: 15px;
	float:left;
	margin :-4px 0px 0px 20px;
	background-image:url("/themes/InnovationInner/images/login.png");
	background-repeat:no-repeat;
	height:30px;
  
}

.header .top .login .moduletable ul.menu{
  margin: 0px 6px 0px 0px;
  padding: 0px 20px 0px 0px;
}

.header .top .login a, .top .login li{
  list-style-type: none;
  text-decoration: none;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  color:transparent;
  margin:0 0 11px 0 ;
}

.header .top .login input {
    background: url(../images/header_bg.png);
    background-repeat: repeat-x;
    cursor: pointer;
    border: 0;
    color: white;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
}

.header .top .language {
  float: right;
  width: 90px;
  margin: 5px auto;
}

.header .top .language a, .top .language li{
  list-style-type: none;
  text-decoration: none;
  color: white;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
}

.header .top .language .mod-languages img{
  width: 30px;
  /*height: 50px;*/
}

.header .top .search {
    float: right;
    margin: -11px -11px 0px 0px !important;
}
.maincontent .inner-1 .search input[type="text"] {
  display: none;
}

.header  .top .media {
  position: fixed;
  left: -20px;
  width: 50px;
  top: 210px;
}

.header  .top .media img{
  width: 35px;
  margin: 5px 15px;
  padding: 5px;
}

.header  .mainmenu {
  /*background-color: #334C75 !important;*/
  width: 100%;
  padding: 1px 0px;
  float:left;
}

.header  .mainmenu .moduletable .menumain,
.header  .mainmenu .moduletable_menu .menumain{
  margin-top: 3px;
}

.header  .mainmenu li, .header  .mainmenu a,
.header .header_content li, .header .header_content a {
  /*display: inline;*/
  list-style-type: none;
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #FFF;
 /* margin: 2px 3px 0;*/
 /*padding: 6px 0 9px 3px;*/
}

.header  .mainmenu li:hover, .header  .mainmenu li.current,
.header  .mainmenu li.current >*, .header  .mainmenu a:hover,
.header .header_content li:hover, .header .header_content a:hover
{
  /*display: inline;*/
  list-style-type: none;
  text-decoration: none;
  /*background-color: #ECF5FD;*/
  color:  white /*#C3D0E5*/;
  text-shadow: 1px 1px #666;
  /*padding: 6px 0 9px 3px;*/
}
    
/**********************    #########   **********************/
/********************** END Header Content *****************/
    
    
/********************** START MainContent *****************/
/**********************    #########   ********************/
.maincontent {  
  width: 1024px;  
  background-color: #ECF5FD;
  display: table;
  clear: both;
}
    
.maincontent .left {
  background-color: #ECF5FD;
  float: left;  
  width: 17%;  
  padding: 1%;
}

.maincontent .left >* {
  border: 2px solid #cccccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 1px 1px 0px 3px;
}

.maincontent  .left .moduletable  a{
  text-decoration: none;
  color: #334C75;
}

.maincontent  .left .moduletable  li {
  list-style-type: circle;
  text-align: left;
  font-weight: bold;
  color: #334C75;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 3px;
}

.maincontent  .left .moduletable  li.current >*,
.maincontent  .left .moduletable  li:hover,
.maincontent  .left .moduletable  li.current,
.maincontent  .left .moduletable  a:hover {
  color: #A0522D;
}

.maincontent  .left .moduletable h3{
  color: #3B60AF;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: 1px;
  padding: 2px;
}

.maincontent  .left .moduletable ul.menu ul{
  list-style-position:inside;
  padding: 1px;
  background: rgba(123, 155, 240, 0.32);
}

.maincontent  .left .moduletable ul.menu ul li{
  list-style-type: square;
}
  
.maincontent   .content{
  background: url(../images/watermark.png) no-repeat;
  background-color: #fff;
  background-position:center top;
  border: 1px solid #cccccc;
  /*border-radius: 7px;*/
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  width: 100%;
  min-height: 660px;
  float: left;  
  margin: 8px 5px 25px 5px;  
  padding: 5px;
}
    
.maincontent   .content h2  {  
  border-style: none none solid none;
  border-color: #334C75;
  border-width: 5px;
  width: 750px;
  font-family: arial;  
  line-height: 40px;
  font-size: 24px;  
  text-align: center;  
  text-decoration: none;
  color: #334C75;  
  display: block;
  margin: 2%;  
  padding: 1%;
}
  
.maincontent   .content .actions li{  
  list-style-type: none;
  display: inline;
  margin: 50px 2px 2px 1px;
  padding: 5px 2px 2px 2px;  
  z-index: 1;
}
    
.maincontent   .content p{  
  margin: 5px;  
  padding: 5px;
  text-align: left;
}

.maincontent   .content .item-page h1 {
  display: none;
}  

.maincontent .content .item-page .student_courses h3 {
  margin: 20px !important;
}

.maincontent .content .item-page .student_courses td {
  padding: 5px;
  border: solid 2px #cccccc;
}

.maincontent .content .item-page .student_courses .odd{
  background: #ECF5FD;
}
.maincontent .inner-1 {
  background-color: #ECF5FD;
  float: left;  
  width: 17%;
  padding: 1%;
}

.maincontent .inner-1 >* {
  border: 2px solid #cccccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 0px 1px 0px 3px;
}

.maincontent  .inner-1  .moduletable  a{
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  color: #3B60AF;
}

.maincontent  .inner-1  .moduletable  li {
  list-style-type: circle;
  text-align: left;
  color: #334C75;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 1px 4px;
}

.maincontent  .inner-1  .moduletable  li.current >*,
.maincontent  .inner-1  .moduletable  li:hover,
.maincontent  .inner-1  .moduletable  li.current,
.maincontent  .inner-1  .moduletable  a:hover {
  color: #A0522D;
}

.maincontent  .inner-1  .moduletable h3{
  color: #3B60AF;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: 1px;
  padding: 2px;
}

.maincontent  .inner-1  .moduletable  .spw_current_temp{
  color: #179FD2;
}

.maincontent  .inner-1  .moduletable  .weather_sp1_cleft{
  width: 35%;
}

.maincontent  .inner-1  .moduletable  .weather_sp1_cright{
  width: 60%;
}



.footer{
  background: url(../images/footer_bg.png) repeat-x;
  clear:both;
  width: auto;
  min-width: 1024px;
  height:35px;
}

.copyright{  
  color: #334C75;
  font-family: arial;
  font-weight: bold;
  font-size: 16px;
  padding: 4px;
  position: relative;
}

.copyright a {
  color: #334C75;
  font-family: arial;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  padding: 4px;
  position: relative;
}

/**********************    #########   **********************/
/********************** END MainContent *******************/



/*####################### CB JOOMLA ######################################*/
.cbUserListPagination a{margin: 0 4px 0 3px;}
.cbUserListResultCount {display:none;}
.cbUserListTitle{display:none;}
/*####################END CB JOOMLA ######################################*/

/********************** abooks *******************/
.pagination li{
      float: left;
    list-style-type: none;
    margin: 0 5px 0;
}
/*.abook_search_params p {
  float: left;
  margin-right: 10px;
}*/
/********************** end abooks *******************/
#menu1{display: none;}


/********************** START News Navigation *****************/
/**********************    #########   ********************/
.items-more h3 {
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: blue;
}

.items-more li, .items-more a {
  font-family: arial;
  font-size: 14px;
  text-align: left;
  color: sienna;
}

.items-more li:hover, .items-more a:hover{
  color: blue;
}

.cat-children h3{
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: blue;
}

.cat-children li, .cat-children a{
  list-style-type: circle;
  font-family: arial;
  font-size: 14px;
  text-align: left;
  color: sienna;
}

.cat-children li:hover, .cat-children a:hover {
  color: blue;
}

.pagination .counter {
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: blue;
}

.pagination ul
{
  background: url(../images/list_bg.png) repeat-x;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  height: 18px;
  padding: 6px 5px;

  
}

.pagination li, .pagination a {
  font-family: arial;
  font-size: 14px;
  text-align: center;
  color: sienna;
}

.pagination li:hover, .pagination a:hover {
  color: blue;
}

/********************** END News Navigation *******************/

/*#############################################################################################################*/

/********        START Login Form            ********/

.content .login {
  background: url(../images/watermark_login.png) no-repeat;
  border: 2px solid #334C75;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

.content .login fieldset {
  border: 0;
}

.login .login-fields label{
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  color: #334C75;
  width: 185px;
}

.login .login-fields #password-lbl {
  margin: 15px 0px 0px 0px;
}

.login .login-fields input[type="text"], .login .login-fields input[type="password"]{
  background-color: #ECF5FD;
  font-size: 15px;
  font-weight: bold;
  color: #334C75;
}

.login fieldset button[type="submit"] {
  background-color: #334C75;
  font-size: 16px;
  font-weight: bold;
  color: white;
  border: 5px outset #334C75;
  width: 18%;
  margin: 25px;
}
.login fieldset button[type="submit"]:hover {
  background-color: #ECF5FD;
  color: #334C75;
  border: 5px outset #ECF5FD;
}

/********        END Login Form            ********/

.username{
  float: left;
  margin: 14px 0px 0px 7px;
  color: white;
}

.username >*{
  color: #FFF;
  font-family: arial;
  font-weight: bold;
  font-size: 13px;
}



/**************
/**************
    AU Profile -->> University Units
    
                ***************
                ***************/
#organization
{
  position: relative;
  background-image:url("../images/university_units.png");
  background-repeat:no-repeat;
  padding: 0;
  height:393px;
margin:10px;
}
#organization li
{
  display: block;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 120px;
  height: 120px;
background-image: none;
}
#organization a
{
  display: block;
  outline: none;
}

#first a, #second a, #third a, #fourth a, #fifth a, #sixth a
{
  width: 120px;
  height: 120px;
}

#first
{
  left: 233px;
  top: -5px;
}

#first a:hover
{
  background: url("../images/university_units.png") -5px -388px no-repeat;
}
#second
{
  left:355px;
  top:67px;
}
#second a:hover
{
  background: url("../images/university_units.png") -372px -389px no-repeat;
}
#third
{
  left:355px;
  top:208px;
}
#third a:hover
{
  background: url("../images/university_units.png") -136px -389px no-repeat;
}
#fourth
{
  left:234px;
  top:278px;
}
#fourth a:hover
{
  background: url("../images/university_units.png") -5px -526px no-repeat;
}
#fifth
{
  left:111px;
  top:208px;
}
#fifth a:hover
{
  background: url("../images/university_units.png") -257px -394px no-repeat;
}
#sixth
{
  left:111px;
  top:67px;
}
#sixth a:hover
{
  background: url("../images/university_units.png") -127px -525px no-repeat;
}
#download
{
  left:234px;
  top:135px;
}
#download a
{
  width:120px;
  height:150px;
}

/**************
/**************
    AU Profile -->> University Units
    
                ***************
                ***************/
                                
        
        
                
/**************
/**************
   --->>>   SITE MAP  <<<---
    
                ***************
                ***************/


#xmap h2.menutitle {
  background: url(../images/xmap_li.png) left no-repeat;
  background-color: #334C75;
  color: #ECF5FD;
  font: bold 18px Helvetica,Arial,Tahoma,sans-serif;
  border-bottom: none;
  text-align: left;
  padding: 10px 0px 10px 30px;
}
                
                
#xmap ul.level_0 {
  text-align: left;
  padding: 10px 5px;
}                

#xmap ul.level_0 li{
  background: url(../images/li_parent.png) left no-repeat;
  background-color: #ECF5FD;
  list-style-type: none;
  text-align: left;
  margin: 10px 0px;
  padding: 0px 5px 0px 25px;
}

#xmap a {
  font: bold 15px Helvetica,Arial,Tahoma,sans-serif;
  text-decoration: none;
  color:  #334C75;

}

#xmap a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: sienna;
}

#xmap ul.level_0 li ul{
  text-align: left;
  padding: 5px 15px;
}

#xmap ul.level_0 li ul li{
  background: url(../images/li_child.png) left no-repeat;
  background-color: #ECF5FD;
  list-style-type: none;
}
              
/**************
/**************
   --->>>   SITE MAP  <<<---
    
                ***************
                ***************/
        
.themes {
  position: fixed;
  right: 0;
  top: 10px;
  width: 30px;
  border: 0;
}

#keyword{
  border-radius:5px;
  border: 1px solid gray;
  margin-left:31px;  
  background: rgb(243, 246, 248);

}

#category{
  border-radius:5px;
  border: 1px solid gray;
  background: rgb(243, 246, 248);
}

#faculty{
  border-radius:5px;
  border: 1px solid gray;
  margin-left:16px;
  background: rgb(243, 246, 248);}

#author{
  border-radius:5px;
  border: 1px solid gray;
  margin-left:19px;
  background: rgb(243, 246, 248);
}

#title{
  border-radius:5px;
  border: 1px solid gray;
  margin-left:34px;
  background: rgb(243, 246, 248);}

.abook_search_params p label{
  font-size: 16px;
  color: rgb(124, 123, 131);
  font-family: calibri;
}

.button{
  border-radius: 7px;
  border: none;
  box-shadow: 3px 3px rgb(189, 189, 189);
  font-size: 18px;}

.button a:hover{
  color: rgb(38, 38, 138);
}
/*
.cat-children h3{display: none;}
.cat-children ul{list-style: none;}
.bookcategories li{display: none}
*/
li.folder{text-align: center;}
div.cat-children ul.bookcategories li.folder{text-align:center;}
.menu{text-align: left;}
/*.menu li{height: 150px}

.menu .item-1365 {background-image: url(../images/res/ar/staff.png);background-repeat: no-repeat;}
.menu .item-1366 {background-image: url(../images/res/ar/thesis.png);background-repeat: no-repeat;}
*/
.important-item{font-weight:bold;font-size:16px;}

#logo img
{
  /*height:145px;*/
}

/*-----------------------------------footer--------------------------------------------------------*/
.maincontent {
    line-height: 15px;
    width: 990px;
    display: table;
    clear: both;
    color: #3B60AF;
    margin: 9px;
    margin-top: 0px;
    border-radius: 20px 20px 5px 5px;
    padding: 0 12px 0 0;
    /* border: 1px solid #ACACAC; */
    border-top: none;
    /* background: rgb(214, 218, 223); */
    /* background: #BFD3E4; */
    background-image: url("/images/footer_background_2.jpg");
}
.portal-2 {
    /* border: 1px solid #C6D2E6; */
    display: block;
    margin: 0;
    overflow: auto;
    padding: 10px;
    /* width: 970px; */
    height: 294px;
    background-color: #980505;
    /* background-image: url("/images/footer_background.jpg"); */
}
.maincontent .portal-2 >* {
    float: left;
    width: 20%;
    height: 240px;
    color: white;
    margin: 3px auto;
}
.maincontent .portal-2 h3 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #50A8EE;
    border-bottom: 0.1em solid #3B60AF;
    padding: 7px 2px;
    font-weight: bold;
    border-right: 1px dotted rgb(74, 146, 213);
    border-left: 1px dotted rgb(74, 146, 213);
    text-shadow: 1px 1px 6px gray;
}
.custom {
    float: right !important;
    margin: 9px 9px 0px 0px;
}
.maincontent .portal-2 li, .maincontent .portal-2 a {
    list-style-type: circle;
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    /* color: #3B60AF; */
    color: white;
    margin: 0 auto;
    line-height: 21px;
}
.portal-2 > img {
    display: inline;
    float: right!important;
    width: 200px!important;
    height: 283px!important;
}
.footer {
    /* background: url(../images/footer_bg.png) repeat-x; */
    /* background-color: #334C75; */
    clear: both;
    width: 100%;
    text-align: center;
    /* height: 35px; */
}
.copyright {
    color: #ECF5FD;
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
    padding: 4px;
    padding-bottom: 30px;
    position: relative;
}