/* Reset v1.0 | 20080212 */ 
html, body, div, span, applet, object, iframe, h1, 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, caption {
	margin:0; 
	padding:0; 
	border:0; 
	vertical-align:baseline; 
	background:transparent; 
} 

table, tbody, tfoot, thead, tr, th, td {
	margin:0; 
	padding:0; 
	border:0; 
	background:transparent; 
} 

body { line-height:1.2; } 
ol, ul { list-style:none; } 
blockquote, q { quotes:none; } 
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } 

/* remember to define focus styles! */
:focus { outline:0; } 

/* remember to highlight inserts somehow! */ 
ins { text-decoration:none; } 
del { text-decoration:line-through; } 

/* tables still need 'cellspacing="0"' in the markup */ 
table { border-collapse:separate; border-spacing:2px; }

/* end of Reset v1.0 | 20080212 */

/* -------------------------- General Styles -------------------------- */

html { height:100%; }

a { 
    text-decoration:none;
    word-break: normal;
}

a:link { color:#000099; }

a:visited { color:#000099; }

a:hover { color:#ffffff; }

body {
    min-height:100%;
	background-color:#d5d5d5;
	color:#000000;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}

h1 { font-size:3em; }

h2 {
	font-size:1.5em;
	color:#112233;
	margin:5px auto;
	padding:5px;
    text-shadow:0 1px 1px rgba(0, 0, 0, .3);
} /* used in index campaigns */

h3 {
	font-size:1.2em;
	color:#000099;
	font-style:italic;
	margin-bottom:5px;
} /* used in index discs personnel campaigns */

.text-center h3 {
	font-size:1.0em;
	color:#000099;
	font-style:italic;
	margin-bottom:5px;
} /* used in index discs personnel campaigns */

h4 {
	font-size:1.0em;
	color:#666666;
} /* used in discs campaigns */

h4.solid {
	border-style:solid;
	border-width:1px;
	border-color:#333333;
}

h5 {
	font-size:0.9em;
	color:#FF0000;
}

h5.solid {
	border-style:solid;
	border-width:1px;
	border-color:#FF0000;
}

h6 { 
    font-size:1.0em; 
    color:#000099;
	font-style:italic;
	margin-bottom:5px;
}

iframe {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin-bottom:10px;
} /* used in index albums*/

img { border-width:0; }

p { padding:4px; }

.mobile_only { display:none; } /* MEDIA ADJUSTED */

.not_mobile { display:inline-block; } /* used in mission */ /* MEDIA ADJUSTED */

.whitetext {
	color:#FFFFFF;
	padding:4px;
}  /* used in discs personnel */ /* possibly no longer used */

.lbluetext {
	color:#99b3ff;
}  /* used in discs */

.bgLight { background-image:url(https://www.boscombebandsa.org.uk/graphics/metal.gif) } /* used in header index contact about */

.bgMed { background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif) } /* used in nav campaigns */

.bgDark { 
    background-image:url(https://www.boscombebandsa.org.uk/graphics/metal3.gif);
    color:#FFFFFF;
} /* used in links gallery contact about repertoire */

.bgDark a { color:#aaccff; }

.inline-top {
	display:inline-block;
	text-align:center;
	vertical-align:top;
} /* used in discs */

.inline-center {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
} /* used in index personnel mission history gallery contact about discs */

.inline-right {
	display:inline-block;
	text-align:right;
	vertical-align:middle;
} /* used in personnel */

.inline-left {
	display:inline-block;
	text-align:left;
	vertical-align:middle;
} /* used in personnel campaigns */

.text-center {
	text-align:center;
	vertical-align:middle;
} /* used in discs links albums news campaigns */

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

.text-left {
	text-align:left;
	vertical-align:middle;
} /* used in gallery about */

.insetborder {
    border-style:solid;
    border-width:3px;
    border-top-color:#808080;
    border-left-color:#808080;
    border-right-color:#DCDCDC;
    border-bottom-color:#DCDCDC;
} /* used in nav */

.insetborderR {
    border-style:solid;
    border-width:3px;
    border-top-color:#808080;
    border-left-color:#808080;
    border-right-color:#DCDCDC;
    border-bottom-color:#DCDCDC;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
} /* used in personnel index calendar contact about campaigns copied-to-jAlbum*/

.insetborderRDark {
    border-style:solid;
    border-width:3px;
    border-top-color:#535353;
    border-left-color:#535353;
    border-right-color:#D3D3D3;
    border-bottom-color:#D3D3D3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
} /* used in links gallery personnel */

.outsetborder {
    border-style:solid;
    border-width:3px;
    border-top-color:#DCDCDC;
    border-left-color:#DCDCDC;
    border-right-color:#808080;
    border-bottom-color:#808080;
} /* used in campaigns */

.outsetborderR {
    border-style:solid;
    border-width:5px;
    border-top-color:#DCDCDC;
    border-left-color:#DCDCDC;
    border-right-color:#808080;
    border-bottom-color:#808080;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	vertical-align:middle;
} /* used in copied-to-jAlbum*/

.centered {
    display:block;
    margin:0 auto;
} /* used in links gallery contact about personnel campaigns */

.width100 { width:100%; } /* used in index personnel discs mission links gallery campaigns */

.width98 { width:98%; } /* used in links repertoire */

.width95 { width:95%; } /* used in videos */

.width90 { width:90%; } /* used in index links contact about discs*/

.width85 { width:85%; } /* used in campaigns discs*/

.width75 { width:75%; } /* used in discs */  /* MEDIA ADJUSTED */

.width70 { width:70%; } /* used in discs */  /* MEDIA ADJUSTED */

.width65 { width:65%; } /* used in gallery */

.width65a { width:65%; } /* used in discs */ /* MEDIA ADJUSTED */

.width60 { width:60%; } /* used in discs */ /* MEDIA ADJUSTED */

.width58 { width:58%; } /* used in links */ /* MEDIA ADJUSTED */

.width50 { width:50%; } /* used in gallery */ /* MEDIA ADJUSTED */

.width49 { width:49%; }  /* used in personnel campaigns */ /* MEDIA ADJUSTED */

.width46 { width:46%; }  /* used in personnel */

.width42 { width:42%; } /* used in repertoire */

.width40 { width:40%; } /* used in links personnel */ /* MEDIA ADJUSTED */

.width38 { width:38%; }

.width35 { width:35%; }

.width32 { width:32%; }  /* used in personnel */ /* MEDIA ADJUSTED */

.width32fix { width:32%; }  /* used in discs */

.width30 { width:30%; } /* used in repertoire */

.width28 { width:28%; } /* used in repertoire */

.width25 { width:25%; }

.width23 { width:23%; } /* used in links */ /* MEDIA ADJUSTED */

.width21 { width:21%; } /* used in discs */ /* MEDIA ADJUSTED */

.width15 { width:15%; } /* used in discs */ /* MEDIA ADJUSTED */

.width12 { width:12%; } /* used in discs */

.max-width12 { max-width:100%; }

.max-width32 { max-width:100%; }

.maxwidth97 { max-width:97%; }

.maxwidth { max-width:100%; }  /* used in index contact about personnel */

.marginbot5 { margin-bottom:5px; }  /* used in personnel */

.marginbot10 { margin-bottom:10px; }  /* used in discs history gallery personnel */

.margintop30 { margin-top:30px; }  /* used in discs */

.margintop10 { margin-top:10px; }  /* used in news */

.margintop5 { margin-top:5px; }  /* used in personnel */

.marginleft5 { margin-left:2%; }  /* used in gallery */

.marginleft10 { margin-left:10px; }  /* used in personnel */

.marginsmall { margin:4px; }  /* used in personnel campaigns */

.marginsmalla { margin:4px auto; }  /* used in personnel */

.marginmed { margin:10px auto; }  /* used in campaigns */

.smallpic { max-height:265px; }  /* used in personnel */

.padding10 { padding:10px; }

.floatR { float:right; }  /* used in personnel */

.floatL { float:left; }  /* used in personnel */

.floatC {
    text-align:center;
    vertical-align:middle;
}

.clearboth { clear:both; } /* used in nav discs*/

.clearbothborder { 
    width:100%;
    clear:both;
    border-top: 2px solid #DCDCDC;
} /* used in b2Evo styles*/

.clearleft { clear:left; }

.clearright { clear:right; }

/* -------------------------- used in header -------------------------- */

.bannerbox {
	height:110px;
	margin-top:0;
	vertical-align:middle;
}  /* also used in index */

.bannerleft {
	float:left;
	width:30%;
	text-align:center;
	margin:0;
    margin-left:1%;
} /* MEDIA ADJUSTED */

.bannerleft img {
    position:relative;
    top:10px;
    max-width:100%;
    max-height:100px;
    height:auto;
    text-align:left;
} /* MEDIA ADJUSTED */

.bannercenter {
	float:left;
	width:58%;
	text-align:center;
	margin:0;
} /* MEDIA ADJUSTED */

.bannercenter img {
    position:relative;
    top:30px;
    max-width:80%;
    height:auto;
} /* MEDIA ADJUSTED */

.bannerright {
	float:right;
	width:10%;
	text-align:right;
	margin:0;
    margin-right:1%;
} /* MEDIA ADJUSTED */

.bannerright img {
    position:relative;
    top:5px;
    max-width:100%;
    height:auto;
}

.maintable {
    position:relative;
    margin:5px auto;
    border-style:solid;
    border-width:3px;
    border-top-color:#f5f5f5;
    border-left-color:#f5f5f5;
    border-right-color:#777777;
    border-bottom-color:#777777;
    border-radius:16px;
	width:98%;
}  /* also used in index contact about */

/* -------------------------- used in nav -------------------------- */

.navbox {
	position:relative;
	height:36px;
}

.navigate {
	display:block;
	text-align:center;
	margin:0 auto;
	margin-top:5px;
	z-index:1;
} /* MEDIA ADJUSTED */

.navigate img { max-width:9%; }

.navigate ul { margin:0; }

.navigate li {
	list-style-type:none;
	display:inline
}

.close {
    display:block;
    color:white;
    text-align:right;
    width:100%;
    font-size:20px;
    font-weight:bold;
}

.close:hover,
.close:focus {
    color:#000;
    text-decoration:none;
    cursor:pointer;
}

/* The Modal (background) */
.modal {
  display:none; /* Hidden by default */
  position:absolute; /* Stay in place */
  z-index:30; /* Sit on top */
  left:0;
  top:0;
  width:100%; /* Full width */
  height:100%; /* Full height */
  overflow:auto; /* Enable scroll if needed */
  background:transparent;
  /* background-color:rgb(0,0,0); /* Fallback color */
  /* background-color:rgba(0,0,0,0.4); /* Black w/ opacity */
  -webkit-animation-name:fadeIn; /* Fade in the background */
  -webkit-animation-duration:0.4s;
  -moz-animation-name:fadeIn; /* Fade in the background */
  -moz-animation-duration:0.4s;
  animation-name:fadeIn;
  animation-duration:0.4s
}

/* Modal Content */
.modal-content {
    position:absolute;
    top:152px;
    -webkit-animation-duration:0.4s;
    -moz-animation-duration:0.4s;
    animation-duration:0.4s
}

.modal-size1 {
    left:0;
    width:112px;
    -webkit-animation-name:slideInLeft;
    -moz-animation-name:slideInLeft;
    animation-name:slideInLeft;
}

.modal-size2 {
    right:0;
    width:44px;
    -webkit-animation-name:slideInRight;
    -moz-animation-name:slideInRight;
    animation-name:slideInRight;
}

.modal-header {
    padding:2px 8px;
    color:white;
}

.modal-body {
    padding:2px 4px;
    text-align:center;
}

.modal-body a { margin:4px 0; }

#shareBtn {
	position:absolute;
	z-index:2;
	text-align:right;
	right:10px;
	top:7px;
	background:transparent;
}

#menuBtn {
    display:none;
	position:absolute;
	z-index:2;
	text-align:left;
	left:10px;
	top:7px;
	background:transparent;
} /* MEDIA ADJUSTED */

/* Add Animation */
@-moz-keyframes slideInRight {
  from {right:-300px; opacity:0} 
  to {right:0; opacity:1}
}

@-webkit-keyframes slideInRight {
  from {right:-300px; opacity:0} 
  to {right:0; opacity:1}
}

@keyframes slideInRight {
  from {right:-300px; opacity:0}
  to {right:0; opacity:1}
}

@-moz-keyframes slideInLeft {
  from {left:-300px; opacity:0} 
  to {left:0; opacity:1}
}

@-webkit-keyframes slideInLeft {
  from {left:-300px; opacity:0} 
  to {left:0; opacity:1}
}

@keyframes slideInLeft {
  from {left:-300px; opacity:0}
  to {left:0; opacity:1}
}

@-webkit-keyframes fadeIn {
  from {opacity:0} 
  to {opacity:1}
}

@-moz-keyframes fadeIn {
  from {opacity:0} 
  to {opacity:1}
}

@keyframes fadeIn {
  from {opacity:0} 
  to {opacity:1}
}

@font-face {
    font-family:lazaicon;
    src:url(fonts/lazaicon.ttf?80owbu) format('truetype'),url(fonts/lazaicon.woff?80owbu) format('woff'),url(fonts/lazaicon.svg?80owbu#lazaicon) format('svg');
    font-weight:400;
    font-style:normal
}
    
[class*=" icon-"]:before,[class^=icon-]:before {
    font-family:lazaicon!important;speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
    
.iconfont {
    font-family:lazaicon;speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.icon-connect-nav:before { content:"\e6ad"; font-size:1.6em; color:#112233; }
.icon-menu-bars:before { content:"\e65c"; font-size:1.6em; color:#112233; }

.navButton {
    color:#112233;
    background:transparent;
    border:none;
    border-radius:8px;
}

.navButton:hover {
    color:#000000;
    cursor:pointer;
}

.navButton:before { line-height:1.0; }
    
/* -------------------------- used in mission -------------------------- */

.mission { max-width:97%; }

/* -------------------------- used in index -------------------------- */

.bannerlefthome {
    display:block;
	width:18%;
	float:left;
	text-align:center;
} /* MEDIA ADJUSTED */

.bannerlefthome img {
    position:relative;
    top:5px;
    max-width:100%;
    max-height:100px;
    height:auto;
}

.bannercenterhome {
	float:left;
	width:60%;
	text-align:center;
} /* MEDIA ADJUSTED */

.bannercenterhome img {
    max-width:100%;
    max-height:100px;
    height:auto;
} /* MEDIA ADJUSTED */

.bannerrighthome {
    position:relative;
    top:5px;
	width:18%;
	float:right;
	text-align:center;
} /* MEDIA ADJUSTED */

.bannerrighthome img {
    max-width:100%;
    max-height:100px;
    height:auto;
}

.homepageleft {
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:70%;
} /* MEDIA ADJUSTED */

.homepagelefthalf {
	float:left;
	text-align:center;
	margin-top:20px;
	width:50%;
} /* also used in links */ /* MEDIA ADJUSTED */
	
.homepageright {
	float:right;
	margin-right:5px;
    width:25%;
} /* MEDIA ADJUSTED */

.lcsbar { border:none; }

.subhead {
    margin:20px 30px 0 70px;
	text-align:center;
} /* also used in discs */

/* -------------------------- used in discs -------------------------- */

.current-rec {
	display:inline-block;
    width:100%;
	text-align:center;
}

.discs ul {
	margin:5px 0 10px 0;
}

.discs li {
	list-style-type:none;
    margin-right:5px;
    margin-bottom:5px;
	display:inline-block;
}

.other-rec {
    float:right;
    width:70%;
	text-align:center;
} /* MEDIA ADJUSTED */

.other-rec1 {
    float:right;
    width:20%;
	text-align:center;
} /* MEDIA ADJUSTED */

.video-rec {
    float:right;
    width:50%;
	text-align:center;
} /* MEDIA ADJUSTED */

.other-recs {
    padding:20px;
	text-align:center;
    clear:right;
} /* MEDIA ADJUSTED */

.widthJP {
    width:25%;
    margin:0 0 10px 10px;
} /* MEDIA ADJUSTED */

.widthRecDetails { 
    float:right;
    width:55%;
    margin:10px 15px 10px 15px;
} /* also used in personnel */ /* MEDIA ADJUSTED */

.vidDetails { 
    float:right;
    width:40%;
    margin:10px 15px 10px 15px;
} /* MEDIA ADJUSTED */

.vidWideDetails { 
    float:right;
    width:25%;
    margin:10px 15px 10px 15px;
} /* MEDIA ADJUSTED */

.floatJPleft { float:left; } /* MEDIA ADJUSTED */

.titlebox {
    margin:10px auto; 
}  /* MEDIA ADJUSTED */

.titleboxleft {
	float:left;
	width:20%;
	margin:10px auto;
	margin-left:20px;
} /* MEDIA ADJUSTED */

.titleboxleftbig {
	float:left;
	width:90%;
	margin:10px auto;
	margin-left:20px;
}

.orderbox { 
    display:block;
} /* MEDIA ADJUSTED */

.titleboxright {
	float:right;
	margin:10px auto;
    text-align:center;
    width:30%;
} /* MEDIA ADJUSTED */

.trolley {
    display:none;
} /* MEDIA ADJUSTED */

.recording-list-main { 	
    float:left;
	font-size:1.2em;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.6;
	color:#fff;
	width:23%;
	padding:10px
} /* MEDIA ADJUSTED */

.recording-list-main .jp-volume-controls {
    height:22px
}

.recording-list-main .jp-interface .jp-volume-bar {
    top:7px;
    left:43px
}

.recording-list { 	
    float:right;
	font-size:1.2em;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.2;
	color:#fff;
	padding:10px
} /* MEDIA ADJUSTED */

.recording-list .jp-volume-controls {
    height:22px
}

.recording-list .jp-interface .jp-volume-bar {
    top:7px;
    left:46px
}

.video-list { 	
    float:left;
	font-size:1.2em;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.2;
	color:#fff;
	padding:10px
} /* MEDIA ADJUSTED */

.video-list .jp-volume-controls {
    height:22px
}

.video-list .jp-interface .jp-volume-bar {
    top:7px;
    left:46px
}

.recording-list-double { 	
    display:inline-block;
	font-size:1.2em;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.6;
	color:#fff;
	width:33%;
	padding:10px;
    vertical-align:top;
} /* MEDIA ADJUSTED */

.jp-jplayer {
    background:transparent;
    margin-left:10px;
}

.jp-jplayer,.jp-jplayer audio {
    width:0px!important;
    height:0px!important;
    float:left;
}

.jp-jplayerv {
    background:transparent;
    margin:10px 15px 10px 15px;
    width:50%!important;
    height:100%!important;
    float:right;
}

.jp-jplayerv audio {
    width:0px!important;
    height:0px!important;
    float:left;
}

.jp-jplayerv video {
    width:100%!important;
    height:100%!important;
    float:left;
}

#jp_poster_0 {
    position:relative;
    width:100px!important;
    height:100px!important;
    left:25px;
    top:10px;
    border-style: solid;
    border-width: 5px;
    border-top-color: #D3D3D3;
    border-left-color: #D3D3D3;
    border-right-color: #858585;
    border-bottom-color: #858585;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
} /* MEDIA ADJUSTED */

.jp-type-playlist .jp-controls button {
    width:49px
}

.jp-type-playlist .jp-play {
    background:url(https://www.boscombebandsa.org.uk/images/play.jpg) -23px 0 no-repeat
}

.jp-type-playlist .jp-play:hover {
    background:url(https://www.boscombebandsa.org.uk/images/playf.jpg) -23px 0 no-repeat
}

.jp-state-playing div.jp-type-playlist .jp-play {
    background:url(https://www.boscombebandsa.org.uk/images/pause.jpg) -23px 0 no-repeat
}

.jp-state-playing div.jp-type-playlist .jp-play:hover {
    background:url(https://www.boscombebandsa.org.uk/images/pausef.jpg) -23px 0 no-repeat
}

.jp-type-playlist .jp-stop {
    background:url(https://www.boscombebandsa.org.uk/images/stop.jpg) -23px 0 no-repeat
}

.jp-type-playlist .jp-stop:hover {
    background:url(https://www.boscombebandsa.org.uk/images/stopf.jpg) -23px 0 no-repeat
}

.jp-type-playlist .jp-previous {
    background:url(https://www.boscombebandsa.org.uk/images/prev.jpg) no-repeat
}

.jp-type-playlist .jp-previous:hover {
    background:url(https://www.boscombebandsa.org.uk/images/prevf.jpg) no-repeat
}

.jp-type-playlist .jp-next {
    background:url(https://www.boscombebandsa.org.uk/images/next.jpg) -46px 0 no-repeat;
    margin-right:0;
}

.jp-type-playlist .jp-next:hover {
    background:url(https://www.boscombebandsa.org.uk/images/nextf.jpg) -46px 0 no-repeat;
    margin-right:0;
}

.jp-details{
    margin-left:120px;
    min-height:116px;
    display:block!important;
}

.jp-detailsv{
}

.jp-title {
    display:block;
    float:right;
    padding:5px;
    overflow:hidden;
    text-align:center;
    cursor:default
}

.jp-titlev {
    display:none;
    float:right;
    padding:5px;
    overflow:hidden;
    text-align:center;
    cursor:default
}

.jp-interface {
    position:relative;
    width:242px;
    margin:10px auto;
    background-color:#3e3e3e;
    border-style: inset;
    border-width: medium;
    border-top-color: #535353;
    border-left-color: #535353;
    border-right-color: #D3D3D3;
    border-bottom-color: #D3D3D3;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
} /* MEDIA ADJUSTED */

.jp-seek-bar {
    background-color:#8c8c8c;
    width:0;
    height:9px;
    overflow:hidden;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor:pointer
}

.jp-play-bar {
    background:url(../images/playbar.jpg) 0px 0px repeat-x;
    width:0;
    height:9px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow:hidden;
}

div.jp-seeking-bg { background:url(../images/blue.seeking.gif) }

.jp-volume-bar {
    background-color:#8c8c8c;
    position:absolute;
    width:150px;
    height:4px;
    padding:2px 2px 1px;
    overflow:hidden;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor:pointer
}

.jp-volume-bar-value {
    background-color:#1a53ff;
    height:4px
}

.recording-list .jp-controls-holder { height:76px }

.video-list .jp-controls-holder { height:76px }

.recording-list-main .jp-controls-holder { height:76px }

.jp-controls{
    padding:0;
    overflow:hidden;
    width:208px;
    height:40px;
    margin-left:18px;
}

.recording-list .jp-controls { }
.video-list .jp-controls { }
.recording-list-main .jp-controls { }

.jp-controls button{
    display:block;
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    height:40px;
    margin:0 2px 2px 1px;
    padding:0;
    border:none;
    cursor:pointer
}

.jp-progress{
    width:201px;
    height:9px;
    padding:0px 2px 2px 2px;
    margin-left:19px;
    margin-top:1px;
    margin-bottom:0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow:hidden
}

.jp-current-time,.jp-duration{
    width:70px;
    padding: 4px 0 0 0;
    font-size:.6em;
    color:#ffffff
}

.jp-current-time{
    float:left;
    cursor:default;
    margin-left:17px;
}

.jp-duration{
    float:right;
    text-align:right;
    margin-right:17px;
    cursor:pointer
}

div.jp-playlist {
    clear:both;
}

.jp-playlist ul {
    list-style-type:none;
    font-size:0.8em;
    margin-top:0;
    padding:0
}

.jp-playlist li {
    position:relative;
    padding: 4px;
    margin-top:0;
    margin-bottom:4px;
    background-image: url(https://www.boscombebandsa.org.uk/graphics/metal3.gif);
    border-style: solid;
    border-width: 3px;
    border-top-color: #D3D3D3;
    border-left-color: #D3D3D3;
    border-right-color: #535353;
    border-bottom-color: #535353;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
    overflow:hidden
}

div.jp-playlist li:first-child { }

div.jp-playlist li:last-child { }

div.jp-playlist a {
    color:#fff;
    text-decoration:none
}

div.jp-playlist a:hover {
    color:#99b3ff
}

div.jp-playlist li.jp-playlist-current {
    background-image: url(https://www.boscombebandsa.org.uk/graphics/metal.gif);
    border-style: solid;
    border-width: 3px;
    border-top-color:#808080;
    border-left-color:#808080;
    border-right-color:#DCDCDC;
    border-bottom-color:#DCDCDC;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

div.jp-playlist li.jp-playlist-current a {
    color:#1a53ff
}

div.jp-playlist a.jp-playlist-item-remove {
    float:right;
    display:inline;
    text-align:right;
    margin-left:10px;
    font-weight:700;
    color:#8C7A99
}

div.jp-playlist a.jp-playlist-item-remove:hover {
    color:#E892E9
}

div.jp-playlist span.jp-free-media {
    float:right;
    display:inline;
    text-align:right;
    color:#8C7A99
}

div.jp-playlist span.jp-free-media a {
    color:#8C7A99
}

div.jp-playlist span.jp-free-media a:hover {
    color:#E892E9
}

.jp-no-solution {
    padding:5px;
    font-size:.8em;
    background-color:#3a2a45;
    border-top:2px solid #554461;
    border-left:2px solid #554461;
    border-right:2px solid #180a1f;
    border-bottom:2px solid #180a1f;
    color:#FFF;
    display:none
}

.jp-no-solution a { color:#FFF }

.jp-no-solution span {
    font-size:1em;
    display:block;
    text-align:center;
    font-weight:700
}

.coverart {
    float:left;
    width:25%;
    margin:20px;
    text-align:center;
} /* MEDIA ADJUSTED */

.coverartwide {
    float:left;
    width:35%;
    text-align:center;
    margin:10px;
} /* also used in personnel */ /* MEDIA ADJUSTED */

.brochure {
    width:90%;
    height:600px;
} /* MEDIA ADJUSTED */

.pdfview {
    width:90%;
    height:600px;
} /* MEDIA ADJUSTED */

.embed-container {
    position: relative;
    padding-bottom:56.25%;
    height:0; 
    overflow: hidden;
    max-width: 100%; 
} /* used for yumpu */

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} /* used for yumpu */

#vid-playlist {
    display:table;
    width:100%;
    text-align:left;
}

#vid-playlist li{
    cursor:pointer;
    padding:8px;
    color:#ffffff;
}

#vid-playlist li:hover{
    color:#99b3ff;                        
}

li.jp-vidplaylist-current {
    background-image: url(https://www.boscombebandsa.org.uk/graphics/metal.gif);
    color:#1a53ff!important
}

li.jp-vidplaylist-current:hover {
    color:#ffffff!important
}


/* -------------------------- used in personnel -------------------------- */

.personpic { } /* MEDIA ADJUSTED */

.person-box{
	width:11.6%;
	margin-top:4px;
}

.empty-box{ width:5.6%; } /* MEDIA ADJUSTED */

.peoplebutton {
    background-color:#999999;
    color:white;
    padding:4px;
    text-decoration:none;
    margin:4px 2px;
    cursor:pointer;
} /* also used in orderform */

.peoplebutton:hover { 
    background-color:#6699DD;
    border-color:#336699;
} /* also used in orderform */

.bio-details { margin-bottom:10px; } /* MEDIA ADJUSTED */

.slideshow {
    float:left;
    width:35%;
    text-align:center;
    margin:10px;
} /* MEDIA ADJUSTED */

#stage img { 
    position:relative;
    max-width:100%;
}

#stage img:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 5s;
    animation-duration: 2s;
    z-index: 20;
}

#stage img:nth-of-type(2) { 
    z-index: 10;
    top:-260px;
}

#stage img:nth-of-type(n+3) { display: none; }

@-webkit-keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
}

@-moz-keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
}

@keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
}

/* -------------------------- used in calendar -------------------------- */

.insetmob {
	display:none;
} /* MEDIA ADJUSTED */

.insetcal {
	display:block;
} /* MEDIA ADJUSTED */

.centeredcalendar{
    display:block;
    margin:20px auto 10px auto;
    width:97%;
}

/* -------------------------- used in links -------------------------- */

.round-inset-space{
    display:inline-block;
    line-height:1.3;
	padding:10px
}

.linktext a:link { color:#aaccff; }
.entrycontent a:link { color:#aaccff; }

.linktext a:visited { color:#aaccff; }
.entrycontent a:visited { color:#aaccff; }

.linktext {
	color:#FFFFFF;
	padding:8px;
} /* also used in gallery contact about */

.bluelinks a { color:#aaccff; }

.marginlinks { }  /* MEDIA ADJUSTED */

/* -------------------------- used in history -------------------------- */

.bm-box{
	width:16.5%;
	margin-top:4px;
}

.bm-box img {
  max-width:100%;
  height:auto;
}

.bm-box2{
	width:31%;
	margin-top:4px;
}

.bm-box2 img {
  max-width:100%;
  height:auto;
}

.wikiheader {
	width: 50%;
	text-align: left;
	font-size: 1.2em;
	vertical-align: middle;
	float:left;
    clear:left;
}

.wikiheader::before {
    clear:left;
}

.wikiheader::after {
    clear:left;
}

.wikilinks {
	width: 33%;
	text-align: center;
	vertical-align: middle;
	float:left;
} /* MEDIA ADJUSTED */

.wikilinks p {
}

.wikilinks a:link {
	vertical-align: middle;
}

.wikilinks a:visited {
	vertical-align: middle;
}

.wikidiscs {
	width: 15%;
	text-align: center;
	vertical-align: middle;
	float:left;
} /* MEDIA ADJUSTED */

.entry-content { 
	position: relative;
	background-image: url(https://www.boscombebandsa.org.uk/graphics/metal3.gif); 
	border-style: inset;
	border-width: medium;
	border-color: #E5E5E5;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-align: left;
	font-size: 1.1em;
}

.entry-content p {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px;
}

.wikiheader p {
	color:#FFFFcc;
}

.entry-content a:link {
	color: #aaccff;
}

.entry-content a:visited {
	color: #aaccff;
}

.historythumb {
	float:left;
	width:25%;
    margin:0 15px 10px 10px;
}

.historythumb img{
    max-width:90%;
    height:auto;
    width:auto;
}

.historycaption {
	color:#FFFF66;
	font-weight:bold;
	font-style:normal;
	font-size:1.2em;
	margin-top:14px;
}

.historycaption p{
	margin-top:14px;
}

.historyleftpic {
	float:left;
	clear:left;
	max-width:47%;
    margin:10px auto;
} /* MEDIA ADJUSTED */

.historyrightpic {
	float:right;
	max-width:47%;
    margin:10px auto;
} /* MEDIA ADJUSTED */

.historyfullpic {
	max-width:95%;
    margin:10px auto;
	text-align:center;
}

.historytitle {
	font-weight:bold;
}

.historytitle2 {
	color:#FFFFFF;
}

.historyauthor p {
	font-style:italic;
	text-align:right;
}

.historyquote  {
	color:#FFFF99;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	padding-left:10px;
	padding-bottom:6px;
}

.historyquote b {
	color:#FFFFFF;
}

.historyquote p {
	color:#FFFF99 !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
}

.historyinlinequote {
	color:#FFFF99 !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
}

/* -------------------------- used in news -------------------------- */

.news { 
    padding:6px;
}

.news div {
    vertical-align:middle;
}

.datecolour { color:#112233; } /* also used in repertoire */

.bSideItem h3 { color:#112233; } /* also used in repertoire */

.bSideItem ul { margin: 8px; } /* also used in repertoire */

.bSideItem li {
	font-size: 1.0em;
	font-weight:bold;
} /* also used in repertoire */

/* -------------------------- used in repertoire -------------------------- */

.repertoire { 
    color:#ffffff;
}

.repertoire div {
    vertical-align:middle;
}

.rep-head {
	display:inline-block;
	width:100%;
    color:#000099;
	font-weight:bold;
}

.rep-left {
	display:inline-block;
	text-align:left;
	width:28%;
}

.rep-center {
	display:inline-block;
	text-align:left;
	margin-bottom:2px;
	width:42%;
	font-weight:bold;
} /* also used in videos */

.rep-centerwide {
	display:inline-block;
	text-align:left;
	margin-bottom:2px;
	width:58%;
	font-weight:bold;
} /* also used in videos */

.rep-right {
	display:inline-block;
	text-align:right;
	width:30%;
	font-style:italic;
} /* also used in videos */

.rep-rightwide {
	display:inline-block;
	text-align:right;
	width:40%;
	font-style:italic;
} /* also used in videos */

nav {
  margin-top: 5px;
  font-weight:bold;
}

.prevnext { column-count: 2; }

.navlist { column-count: 1; }


/* -------------------------- used in gallery -------------------------- */

/* -------------------------- used in albums -------------------------- */

#ifrm { } /* also used elsewhere - but here only the name is required - so formatting could be removed  */

.ifrm-album { 
	width:98%;
	margin-top:5px;
}

/* -------------------------- used in contact about -------------------------- */

/* -------------------------- used in outreach -------------------------- */

.place-box {
	display:inline-block;
	width:15%;
	text-align:center;
	vertical-align:middle;
	margin:5px;
} /* MEDIA ADJUSTED */

.place-box-last {
	display:inline-block;
	width:15%;
	text-align:center;
	vertical-align:middle;
	margin:10px;
} /* MEDIA ADJUSTED */

div.jp-playlist li:last-child { margin-bottom:10; }

/* -------------------------- used in order form -------------------------- */

.checkboxes{
    width:45%;
    float:right;
} /* MEDIA ADJUSTED */

.inputfields{
    width:45%;
    float:left;
} /* MEDIA ADJUSTED */

.formfield{
	float:left;
	text-align:right;
	vertical-align:middle;
	margin-left:10px;
	margin-bottom:15px;
}

.forminput{
	float:right;
	vertical-align:middle;
	clear:both;
}

/* -------------------------- used in campaigns -------------------------- */

.mapbox { position:relative; }

.mapbox a:hover { color:#aaccff; }

.infowindow {
	margin:2px;
	padding:10px 20px;
}

.infowindow h2 {
    text-align:center;
    margin: 0 auto;
}

.infowindow h3 { 
    text-align:center;
	font-size:1.1em;
}

.infowindow h4 {
    text-align:center; 
    margin-bottom:4px;
}

.infowindow br { margin-bottom:4px; }

.gm-style-iw-c {
    background-color:#666666 !important;
    padding:0px !important;
    border-radius:8px !important;
    overflow:hidden !important;
	max-width:400px !important;
}  /* MEDIA ADJUSTED */

.gm-style-iw-d {overflow:hidden !important;} /* MEDIA ADJUSTED */

.gm-style-iw-t::after { background:linear-gradient(45deg,rgba(155,155,155,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%) !important; }

#campaigns{
	position:absolute;
	z-index:2;
	text-align:center;
	left:5px;
	top:5px;
	width:16%;
	background-Color:rgba(255,255,255,0.6);
	margin-left:42%;
	padding-bottom:10px;
} /* MEDIA ADJUSTED */

#map_canvas { height:450px; width:95%;  margin:10px; }

#map_canvasfull { height:600px; width:95%; } /* MEDIA ADJUSTED */

/* -------------------------- deprecated - but keep for old pages -------------------------- */

.bigtitle {
	font-size:2em;
	font-weight:bold;
}

.biotitle {
	font-weight:bold;
	font-style:italic;
	color:#000099;
} /* same as h3 */ /* MEDIA ADJUSTED */

.bio td { text-align:left; }

.bio-panel { 
    float:right;
	margin-right:4%;
	width:600px;
	padding:5px;
} /* MEDIA ADJUSTED */

.infotable {
	border-width:medium;
	border-style:outset;
	border-color:#FFFFFF;
 	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal.gif);
}

.pagetitle {
	color:#000099;
	font-size:1.5em;
    text-shadow:0 1px 1px rgba(0, 0, 0, .3);
    margin-top:10px;
    margin-bottom:10px;
} /* also used in personnel */ /* same as h2 */

table.prog {
	text-align:center;
}

.prog {
	color:#FFFFFF;
	text-align:left;
}

.progl {
	color:#FFFFFF;
	text-align:left;
}

.prog {
	font-weight:bold;
}

.progr {
	font-style:italic;
	color:#FFFFFF;
	text-align:right;
}

.proghead {
	text-align:center;
	font-weight:bold;
	color:#000099;
}

.proghead1 {
	text-align:left;
	font-weight:bold;
	color:#000099;
}

.datehead{
    margin:5px;
}

.centeredimage{
	border-style:inset;
	border-width:medium;
	border-color:#E5E5E5;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.centeredimage{
    display:block;
    margin:10px auto 10px auto;
}

.fleft{ float:left; } /* same as floatL */

.fright{ float:right; } /* same as floatR */

.tracklist ul{
	list-style-type:none;
	font-size:.7em;
	margin-top:0;
	text-align:left;
	padding:0
} /* now using jp-playlist */

.tracklist li{
	position:relative;
	padding:2px 5px 2px 5px;
	margin-top:0px;
	margin-bottom:4px;
/* 	background-color:#797979; */
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal3.gif);
	border-style:outset;
	border-width:medium;
	border-color:#999999;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	overflow:hidden
} /* now using jp-playlist */

/* -------------------------- not yet classified -------------------------- */

.album {
	margin:0;
	overflow:hidden;
}

.event_details_body { background-color:#E5E5E5; }

.normtext { font-size:1.2em; }  /* MEDIA ADJUSTED */

.plaintext {
	padding:4px;
	margin:0 auto;
	text-align:left;
}  /* MEDIA ADJUSTED */

.embedded {
 	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal.gif);
 	overflow:hidden;
}

.mapframe {
 	height:540px !important;
 	width:600px !important;
 	max-width:97% !important;
 	margin-top:10px;
}

.bodytext {
	position:absolute;
	top:100px;
}

.newlink {
	clear:both;
	position:absolute;
	float:right;
}

.semitransparent
{
	width:70%;
	height:474px;
	display:none;
}

.insetimage {
    background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif)
}

table {
	width:97%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.browsertable {
	width:100%;
}

table.inset {
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif);
	width:90%;
	border-spacing:2px;
	padding:0;
}

table.insetdisc {
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif);
	width:90%;
	border-spacing:1px;
	padding:0;
}

table.insetcenter {
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif);
	width:90%;
	border-spacing:2px;
	padding:0;
}

.person {
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif);
	width:60%;
	border-style:inset;
	border-width:medium;
	border-color:#E5E5E5;
	border-spacing:2px;
	padding:0;
}

.inset, .insetdisc{
	border-style:inset;
	border-width:medium;
	border-color:#E5E5E5;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.inset, .insetdisc td {
	text-align:left;
}

.insetcenter td {
	text-align:center;
}

.insetdisc td {
	color:#FFFF99;
}

.outset {
	border-style:outset;
	border-width:medium;
	border-color:#E5E5E5;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.whatsnewl {
	vertical-align:top;
	text-align:left;
}

.whatsnew {
	text-align:left;
	font-weight:bold;
}

.date {
	font-weight:bold;
	font-style:italic;
	text-align:right;
	padding:5px;
	border-top:2px groove #ffffff;
}

.redtitle {
	color:#FFFFFF;
	text-align:right;
	vertical-align:top;
}

.histm {
	width:710px;
	vertical-align:top;
	color:#000099;
	font-size:1.5em;
}

.histside {
	width:100px;
}

.spacer {
	font-weight:bold;
	font-style:italic;
	text-align:right;
	border-top:2px groove #ffffff;
}

.BrowserThumbImage { 	
	position:relative;
	BORDER-RIGHT:transparent 1px;
	PADDING:0;
	BORDER-TOP:transparent 1px;
	BACKGROUND-ATTACHMENT:scroll;
	BACKGROUND-IMAGE:none;
	MARGIN:auto;
	BORDER-LEFT:transparent 1px;
	COLOR:yellow;
	BORDER-BOTTOM:transparent 1px;
	BACKGROUND-REPEAT:repeat;
	BACKGROUND-COLOR:#808080;
	TEXT-ALIGN:center;
}

.BrowserThumbCell { 	
	BORDER-RIGHT:#a9a9a9 10px ridge;
	PADDING:4px;
	BORDER-TOP:#a9a9a9 10px ridge;
	BACKGROUND-ATTACHMENT:scroll;
	BACKGROUND-IMAGE:none;
	MARGIN:auto;
	BORDER-LEFT:#a9a9a9 10px ridge;
	BORDER-BOTTOM:#a9a9a9 10px ridge;
	BACKGROUND-REPEAT:repeat;
	BACKGROUND-COLOR:#c0c0c0;
	TEXT-ALIGN:center;
}

.navigate1 {
	position:relative;
	float:left;
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif);
	border-style:inset;
	border-width:medium;
	border-color:#E5E5E5;
	width:100%;
}

.footnote {
	font-size:0.8em;
}

.history {
	color:#FFFFFF;
	padding:4px;
}

.historyfb {
	color:#FFFFFF;
	padding:4px;
	font-weight:bold;
	font-size:1.2em;
}

.histimage { 
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif); 
	border-style:inset;
	border-width:medium;
	border-color:#E5E5E5;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:704px;
	height:420px;
	line-height:420px;
	text-align:center;
	vertical-align:middle;
	display:none; 
	margin:0 auto;
}

.halfwidth {
    max-width:50%;
}

.historylinkr {
	padding-top:0;
	position:absolute;
	top:392px;
	right:0;
}

.historylinkl {
	padding-top:0;
	position:absolute;
	top:392px;
	right:635px;
}

.historyquote2 {
	color:#FFFFFF;
	font-weight:normal;
	font-style:normal;
	margin-left:20px;
}

.historyref {
	padding-top:6px;
	color:#FFFF66;
	font-weight:normal;
	font-style:italic;
	font-size:0.9em;
	text-align:right;
}

.historytext {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:6px;
}

.histtext { 
	position:relative;
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif); 
	width:704px;
	height:420px;
	border-style:inset;
	border-width:medium;
	border-color:#E5E5E5;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:left;
	font-size:1.25em;
	display:none;
}

td {
	padding:2px;
}

input { 
	border-color:#efefef; 
	font-weight:bold; 
}

form { 
	color:black; 
	font-size:1.0em;
	font-weight:bold; 
}

/* Recording styles */ 

.titlepanel {
    width:50%;
    margin:10px auto 10px auto; 
    text-align:center;
} /* MEDIA ADJUSTED */

.round-inset-space{
    display:inline-block;
	border-style:inset;
	border-width:medium;
	border-color:#E5E5E5;
    line-height:1.3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal3.gif);
	padding:10px
}

.round-inset-space-foot {
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
    width:50%;
    margin:5px auto 5px auto; 
}

.round-inset{
	border-style:inset;
	border-width:medium;
	border-color:#E5E5E5;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background-image:url(https://www.boscombebandsa.org.uk/graphics/metal2.gif);
	padding:5px;
    margin:5px auto 5px auto; 
}

.round-outset{
	border-style:outset;
	border-width:medium;
	border-color:#999999;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.titles {
}

/*
.order-form{
    width:15%;
    float:right;
    padding:0 60px 0 10px;
    margin-bottom:10px;
}
*/

.page-heading{
    margin:10px 0 10px 0;
	text-align:center;}


/*
.contact-panel {
	margin:30px auto 0 auto;
	width:65%;
	text-align:center;
}
*/
 
/* Banner styles */ 

.full-title{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
    width:100%;
    margin-top:8px;
    margin-bottom:8px;
}

/* General styles */ 

.paddinggallery {
    padding-top:2%;
    padding-left:30%;
}

.smallmargin { margin:5px auto; }

.centergap{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	width:59.5%;
}

.menuborder { border-style:none; } /* MEDIA ADJUSTED */

/* for mobile version */

@media only screen and (max-width:768px) {
    
    .mobile_only{ display:inline-block; }

    .not_mobile{ display:none; }

    .width95mob { width:95%; }
    
    .width75 { width:100%; }
    
    .width70 { width:50%; }
    
    .width65a { width:95%; }

    .width60 { width:95%; }

    .width58 { width:100%; }

    .width50 { width:90%; }

    .width49 { width:98%; }

    .width40 { width:100%; }

    .width32 { width:38%; }

    .width23 { width:100%; }

    .width21 { width:85%; }

    .width15 { width:100%; }

    .bannerleft {
	    float:none;
        width:100%;
        height:70px;
	    margin:0;
    }
    
    .bannerleft img {
        max-height:100%;
        top:0;
    }
    
    .bannercenter {
	    float:none;
	    width:100%;
        height:40px;
        margin:0;
    }

    .bannercenter img { 
        max-width: 90%;
        top:0;
    }

    .bannerright { display:none; }
    
    .navigate { display:none; }

    #menuBtn { display:inline; }

    .bannerlefthome { display:none; }
    
    .bannercenterhome {
        float:none;
        width:100%;
        height:70px;
        margin:0;
    }
    
    .bannercenterhome img {
        max-width:90%;
        max-height:100%;
        top:0;
    }
    
    .bannerrighthome { display:none; }
    
    .homepageleft {
	    text-align:center;
        margin:0;
	    width:100%;
    }

    .homepagelefthalf { width:47%; }

    .homepageright {
        float:left;
        margin-top:10px;
	    width:100%;
	    text-align:center;
    }
    
    .other-rec { width:100%; }
    .other-rec1 { width:100%; }
    .video-rec { width:100%; }
	
    .other-recs { clear:both; }

    .widthJP { 
        float:none;
	    margin:0px auto;
        width:90%;
    }

    .widthRecDetails {
        float:none;
	    width:90%;
	    margin:10px auto;
    }

    .vidDetails {
        float:none;
        width:90%;
	    margin:10px auto;
    }

    .vidWideDetails {
        float:none;
        width:90%;
	    margin:10px auto;
    }

    .floatJPleft { 
        float:none;
        clear:right;
    }
    
    .personpic { width:95%; }

    .bio-details { margin:0 auto 10px auto; }
    
    .slideshow {
        float:none;
        width:90%;
        margin:5px auto; 
    }
    
    .insetmob {
	    display:block;
	    text-align:center;
    }

    .insetcal {
	    display:none;
	    text-align:center;
    }

    .marginlinks { margin-bottom:10px; }
    
	.wikilinks { width: 100%; }
	
	.wikidiscs { width: 25%; }

    .historyleftpic { 
        max-width:95%;
        float:none;
        text-align:center;
    }

    .historyrightpic {
        max-width:95%;
        float:none;
        text-align:center;
    }

    .titlebox {
	    width:92%;
        margin:5px auto; 
    }

    .titleboxleft { display:none; }

    .orderbox { display:none; }

    .titleboxright {
	    float:none;
	    margin:0;
        width:100%;
    }

    .trolley {
        display:block;
        width:40%;
    }

    .recording-list {
        clear:both;
	    font-size:1.4em;
    }
    
    .video-list {
        clear:both;
	    font-size:1.4em;
    }
    
    .recording-list-double {
        clear:both;
	    font-size:1.4em;
	    width:90%;
    }
    
    .recording-list-main {
        clear:both;
	    font-size:1.4em;
    }
    
    #jp_poster_0 { margin-left:10px; }
    
    .jp-interface{ margin:10px auto; }
    
    .coverart {
        float:none;
        width:94%;
        margin:0; 
        text-align:center;
    }
    
    .coverartwide {
        float:none;
        width:94%;
        margin:5px auto; 
    }
    
    .brochure {
        width:90%;
        height:450px;
    }

    .pdfview {
        width:90%;
        height:450px;
    }

    .place-box{ width:45%; }
    
    .place-box-last{ width:45%; }
    
    .checkboxes{
        width:100%;
        float:none;
    }

    .inputfields{
        width:100%;
        float:none;
    }

    .gm-style-iw-c {
	    max-height:400px !important;
	    max-width:300px !important;
    }

    .gm-style-iw-d {
	    max-height:400px !important;
	    max-width:100% !important;
    }

    #map_canvasfull { 
        height:500px; 
        width:95%; 
    }

	#campaigns{
		position:relative;
		width:90%;
		background-Color:rgba(255,255,255,0);
		margin:10px auto 10px auto;
		left:0;
		top:0;
	}
	
/* -------------------------- deprecated - but keep for old pages -------------------------- */

    .biotitle { font-size:1.2em; }

    .bio-panel{
	    float:none;
	    margin:0;
    	width:95%;
    }

/* -------------------------- not yet classified -------------------------- */

    .normtext{ font-size:1.4em; }
    
    .plaintext { font-size:1em; }
    
    .menuborder {
        border-style:solid;
        border-width:3px;
        border-top-color:#777777;
        border-left-color:#777777;
        border-right-color:#E5E5E5;
        border-bottom-color:#E5E5E5;
    }
    
    .icon-close {
        cursor:pointer;
        padding-top:10px;
    } /* used anywhere? */

    .icon-close a {
        cursor :pointer;
        font-family:'Open Sans', sans-serif;
        line-height:45px;
        padding-bottom:3px;
        padding-top:3px;
    } /* used anywhere? */

    .icon-menu {
        cursor:pointer;
        font-family:'Open Sans', sans-serif;
        font-size:16px;
        padding-left:6px;
        padding-bottom:3px;
        padding-top:3px;
        border-style:none;
        margin-top:2px;
    } /* used anywhere */

    .container {
        display:inline-block;
        cursor:pointer;
    } /* used anywhere? */

    .titlepanel { width:90%; }
    
}