/* #Side Navigation
================================================== */

/* colours */

li.iosnavlevelselected, div.footer a.tabbar_activetab, li.iostaxonomylevelselected {
  color: #6A3571;
  text-decoration: underline;
}

ul.iosnavigator li a, ul.iostaxonomybrowser li a {
  /*color: black;*/
}

ul.iosnavigator li a:hover, ul.iostaxonomybrowser li a:hover {
  text-decoration: underline;
}

li.iosnavlevelselected, li.iosnavlevelopened {
  background: url("../../resources/custom/images/common/list_bg.png") no-repeat scroll left 9px transparent;
}



/* Navigation */

ul.iosnavigator li { 
  font-family: 'Arial','Verdana','sans-serif';
  font-size: 13px;
  border-bottom: 1px solid #CFCFCF;
}

li.iosnavroot { 
  padding: 5px 5px 5px 10px;
}

li.iosnavlevel0, li.iosnavlevel0selected, li.iosnavlevel0opened a {
  /*padding: 5px;*/
}

li.iosnavlevel1 a, li.iosnavlevel1selected,  li.iosnavlevel1opened {
  padding: 5px 5px 5px 15px;
}

li.iosnavlevel2, li.iosnavlevel2selected, li.iosnavlevel2opened {
  padding: 5px 5px 5px 25px;
}

li.iosnavlevel3, li.iosnavlevel3selected, li.iosnavlevel3opened {
  padding: 5px 5px 5px 35px;
}

li.iosnavlevel4, li.iosnavlevel4selected, li.iosnavlevel4opened {
  padding: 5px 5px 5px 45px;
}

li.iosnavlevel5, li.iosnavlevel5selected, li.iosnavlevel5opened {
  padding: 5px 5px 5px 55px;
}

li.iosnavlevel6, li.iosnavlevel6selected, li.iosnavlevel6opened {
  padding: 5px 5px 5px 65px;
}

li.iosnavlevel7, li.iosnavlevel7selected, li.iosnavlevel7opened {
  padding: 5px 5px 5px 65px;
}

li.iosnavlevel8, li.iosnavlevel8selected, li.iosnavlevel8opened {
  padding: 5px 5px 5px 65px;
}

li.iosnavlevel9, li.iosnavlevel9selected, li.iosnavlevel9opened {
  padding: 5px 5px 5px 65px;
}

/* Taxonomy */
ul.iostaxonomybrowser, ul.iosnavigator {
  float: left;
  clear: both;
  width: 100%;
  list-style: none;
  margin: 10px 0 30px;
  padding: 0;
}

li.iostaxonomylevel0, li.iostaxonomylevel1, li.iostaxonomylevel0selected, li.iostaxonomylevel1selected, li.iostaxonomylevel1opened {
  padding: 5px;
  padding-left: 5px;
}

li.iostaxonomylevel2, li.iostaxonomylevel2selected, li.iostaxonomylevel2opened {
  padding: 5px;
  padding-left: 15px;
}

li.iostaxonomylevel3, li.iostaxonomylevel3selected, li.iostaxonomylevel3opened {
  padding: 5px;
  padding-left: 25px;
}

li.iostaxonomylevel4, li.iostaxonomylevel4selected, li.iostaxonomylevel4opened {
  padding: 5px;
  padding-left: 35px;
}

li.iostaxonomylevel5, li.iostaxonomylevel5selected, li.iostaxonomylevel5opened {
  padding: 5px;
  padding-left: 45px;
}

li.iostaxonomylevel6, li.iostaxonomylevel6selected, li.iostaxonomylevel6opened {
  padding: 5px;
  padding-left: 55px;
}

li.iostaxonomylevel7, li.iostaxonomylevel7selected, li.iostaxonomylevel7opened {
  padding: 5px;
  padding-left: 65px;
}

li.iostaxonomylevel8, li.iostaxonomylevel8selected, li.iostaxonomylevel8opened {
  padding: 5px;
  padding-left: 75px;
}

li.iostaxonomylevel9, li.iostaxonomylevel9selected, li.iostaxonomylevel9opened {
  padding: 5px;
  padding-left: 85px;
}

li.iostaxonomylevelopened a {
  display: inline-block;
  width: 100%;
  color: black;
}

div.iostaxonomybrowserclear {
  margin-top:5px;
}

div.iostaxonomybrowsernomatch {
  font-size: 11px;
  font-family: arial;
}

input.iostaxonomybrowserkeywordsearch {
  width: 100px;
}


/* #Form Styles
================================================== */

.iosformelement { clear: both; float: left; margin: 0 0 1em; width: 100%; }
.iosformlabel { float: left; font-weight: bold; }
.iosrequiredfield { margin: 0!important; padding: 0!important; color: red; }
.iosformfield { clear: both; float: left; margin: 0.3em 0 0; width: 100%; }

.iosupload { float: left; }
.iosformfield img { float:left; }
span.iosuploadremove { float:left; clear: both; }

.iosfieldmultiselect { max-height: 100%!important; overflow: auto!important; }
.iosformfield input[type="checkbox"] { 
  float: none!important;
  height: 1em!important;
}
.iosformelement select { float: left; clear: both; margin: 10px 0; font-size: 13px!important; padding: 10px;  }

.iosrichedit { float: left; }
.iosrichedit button { line-height: 1em; } 
.iosrichedittoolbar { float: left; margin: 0!important; }
.iosrichediteditor { float: left; width: 100%; margin: 0 0 1em; border: 1px solid #939BA1 !important; border-radius: 2px 2px 2px 2px !important; }
.iosrichedittoolbar .ioslinkbox { width: 360px; }
.iossavebox { clear: both; float: left; width: 100%; }
.iossavebuttonarea { float: left; }

.bdi_label { color: #32353A; line-height: 1.5em; font-weight: bold!important; }

.iosaddremoveparagroup { float: left; clear: both; }


span.iosschemainformationtext {

  position: absolute;
  width: 230px;
  border-style: solid;
  border-width: 3px;
  border-color: silver;
  padding: 3px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 10px 10px 5px #888888;

}

span.iosschemainformation {
   display: inline-block;
   cursor: pointer;
   padding: 0px;
   padding-left: 8px;
   padding-right: 5px;
   background-color: purple;
   color: white;
   font-family: Times New Roman, serif;
   border-radius: 55px;
   width: 7px;
   font-weight: bold;
   font-style: italic;
   position: absolute;
   margin-left: 10px;
   border-style: solid;
   border-width: 3px;
   border-color: silver;
   margin-bottom: 0px;
   position: relative;

}

span.iosschemainformation:hover {
  background-color: black;
}


.iosformfield textarea {
  height: 3em;
  width: 95%;
}

/* medium sized textarea */
.iosformfield textarea.news_content_summary, .iosformfield textarea.diary_entry_short_description, .iosformfield textarea.casestudy_summary, .iosformfield textarea.casestudy_client_testimonial, .iosformfield textarea.casestudy_challenge, .iosformfield textarea.casestudy_involvement, .iosformfield textarea.casestudy_business_impact, .iosformfield textarea.client_summary, .iosformfield textarea.award_summary, .iosformfield textarea.vacancy_summary {
  height: 8em;
}

/* large sized textarea */

.iosformfield textarea.diary_entry_description, .iosformfield textarea.testimonial_description, .iosformfield textarea.teamprofile_biography, .iosformfield textarea.casestudy_description, .iosformfield textarea.client_description, .iosformfield textarea.vacancy_description, .iosformfield textarea.profile_description, .iosformfield textarea.profile_sustainability_policy { 
  height: 12em;
}

/* inline form fields */
.iosformfield select.news_content_pubdate, .iosformfield select.diary_entry_date, .iosformfield select.diary_entry_end_date, .iosformfield select.vacancy_closing_date, .iosformfield select.userloginexpires {
  display: inline;
  clear: none;
}

/*
span.ioscontenttab { background-color: #B8A9CF; }
span.ioscontenttabactive, span.ioscontenttabnotactive:hover { background-color: #303335; }
span.ioscontenttabnotactive { background-color: #B8A9CF; }
*/

/* #confirmation messages
================================================== */

.iosmessageicon {
  background: url("../../resources/custom/images/btn-help.png") no-repeat scroll 0 0 transparent;
  height: 25px;
  text-indent: -9999px;
  width: 25px; 
}
.iosmessagetext { 
  float: left;
  font-family: 'Arial','Verdana','sans-serif';
  font-size: 15px;
  margin: 10px 5px;
}
.iosmessagebuttons { float: left; margin: 5px auto; text-align: center; }
.iosmessagebutton { display: inline-block!important; margin: 5px!important;}

/* #Validation messages
================================================== */
div.design_resultmessagebox {
  background-color: #E54242;
  float: right;
  clear: both;
  min-width: 620px;
  padding: 5px 0 5px 5px;
}

div.design_resultmessage {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;  
}


/* #Pagination
================================================== */

.iossearchresultheader, .iossearchresultfooter, .iossearchresultfoooter {
  background: none repeat scroll 0 0 #E5E5E5;
  padding: 10px;
  text-align: center;
  float: left;
  width: 97%;
  font-size: 12px;
}

.iossearchresultheader { margin: 0 0 10px; }

table.iossearchresults { float: left; }

.iossearchpages {
  margin: 0 10px 0 0;
}

.iossearchresultnav a { 
  background: none repeat scroll 0 0 #31363A;
  padding: 2px 5px;
  color: #FFFFFF;
}

.iossearchresultnav .iossearchpagecurrent a {
  color: #32353A;
  display: inline-block;
  padding: 0 5px;
  background: none repeat scroll 0 0 #FFFEFF;
  border: 1px solid #CCCCCC;
}

.iossearchresultnav .iossearchpagecurrent a:hover {
  color: #FFFFFF;
  background-color: #572B5E;
}

.iossearchresultnav .iossearchpagenotcurrent {
  background: none repeat scroll 0 0 #572B5E;
  color: #FFFFFF;
  display: inline-block;
  padding: 0 5px;
  border: 1px solid #CCCCCC;
}


/* #jQuery Carousel Slider
================================================== */

.image_carousel {
  padding: 25px 0 15px 55px;
  position: relative;
  float:left;
  width:90%;
}

.image_carousel img {
  border: 1px solid #ccc;
  background-color: white;
  padding: 9px;
  margin: 6px;
  display: block;
  float: left;
}

a.next {
  background: url("../../resources/custom/images/slider/next_btn.png") no-repeat scroll 0 0 transparent;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 85px;
}

a.next:hover{
  background:url("../../resources/custom/images/slider/next_btn.png") no-repeat scroll 0 -50px transparent;
}

a.prev {
  background: url("../../resources/custom/images/slider/prev_btn.png") no-repeat scroll 0 0 transparent;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 85px;
}

a.prev:hover{
  background: url("../../resources/custom/images/slider/prev_btn.png") no-repeat scroll 0 -50px transparent;
}

a.prev{
  left: 6px;
}

a.prev.disabled {
  background: url("../../resources/custom/images/slider/disabled_btn.png") no-repeat scroll 0 0 transparent;
}

a.next {			
  right: 10px;
}

a.next.disabled{
  background: url("../../resources/custom/images/slider/disabled_btn.png") no-repeat scroll 0 -50px transparent;	
}

a.prev.disabled, a.next.disabled {
  cursor: default;
}

a.prev span, a.next span {
  display: none;
}

.pagination {
  text-align: center;
}

.pagination a {
  background: url(https://www.britishdesigninnovation.org/Resources/images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
  display: inline-block;
}

.pagination a.selected {
  background-position: -25px -300px;
  cursor: default;
}

.pagination a span {
  display: none;
}

.clearfix {
  float: none;
  clear: both;
}

/*
.caroufredsel_wrapper{
  height: 200px;
  width: 185px;
}
*/

#carousel_wrap{
  width:870px;
}

/* #Templates
================================================== */
.design_mainareabox {
  width: 980px;
  margin: 0 auto;
}

div.design_header {
  background: none repeat scroll 0 0 #FFFFFF;
  padding: 10px 20px;
  width: 940px;
  float: left;
  clear: both;
}

.design_header_items_container {
  width: 940px;
  margin: 0 auto;
}

div.design_banner {
  width: 200px;
  float: left;
}

div.webdesign_bdi_breadcrumb {
  width: 660px;
  float: left;
}

div.webdesign_bdi_home_intro {
  padding: 0 20px;
  margin: 0 0 10px;
  width: 940px;
  float: left;
  clear: both;
}

div.webdesign_bdi_searchbox {
  z-index: 1000;
  position: relative;
  float: right;
  margin: 10px 0 0;
}


div.webdesign_bdi_directory_container {
  float: left;
  margin: -40px 20px 25px;
  padding: 0;
  width: 940px;
}

div.design_bdi_container_fullwidth {
  float: left;
  width: 100%;
  clear: both;
  margin: 0 0 10px;
}

div.design_bdi_container_halfwidth {
  float: left;
  width: 49%;
}

div.design_bdi_container_fullwidth div.design_bdi_container_halfwidth:first-child {
  margin-right: 2%;
}

/* #Design Abstract
================================================== */
.design_abstract { float: left; clear: both; margin: 10px 0; }

.template_listing .bdi_p li {
  float: left;
  background-color: #E5E5E5;
}

/* #News - Thumbnail
================================================== */
.news_thumb_image1 { 
  float: left;
  margin: 0 10px 0 0;
}

.template_homepage2 .news_thumb_image1 img { 
  width: 100px;
  height: 100px;
}

/* #Diary Entry - Thumbnail
================================================== */
.diary_entry_thumbnail_title {
  font-family: "Arial","Helvetica","sans-serif";
  font-size: 16px;
  margin: 0 0 10px;
}

div.webdesign_bdi_calendar_thumb_location {
  background: url("../../resources/custom/images/location-background.png") right center no-repeat;
  font-size: 16px;
  font-family: "Arial","Verdana","sans-serif";
}

/* #Universities abstract
================================================== */
.design_abstract .uni_name {
  color: #32353A;
  font-size: 21px;
}

.design_bdi_readmore { float: right; clear: both; }

/* #Universities thumbnail
================================================== */

#carousel_wrap .design_thumbnail{
  width: 170px;    
  float: left;
  margin: 0;
}

#carousel_wrap .design_thumbnail img{
  width: 130px;
  height: 130px;
}

.design_thumbnail .uni_name {
  text-align: center;
  color: #32353A;
}

.design_thumbnail .uni_thumb_logo {
  text-align: center;  
}

.design_thumbnail .uni_website {

}

.design_thumbnail .uni_contact_email {
  text-align: center;
}

/* #Sponsors thumbnail
================================================== */
.design_bdi_animated_strip ul { font-family: "Arial","Verdana","sans-serif"; }
.design_bdi_animated_strip li { width: 100%; }

.design_bdi_animated_strip .sponsor_thumb_logo {
  float: left;
  width: 15%;
}

.design_bdi_animated_strip .sponsor_thumb_logo img {
  width: 132px;
  height: 132px;
}

.design_bdi_animated_strip .sponsor_name {
  font-size: 18px;
  float: left;
  width: 80%;
  margin: 0 0 10px;
}

.design_bdi_animated_strip .sponsor_summary {
  float: left;
  width: 80%;
}

/* #Sponsors abstract
================================================== */
.design_abstract .sponsor_name {
  color: #32353A;
  font-size: 21px;
}

/* #Sponsors content
================================================== */
.design_content .sponsor_name {
  color: #32353A;
  font-size: 21px;
}

/* #Sidebar
================================================== */
div.webdesign_bdi_subnav { 
  float: left;
  padding: 10px;
  width: 260px;
  background: url("../../resources/custom/images/common/subnav_bg.jpg") no-repeat scroll left top transparent;
}

div.webdesign_bdi_subnav .content_bullets {
  border-bottom: 1px solid #E6E6E6;
  margin: 0 0 5px;
}

div.bdi_subnav_h2 { 
  color: #32353A;
  font-family: "Arial","Verdana",sans-serif;
  font-size: 22px;
  margin: 3px 0 10px;
  width: 215px;
  float: left;
}

.rightTitle { 
  float: right;
  width: 35px;
}

.popular-container { float: left; clear: both; width: 100%; margin: 20px 0 0; }
.popular-container .iospopularlinks { 
  background: url("../../resources/custom/images/common/cta_bg.png") left center no-repeat;
  padding: 0 0 0 15px;
}
.iospopularlinks .webdesign_bdi_home_news_hr { display: none; }
.iospopularlinks .webdesign_bdi_news_greybox { display: none; }

hr {
  color: #F2F8FC;
  height: 1px;
}

/* #Homepage
================================================== */
div.webdesign_bdi_home_featured_event { float: left; }

div.design_bdi_animated_strip {
  float: left; 
  width: 100%;
  border-top: 2px solid #E1E1E2;
  border-bottom: 2px solid #E1E1E2;
  margin: 10px 0;
}

.design_bdi_container_fullwidth div.design_bdi_animated_strip {
  margin: 0;
}

div.bdi_animated_strip_item_container { 
  display: inline;
  width: 100%;
}

.bdi_animated_strip_item_container .sponsor_title, .bdi_animated_strip_item_container .sponsor_description {
  display: inline;
}

.design_bdi_container_fullwidth .rightTitle {
  width: 180px;
}

.rightTitle .rsslink {
  background: url("../../resources/custom/images/common/news_icon.png") no-repeat scroll right center transparent;
  height: 32px;
  width: 32px;
}

.rightTitle .rsslink-diary {
  background: url("../../resources/custom/images/common/events_icon.png") no-repeat scroll right center transparent;
  width: 32px;
  height: 32px;
  margin: 0 0 0 10px;
}

.design_bdi_container_fullwidth li {
  float: left;
}

.design_bdi_container_fullwidth .webdesign_bdi_news_greybox {
  float: left;
  clear: both;
  padding: 10px;
  background-color: #E5E5E5;
  height: 155px; /* to align news and opinions on homepage */
}

.design_bdi_container_fullwidth .webdesign_bdi_news_greybox div.p {
  float: left;
  width: 75%;
  margin: 0;
}

ul.home-events-list {
  float: left;
  clear: both;
  width: 100%;
}

ul.home-events-list li {
  display: inline;
  width: 49%;
}

ul.home-events-list li:first-child {
  margin-right: 2%;
}

ul.home-events-list div.webdesign_bdi_events_greybox {
  background-color: #E5E5E5;
  float: left;
  padding: 10px;
}

ul.home-events-list div.webdesign_bdi_events_greybox:hover {
  background-color: #FFFFFF;
}

div.udip-summary {
  float: left;
  clear: both;
  background-color: #E5E5E5;
  padding: 10px;
}

.webdesign_bdi_home_news_more { 
  width: 125px;
  float: right;
  font-size: 14px;
  text-align: right;
}

/*  remove once new homepage is live */
.webdesign_bdi_home_events_box div.webdesign_bdi_events_greybox {
  background-color: #E5E5E5;
  height: 150px;
  margin: 0 0 10px;
  padding: 10px;
  text-align: left;
  width: 305px;
}

.webdesign_bdi_home_news_more a {
  background: url("../../resources/custom/images/common/cta_bg.png") no-repeat scroll right center transparent;
  padding: 0 15px 0 0;
}

/*  remove once new homepage is live */
.webdesign_bdi_home_news .webdesign_bdi_news_greybox {
  background-color: #E5E5E5;
  height: 155px;
  padding: 10px;
}

.webdesign_bdi_news_greybox div.p  {
  margin: 0;
}

.webdesign_bdi_home_news_events_box {
  margin: 0;
  padding: 10px 0 0;
  border-top: 2px solid #e1e1e2;
}

.webdesign_bdi_calendar_box {
  background: url("../../resources/custom/images/calendar-background.png");
  width: 47px;
  height: 42px;
}

/*  remove once new homepage is live */
.webdesign_bdi_home_events_box .webdesign_bdi_home_events_right_box {
  float: left;
  width: 240px;
}

.webdesign_bdi_home_events_left_box {
  float: left;
  margin: 0 10px 0 0;
}

.webdesign_bdi_home_news .rightTitle, .webdesign_bdi_home_events_box .rightTitle, .webdesign_bdi_home_blogs_box .rightTitle {
  width: 180px;
}

.webdesign_bdi_home_news li, .webdesign_bdi_home_events_box li, .webdesign_bdi_home_blogs_box li {
  float: left;
}

.webdesign_bdi_home_news .bdi_small_h2, .webdesign_bdi_home_events_box .bdi_small_h2, .webdesign_bdi_home_blogs_box .bdi_small_h2 {
  float: left;
  color: #32353A;
  font-family: "Arial","Verdana",sans-serif;
  font-size: 22px;
  margin: 8px 0 0;
  text-align: left;
}

.webdesign_bdi_home_blogs_innerbox .webdesign_bdi_news_greybox {
  width: 960px;
  height: 120px;
}

/* #Admin
*********************************************/
.iosreporteditlink { float: left; }



/* #Casestudy Library
*********************************************/

.webdesign_bdi_casestudy_container{
    min-height:600px;
    background:#F3F3F4;
}

.webdesign_bdi_casestudy_content{
    background: url("../../resources/custom/images/common/subnav_bg.jpg") repeat-x scroll left top transparent;
    float:left;
    padding: 10px;
    width:940px;
    min-height:600px;
}

div.cs-frontside h2{
  color:#6a3571;
  font-size:15px;
  font-weight:normal;
  margin:0;
  padding:5px 12px 3px;
}

div.cs-frontside h3{
    color: #808080;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 0 12px;
}

div.cs-frontside .content_paragraph{
   font-size:12px;
   padding:0 12px;
   margin:0;
   line-height:18px;
   color:#32353a;
}

div.cs-frontside .casestudy_image1, div.cs-frontside .casestudy_image1 img, .casestudy_libraryimage, .casestudy_libraryimage img{
  width:220px;
  height:220px;
}

div.cs-frontside img{
      display:none;
}

div.cs-frontside span.iosformfield, .cs-frontside .casestudy_image1{
   margin:0;
}

div.cs-frontside{
   background-color:#FFFFFF;
   height:295px;
   width:220px;
   float:left;
}

div.cs-wrapper{
  height:295px;
  width:220px;
  float:left;
  position:relative;
  margin:0 0 30px 20px;
  overflow:hidden;
}

div.cs-flipside{
  background-color:#572B5E;
  height:295px;
  width:220px;
  padding-top:40px;
  float:left;
  display:none;
  cursor:pointer;
}

div.cs-flipside h2{
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    padding: 5px 15px 12px;
    color:#ffffff;
    font-weight:normal;
   
}

div.cs-flipside h3{
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    font-size: 11px;
    line-height: 30px;
    margin: 0 15px;
    padding: 0;
    color:#ffffff;
}

div.cs-flipside .content_paragraph{
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 11px 15px 0;
    color:#ffffff;
}

.casestudy_linkarrow a{
  height:40px;
  width:40px;
  float:right;
  text-indent:-10px;
  position:absolute;
  top:235px;
  right:0;
}

.casestudy_linkimage a{
    background: url("../../resources/custom/images/common/cs_linkimage.png") no-repeat scroll 0 0 transparent;
  display:block;
  height:40px;
  width:40px;
  float:right;
  text-indent:-10px;
  position:absolute;
  top:235px;
  right:45px;
}

.casestudy_linkimage img{
  display:none;
}

div.cs-list{
  margin:0 7%;
}

div.cs-list .iossearchresultheader, .cs-list .iossearchresultfooter{
  background:none;
}

div.cs-list .iossearchresultscount{
   margin-top:20px;
}