html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {outline:none;}
/* Rest this as it's not used and causing other unwanted effects */
div.border {
  padding-right: 0;
  margin-right: 0;
}
/* Extend the box class */
.box
{
    padding: 1em;
    margin-bottom:1em;
    background-color: transparent;
}
.box.bg
{
    background-color: #fbfbfb;
}
.box.border
{
    border: solid 1px #ededed;
}
.box.bg-border
{
    background-color: #fbfbfb;
    border: solid 1px #ededed;
}
/* Remove the margin from lists as the box is padded already */
.right-column .box.bg-border ul
{
    margin:0;
}
.box.micro
{
    padding: 0.5em;
    margin-bottom:0.5em;
}
/* Way to add a right margin to a box or span */
.box.right,.span-1.right,.span-2.right,.span-3.right,.span-4.right,.span-5.right,.span-6.right,.span-7.right,.span-8.right,.span-9.right,.span-10.right,.span-11.right,.span-12.right,.span-13.right,.span-14.right,.span-15.right,.span-16.right,.span-17.right,.span-18.right,.span-19.right,.span-20.right,.span-21.right,.span-22.right,.span-23.right,.span-24.right,.span-25.right,.span-26.right,.span-27.right,.span-28.right,.span-29.right,.span-30.right,.span-31.right,.span-32.right,.span-33.right,.span-34.right,.span-35.right,.span-36.right,.span-37.right,.span-38.right,.span-39.right,.span-40.right,.span-41.right
{
    margin-right:1em;
}
.box.top
{
    margin-top:1em;
}
.no-bottom
{
    padding-bottom: 0;
    margin-bottom: 0;
}
p {margin:0 0 0.5em;}

body { font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; color:#333; }
h1, h2, h3, h4, h5, h6 { color:#333;line-height:1;margin-bottom:0;font-weight:900; }
.homepage h3, .homepage h4, .homepage h5, .homepage h6, .homepage h3 a:first-child, .homepage h4 a:first-child, .homepage h5 a:first-child, .homepage h6 a:first-child { color:#333; }
.homepage h2, .homepage h2 a:first-child { color:#005ac3; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:13px; }
h6 { font-size:12px; }

.text-content h1 { margin: 10px 0 10px 0; }
.text-content h2 { margin: 10px 0 10px 0; }

.text-content ul lh { margin-bottom: 20px; display: block; margin: 0; padding: 0;  }
.text-content li { margin-left: 30px; }
.text-content ol li { list-style-type: decimal; }
.text-content ul li { list-style-type: disc; }

.nopadding 
{
    padding: 0;
    margin: 0;
}

/* By default clear ul/li's for nav styling etc, up for debate on this */
ul, ol {
    margin: 1em 0.75em
}
ul li, ol li {
    list-style: none
}

/* Extended BluePrintCSS Tabs to have selected class aplly to the li not a as for SEO we drop a when it's an action. N.B. a.selected is still working */
.tabs li a {
    background:#ededed;
    color:#333;
    font-size: 9.5px;
    padding: 0px 12px;
    line-height:18px;
}
.tabs li a:focus, .tabs li a:hover {
    background:#fbfbfb;
    color:#333;
}
.tabs li.selected a {
    background:#c7c7c7;
    border:1px solid #c7c7c7;
    border-bottom:none;
    color:#676767;
    cursor:default;
}
.tabs li.selected a:focus, .tabs li.selected a:hover {
    background:#c7c7c7;
}

/* Also removing margin bottom from tab module and making everything into capitals for the UI standard */
ul.tabs {
    margin-bottom: 0;
    text-transform:uppercase;
}

.small {
    margin-bottom: 0;
}

fieldset {
    border:none;
    margin:0;
    padding:0;
}

/* success */
.success
{ 
    background: #2fb135 none repeat scroll 0 0; 
    border: double 3px #FFFFFF;
    color: #FFFFFF;
    width: 959px;
    margin: 0 0 0 -9px;
    font-size: 1.2em;
    font-weight: 900;
}