/* Reset styles */
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, 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 ; vertical-align:top; }
:focus { outline: 0; } /* focus highlighting style required */
ol, ul { list-style: none ; }
table { border-collapse: separate ; border-spacing: 0 ; } /* cellspacing=0 still required */
caption, th, td { text-align: left ; font-weight: normal ; }
a, ins { text-decoration: none ; } /* insert highlighting style required */
del { text-decoration: line-through ; }
blockquote:before, blockquote:after, q:before, q:after { content: "" ; }
blockquote, q { quotes: "" "" ; }
hr { display: none ; }
html { font-size: 14px ; }
/* End reset */
body { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5em; color: #444; background: #ececec; padding: 0 0 0 0; }
/* typography */
h1 { font-size: 23px; color: #333; padding: 0 0 1em 0; line-height: 1.4; }
h2 { font-size: 16px; color: #333; margin: 0 0 1em 0; line-height: 1.4; }
h3 { font-size: 14px; color: #333; margin: 0 0 1em 0; line-height: 1.6; }
p { margin: 0 0 1em 0; line-height: 1.5; }
p.large, a.large { font-size: 18px; }
p.larger { font-size: 21px; colot: #333; }
.small { font-size:12px; }
.smaller { font-size:11px; }
a, a:link, a:visited { font-weight: normal ; color: #2771a2; }
#contentx a { text-decoration:underline; }
#tabsx a, #listingx a { text-decoration:none; }
a.bold { font-weight:bold; }
a:hover, p a:hover { text-decoration: underline ; }
div .contenttitle h1 a, div #forumcategorylist h1 a { color: #333; font-weight: bold; }
h2 a { font-weight:bold; }
a.next, a.previous, a.first, a.last { text-decoration:none; color:#fff; cursor:pointer; margin: -5px 0 0 0; padding: 5px 10px; text-align:center; background: #1683c2 url(/images/whitearrows.png) no-repeat 50% -30px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
a.next { background-position: 50% -30px; }
a.previous { background-position: 50% 0; }
a.last { background-position: 50% -150px; }
a.first { background-position: 50% -120px; }
a.pageno { text-decoration:none; color:#1683c2; cursor:pointer; padding: 4px 8px; text-align:center; background: #fff; border:1px solid #1683c2; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
a.pageno:hover { color: #f5f5f5; background: #333; border-color: #333; }
span.current { color: #f5f5f5; padding: 5px 10px; background: #333; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
span.pageof { vertical-align:top; padding: 5px 0 5px 0; }
.closingdate { margin: 10px 0 0 0;}
a.next:hover, a.previous:hover, a.last:hover, a.first:hover { background-color: #333; }
a.backbutton, a.button { display:block; text-decoration:none; line-height:1em; color: #fff; cursor: pointer; heightx: 22px; padding: 8px 8px 8px 8px; width: auto; font-size: 12px; background: #1683c2; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
a.buttoninline { color: #fff; cursor: pointer; padding: 8px 8px 8px 8px; width: auto; font-size: 12px; background: #1683c2; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
a.buttonlarger { display:block; line-height:1em; color: #fff; cursor: pointer; heightx: 22px; padding: 8px 8px 8px 8px; width: auto; font-size: 14px; background: #1683c2; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
a.buttoninlinelarge { text-decoration:none; color: #fff; cursor: pointer; height: 22px; padding: 10px 20px 10px 20px; width: auto; font-size: 16px; background: #1683c2; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
a.buttonsilver { border: ridge 2px #CCCCCC; text-decoration:none; color: #000; cursor: pointer; height: 22px; padding: 10px 20px 10px 20px; width: auto; font-size: 16px; background: url(/images/silverbg.jpg) #C0C0C0; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}
a.buttongold { border: ridge 2px #DA9100; text-decoration:none; color: #000; cursor: pointer; height: 22px; padding: 10px 20px 10px 20px; width: auto; font-size: 16px; background: url(/images/goldbg.jpg) #DA9100; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}
a.buttongreen { background: #ABCD43; }
a.buttonred { background:#F00; }
a.buttonorange { background: #FF6600; }
a.buttonsilver:hover { background: url(/images/silverbgro.jpg) #FFF; text-decoration:none; }
a.buttongold:hover { background: url(/images/goldbgro.jpg) #FFF; text-decoration:none; }
a.backbutton:hover, a.button:hover, a.buttonlarger:hover, a.buttoninlinelarge:hover, a.buttoninline:hover { background: #333; text-decoration:none; }
p.button { padding: 8px 8px 8px 8px; font-size: 12px; background: #1683c2; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
p.button a { color:#fff; }
p.redmessage { line-height:1.5; padding: 30px 20px; margin: 0; background: #B30D2E; color: #f5f5f5; font-size: 21px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
p.success { padding:10px; background: #99cc00; color:#f5f5f5; font-size: 16px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a.downloadbutton { display:block; line-height:1em; color: #fff; cursor: pointer; height: 34px; padding: 16px 15px 0 15px; width: auto; font-size: 16px; background: #1683c2; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
a.downloadbutton:hover { background: #333; }
.buttonsubmit { margin: 0 0 0 0px; padding: 5px 8px 7px 8px; font-size: 12px; color: #fff; background: #1683c2; border: none; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.buttonsubmit:hover { background: #333; }
#dbcontent ul { vertical-align:top; margin: 0 0 1em 15px; padding:0; list-style-type:disc; }
#dbcontent ul li { margin: 0 0 0 0; padding: 0 0 6px 4px; vertical-align:top; }
#dbcontent ul li ul { vertical-align:top; margin: 1em 0 0 15px; padding:0; list-style-type:circle; }
ul.bluebullets { vertical-align:top; margin: 0 0 1em 15px; padding:0; list-style-image:url(/images/bluebullet.png); }
ul.bluebullets li { margin: 0 0 0 0; padding: 0 0 6px 4px; vertical-align:top; }
ul.bluebullets-why { vertical-align:top; margin: 0 0 1em 20px; padding:0; list-style-image:url(/images/bluebullet.png); }
ul.bluebullets-why li { margin: 0 0 0 0; padding: 0 0 6px 4px; vertical-align:top; }
ul.orangebullets { vertical-align:top; margin: 0 0 0.5em 20px; padding:0; list-style-image:url(/images/orangebullet.png); }
ul.orangebullets li { margin: 0 0 0 0; padding: 0 0 6px 4px; vertical-align:top; }
ul.whitebullets { vertical-align:top; margin: 0 0 0.5em 20px; padding:0; list-style-image:url(/images/whitebullet.png); }
ul.whitebullets li { margin: 0 0 0 0; padding: 0 0 6px 4px; vertical-align:top; }
/* layout */
#outer { position: relative; zoom: 1; min-height: 0; width: 980px; margin: 0 auto 40px auto; padding: 20px; background: #fff; overflow: auto; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; z-index: 100; }
#header { width: 980px; min-height:0; }
#logo-holder { float:none; height:80px;}
#logo { padding: 0px 0 10px 0; width: 240px; float:left; }
#logo a { display: block; width: 212px; height: 70px; text-indent: -9999px; background: transparent url(/images/baswlogo.png) no-repeat left top;}
#headertoolsx { position:absolute; right: 20px; top: 10px; text-align:right; overflow:auto; background:#ccc; }
#headeroptions { float:left; margin: 12px 0 0 10px; }
#headeroptions p { font-size:12px; margin-bottom: 0; }
#headersearch { position:absolute; right: 20px; top: 100px; }
#outer-content { margin: 20px 0 0 0; }
#content-main { zoom: 1; min-height: 0; overflow:hidden; }
#menu { float:left; width:200px; background: #fff; padding-top: 5px; }
#left { float:left; background: #fff; }
#left-wide { float:left; width: 760px; margin: 0 20px 0 0; }
#centre { float:left; width:530px; padding: 0 20px 0 10px; }
#right { float:left; width: 200px; padding: 5px 0 0 0; }
#content { float:left; width:760px; margin: 0 10px 0 10px; background: #fff; }
#content-wide-homepage { zoom: 1; min-height: 0; }
#content-wide { padding: 0 10px 0 10px; position:relative; }
#footer { margin: 20px 0 0 0; padding: 0 0 20px 0; position:relative; clear:both; }
#footer-toolbox { background: #ececec; padding: 20px 20px 20px 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; height: 100px; }
#footer-share { float:left; width: 330px; padding: 0 30px 0 0; }
#footer-translate { float:left; width: 180px; padding: 0 30px 0 0; height: 100px; }
#footer-follow { float:left; padding: 0 50px 0 0; }
#footer-contact { float:left; padding: 0 0 0 0; }
#footer h2 { font-size: 21px; font-weight:normal; color: #333; margin: 0 0 1em 0; }
#footertext { padding: 30px 0 0 10px; font-size:12px; color: #666; }
#footertext a { color: #555; text-decoration:underline; }
#hpcontent { float:left; width: 760px; margin: 0 15px 0 0; zoom: 1; min-height: 0; overflow:hidden; }
#hpslideshow { width: 760px; margin: 0 0 20px 0; }
#hpactions { float:left; width: 205px; }
#hpcol2 div { padding: 8px 0 6px 0; }
#hpcol2 img { padding: 0 10px 0 0; margin: -8px 0 0 0; }
#columnlists { margin: 0 0 0 0;}
#columnlists h2 { padding: 0 0 0 0; }
#columnlists p.columnsummary { font-size:12px; font-style:italic; color: #666; }
#columnlists h2.oneline { float:left; margin-right:15px }
#columnlists p.oneline { padding-top: 3px; }
#col1list { float:left; width: 210px; margin: 0 15px 0 0; border-rightx: 1px dotted #ccc; padding: 0 15px 0 0; }
#col2list { float:left; width: 210px; margin: 0 15px 0 0; border-rightx: 1px dotted #ccc; padding: 0 15px 0 0; }
#col3list { float:left; width: 210px; margin: 0 15px 0 0; border-rightx: 1px dotted #ccc; padding: 0 15px 0 0; }
#col4list { float:left; width: 210px; margin: 0 0 0 0; }
.col1x1list { float:left; width: 48.5%; margin: 0 3% 0 0; border-rightx: 1px dotted #ccc; padding: 0 0 0 0; }
.col1x2list { float:left; width: 48.5%; margin: 0 0 0 0; }
.col2x1list { float:left; width: 30%; margin: 0 15px 0 0; border-rightx: 1px dotted #ccc; padding: 0 15px 0 0; }
.col2x2list { float:left; width: 30%; margin: 0 15px 0 0; border-rightx: 1px dotted #ccc; padding: 0 15px 0 0; }
.col2x3list { float:left; width: 30%; margin: 0 0 0 0; }
#columnlists a { display:block; font-size: 12px; margin: 10px 0 0 0; }
#right #contactlist h2 { line-height:1; margin: 0 0 0.6em 0; }
#right #contactlist p { margin: 0 0 1.4em 0; }
.sidepadded10 { padding: 0 10px 0 10px; }
.dottedline { margin: 20px 0 0 0; border-top: 1px dotted #ccc; }
.divider { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px dotted #ccc; }
.dividernomargin { margin: 0 0 0 0; padding: 20px 0 0 0; border-top: 1px dotted #ccc; }
#siteinfo { clear: both; padding: 10px 0 0 0 ; }
#siteinfo p { font-size: 1.2em; padding: 30px 0 30px 20px; line-height: 1.4; }
#siteinfo #footerlogo { clear: left; text-align: center; margin: 0 0 40px 0; padding: 75px 0 0 0;
background: transparent url(/images/bg-footer-logo.png) no-repeat center top; }
#siteinfo #footerlogo a { color: #333; }
.hidden { display: none; }
.listimg {float:left; margin: 0 20px 0 0;}
.policy {margin: 0 0 40px 0; height:auto; overflow: hidden;}
.tooltip {background:#CCC; padding:10px; border:solid 2px #1683c2; visibility: hidden; position:absolute; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; color:#000;}
/* navigation */
.focusbar { margin: 8px 10px 12px 0; float:left; padding:0; background: #f5f5f5; border: 1px solid #e0e0e0; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.focusbar p { margin: 0 10px 0 0; padding:2px 0 0 4px; float:left; color: #2771a2; }
.focusbar a { display:block; float:left; margin: 0 0 0 0; padding: 5px 10px 6px 10px; font-size: 12px; font-weight: bold; line-height:1em; color: #2771a2; background: #f5f5f5; text-decoration:none;}
.focusbar a:hover { color: #f5f5f5; background: #2771a2; margin: -1px 0 -1px 0; padding: 6px 10px 7px 10px; }
#topnav { position:relative; overflow:visible; z-index: 10000; height: 52px; background: #2771a2; margin: 0 0 0 0; padding:0 0 0 0; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
#nav { list-style:none; text-align:left; margin:0; padding:0; height: 52px; z-index: 10000; }
#nav li {margin:0; padding:0; list-style:none; }
#nav div.menu, #nav div.menuright {padding: 12px 5px 15px 15px; margin:0; list-style:none; position:absolute; left:-9999px; z-index: 10000; background: #fff; width: 838px; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; border-bottom: 1px dotted #999; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-box-shadow: 0px 8px 10px 0px #bbb; -moz-box-shadow: 0px 8px 10px 0px #bbb; box-shadow: 0px 8px 10px 0px #bbb; opacity:0.99;filter:alpha(opacity=99); }
#nav div.menu p, #nav div.menuright p { font-size:14px; padding: 10px 0 20px 6px; margin:0; }
#nav li.3cols div.menu { width: 638px; }
#nav li.litrg {float:left; display:block; position:relative; }
#nav a.trg { display: block; line-height:1.2; font-size: 16px; font-weight: normal; height: 45px; text-decoration: none; padding: 7px 27px 0 27px; color: #f5f5f5; border-left: 1px dotted #6699CC; }
#nav a.trgfirst { border-left: 1px solid transparent; height: 46px; padding: 6px 26px 0 25px; }
#nav ul { margin: 0 9px 0 0; width: 200px; float:left; }
#nav ul.last { margin: 0; }
#nav li ul li { padding: 3px 0 3px 0; font-weight: bold; font-size: 12px; }
#nav li ul li.subhead { padding: 6px 0 6px 4px; font-weight: bold; font-size: 12px; }
#nav ul a { display:block; color: #333; font-size:12px; text-decoration:none; background: #f5f5f5; padding: 3px 0 3px 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
#nav ul a.subhead { display:block; color: #333; font-size:14px; text-decoration:none; background: #f5f5f5; padding: 3px 0 3px 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; }
#nav ul a:hover { background: #333; color: #f5f5f5; }
#nav :hover a:hover { color: #f5f5f5; background: #333; }
#nav li.litrg a.trg, #nav li.litrg a.trgfirst {float:left;}
#nav li a.trg:hover { position:relative; color: #333; }
#nav li.litrg:hover { position:relative; color: #333; }
#nav li.litrg:hover > a, #nav li.litrg:hover ul.menu :hover > a { color: #333; background: #fff; border-top:1px dotted #ccc;
/* Mozilla: */
background: -moz-linear-gradient(top, #f0f0f0, #ffffff);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, left bottom, from(#f0f0f0), to(#ffffff));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#f0f0f0', EndColorStr='#ffffff', GradientType=0); }
#nav li.litrg:hover > a.trgfirst { border-left: 1px dotted #ccc; }
#nav li.litrg:hover div.menu {margin-top:52px; transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms;}
#nav li.litrg:hover div.menuright {margin-top:52px; transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms;}
#nav :hover div.menu { left:0; }
#nav :hover ul a {white-space:nowrap;}
#nav :hover div.menuresources { left:-420px; }
#nav :hover div.menueducation { left:-732px; }
#nav :hover div.menuevents { left:-625px; }
#nav :hover div.menunews { left:-320px; }
#nav table {border-collapse:collapse; margin-top:-1px;}
#menu h2 { font-size: 16px; padding-left: 5px; }
#menu ul { padding:0 20px 20px 0; }
#menu p { font-size: 14px; margin:0; padding: 20px 0 10px 5px; }
#menu p.regular { margin: 0 0 1em 0; line-height: 1.5; padding: 0 0 0 5px; }
#menu li { padding: 0 0 5px 0; }
#menu a { display:block; color: #333; font-size:14px; text-decoration:none; background: #f5f5f5; padding: 5px 0 5px 6px; -moz-border-radius: 4px; border-radius: 4px; }
#menu a:hover { background: #333; color: #f5f5f5; }
#menu a.regular { display:inline; background:none; padding:0; font-weight: normal ; color: #2771a2; }
#menu a.regular:hover { background:none; color:#333; }
.dropbar { color: #f5f5f5; background: #1683c2 url(/images/whitearrows.png) no-repeat 99% -80px; padding: 10px; cursor:pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.dropbar_white { color: #1683c2; background: #FFF url(/images/bluearrows.png) no-repeat 99% -80px; padding: 10px; cursor:pointer; border:solid 1px #1683c2; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.dropbar_orange { color: #000; background: #fab620 url(/images/blackarrows.png) no-repeat 99% -80px; padding: 10px; cursor:pointer; border:solid 1px #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.dropbar_saswawards { color: #fff; background: #050708 url(/images/whitearrows.png) no-repeat 99% -80px; padding: 10px; cursor:pointer; border:ridge 2px #050708; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.dropbar_wales { color: #FFF; background: #0c4201 url(/images/blackarrows.png) no-repeat 99% -80px; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(/images/blackarrows.png) no-repeat 99% -80px, -moz-linear-gradient(left, #0c4201 0%, #e2f4ec 100%); /* FF3.6+ */
background: url(/images/blackarrows.png) no-repeat 99% -80px, -webkit-gradient(linear, left top, right top, color-stop(0%,#0c4201), color-stop(100%,#e2f4ec)); /* Chrome,Safari4+ */
background: url(/images/blackarrows.png) no-repeat 99% -80px, -webkit-linear-gradient(left, #0c4201 0%,#e2f4ec 100%); /* Chrome10+,Safari5.1+ */
background: url(/images/blackarrows.png) no-repeat 99% -80px, -o-linear-gradient(left, #0c4201 0%,#e2f4ec 100%); /* Opera 11.10+ */
background: url(/images/blackarrows.png) no-repeat 99% -80px, -ms-linear-gradient(left, #0c4201 0%,#e2f4ec 100%); /* IE10+ */
background: url(/images/blackarrows.png) no-repeat 99% -80px, linear-gradient(to right, #0c4201 0%,#e2f4ec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4201', endColorstr='#e2f4ec',GradientType=1 ); /* IE6-8 */
padding: 10px; cursor:pointer; border:solid 1px #bb847c; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.dropbar:hover { background-color: #333; }
.dropbar_white:hover { background-color:#CCC; }
.dropbar_orange:hover { background-color:#D6D6D6; }
.dropbar_saswawards:hover { background-color:#dba32c; border:ridge 2px #050708; }
.dropbar_wales:hover { background-color:#D6D6D6;
background: #000000 url(/images/blackarrows.png) no-repeat 99% -80px; /* Old browsers */
background: url(/images/blackarrows.png) no-repeat 99% -80px, -moz-linear-gradient(left, #000000 0%, #e8e8e8 100%); /* FF3.6+ */
background: url(/images/blackarrows.png) no-repeat 99% -80px, -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
background: url(/images/blackarrows.png) no-repeat 99% -80px, -webkit-linear-gradient(left, #000000 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
background: url(/images/blackarrows.png) no-repeat 99% -80px, -o-linear-gradient(left, #000000 0%,#e8e8e8 100%); /* Opera 11.10+ */
background: url(/images/blackarrows.png) no-repeat 99% -80px, -ms-linear-gradient(left, #000000 0%,#e8e8e8 100%); /* IE10+ */
background: url(/images/blackarrows.png) no-repeat 99% -80px, linear-gradient(to right, #000000 0%,#e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 */
}
.dropbarclose { background-position: 99% -50px; background-color: #ABCD43; }
.dropbarclose_orange { background-position: 99% -50px; background-color: #fedca4; }
.dropbarclose_saswawards{ background-position: 99% -50px; background-color: #735e72; border:ridge 2px #050708; }
.dropbarclose_wales { background-position: 99% -50px;
background: #5b9696; /* Old browsers */
background: url(/images/blackarrows.png) no-repeat 99% -50px, -moz-linear-gradient(left, #5b9696 0%, #d1fcfc 100%); /* FF3.6+ */
background: url(/images/blackarrows.png) no-repeat 99% -50px, -webkit-gradient(linear, left top, right top, color-stop(0%,#5b9696), color-stop(100%,#d1fcfc)); /* Chrome,Safari4+ */
background: url(/images/blackarrows.png) no-repeat 99% -50px, -webkit-linear-gradient(left, #5b9696 0%,#d1fcfc 100%); /* Chrome10+,Safari5.1+ */
background: url(/images/blackarrows.png) no-repeat 99% -50px, -o-linear-gradient(left, #5b9696 0%,#d1fcfc 100%); /* Opera 11.10+ */
background: url(/images/blackarrows.png) no-repeat 99% -50px, -ms-linear-gradient(left, #5b9696 0%,#d1fcfc 100%); /* IE10+ */
background: url(/images/blackarrows.png) no-repeat 99% -50px, linear-gradient(to right, #5b9696 0%,#d1fcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b9696', endColorstr='#d1fcfc',GradientType=1 ); /* IE6-9 */
}
.dropbarclose_wales:hover { background-position: 99% -50px;}
/* forms */
#filtersearch { background: #add6eb; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; padding:10px;}
#filtersearch div.formelement { padding: 0 0 8px 0; }
#filtersearch div.formelementinline { padding: 0 20px 0 0; float:left; }
#filtersearch div.formelementinlineshort { padding: 0 0 0 0; float:left; }
#filtersearch div.formelementinlinebutton { padding: 0 0 0 0; float:right; }
#enquiryform { padding: 0; margin: 0; font-size:11px; }
#formcol1 { float:left; padding: 0 15px 0 0; }
#formcol2 { float:left; }
#formcol3 { float:left; }
#filtersearch .input { width: 260px; padding: 6px; background-color: #fff; border: none; border: 1px solid #e0e0e0; }
textarea { width: 260px; padding: 6px; background-color: #fff; border: none; border: 1px solid #e0e0e0; }
#filtersearch label { float: left; width: 90px; padding: 4px 10px 0 0; font-size: 12px; color: #003366; }
#filtersearch div.formelementinline label { width: auto; padding: 4px 20px 0 0; float:left; }
#frmsubject34 { visibility:hidden; display:none; }
#filtersearch input{ -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #82c1e0; background-color: #fff; padding: 4px 4px 4px 2px; width:257px; }
#filtersearch select { -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #82c1e0; background-color: #fff; padding: 4px 4px 4px 2px; width:240px; }
#formcol2 label { width:80px; }
#formcol1 select { width:265px; }
#formcol2 select { width:268px; }
options { background-color: #fef5e6; border-bottom: 1px solid #ebdac0; border-right: 1px solid #d6bb86; border-left: 1px solid #d6bb86; }
option:hover { cursor: pointer; }
#filtersearch .buttonsearch { margin: 0 0 0 0px; padding: 5px 8px 7px 8px; font-size: 12px; color: #fff; background: #1683c2; border: none; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#filtersearch .buttonsearch:hover { background: #333; }
#filtersearch option { background-color: #fff; }
#filtersearch .highlight { background-color: #ccff00; }
.btnsearch { border: medium none; color: #FFFFFF; cursor: pointer; display: block; height: 26px; margin: 0 0 0 0; padding: 0 10px 3px 10px; width: auto; font-family: Arial; font-size: 14px; background: #1683c2; }
.btnsearch:hover { background: #333; }
.even { background: #f5f5f5;}
/* listings */
#listing, .listing { padding: 20px 0 0 0; }
.contenttitle { position:relative; }
.contenttitlelinks { position:absolute; top:0; right:0; font-size:14px; padding: 3px 0 0 0; }
.contenttitlelinks p { font-size: 16px; padding: 2px 5px 0 0; margin:0; }
.listitemx { background: #f5f5f5; margin: 0 0 10px 0; padding:15px 10px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid #e0e0e0; }
.listitem { background: #fff; margin: 0 0 10px 0; padding:15px 10px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e0e0e0; border-bottom: 1px solid #ccc; }
div.listitem h2 { font-size: 16px; color: #333; margin:0; padding:0; }
div.listitem h2 a { font-size: 16px; color: #111; margin:0; padding:0; font-weight:bold; }
.listitemicon { float:left; width: 60px; }
.listitemdate { float:left; width: 70px; }
.listitemlock { float:left; background: #b7110d; height: 25px; margin: 0 6px 0 0; padding: 5px 0 0 0; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.listitemtitle { float:left; width: 580px; padding: 0 10px 0 0; }
.listitemcolumn { float:left; width: 200px; padding: 0 10px 0 0; }
.listitemwide { float:left; padding: 0 10px 0 0; }
.listitemoptions { float:right; text-align:right; white-space:nowrap; }
div.listitem p { margin:0; padding: 5px 0 0 0; font-size:14px; }
div.listitem p.alt { margin:0; padding: 5px 0 0 0; font-size:12px; font-style:italic; }
div.listitem a.button { display:block; line-height:1em; text-decoration:none; border: medium none; color: #FFFFFF; cursor: pointer; margin: 0 0 0 0; height: 22px; padding: 8px 8px 0 8px; width: auto; font-family: Arial; font-size: 12px; background: #1683c2; -moz-border-radius: 3px; border-radius: 3px; }
div.listitem a.button:hover { background: #333; }
.noitems { margin: 20px 0 0 0; padding: 30px 20px; color: #fff; font-size: 16px; background: #E64906; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px }
.clearer { clear: both; height:1px; overflow:hidden; margin-bottom:-1px;}
.clearleft { clear:left; }
ul.enablelist { list-style: disc; padding: 0 0 0 12px; }
#content-main p.error { display: block; padding: 8px 8px 5px 10px; color: #333; background: #FFD6D7; font-weight: bold; border: 2px solid #ff0000; }
/* General form styles */
fieldset.general { margin: 0 0 15px 0; }
label { color: #333; font-size: 14px; }
.nodisplay { display: none; }
.userform div.formgroup { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px dotted #ccc; }
.userform .alert { color: #ff0000; font-weight: bold; font-size: 1.2em; margin-bottom: 1em; }
.userform h2 { }
.userform label { float: left; display: block; width: 160px; padding: 2px 0 0; font-weight: bold; }
.userform li { margin: 0 0 10px 0; list-style: none; }
.userform label.nowidth { width: auto; }
.userform input { width: 200px; padding: 5px; border: 1px solid #ccc; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.userform select { padding: 5px 5px 5px 2px; border: 1px solid #ccc; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.userform li.singletext { float: left; }
.userform li.singletext input { width: 248px; padding: 5px 10px; border: 1px solid #ccc; }
.userform select.datedaydropdown { widthx: 50px; margin: 0 4px 0 0; }
.userform select.datemonthdropdown { widthx: 110px; margin: 0 4px 0 0; }
.userform select.dateyeardropdown { widthx: 70px; margin: 0 4px 0 0; }
.userform input.postcode { width: 100px; }
.userform input.checkbox { width: 20px; margin: 7px 0 0 0; }
.userform input.btnsubmit, #regx input.btnsubmit { width: 80px; height: 40px; padding: 10px 20px 10px 20px; font-size: 16px; color: #fff; background: #1384cb; cursor: pointer; border: none; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.userform input.btnsubmit:hover, #reg input.btnsubmit:hover { background: #333; }
.userform input.buttonsubmit { width:auto; border:none; }
.userform .mandatory { color: #19528A; font-weight:bold; }
.headerloginform { position:absolute; right:20px; top:20px; text-align:left; }
.headerloginform label { display: block; padding: 0 0 0 0; color: #ccc; font-size:11px; }
.headerloginform li { margin: 0 0 0 0; list-style: none; float: left; margin: 0 0 0 8px; }
.headerloginform li.singletext input { width: 100px; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.loginform { float:right; text-align:left; }
.loginform label { display: block; padding: 0 0 0 0; color: #ccc; font-size:11px; }
.loginform li { margin: 0 0 0 0; list-style: none; float: left; margin: 0 0 0 8px; }
.loginform li.singletext input { width: 100px; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.headersearchform input.searchinput { width: 92px; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #666; margin: 0 4px 0 0; }
.headerloginform .buttonsubmit, .loginform .buttonsubmit { margin: 21px 0 0 0; }
.headerloginform .buttonsubmitgreen, .buttonsubmitgreen { background: #ABCD43; margin: 17px 0 0 0; color:#f5f5f5; width:auto; padding: 8px 8px 8px 8px; font-size:14px; border: none; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.buttonsubmitgreen:hover { background: #333; }
a.btnsubmit, .btnsubmit { margin: 5px 0 0 0px; padding: 10px 20px 10px 20px; font-size: 16px; color: #fff; background: #1384cb; border: none; cursor: pointer; height: 40px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.btnback { margin: 5px 0 0 0px; padding: 0 18px 3px; font-size: 1.4em; color: #fff; background: #ccc; cursor: pointer; border: none; cursor: pointer; height: 30px; -moz-border-radius: 12px; border-radius: 3px; -webkit-border-radius: 12px; }
a.btnsubmit:hover, .btnsubmit:hover { text-decoration:none; background: #333; color: #fff; }
.btnback:hover { background: #666; }
.userform li.singletext input:focus, .userform li input:focus, .userform li select:focus { border: 1px solid #77B2EE; }
.userform .gray { color: #666; }
.headerloginform .gray, .loginform .gray { color: #666; }
.userform li.singletext { position: relative; }
.headerloginform li, .loginform li { position: relative; }
.nodisplay { display: none; }
.textarea { width: 700px; height: 200px; padding: 9px 9px 9px 9px; font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; line-height: 1.4; border: 1px solid #ccc; }
textarea:focus { border: 1px solid #1384cb; }
.lblradio { color: #000; font-size: 14px; margin: 0 10px 0 0; }
/* Button styles */
.btnlogoutxx { position: absolute; top: 67px; right: 0; text-align: center; padding: 11px 19px 4px; width: 87px; height: 17px; background: #84B0CD; color: #fff; font-size: 1.4em; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.btnlogoutxx:hover { background: #769FBA; text-decoration: none; }
.btndelxx { color: #FF898B; background: none; font-size: 14px; border:none; padding: 0; }
.btndelxx:hover { background: none; color: #ff0000; cursor:pointer; }
.btneditxx { color: #2771a2; background: none; font-size: 14px; border:none; padding: 0; }
.btneditxx:hover { background: none; color: #333; cursor:pointer; }
/* Registration */
#reg { position:relative; }
#reg #stage { position: absolute; top: 0; right: 20px; text-align: right; }
#reg #stage h2 { font-size: 22px; margin: 0; }
#reg #stage h3 { font-size: 16px; font-weight: normal; color: #333; }
#reg #container { overflow: hidden; margin: 40px auto 0; background: #fff url(/images/bg-register-logo.png) no-repeat 50px 50px; }
#reg #content { margin-top: 100px; }
#reg #content-main { padding: 50px; }
#reg #content-main.narrow { width: 605px; }
#reg h2 { color: #333;font-size: 18px; margin: 20px 0 10px 0; }
#reg li { margin-bottom: 25px; }
#reg li label { font-size: 14px; }
#reg li .gray { border: 1px solid #ccc; font-size:14px; height:20px; padding: 8px 10px 8px 10px; width: 400px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#reg li input:focus { border: 1px solid #77B2EE; }
#reg li.float { float: left; margin: 0 16px 30px 0; }
#reg li.last { margin-right: 0; }
#reg ul.error { margin: 10px 0 0 0; }
#reg ul.error li { margin: 0 0 10px 0; }
/* Account */
body#changepwd .userform label { width: 202px; }
body#changepwd .userform .btnsubmit { display:block; clear:both; margin: 116px 0 0 286px; }
body#memrecord #updaterecord { width: 400px; }
body#memrecord #updaterecord fieldset { margin: 0 0 30px 0; }
body#memrecord #updaterecord li input { font-size: 12px; }
body#memrecord #updaterecord .btnsubmit { margin: 5px 0 0 0; float: right; }
/* Renewals */
body#renew #renewstart { width: 759px; }
body#renew #renewstart li.singletext { float: none; }
body#renew #renewstart input.btnsubmit { margin: 15px 0 0 0; }
body#renew #renewstart.userform label { width: 150px; }
body#renew #renewstart .btnsubmit { float: none; }
body#renew .userformxx h2 { margin: 35px 0 0 0; }
body#renew .userform h3 { margin: 15px 0 5px 0; }
body#renew .userform label { width: 300px; padding: 6px 0 0 0; }
body#renew .userformxx .btnsubmit { float: right; margin: 0; }
body#renew .btnback { float: left; }
body#renew .userform #btnprint.btnsubmit { float: left; margin: 0 0 20px 0; }
body#renew ul#confirm li { float: left; width: 300px; margin-right: 30px; }
body#renew #confmsg { clear: left; margin-top: 160px; }
body#renew h2.clearfix { clear: left; padding: 20px 0 0 0; }
body#renew .costbox { position: relative; height: 96px; width: 640px; margin: 0 0 20px 0; }
body#renew .costbox:hover { cursor: pointer; }
body#renew .costbox p { width: 117px; color: #fff; font-size: 36px; margin: 0 0 0 17px; padding: 16px 0 0 0; text-align: center; }
body#renew .costbox input { position: absolute; top:0; left: 0; display: block; background: none; border: none; text-indent: -9999px; width: 640px; height: 96px; cursor: pointer; }
body#renew #monthlydd { background: transparent url(/images/bg-renew-ddmonth.png) no-repeat left top; }
body#renew #annualdd { height: 88px; background: transparent url(/images/bg-renew-ddannual.png) no-repeat left top; }
body#renew #annual input { border: none; background: none; color: #333; font-size: 14px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 0 300px; }
body#renew #annual input:hover { cursor: pointer; text-decoration: underline; }
body#renew #memdetails li { margin: 0 0 0 30px; }
body#renew #journalupdate p { margin: 0; }
body#renew #journalupdate ul,
body#renew #journalupdate li { margin: 0 0 0 30px; }
body#renew #journalupdate ul { margin: 0 0 14px 0; }
/* CPD */
/* Inde CRB */
body#indecrb .userform li.singletext { float: none; }
/* BASW Web */
body#bweb #content-main { height: 1100px; }
/* iBASW */
body#ibasw li#agree { clear: left; }
/* Union */
body#union form.userform label { width: 200px; }
body#union form.userform .clearleft { clear: left; }
#content-main a { font-size: 14px; }
#connected { height: 840px; padding-left: 20px; background: transparent url(/images/bg-table-mship.png) no-repeat left 80px; }
#protected { height: 232px; padding-left: 20px; background: transparent url(/images/bg-table-protected.png) no-repeat left 42px; }
.page_navigation , .alt_page_navigation{
padding-bottom: 10px;
}
.page_navigation a, .alt_page_navigation a{
padding:3px 5px;
margin:2px;
color:white;
text-decoration:none;
floatxx: left;
font-family: Tahoma;
font-size: 12px;
background-color:#DB5C04;
}
#tabs { padding: 0 0 0 0; background: #fff; border-width: 0px; position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#tabs .ui-tabs-nav { padding-left: 0px; background: transparent; border-width: 0px 0px 0px 0px; border-color: #ccc; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#tabs .ui-tabs-panel { margin: 0; background: #fff; border-width: 1px 1px 1px 1px; clear:left; border-color: #ccc; padding: 2em 0; }
#tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
#tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
#tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
#tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; font-weight:bold; }
#tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#tabs .ui-tabs-hide { display: none !important; }
#tabs .ui-widget-content { border-width: 1px 0 0 0; border-style:solid; border-color: #ccc; background: #ffffff; }
.ui-widget-contentxxx a { color: #222222/*{fcContent}*/; }
#tabs .ui-widget-headerxx {
background: transparent;
border: none;
border-bottom: 1px solid #c0c0c0;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.ui-widget-headerxxx { border: 1px solid #000/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-headerxxx a { color: #222222/*{fcHeader}*/; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #1683c2; background: #1683c2; font-weight: normal; color: #fff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #333; background: #333; font-weight: normal; color: #f5f5f5; }
.ui-state-hover a, .ui-state-hover a:hover { color: #f5f5f5; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ccc; background: #ffffff; font-weight: bold; color: #333; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 3px/*{cornerRadius}*/; -webkit-border-top-left-radius: 3px/*{cornerRadius}*/; -khtml-border-top-left-radius: 3px/*{cornerRadius}*/; border-top-left-radius: 3px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px/*{cornerRadius}*/; -webkit-border-top-right-radius: 3px/*{cornerRadius}*/; -khtml-border-top-right-radius: 3px/*{cornerRadius}*/; border-top-right-radius: 3px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 3px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 3px/*{cornerRadius}*/; border-bottom-left-radius: 3px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 3px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 3px/*{cornerRadius}*/; border-bottom-right-radius: 3px/*{cornerRadius}*/; }