/*Responsive adjustments by GJ-R for Joomla 3*/

/*general rules*/
img{max-width: 100%;}
iframe{max-width: 100%;}
#main_content img, #content_column_featured img {height: auto;}
.componentheading {
  	margin: 30px 10px 0 0; 
  	line-height:30px;
}
a#logo{width: 189px; height: 119px}

div#horiz-menu li a, div#horiz-menu li span.separator{padding: 10px 10px;}


/*general containers*/
.wrapwrap{position: relative;}
#top_content{position: relative;}
.outer{width: 100%;}
#topinfo{width: 100%; height: 36px; background-color: #5f98c8; }
.topinfowrap{width: 1180px; margin: 0 auto; position: relative;}



#left_main.noright{width: auto; float: none;}

.phones-only{display: none;}
#header{width: 100%;}

.slidetext2 h4{margin-bottom: 10px;}
#left ul.menu{margin-right: 0; width: 100%;}
#left ul.menu a{padding-right: 20px;}

#bottom-box .box .nav.menu li, #bottom-box .box ul.nav{text-align:left;}
.ar-aa #bottom-box .box .nav.menu li, .ar-aa #bottom-box .box ul.nav{text-align:right;}
#left .moduletable_menu ul ul.nav-child li{padding: 0 0 0 20px;}
#left .moduletable_menu ul ul ul.nav-child li{padding: 0;}
#left .moduletable_menu ul ul ul.nav-child li{position: relative; list-style-type: square; list-style-position: outside; margin-left: 25px;}
#left .moduletable_menu ul ul ul.nav-child li a{float: none; display: inline; position: static;}

/*search*/
.searchwrap{float: right; margin-right: 10px; }
div#crsearch{margin: 0px; width: auto; font-family: "Trebuchet MS", serif; font-size: 14px; background-color: #AAA; padding: 2px;}
#crsearch p{margin: 2px 0;}
div#search form {margin: 0; }

div#search form {width: none;}

/*language*/
.mod-languages .pretext {float: left; color: #fff; margin-right: 4px; font-weight: bold; padding: 0 0 0 9px; direction:ltr;}
.mod-languages .pretext p{margin: 10px 0 0 0;}
.mod-languages li{margin-top: 4px;}
div.mod-languages ul{position: relative; top: 7px; direction:ltr;}

div.itemListCategory{border: none; background: transparent;}

li.lang-active{background: #fff; padding: 5px 8px 10px 8px;}
.moduletable ul li.lang-active a{color: #5f98c8;}

/*responsive menu*/
#respmenu .moduletable{text-align: left;}
#respmenu a:visited, #respmenu a{font-family: georgia, serif;}
#respmenu a.toggleMenu,#respmenu a.toggleMenu:visited {background: #5f97c8 url(../images/explore_open.png) no-repeat 20px; width: 100%;
text-align: center; color: #fff; border-top: 4px solid #fff;} 
#respmenu .responsiveMenu.isMobile > li {background-color: #E7E7E7; color: #1f5583;}
#respmenu a:visited, #respmenu a{color: #1f5583;}
#respmenu .responsiveMenu.isMobile > li.active a:visited, #respmenu .responsiveMenu.isMobile > li.active a{color: #ddd;}
#respmenu ul{border-bottom: 3px solid #cc0000;}
#respmenu ul ul{border-bottom: 3px solid #444;}
#respmenu .responsiveMenu li li a{background-color: #fff;}
#respmenu .responsiveMenu li li li a{padding: 20px 35px; color: #1f5583;}
#respmenu .responsiveMenu li li li li a{padding: 20px 45px; color: #1f5583;}
#respmenu .responsiveMenu.isMobile > li.active a:visited li a, #respmenu .responsiveMenu.isMobile > li.active a{color: #1f5583;}

/*k2 stuff*/
.k2FeedIcon{float: right}
.moduletable_jobs {margin-left: 240px;}
.ar-aa .moduletable_jobs {margin-right: 240px; margin-left: 0; }
.moduletable_jobs h5.feed-link{font-size: 16px; font-weight: normal;}
.moduletable_jobs .feed-item-description{font-size: 90%; color: #000; font-family: 'trebuchet MS', arial, sans-serif;}
.moduletable_jobs li{margin-bottom: 10px;}
.moduletable_jobs h2 {margin: 0 0 10px 0;}
.itemRatingList .itemCurrentRating{background-position: 0px 58%;}




/*Background-images for different languages in k2 items 'more'*/  
body.en-gb a#logo{}

body.fr-fr .more {
background: url('../images/more_fr.png') no-repeat top right;}
body.fr-fr .less {
background: url('../images/less_fr.png') no-repeat top right;}
a.opendiv{display: none;}


/*############################################# RTL ar #################################################*/

body.ar-aa div.itemExtraFields ul li span.itemExtraFieldsLabel{float: right;}
body.ar-aa div.itemExtraFields ul li span.itemExtraFieldsLabel {display:block;float:right;margin:0 4px 0 0;width:30%;}
body.ar-aa span.itemFacebookLink a {background:url(../images/social/facebook_16.png) no-repeat 0 50%;padding:2px 0 0 20px; margin:8px 0;text-decoration:none !important;}
body.ar-aa div.itemBackToTop {text-align:left;}
body.ar-aa div.catItemExtraFields h4, div.genericItemExtraFields h4 {margin:0;padding:0 20px 8px 0;line-height:normal !important;}
body.ar-aa div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:right;font-weight:bold;margin:0 4px 0 0;width:30%;}
body.ar-aa div.genericItemBody {padding:8px 0;margin:0;} 
body.ar-aa div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {float:right;margin:2px 0 4px 4px;padding-left:10px;border:0px solid #FFF;}
body.ar-aa .moduletable_ask .ask h4{
font-family:"Trebuchet MS", sans-serif; 
font-weight:bold;
}

body.ar-aa .jobs_table {
  border-collapse: collapse;
  background: #A8CEED;
}

body.ar-aa .jobs_table th {
  background: #5F98C8;
  color: #fff;
  border: 1px solid #5F98C8;
  font-weight: bold;
  vertical-align: top;
}

body.ar-aa .jobs_table td {
  border: 1px solid #A8CEED;
  background: #fff;
  vertical-align: center;
}

  

/*ar specific moduletables*/

.ar-aa #left ul.menu li.active li a:link, .ar-aa #left ul.menu li.active li a:visited, .ar-aa #left ul.menu li.active li.active li a:link, .ar-aa #left ul.menu li.active li.active li a:visited{font-size: 130%;}

body.ar-aa .moduletable_searchfile {
    margin-bottom: 20px;
  margin-top: 20px;
}
body.ar-aa .moduletable_searchfile h3 {
    color: #1F5583;
    font-family: Georgia;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
    padding-bottom: 4px;
    text-align: left;
}
body.ar-aa .moduletable_searchfile h3 a {
    color: #333333 !important;
    font-size: 14px;
    font-weight: bolder;
    line-height: 1.2em;
}

body.ar-aa .moduletable_jobsar{
        margin-top: 4px;
    margin-right: 18%;
    }
body.ar-aa .moduletable_jobsar ul li {
line-height: 110%;
color: #1F5583;
font-size: 130%;
font-family: georgia,serif;
margin-right: 18%;
}
body.ar-aa .moduletable_jobsar tr {text-align:right}

body.ar-aa .moduletable_jobsar h2 {margin-right: 18%;text-decoration: underline;}

body.ar-aa .newsfeed_item_jobsar {
padding-bottom:8px;
color: #333333 !important;
font-size: 14px !important;
font-family: trebuchet MS,arial,sans-serif !important;
}
body.ar-aa #k2Container .sidebar
{width: 55%; float:left;  margin:0 20px 0 0}   

.ar-aa input#mod_search_searchword{float: right;}
.ar-aa #respmenu a.toggleMenu, #respmenu a.toggleMenu:visited{width: 95%;}
.ar-aa .search {float: right;}  
.ar-aa div.search .button{float: right;}

.ar-aa .searchwrap{left: 0px;}
.ar-aa div#search form {width: auto;}

.itemExtraFields ul li{overflow: hidden;}


/*#########################  Responsive  #####################*/

/*sliding menu*/
a#openexplore:visited{color: #fff;}
div#horiz-menu a#openexplore{padding-right: 10px; padding-top: 2px;}


/* Large Screens */
@media (min-width: 1024px) {
.fr-fr .searchwrap, .en-gb .searchwrap{position: absolute; bottom: 12px; right: 0px; z-index: 10000; width: 185px;}
.ar-aa .searchwrap{ position: absolute; bottom: 14px; z-index: 10000; width: 185px; left: 10px;}
.searchwrap input#mod_search_searchword{width: 100px;}

}


/* All except large Screens */
@media (max-width: 1024px) {
div#top_content, div#allaround, div#footer_menu_wrapper, div#banner2, #info_wrapper, div#footer_wrapper, #copyright_wrapper{width: 95%;}
.topinfowrap{width: 95%; margin: 0 auto;}
#copyright_wrapper{background: #1f5582 url(../images/copyright.png) top center no-repeat;}
.no-tablets{display: none;}


 
}

@media (max-width: 990px){

#bottom-box .box{width: 29%;}
    
.moduletablefp-feature-big {max-width: 625px!important;}
.moduletablefp-menu-links {max-width: 300px!important;}
ul#fp-menu.nav.menu li a {line-height: 26px!important;}
.moduletablefp-menu-links {height: auto!important;}

}

@media (min-width:767px){

.logo { height: 92px; }
.nav.menu li a { font-size: 12px; }
}

/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.moduletablefp-feature-big {
		max-width: 650px!important;		
	}
.moduletablefp-menu-links {
		max-width: 322px !important;
	}
.moduletable_featured_fp_mod {
		max-width: 267px!important;
		padding: 10px 18px 0!important;
	}
div.moduletablefp-feature-a {
		max-width: 361px!important;
		margin-left: 22px;
	}
div.moduletablefp-feature-b {
		width: 174px!important;
	}

div.moduletablefp-feature-c {
		width: 262px!important;
	}
#content_column_left {
		width:70% !important;
	}
#content_column_both {
		width: 60%!important;
	}
#right.right2 {
    width: 21%!important;
	margin-top: 30px;
	}
	
}



/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
#bottom-box .box{width: 28%;}
#left{width: 100%;}
#left .moduletable_menu ul li{padding: 0;}
#left .moduletable_filter, #left .moduletable{float: left; display: block; clear: none; width: 45%;}
#left .moduletable_menu{width: 100%;}
#left .moduletable_filter, #left .moduletable{margin-left: 20px;}
#left .moduletable_filter h3{padding-top: 0;}
#left .moduletable h3{margin-top: 5px;}
#left .moduletable_filter li{width: 50%; float: left;}
#left .moduletable_filter ul.level0 li{float: left; width: 100%; position: relative; font-weight: bold; text-decoration: underline;}
#left .moduletable_filter ul.level1 li{float: left; width: 46%; position: relative; padding-right: 10px; font-weight: normal; text-decoration: none;}
#left .moduletable_filter ul.level1 ul{float: left; width: 100%; position: relative;}
#left .moduletable_filter ul.level1 li{float:left;}

.ar-aa .moduletable_jobs {margin: 0; }

#left{max-width: 100%;}
#right.right2, #right{width: 97%;margin-right: 0px;}
#content_column_both, #content_column_left{width: 100%;}
#left_main{width: 100%;}

#content_column_left, #content_column_both, #content_column_right, #left {width: 93%; margin-left: 5px; }
#content_column_both{padding: 0;}
div.itemListCategory{padding: 0;}


#featured .k2ItemsBlock ul li{margin-left: 0;}
#featured .k2ItemsBlock ul li{width: 49.3%;}
div#crsearch{margin-left: 65px;}
div.itemView {margin: 0 0 24px 20px!important;}
#k2Container {padding: 0 20px 24px 0!important;}

div#horiz-menu li a, div#horiz-menu li span.separator{padding: 0 5px; font-size: 90%; border-right: 1px solid #ddd;}
.moduletable_ask .k2ItemsBlock .modulePretext{padding-right: 10px;}

.searchwrap{margin-right: 0;}

.moduletable_jobs{margin: 0 5px; width: 100%;}

.ar-aa .searchwrap{float: left;}

.ar-aa div.k2ItemsBlock ul li span.moduleItemDateCreated{float: left; width: 27%;}
.ar-aa #left_main #latest .moduletable li .itemtext, .ar-aa #content_column_right .moduletable li .itemtext{margin: 0;}

.moduletablefp-feature-big {
    max-width: 650px!important;
}
.moduletablefp-menu-links {
    max-width: 300px;
}
  a.moduleItemCategory {margin-left: 30px}

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

#openexplore{font-size: 12px;}
.open, .close{min-width: 85px;}
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

}

/* Only Phones */
@media (max-width: 767px) {

#left .moduletable_filter, #left .moduletable_menu{float: left; display: block; clear: none; width: 100%;}
#left .moduletable_filter{margin-left: 0px; margin-top: 20px;}

#info_wrapper{text-align: left;}

#featured .itemtext, .moduletable_featured .itemtext {min-height: 153px;}
.searchwrap{width: 100%; text-align: center;} 
div#search{display: inline-block; }
div#crsearch{display: none;}
.phones-only{display: block;}
.no-phones{display: none;}

.itemtext{margin-left: 0;}

#bottom-box .box{width: 95%; padding: 0; margin: 0 auto; border: none;}
#bottom-box ul{list-style-type: none; padding: 0;}
#bottom-box ul li{padding: 0;}
#bottom-box .moduletable h3{text-align: center;}
#bottom-box .box .nav.menu li, #bottom-box .box ul.nav{text-align: center;}

#information{padding-left: 5px;}

div#menu_wrapper{margin: 0; width: auto; position: relative;}
.search{z-index: 999;}

.searchwrap{float: right; position: relative;}
#search{float: right; position: relative;}
.searchwrap input#mod_search_searchword{width: 50.3%;}

.moduletable_ask .k2ItemsBlock ul{width: 95%; }

.moduletable_ask .ask {width: 85%; padding: 5%; float: left;}
#right .moduletable .custom table td{float: left; width: 100%;}
.moduletable .moduletable_content{padding:0;}
#content_column_right .moduletable li{padding: 10px 0;}

div.k2ItemsBlock ul li h3{font-size: 130%;}

div#footer_menu{float: right; width: 30%; margin-bottom: 30px; text-align: right; margin: 0; }
div#footer_menu ul li{float: right;clear: both;}
div#footer_menu ul li a, div#footer_menu ul li a.separator{font-size: 75%;}

table#glossarylist  td{float: left; width: 95%;}
table#glossarylist thead{display: none;}

.k2filter-table .k2filter-row{max-width: 100%; display: block;}
.k2filter-table .k2filter-cell{width: 100%; display: block; float: left;}
.k2filter-table .k2filter-cell input,.k2filter-table .k2filter-cell select {width: 80%;}


.ar-aa #bottom-box .box .nav.menu li, .ar-aa #bottom-box .box ul.nav{text-align: center;}

ul.pagination li{float: left;}
.ar-aa ul.pagination li{float: left;}

}



/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {
#featured .k2ItemsBlock ul li{width: 100%; padding: 0; margin: 1% 0;}
div#top_content, div#allaround, div#footer_menu_wrapper, div#banner2, #info_wrapper, #topinfo, div#footer_wrapper, #copyright_wrapper{width: 100%;}
#search{float: none; position: relative; right: 40px;}  

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img{width: 100%;}
.moduleItemImage{width: 95%;}
#right .itemtext{margin: 0;}

#left .moduletable_filter ul.level1 li{float: left; width: 100%; position: relative; padding: 0 10px;}

.componentheading{margin: 0;}
a.moduleItemCategory {margin-left: 30px}
  
}


  
  
/*extra step for social media icons*/
@media (max-width: 490px){
.ar-aa div#topicon{top: 5px;}
div#topicon{top: 30px; left:-5px; width: 16px;}
div#topicon p{margin: 10px 0 0 0;}
div#topicon img{width: 13px; height: 13px;}

#logo img{margin-top: 40px;}
}   
  
/*slideshow */
.fpss-template-fsd .slidetext2 a{color: #5F98C8;}
.ar-aa #fpssContainer372.fpss-template-fsd .navigation-wrapper{}
.ar-aa .fpss-template-fsd .navigation li.navigation-button{float: right;}
.ar-aa .slidetext2{right: 0;}
.ar-aa #fpssContainer372.fpss-template-fsd a.slide-link .slide-image img{float: left;}
.ar-aa #fpssContainer372.fpss-template-fsd a.slide-link{float: left;}

/*JJ special slider*/
/* Module will be hidden for 767px and less resolution */
@media (max-width: 767px) {
// Hide from visual and speaking browsers
#jj_sl_navigation, ul#jj_sl_navigation, ul#jj_sl_navigation li {
	display:none !important;
	visibility:hidden !important;
}