/* #Reset browser defaults (http://meyerweb.com/eric/tools/css/reset/)
======================================================*/
h
html, body, div, span, applet, object, iframe, h1, .bdi_home_h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  container: '';
  container: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* #Layout
======================================================*/

html {
  overflow-y: scroll;
}

body {
  font: 13px/1.4em Arial,Helvetica,sans-serif;
  color: #32353a;
  background: #f3f3f4;
  text-align: left;
}

div.p, p {
  font: 13px/1.4em Arial,Helvetica,sans-serif;
  color: #32353a;
}

.webdesign_bdi_grey_box {
  padding: 10px 0 10px 0 !important;
}

div.iosnode div.template_singlepage {
  padding: 10px;
}

.webdesign_bdi_grey_box div.p {
  margin: 10px 25px 0 25px;
}

.webdesign_bdi_grey_box div.p_right {
  margin: 10px 45px 0 25px;
}

.webdesign_bdi_left div.p_right {
  margin: 10px 25px 0 25px;
}

.webdesign_bdi_grey_box div.bdi_p {
  margin: 10px 25px 0 25px;
}

.webdesign_bdi_searchbox div.p {
  margin: 0 !important;
  width: 240px;
  height: 22px;       
}

.webdesign_bdi_breadcrumb div.p {
  font: 15px/1.2em Arial,Helvetica,sans-serif;
  color: #FFFFFF;
  margin: 20px 0 0 10px;
  float: left;
}

.iostextmessagemessagearea div, .div.iostextmessagenewdiscussion {
  font: 13px/1.4em Arial,Helvetica,sans-serif !important;
  color: #32353a;
}

#wrapper {
  margin: 0 auto;
  width: 980px;
}

#header {
  background: #fff;
  padding: 10px 20px;
  width: 940px;
}

.searchBox {
  float: left;
  margin: 8px 0;
}

#content .searchBox {
  float: left;
  display: inline;
  margin: 20px;
}

div.webdesign_bdi_home_intro .webdesign_bdi_home_usertype {
  float: left;
  margin: 210px 0 0 20px;
  width: 300px;
}

div.webdesign_bdi_home_intro .webdesign_bdi_home_usertype div.webdesign_bdi_usertype_inner {
  background: transparent url("../../resources/custom/images/home/userType_bg.png") no-repeat left top;
  position: relative;
  padding: 20px;
  height: 90px;
  width: 260px;
  z-index: 1000;
  opacity: .80; /* Standards Compliant Browsers */
  filter: alpha(opacity=80); /* IE 7 and Earlier */
  /* Next 2 lines IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.webdesign_bdi_topbar {
  float: left;
  background: transparent url("../../resources/custom/images/common/breadcrumb_bg.jpg") no-repeat left top;
  padding: 0 20px;
  height: 110px;
  width: 940px;
}

#news {
  width: 620px;
}

#events {
  width: 300px;
  margin: 0 0 0 20px;
}

#careers {
  margin: 40px 0 0 0;
}

.search #subnav  {
  background: 0;
  padding: 0;
  width: 280px;
}

.pod {
  margin: 10px 0;
  height: 100px;
  width: 180px;
}

.leftPod {
  background: transparent url("https://www.britishdesigninnovation.org/Resources/images/common/pod_left.jpg") no-repeat left top;
  padding: 8px 90px 8px 10px;
}

.rightPod {
  background: transparent url("https://www.britishdesigninnovation.org/Resources/images/common/pod_right.jpg") no-repeat left top;
  padding: 8px 10px 8px 90px;
  text-align: right;
}

.directoryPod {
  background: transparent url("https://www.britishdesigninnovation.org/Resources/images/common/pod_directory.gif") no-repeat left top;
  margin: 0 0 10px 0;
  padding: 65px 20px 11px 0;
  height: 20px;
  width: 260px;
  text-align: right;
}

.search #content {
  margin: 0 20px 0 0;
}

.greyBox {
  background: #e5e5e5;
  padding: 10px;
  margin: 0 0 10px 0;
}

#news .greyBox {
  height: 150px;
  width: 600px;
}

#events .greyBox {
  height: 150px;
  width: 280px;
}

#content .greyBox {
  width: 620px;
}

div.webdesign_bdi_right_title {
  font-family: Arial,Helvetica,sans-serif !important;
}

.search #subnav .greyBox {
  padding: 20px;
}

.whiteShadedBox {
  background: transparent url("https://www.britishdesigninnovation.org/Resources/images/home/whiteShadedBox_top.png") no-repeat left top;
  margin: -5px -5px 0 -5px;
  padding: 15px 15px 10px 15px;
  height: 150px;
  width: 280px;
}

.whiteShadedBoxBottom {
  background: transparent url("https://www.britishdesigninnovation.org/Resources/images/home/whiteShadedBox_bottom.png") no-repeat left top;
  clear: both;
  margin: 0 -5px 5px -5px;
  height: 5px;
  width: 310px;
}

.whiteBox {
  background: #fff;
  padding: 10px;
  margin: 0 0 15px 0;
  width: 600px;
}

#news div.left,
#events div.left {
  width: 55px;
}

#news .greyBox div.right,
#news.whiteShadedBox div.right {
  width: 545px;
}

#events .greyBox div.right,
#events .whiteShadedBox div.right {
  width: 225px;
}

#content div.left {
  width: 460px;
}

#content div.right {
  width: 150px;
}

#content #comments div.left {
  width: 110px;
}

#content #comments div.right {
  width: 510px;
}

#content .whiteBox div.left {
  width: 440px;
}

#content #comments div.reply {
  background: transparent url("https://www.britishdesigninnovation.org/Resources/images/common/reply_icon.png") no-repeat left top;
  padding: 10px 0 0 30px;
  width: 80px;
}

.webdesign_bdi_hr {
  background: transparent url("../../resources/custom/images/common/seperator.png") repeat-x left 2px !important;
  clear: both !important;
  height: 6px !important;
}

.webdesign_bdi_grey_box_inner .webdesign_bdi_hr {
  margin-left: 0 !important;
}

.webdesign_bdi_hr_top {
  background: transparent url("../../resources/custom/images/common/seperator.png") repeat-x left 2px !important;
  clear: both !important;
  height: 6px !important;
  margin: 20px 20px 8px 20px !important;
}

div.design_footer {
  background: transparent url("../../resources/custom/images/common/footer_bg.png") no-repeat left top;
  padding: 20px;
  width: 940px;
  height: 140px;
}

#footer {
  background: transparent url("../../resources/custom/images/common/footer_bg.png") no-repeat left top;
  padding: 30px 20px;
  width: 940px;
  color: #FFFFFF;
  font: 14px/1.5em Arial, Helvetica, sans-serif;
}

div.design_footer div.p {
  color: #ffffff;
  font: 14px/1.5em Arial, Helvetica, sans-serif;
  text-align: left;
}

div.webdesign_bdi_left {
  background: transparent url("../../resources/custom/images/common/footer_seperator.png") repeat-y left top;
  padding: 0 0 0 20px;
  height: 100%;
  width: 300px;
}

.webdesign_bdi_left:first-child {
  background: 0;
  margin: 0;
  padding: 0;
  width: 300px;
  line-height: 1.7em;
  height: 100%;
}

#footer .left:first-child {
  background: none repeat scroll 0 50% transparent;
  line-height: 1.7em;
  margin: 0;
  padding: 0;
  width: 260px;
}

#footer .left {
  background: url("../../resources/custom/images/common/footer_seperator.png") repeat-y scroll left top transparent;
  height: 125px;
  margin: 0 0 0 10px;
  padding: 0 0 0 30px;
  width: 300px;
}

#footer ul li:first-child {
  background: none repeat scroll 0 50% transparent;
}

#footer ul li {
  background: url("../../resources/custom/images/common/footer_list_seperator.png") repeat-x scroll left top transparent;
  padding: 5px 0 0;
  width: 260px;
}

#footer ul li a {
  background: url("../../resources/custom/images/common/footer_list_bg.png") no-repeat scroll left 6px transparent;
  display: block;
  font: 13px/1.4em Arial,Helvetica,sans-serif;
  padding: 2px 0 2px 17px;
}

#footer a {
  color: #9D80A1;
}




.webdesign_bdi_grey_box div.webdesign_bdi_left {
  width: 450px;
  background: transparent;
  padding: 0;
}

.greyBox .left {
  width: 450px;
  background: transparent;
  padding: 0;
}

.webdesign_bdi_home_events_right_box div.bdi_p {
  margin: 5px 10px 5px 0;
}

.iosorganiser .webdesign_bdi_grey_box {
        width: 610px;
        margin: 0;
}

.iosorganiser .greyBox .left {
    width: 455px !important;
}

.iosorganiser .bdi_h2 {
        margin: 0 0 15px 0 !important;
        width: 350px;
}

.iosorganiser .webdesign_bdi_hr {
        margin: 0 20px 8px 0 !important;
}

.iosorganiser .p {
        margin: 10px 25px 0 0 !important;
}

.iosbasketeditlink {
        margin: -20px 0 20px 5px;
        float: left;
}

.template_community_profile .profile_content_size_of_team {
  display: none;
}

.iosorganiser .greyBox {
  margin-bottom: 20px !important;
}

.design_formbox .iosorganiser .left {
  height: auto;
}

.webdesign_bdi_grey_box .abstract_image_right {
  width: auto;
}

.design_formbox .webdesign_bdi_grey_box {
  margin: 0 0 10px 0;
}


/*******************************/
/* CONTACT FORM */
/*******************************/
.Email_Form label {
    display: block;
    padding: 10px 10px 0 5px;
    width: 190px;
}

.Email_Form input.contact_input, .Email_Form textarea.contact_textarea, .Email_Form textarea.contact_textarea_small {
    background: none repeat scroll 0 0 #FAFCFC;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 2px #D9D9D9 inset, 0 0 0 1px #CCCCCC inset, 0 30px 20px -18px rgba(255, 255, 255, 0.65) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 7px;
    margin-bottom: 7px;
    width: 250px !important;
}

.Email_Form select {
    background: none repeat scroll 0 0 #FAFCFC;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 2px #D9D9D9 inset, 0 0 0 1px #CCCCCC inset, 0 30px 20px -18px rgba(255, 255, 255, 0.65) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 7px;
    margin-bottom: 7px;
    width: 263px !important;
}

textarea.contact_textarea {
    width: 500px;
    height: 200px;
}

textarea.contact_textarea_small {
    width: 400px;
    height: 100px;
}



/*******************************/

.bdi_featured_event_body {
  border-top: 2px solid #E1E1E2 !important;
  display: inline;
  width: 980px;
  margin: 10px 0 10px 0 !important;
}

.bdi_featured_event_body .diary_entry_description_p {
  display: inline;
}

.bdi_featured_event_body .diary_entry_thumbnail_title {
  font-size: 16px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline;
}

span.link img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

span.link img:hover {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

/* Custom site colours */

div#loginToggle:hover {
  color: red;
}

.webdesign_bdi_subnav .iossearchbutton {
  display: block;
  margin: 3px 0 20px 0 !important;
  background-color: #2E3136;
  width: 90px;
  color: white;
  padding: 4px !important;
  box-shadow: 5px 5px 5px #ccc;
  border-radius: 5px;
  border-style: solid;
  border-color: silver;
  border-width: 1px;
}


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

/* FORUMS */

.component_forumsearch input[type=submit] {
  display: block;
  margin: 3px 0 20px 0 !important;
  background-color: #2E3136;
  width: 90px;
  color: white;
  padding: 4px !important;
  box-shadow: 5px 5px 5px #ccc;
  border-radius: 5px;
  border-style: solid;
  border-color: silver;
  border-width: 1px;
}

.iostextmessagesendbutton {
  display: block;
  margin: 3px 0 20px 0 !important;
  background-color: #2E3136;
  width: 100px;
  color: white;
  padding: 4px !important;
  box-shadow: 5px 5px 5px #ccc;
  border-radius: 5px;
  border-style: solid;
  border-color: silver;
  border-width: 1px;
}

.iostextmessagetopics {
  margin: 20px 0 20px 0; 
}

.iostextmessagenewinput #textmessage {
  width: 375px !important;
}

.iostextmessagesearchresult {
  list-style: none;
  font-size: 11px;
  background: url("../../resources/custom/images/common/list_bg.png") no-repeat scroll left 4px transparent;
  padding-left: 10px;
}

/* ******************************************************************************************************************************************* */

/* Image links */

span.link img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

span.link img:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/* ********************************************** */
/* BDI - IMPORTED CSS */
/* ********************************************** */

div.webdesign_bdi_abstract_news_more a.link, div.profile_abstract_more a.link {
    background: url("../../resources/custom/images/common/cta_bg.png") no-repeat scroll right center transparent;
    padding: 0 15px 0 0;
    font-weight: normal;
}

div.display_image_right {
  height: 132px;
  width: 132px;
}

.mediagallery-container td img {
    height: 32px !important;
    width: 32px !important;
}

div.webdesign_bdi_grey_box img {
    height: 132px;
    width: 132px;
}

div.greyBox img {
    height: 132px;
    width: 132px;
}

/* ********************************************** */
/* TAB BAR - TOP NAVIGATION */
/* ********************************************** */

div.component_tabbar {
  margin: 10px 0 0;
  float: right;
  list-style: non outside none;
}

div.component_tabbar span {
  float: left;
}

div.component_tabbar a.tabbar_activetab, div.component_tabbar a.tabbar_tab:hover {	
  color: #312933;
  padding: 5px 10px 10px;
  background: url("../../resources/custom/images/common/nav_selected.gif") no-repeat scroll center bottom transparent;
}

div.component_tabbar a.tabbar_tab, div.component_tabbar a.tabbar_activetab {
  color: #312933;
  float: left;
  padding: 5px 10px 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Arial','Verdana','sans-serif';
  max-width: 100px;
}


/**************************************************************************************************
*	Headings
**************************************************************************************************/
.bdi_h1 {
  font: 22px/1.2em Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0;
}

h1 {
  font: 22px/1.2em Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0;
}

h2 {
  font: 19px/1.2em Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0;
}

h3 {
  font: bold 16px/1.2em Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0;
}

.clearBox h3 { font-size: 20px; }

h1.indented {
  margin-left: 10px;
}

.webdesign_bdi_home_intro h1 {
  font-size: 22px;
  float: left;
  clear: both;
  margin: 340px 0 0 0;
  width: 300px;  
  line-height: 1.1em;
  text-align: left;
}

.design_bdi_container_fullwidth h2 {
  float: left;
  margin: 5px 0 0;
}

.webdesign_bdi_home_intro h1 span.cref {
  font-size: 13px;
}

div.webdesign_bdi_usertype_inner h2 {
  font: 30px Arial, Heletica, sans-serif;
  margin: -15px 0 0;
  text-align: left;
}

div.webdesign_bdi_grey_box .bdi_h1 {
  font: 22px/1.2em Arial,Helvetica,sans-serif;
  width: 460px;
  margin: 0 0 10px 25px;
}

.greyBox h1 {
  width: 460px;
}

.webdesign_bdi_grey_box .bdi_h2 {
  font: 19px/1.2em Arial,Helvetica,sans-serif;
  margin: 0 0 15px 25px;
}

.webdesign_bdi_grey_box .bdi_h3 {
  font: 19px/1.2em Arial,Helvetica,sans-serif;
  margin: 10px 0 15px 25px;
}

.webdesign_bdi_home_news_events_box .bdi_h1 {
  padding: 0 0 0 10px !important;
  font-size: 22px !important;
}

.webdesign_bdi_home_news_events_box .bdi_h3 {
  font: bold 16px/1.2em Arial,Helvetica,sans-serif;
  margin: 0 0 10px 10px;
}

.webdesign_bdi_home_events_box .bdi_h3 {
  font: bold 14px/1.2em Arial,Helvetica,sans-serif;
  margin: 0 0 10px 10px;
  width: 265px;
}

.webdesign_bdi_home_blogs_innerbox .bdi_small_h2 {
  margin: 10px 0 0 0;
}

.webdesign_bdi_home_blogs_box .bdi_h3 {
  font: bold 16px/1.2em Arial,Helvetica,sans-serif;
  margin: 0 0 10px 10px;
}

.search #subnav h3 {
  margin-top: 0;
}

.webdesign_bdi_listing_container .pod h2 {
  margin: 0 0 6px 0;
  font-size: 20px;
}

#content h2 span {
  color: #4a3a4c;
}

/**************************************************************************************************
*	Typography
**************************************************************************************************/

p {
	margin: 0 0 1em 0;
}

.webdesign_bdi_topbar p {
	float: left;
	margin: 20px 0 0 10px;
	color: #fff;
	font: 15px/1.2em Arial, Helvetica, sans-serif;
}

.home .rightTitle {
	margin-right: 10px;
}

#content .rightTitle {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

#events .greyBox p,
#events .whiteShadedBox p {
	margin: 0 0 8px 0;
}

.pod p {
	margin: 0 0 5px 0;
	color: #fff;
}

.calendarDay {
	background: transparent url("https://www.britishdesigninnovation.org/Resources/images/home/calendar_day.gif") no-repeat left top;
	margin: 0 0 10px 0;
	height: 42px;
	width: 47px;
	font-weight: bold;
	text-align: center;
}

.calendarDay .month {
	color: #fff;
	font-size: 11px;
}

.calendarDay .day {
	font-size: 25px;
}

.location {
	background: transparent url("https://www.britishdesigninnovation.org/Resources/images/common/location_icon.png") no-repeat right center;
	padding: 1px 25px 1px 0;
}

.home p .location,
h2 .location {
	color: #4a3a4c;
	font: 16px/1.2em Arial, Helvetica, sans-serif;
}

.salary {
	float: right;
	margin: -29px 0 0 0;
	color: #4a3a4c;
}

.boxed {
	border: 2px solid #cfcfcf;
	padding: 0 3px;
	margin: -2px 5px 0 5px;
	color: #4a3a4c;
}

.indented {
	margin-left: 20px;
}

.grey {
	color: #767a7f !important;
}

.purple {
	color: #6a3571;
}

#gallery .thumbnail .overlay em {
	font: normal 16px/1.4em Arial, Helvetica, sans-serif;
}

.webdesign_bdi_news_greybox:hover, .webdesign_bdi_events_greybox:hover {
        background-color: #FFFFFF;
}

.webdesign_bdi_home_blogs_innerbox .webdesign_bdi_news_greybox div.p {
        width: 875px;
}

/**************************************************************************************************
*	Links
**************************************************************************************************/

a:link, a:visited, a:active {
	color: #6a3571;
	text-decoration: none;
}

a:hover {
	color: #8a2897;
}

.webdesign_bdi_home_intro .webdesign_bdi_home_usertype ul li a {
  display: block;
  padding: 0 20px;
  width: 260px;
  color: #fff;
  font: 21px/60px Arial, Helvetica, sans-serif;
}

.webdesign_bdi_home_intro .webdesign_bdi_home_usertype ul li a#becomeMember {
  background: transparent url("../../resources/custom/images/home/business_link_bg.jpg") no-repeat left top;
}

.webdesign_bdi_home_intro .webdesign_bdi_home_usertype ul li a#becomeMember:hover {
  background: transparent url("../../resources/custom/images/home/business_link_bg_hover.jpg") no-repeat left top;
}

.webdesign_bdi_home_intro .webdesign_bdi_home_usertype ul li a#memberArea {
  background: transparent url("../../resources/custom/images/home/member_area_bg_hover.jpg") no-repeat left top;
}

.webdesign_bdi_home_intro .webdesign_bdi_home_usertype ul li a#memberArea:hover {
  background: transparent url("../../resources/custom/images/home/member_area_bg.jpg") no-repeat left top;
}

.webdesign_bdi_home_intro .webdesign_bdi_home_usertype ul li a#findPartner,
.webdesign_bdi_home_intro .webdesign_bdi_home_usertype ul li a#advice {
  background: transparent url("../../resources/custom/images/home/business_link_bg.jpg") no-repeat left top;
}

.webdesign_bdi_home_intro .webdesign_bdi_home_usertype ul li a#findPartner:hover,
.webdesign_bdi_home_intro .webdesign_bdi_home_usertype ul li a#advice:hover {
  background: transparent url("../../resources/custom/images/home/business_link_bg_hover.jpg") no-repeat left top;
}

.webdesign_bdi_topbar a {
  color: #bea0c1;
}

.cta {
  background: transparent url("../../resources/custom/images/common/cta_bg.png") no-repeat right center;
  padding: 0 15px 0;
  margin: 8px 10px 0 0;
}

.share {
  background: transparent url("../../resources/custom/images/common/heart_icon.png") no-repeat left center;
  margin: 0 40px 0 0;
  padding: 0 0 0 20px;
}

.backLink {
  background: transparent url("https://www.britishdesigninnovation.org/resource/custom/images/common/back_link.png") no-repeat left center;
  padding: 0 0 0 20px;
}

.pageControls a#previous {
	background: #313539 url("../../resources/custom/images/common/page_controls_previous.png") no-repeat 5% center;
	color: #fff;
	padding-left: 20px;
}

.pageControls a#next {
	background: #313539 url("../../resources/custom/images/common/page_controls_next.png") no-repeat 95% center;
	color: #fff;
	padding-right: 30px;
}

div.design_footer a {
	color: #9d80a1;
}

div.design_footer a:hover {
	color: #BE9BC4;
}

div.design_footer ul li a {
	background: transparent url("../../resources/custom/images/common/footer_list_bg.png") no-repeat left 6px;
	display: block;
	padding: 2px 0 2px 17px;
        font: 13px/1.5em Arial,Helvetica,sans-serif;
}

.p_right a {
    font-weight: bold;
}

div.display_image_right span.overlay {
    background: url("../../resources/custom/images/common/image_overlay.png") no-repeat scroll 95px 95px transparent;
    display: none;
    height: 132px;
    left: 9px;
    position: absolute;
    top: 9px;
    width: 132px;
}

.sidebarlink {
    font: 13px/1.4em Arial,Helvetica,sans-serif;    
}


/**************************************************************************************************
*	Lists
**************************************************************************************************/

li {
        list-style: none;
}

.webdesign_bdi_news_greybox img {
  width: 45px;
  height: 45px;
  border: 2px solid #D7D7D7;
}

.webdesign_bdi_home_news_events_box ul {
  margin: 0 0 1em 0 !important;
}

.webdesign_bdi_home_news_events_box ul li ul,
#careers ul li:first-child {
  margin: 0;
}

.webdesign_bdi_home_intro .webdesign_bdi_home_usertype ul {
  position: relative;
  margin: -15px 0 0;
  z-index: 100;
}

.webdesign_bdi_listing_container ul li ul li,
.webdesign_bdi_listing_container ul li ul li:first-child {
	background-color: #dfdfdf;
	margin: 0 -20px;
	padding-right: 20px;
	padding-left: 20px;
}

#catSearch ul {
	float: left;
	margin: 0 10px;
	width: 185px;
}

.design_footer ul li {
	background: transparent url("../../resources/custom/images/common/footer_list_seperator.png") repeat-x left top;
	padding: 5px 0 0 0;
	width: 240px;
}

.design_footer ul li:first-child {
	background: 0;
}


/* Had to overide these as I can't get them to work in the Librios styles */

div.content_bullets, .bullets_download {
  background: url("../../resources/custom/images/common/list_bg.png") no-repeat scroll 0 4px transparent;  
  padding: 0 0 0 15px;
}

span.ioscontent_bullets {
  display: none !important;
}

/**************************************************************************************************
*	Forms
**************************************************************************************************/

label {
  float: left;
  padding: 3px 40px 3px 0;
  width: 220px;
  font: 13px/1.4em Arial, Helvetica, sans-serif;
  text-align: right;
}

.iosadvancedsearchlabel {
    border-style: none;
    border-width: 0;
    clear: none;
    color: #32353A;
    display: block;
    float: left;
    font-family: "Arial","Arial",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: right;
    text-indent: 0;
    width: 220px;
}

input[type=text] {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #D4D4D4;
    height: 16px;
    padding: 8px 10px;
    width: 338px !important;        
}

input[type=password] {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #D4D4D4;
    height: 16px;
    padding: 8px 10px;
    width: 338px !important;        
}

input[type=number] {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #D4D4D4;
    height: 16px;
    padding: 8px 10px;
    width: 338px !important;        
}

input[type=search] {
  background: #f6f6f6;
  border: 1px solid #d4d4d4;
  padding: 8px 10px;
  height: 16px;
  width: 235px;
}

input[type=submit] {
  border: 0;
  display: block;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

#loginBox input[type=submit] {
  margin: 0 -100px;
  border: 1px solid #D4D4D4;
}

input.useremail, input.useremailconfirm {
  width: 338px !important;
  background: #f6f6f6;
  border: 1px solid #d4d4d4;
  margin: 0;
  padding: 8px 10px;
  font: 13px/1.4em Arial, Helvetica, sans-serif;
  
}

textarea {
  background: #f6f6f6;
  border: 1px solid #d4d4d4 !important;
  margin: 0;
  padding: 8px 10px; /*!important*/
  height: 100px;
  width: 338px; /*!important*/
  font: 13px/1.4em Arial, Helvetica, sans-serif !important;
}



#articleComments {
  width: 588px;
}


div.webdesign_bdi_searchbox input[type=search] {
  background: #fff;
  border-color: #b4b9bf;
  border-right: 0;
  padding: 0;
  height: 25px;
  width: 212px;
  float: left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type=search] { height: 27px !important; width: 213px !important; }
}

.webdesign_bdi_searchbox input[type=submit] {
  background: transparent url("../../resources/custom/images/forms/search_button.gif") no-repeat left top;
  height: 27px;
  width: 27px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  float: left;
}

#content input[type=submit] {
  background: transparent url("../../resources/custom/images/forms/send_button.jpg") no-repeat left top;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;
  height: 30px;
  width: 90px;
  color: #fff;
  font: 16px/1.2em Arial, Helvetica, sans-serif;
  text-align: left;
}

#content .searchBox input[type=text] {
  padding: 15px;
  height: 25px;
  width: 488px;
  font: 17px/1.4em Arial, Helvetica, sans-serif;
}

#content .searchBox input[type=submit] {
  background: transparent url("https://www.britishdesigninnovation.org/Resources/images/forms/large_search_button.gif") no-repeat left top;
  height: 57px;
  width: 61px;
  margin: 0;
  padding: 0;
}

#content .form .fullClear {
  margin: 0 0 10px 0;
}

#content .form input[type=submit] {
  margin: 0;
}

/* Custom form elements */

select.styled {
  height: 32px;
  width: 360px;
}

.webdesign_bdi_listing_container span.select {
  background: transparent url("https://www.britishdesigninnovation.org/Resources/images/forms/subnav_select_bg.gif") no-repeat left top;
  padding: 6px 25px 6px 7px;
  height: 15px;
  width: 198px;
}

.webdesign_bdi_listing_container select.styled {
  height: 27px;
  width: 230px;
}

.webdesign_bdi_listing_container select#type {
  margin: 0 0 10px 0;
}

/**************************************************************************************************
*	Misc
**************************************************************************************************/

.webdesign_bdi_home_news div.right, .webdesign_bdi_home_blogs_innerbox div.right {
  margin: 0 0 0 10px;
  width: 32px;
  height: 32px;
  background: url("../../resources/custom/images/common/news_icon.png") no-repeat right center;
}

.webdesign_bdi_home_news div.right:hover {
  background: url("../../resources/custom/images/common/news_icon_hover.png") no-repeat right center;
}

.webdesign_bdi_home_blogs_innerbox div.right:hover {
  background: url("../../resources/custom/images/common/news_icon_hover.png") no-repeat right center;
}


.webdesign_bdi_home_events_box div.right_diary {
  margin: 0 0 0 10px;
  width: 32px;
  height: 32px;
  background: url("../../resources/custom/images/common/events_icon.png") no-repeat right center;
}

.webdesign_bdi_home_events_box div.right_diary:hover {
  background: url("../../resources/custom/images/common/events_icon_hover.png") no-repeat right center;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

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

/* ****************************************************************************************************************************************** */

input.iossavebutton {
    background: url("../../resources/custom/images/forms/send_button.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font: 16px/1.2em Arial,Helvetica,sans-serif;
    height: 30px;
    margin: 10px 45px 0;
    padding: 0 0 0 10px;
    text-align: left;
    width: 90px;
    float: right;
}

input.iosforgottenpasswordbutton {
    background: url("../../resources/custom/images/forms/send_button.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font: 16px/1.2em Arial,Helvetica,sans-serif;
    height: 30px;
    margin: 10px 1px 0;
    padding: 0 0 0 10px;
    text-align: left;
    width: 90px;
    float: none;    
}

input.directory-search {
    background: url("../../resources/custom/images/forms/send_button.jpg") no-repeat scroll left top transparent;
    color: #FFFFFF;
    font: 16px/1.2em Arial,Helvetica,sans-serif;
    height: 30px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 90px;
    float: left;
}

div.content_thumbnail_image, div.diary_entry_thumbnail_image, div.media_thumbnail_image {
  width:60px;
  height:60px;
  overflow:hidden;
}

div.content_thumbnail_image img, div.diary_entry_thumbnail_image img, div.media_thumbnail_image img {
  height: 100%;
  width: 100%;
}

div.content_abstract_image, div.diary_entry_abstract_image, div.media_abstract_image {
  width:80px;
  height:80px;
  overflow:hidden;
}

div.content_abstract_image img, div.diary_entry_abstract_image img, div.media_abstract_image img {
  height: 100%;
  width: 100%;
}

div.design_formbox {
  min-height: 300px;
}

div.design_homepagebox {
  z-index: 4;
  position: relative;
}

div.component_linkbuttons a, div.component_bookmarks a, div.component_connectionrequests a, button.iosnavigatorreorder, a.iosmessagebutton {
  display: block;
  margin: 3px auto;
  background-color: #2E3136;
  width: 110px;
  color: white;
  padding: 4px;
  box-shadow: 5px 5px 5px #ccc;
  border-radius: 5px;
  border-style: solid;
  border-color: silver;
  border-width: 1px;
}

button.iosnavigatorreorder:hover, a.iosmessagebutton:hover { 
  background-color: #6A3571;
  cursor: pointer;
}


div.component_connectionrequests a {
   background-color: #2E3136;
}

div.component_linkbuttons a:hover, div.component_bookmarks a:hover, div.component_connectionrequests a:hover, input.iossavebutton:hover {
  background-color: #6A3571;
}


/* Rich editing */
div.iosrichedit button {
  border-width: 1;
  border-style: solid;
  border-color: black;
  margin: 2px;
  background-color: white;
  color: black;
  font-size: 10px;
  cursor: pointer;
}

/* Comments */
div.iostextmessagereplybox2 {
}

div.iostextmessagereplybox1 {
}

div.iostextmessagebox {
  background-color: white;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #EDEDED;
}

div.iostextmessagemessagearea {
  display: inline-block;
  width: 78%;  
}

div.iostextmessagethumbnail {
  display: inline-block;
  vertical-align: top;
  width: 20%;  
}

div.iostextmessagethumbnail div.design_thumbnail{
  width: 100%;  
}


/* login */

div.ioslogintext label {
  font-size: 13px;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  width: 75px;
  margin 0 0 5px 0;
}

.libriosloginbutton {
  text-align: center;
  margin: 0 -100px;
  border: 1px solid #D4D4D4;
  width: 100px;
  height: 30px;
}

input.libriosusername, input.libriospassword {
  width: 150px !important;
}

#loginBox tr td {
    vertical-align: middle;
}

/* Basket */

input.iosselectbasketitem {
  background-color: white;
  width: 25px;
  height: 25px;
  font-size: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: silver; 
  padding: 1px;
  color: green; 
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
 
}

span.iosbasket a, div.iosbasket a {
  font-weight: bold;
}


table.iossimplebasket tr td {
  border-right-width: 5px;
  border-right-style: solid;
  border-right-color: transparent;
}

div.iosbasketoperations {
  background-color: #FFF8DC;
  margin-top: 20px;
  padding: 10px;
}

div.iosbasketoperationselectall, div.iosbasketoperationselectnone, div.iosbasketoperationremove {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.iosbasketoperationselecteditems {
  margin-top: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: silver;
  padding: 10px; 
  margin-bottom: 10px;
}

div.iosbasketoperationselecteditemsheading {
  font-weight: bold;
}


/* buttons */
input.button {   
  color:#050;   
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;   
  background-color:#fed;   
  border: 1px solid;   
  border-color: #696 #363 #363 #696;   
  filter:progid:DXImageTransform.Microsoft.Gradient   
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
}   

input.buttonhover {   
   border-color: #c63 #930 #930 #c63;   

}

span.design_button {
  margin-bottomt: 6px;
  
}

span.design_button a {
  border-width: 0px;
  border-style: solid; 
  border-color: red;
  color: white;
  width: 100%;
  height: 100%;
  padding: 6px;
  background-color: green;
}

span.design_button a:hover {
   background-color: #B20000;
}
   
/* Special effects */
div.rotatedtext {
  rotation: 90deg !important;
  rotation-point: 10px 10px;
  -webkit-transform: rotate(90deg); 
  -webkit-transform-origin: 8px 8px;
  -o-transform: rotate(90deg); 
  -o-transform-origin: 8px 8px;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 8px 8px;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), alpha(opacity = 60); 
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  opacity: 0.6;
  position: absolute;
  margin-top: 0px;
  margin-left: 10px;
  background-color: rgb(26,26,26);
  padding-left: 5px;
  padding-right: 5px;
  max-width: 300px;
  height: 18px;
  overflow: hidden;
}


/* Content tabs */

span.ioscontenttab {
  min-width: 300px; 
  padding: 6px;
  color: white;
  background-color: #6A3571;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font: bold 13px/1.4em Arial,Helvetica,sans-serif;  
}

span.ioscontenttabnotactive {
  background-color: #464D55;
}

/* forum */

.webdesign_bdi_forum_box th {
  color: white;
  background-color: #464D55;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font: bold 13px/1.4em Arial,Helvetica,sans-serif;
  min-height: 20px;
  miin-width: 35px;
  text-align: center !important;
}

.webdesign_bdi_forum_box td {
  padding: 10px 5px 5px !important;
}


/* Basket */


table.iosbasket {
  width: 100%;
}


textarea.basketitemcomment {
  width: 500px; 
  overflow: auto;
}

tr.basketlineheadingb {
}


tr.basketlinecommenta, tr.basketlinecommentb {
  border-top-width:20px;
  border-top-style:solid;
  border-top-color:white;
  border-bottom-width:20px;
  border-bottom-style:solid;
  border-bottom-color:white;
}


tr.basketlineheadingb {
}

div.iosbasketitemsave {
  text-align: right;
  margin-top: 4px;
  padding-bottom: 8px;
  border-bottom-width:1px;
  border-bottom-style:dashed;
  border-bottom-color:silver;

}

div.iosbasketitemsave input {
  font-size: 10px;
}

input.basketitemreorder {
  font-size: 8px;
}

/* Navigation */


div.iosnavlevel0, div.iosnavlevel1, div.iosnavlevel0selected, div.iosnavlevel1selected, div.iosnavlevel1opened, div.iosnavlevelselected {
     padding: 5px;
     padding-left: 5px;
}

div.iosnavlevel2, div.iosnavlevel2selected, div.iosnavlevel2opened {
     padding: 5px;
     padding-left: 15px;
}

div.iosnavlevel3, div.iosnavlevel3selected, div.iosnavlevel3opened {
     padding: 5px;
     padding-left: 25px;
}


div.iosnavlevel4, div.iosnavlevel4selected, div.iosnavlevel4opened {
     padding: 5px;
     padding-left: 35px;
}

div.iosnavlevel5, div.iosnavlevel5selected, div.iosnavlevel5opened {
     padding: 5px;
     padding-left: 45px;
}

div.iosnavlevel6, div.iosnavlevel6selected, div.iosnavlevel6opened {
     padding: 5px;
     padding-left: 55px;
}

div.iosnavlevel7, div.iosnavlevel7selected, div.iosnavlevel7opened {
     padding: 5px;
     padding-left: 65px;
}

div.iosnavlevel8, div.iosnavlevel8selected, div.iosnavlevel8opened {
     padding: 5px;
     padding-left: 75px;
}

div.iosnavlevel9, div.iosnavlevel9selected, div.iosnavlevel9opened {
     padding: 5px;
     padding-left: 85px;
}


span.active a {
    background: none !important;
}

span.iostagcloudlevel0 {
    font-weight: 100;
    font-size: 9px;
    padding-right: 5px;
  }

span.iostagcloudlevel1 {
    font-weight: 100;
    font-size: 10px;
    padding-right: 5px;
  }

span.iostagcloudlevel2 {
    font-weight: 200;
    font-size: 11px;
    padding-right: 5px;
  }

span.iostagcloudlevel3 {
    font-weight: 300;
    font-size: 12px;
    padding-right: 5px;
  }

span.iostagcloudlevel4 {
    font-weight: 400;
    font-size: 13px;
    padding-right: 5px;
  }


span.iostagcloudlevel5 {
    font-weight: 500;
    font-size: 14px;
    padding-right: 5px;
  }


span.iostagcloudlevel6 {
    font-weight: 600;
    font-size: 15px;
    padding-right: 5px;
  }


span.iostagcloudlevel7 {
    font-weight: 700;
    font-size: 16px;
    padding-right: 5px;
  }

span.iostagcloudlevel8 {
    font-weight: 800;
    font-size: 17px;
    padding-right: 5px;
  }


span.iostagcloudlevel9 {
    font-weight: 900;
    font-size: 18px;
    padding-right: 5px;
  }


span.iostagcloudlevel10 {
    font-weight: 900;
    font-size: 19px;
    padding-right: 5px;
  }


/* Search */

span.design_tabbarsearch {
  float: right;
  width: 200px;
  padding-top: 12px;
  padding-right: 10px;
  font-size: 10px;
}

span.design_tabbarsearch input {
  width: 120px;
  font-size: 10px;
}

span.design_tabbarsearch input.iossearchbutton {
  width: auto;
  font-size: 10px;
}

div.iosautocomplete {
  position:absolute;
  width:0px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  top: -5px;
  left: -5px;   
  z-index: 9999;
}

div.iosautocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
  overflow: hidden;
}
div.iosautocomplete ul li.selected { background-color: #EEE;}
div.iosautocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0 0 3px;
  padding:2px;
  height:32px;
  cursor:pointer;
  overflow: hidden; 
  color: #32353A;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 13px;
}

div.iosautocomplete ul li a {
text-decoration: none;
}


/* Drop down menus */

ul.iostopmenunav {  
    list-style: none;  
    padding: 0 0px;  
    margin: 0;  
    float: left; 
    width: 700px;  
    font-size: 11px;  
    position: absolute;
    z-index: 1000;    
    white-space: nowrap;
}  
ul.iostopmenunav li {  
    float: left;  
    margin: 0;  
    padding: 0;;  
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    font-size: 11px;
    font-weight: normal;
    border-right-style: solid;
    border-right-color: white;
    border-right-width: 1px;
}  
ul.iostopmenunav li a {  
    padding: 10px 5px;  
    color: #fff;  
    display: block;  
    text-decoration: none;  
    float: left;  
}  
ul.iostopmenunav li a:hover {  

}  
ul.iostopmenunav li span {
    float: left;  
    padding-top: 7px;
    margin-left: -10px;
    color: white;
    font-weight: bold;
}  
ul.iostopmenunav li span.subhover {
cursor: pointer;
color: black;

}
ul.iostopmenunav li ul.iossubmenunav {  
    list-style: none;  
    position: absolute; 
    left: 0; top: 28px;  
    background: #333;  
    opacity: 0.98;
    filter:alpha(opacity = 98);
    margin: 0; 
    padding: 0;  
    display: none;  
    float: left;  
    width: 250px;  
    border: 1px solid #111;  
}  
ul.iostopmenunav li ul.iossubmenunav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    border-right-width: 0px;
    clear: both;  
    width: 250px;  
}  
html ul.iostopmenunav li ul.iossubmenunav li a {  
    float: left;  
    width: 225px;  
    background-color: #333;
    opacity: 0.90;
    filter:alpha(opacity = 90);
    padding-left: 20px;  
}  
html ul.iostopmenunav li ul.iossubmenunav li a:hover { /*--Hover effect for iossubmenunav links--*/  
   background-color: black;
}

/* Search */


/* Taxonomy */
ul.iostaxonomybrowser {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}

li.iostaxonomylevel0, li.iostaxonomylevel1, li.iostaxonomylevel0selected, li.iostaxonomylevel1selected, li.iostaxonomylevel1opened {
     padding: 5px;
     padding-left: 5px;
     border-bottom: 1px solid #CFCFCF;
}

li.iostaxonomylevel2, li.iostaxonomylevel2selected, li.iostaxonomylevel2opened {
     padding: 5px;
     padding-left: 15px;
     border-bottom: 1px solid #CFCFCF;
}

li.iostaxonomylevel3, li.iostaxonomylevel3selected, li.iostaxonomylevel3opened {
     padding: 5px;
     padding-left: 25px;
     border-bottom: 1px solid #CFCFCF;
}


li.iostaxonomylevel4, li.iostaxonomylevel4selected, li.iostaxonomylevel4opened {
     padding: 5px;
     padding-left: 35px;
     border-bottom: 1px solid #CFCFCF;
}

li.iostaxonomylevel5, li.iostaxonomylevel5selected, li.iostaxonomylevel5opened {
     padding: 5px;
     padding-left: 45px;
     border-bottom: 1px solid #CFCFCF;
}

li.iostaxonomylevel6, li.iostaxonomylevel6selected, li.iostaxonomylevel6opened {
     padding: 5px;
     padding-left: 55px;
     border-bottom: 1px solid #CFCFCF;
}

li.iostaxonomylevel7, li.iostaxonomylevel7selected, li.iostaxonomylevel7opened {
     padding: 5px;
     padding-left: 65px;
     border-bottom: 1px solid #CFCFCF;
}

li.iostaxonomylevel8, li.iostaxonomylevel8selected, li.iostaxonomylevel8opened {
     padding: 5px;
     padding-left: 75px;
     border-bottom: 1px solid #CFCFCF;
}

li.iostaxonomylevel9, li.iostaxonomylevel9selected, li.iostaxonomylevel9opened {
     padding: 5px;
     padding-left: 85px;
     border-bottom: 1px solid #CFCFCF;
}


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

div.iostaxonomybrowserclear {
  margin-top:5px;
}
  
input.iostaxonomybrowserkeywordsearch {
  width: 90%;
}



/* CSS overrides */

.webdesign_bdi_subnav input[type=submit] {
  display: block;
  margin: 3px 0 20px 0;
  background-color: #2E3136;
  width: 90px;
  color: white;
  padding: 4px;
  box-shadow: 5px 5px 5px #ccc;
  border-radius: 5px;
  border-style: solid;
  border-color: silver;
  border-width: 1px;
}

.iossearchtext {
  width: 235px;
}


.design_formbox ##iosslideshowfullsize {
  width: 600px;
}

.iosadvancedsearchtable tbody tr td input.iossearchbutton {
  display: block;
  margin: 3px 0 20px 0 !important;
  background-color: #2E3136;
  width: 90px;
  color: white;
  padding: 4px !important;
  box-shadow: 5px 5px 5px #ccc;
  border-radius: 5px;
  border-style: solid;
  border-color: silver;
  border-width: 1px;
}

.iossearchresulttitle {
  display: none !important;
}

.webdesign_bdi_subnav .iossearchresult .iossearchresulttitle { 
   display: block !important; 
}

.iossearchresultscountbox {
  width: 500px;
  font: 13px Arial,Helvetica,Sans-serif;
  margin-left: 20px;
  margin-bottom: 20px;
}

.iossearchresultsinexact {
  width: 500px;
  font: 13px Arial,Helvetica,Sans-serif;
  margin-left: 20px;
  margin-bottom: 20px;
}

.iossearchresultnav {
  margin: 10px 0;
}

span.bdi_label_tall {
  float: left;
  width: 193px;
  height: 100px;
}

.ioscalendarlegend img {
  width: 15px !important;
  height: 15px !important;
}


#content {
    margin: 0 0 0 20px;
    width: 640px;
}

.iosbasketnavigate {
  clear: both;
}

/* Fix for when using IOSContent in a template and it brings all the containers with it meaning they double up inside each other */

.greyBox .greyBox  {
  width: 100%;
  margin: 0;
  padding: 0;
}

.clearBox { padding: 10px 10px 10px 20px; }

.google-maps-canvas { width: 600px; height: 300px; }

.profile-nav {
    float:left;
    clear:both;
}

/*********************************/
/* Subscription Pages & Controls */
/*********************************/

.subscription-container {
    background-color: #E5E5E5;
    clear: both;
    float: left;
    padding: 10px;
    margin-bottom: 15px;
}

.subscription-container span { text-align: center; width: 100%; }
.subscription-container p { font-weight: bold; }

.subscribe-button { margin: 0 0 20px; float: left; }

.subscribe-button a { 
    font: 16px/1.2em bold Arial, Helvetica, sans-serif;
    background-color: #4390CA;
    border-color: #4390CA;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
    padding: 4px 8px;
}

.subscribe-button a:hover {
    background-color: #4B90E5;
}

.basket-container { text-align: center; width: 100%; margin: 30px 0; }
.basket-container .iosbasket { margin-left: 20px; }

.basket-container .iosbasket a {
    font: 16px/1.2em bold Arial, Helvetica, sans-serif;
    background-color: #4390CA;
    border-color: #4390CA;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
    padding: 4px 8px;
}

.basket-container .iosbasket a:hover { background-color: #4B90E5; }

table.iosbasket input[type=text] { width: 30px !important; }
table.iosbasket a { pointer-events: none; cursor: default; }
table.iosbasket a.iosbasketitemremove { display: none; }
.iosupdatebasketbutton { display: none !important; }
.ioscheckoutbutton {
    font: 16px/1.2em bold Arial, Helvetica, sans-serif;
    background: none !important;
    background-color: #4390CA !important;
    border-color: #4390CA !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: white;
    cursor: pointer !important;
    padding: 4px 8px !important;
    width: 180px !important;
}

.webdesign_bdi_right span a.link img {
    border-color: #DEDEDE;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 5px;
}

.whitebox{
    background-color: #FFFFFF;
    border-color: #CFCFCF;
    border-style: solid;
    border-width: 1px;
    box-shadow: 5px 5px 5px #CCCCCC;
    margin-top: 6px;
    padding: 10px 10px 20px 20px;
}

/***********************************/
/********** News abstract **********/
/***********************************/
div.news_abstract_image2 {
  border-color: #DEDEDE;
  border-radius: 3px;
  border-style: solid;
  border-width: 5px;
  float: right;
}

/*********** Edit Profile ***********/
.edit-profile {
  margin: 10px 0 0;
}

.edit-profile-note {
  margin: 10px 0;
}

/***********************************/
/********** Events abstract **********/
/***********************************/
.diary_entry_abstract_date { float: right; font-size: 15px; }
.diary_entry_abstract_end_date { float: right; font-size: 15px; margin-left: 0.2em; }