/*-------------------------------------------------------------------------------------------
DETAILS:
    - Default CSS for Portals Boilerplate
    - THIS FILE SHOULD NOT BE MODIFIED, CHANGES TO BE MADE IN CUSTOM.CSS
    - Created by David Thomson
    - Created on 23/09/2013
-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------
NOTES 
    - Responsive calculations based on target / context = result
    - Body font-size 100% equates to 16px
    - /Scripts/html5shiv.js incorporated for older versions of IE
    - Media Queries used for smaller devices
-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------
INDEX:
    1. SETUP
        1.1 Default Settings
        1.2 Headings
        1.3 Hyperlinks
        1.4 Tables
    2. STRUCTURE
        2.1 Containers
        2.2 Header
            2.2.1 Menus
            2.2.1.1 SubMenu
            2.2.1.2 MainMenu
            2.2.2 Logo
            2.2.3 Contact
            2.2.4 Register
        2.3 Footer 
            2.3.1 SocialBar
            2.3.1.1 IPhoneApp
            2.3.1.2 Twitter
            2.3.1.3 YouTube
            2.3.1.4 Flickr
            2.3.2 FooterLinks
    3. CONTENT
        3.1 Forms
        3.2 Buttons
        3.3 Lists
        3.4 Tab Strips
        3.5 Content Boxes
        3.6 Breadcrumb
        3.7 Nav Bar
        3.8 Cookie Bar
        3.9 Cookie Info
        3.10 BorderedBoxes
        3.11 Grids
        3.12 Portal Message
        3.13 Error Messages
        3.14 Miscellaneous
        3.15 Images
        3.16 Loading panel
    4. ACCESSIBILITY
        4.1 Select statements
    
-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------
1. SETUP
-------------------------------------------------------------------------------------------*/

/* 1.1 Default Settings */
body {
    background-color: #FFF; /* Pale Blue */
    color: #666666; /* Gray */
    font: normal 100% "segoe ui", Arial, Georgia, serif; /* 16px */
}

p {
    margin-bottom: 0.3em;
    line-height: 1.2em;
}

aside {
    margin-right: 0;
}

/* 1.2 Headings */
h1, h2, h3, h4 {
    margin-bottom: 0.2em;
    color: #00578E;
}

h1 {
    font-size: 1.625em; /* 26px / 16px */
    padding: 0.3em 0 0.2em 0;
    text-align: center;
    font-weight: normal;
}

h2 {
    font-size: 1.5em; /* 24px / 16px */
    margin-top: 1em;
}

h3 {
    font-size: 1.25em; /* 20px / 16px */
}

h4 {
    font-size: 1em; /* 16px / 16px */
}

/* 1.3 Hyperlinks */
a {
    color: #004E7F; /* dark blue */
    border: 1pt solid transparent /*!important*/;
    text-decoration: none;
}

    a:hover, a.selected {
        text-decoration: underline;
    }

    a:focus, a:active {
        border: 1pt dashed #004E7F; /* Blue */
        outline: none;
    }

    a img {
        border: 0;
    }

    a.SkipTo {
        position: absolute;
        margin-top: 0.35em;
        margin-left: 0.25em;
        color: transparent;  
        font-size: 85%;   
    }

    a.SkipTo:focus {
        color: white;
    }

    .external 
    {
        background: url(/images/externallink.gif) no-repeat right top;
        padding-right: 10px;
    }

    a.download {
        background: url(/images/pdflink.gif) no-repeat right top;
        padding-right: 16px;
    }

/* 1.4 Tables */
th, td {
    padding: 0.15em 0.25em;
}


/*-------------------------------------------------------------------------------------------
2. STRUCTURE
-------------------------------------------------------------------------------------------*/

/* 2.1 Containers */
#Page {
    width: 100%; /* Main page width [960px / 16pt font size = 60em] */
    margin: 0.5em auto;
}

#Main {
    width: 97.916666666%; /* 940px (-20px padding) / 960px */
    padding: 1.041666666%; /* 10px / 960px */
    background-color: #ffffff; /* white */
}

/* 2.2 Header */
#Header {
    width: 100%; /* 960px - Set for IE */
    font-size: 0.875em; /* 14px / 16px */
}

    #Header .SectionWrapper {
        width: 100%; /* 960px - Set for IE */
        background-color: #ffffff; /* white */
        padding: 2em 0 1em 0;
    }

/* 2.2.1 Menus - Parent styles for both sub and main menus */
.Menu {
    width: 100%; /* 960px For IE */
    background-image: -ms-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* IE10 Consumer Preview */
    background-image: -moz-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* Opera */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0062A1), color-stop(1, #004E7F)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* Webkit (Chrome 11+) */
    background-image: linear-gradient(to bottom, #0062A1 45%, #004E7F 85%); /* W3C Markup, IE10 Release Preview */
    background-color: #00578E; /* Dark Blue - Fallback Colour */
}

    .Menu ul {
        margin: 0.3em;
    }

        .Menu ul li {
            float: left;
            border-right: solid 1pt #528EB4; /* Pale Blue */
            margin-left: 0.5em;
            padding-right: 0.5em;
        }

            .Menu ul li.Last {
                padding-right: 0;
                border: 0;
            }

    .Menu a {
        color: white;
        text-decoration: none;
    }

/* 2.2.1.1 SubMenu */
#SubMenu {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 0.2em;
}

    #SubMenu ul {
        float: right;
    }

    #SubMenu a {
        font-size: 0.875em; /* 14px / 16px */
    }

        #SubMenu a:hover {
            text-decoration: underline;
        }

/* 2.2.1.2 MainMenu */
#MainMenu {
}

    #MainMenu ul {
        margin: 0;
    }

    #MainMenu li {
        margin: 0;
        padding: 0.5em 0.7em;
    }

        #MainMenu li:hover {
            background-image: -ms-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%);
            background-image: -moz-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%);
            background-image: -o-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #B4CEDC));
            background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%);
            background-image: linear-gradient(to bottom, #FFFFFF 0%, #B4CEDC 100%);
            background-color: #D0E0E9; /* light blue */
        }

            #MainMenu li:hover a {
                color: #0062A1;     /*dark blue*/
            }

    #MainMenu a {
        text-transform: uppercase;
        font-size: 0.875em; /* 14px / 16px */
        font-weight: bold;
    }

/* 2.2.2 Logo */
#Header #Logo {
    width: 35.833333333%; /* 344px / 960px */
    float: left;
    margin-left: 2.083333333%; /* 20px / 960px */
}

#Header #testSite {     /*(NEW)*/
    padding-top: 0.5em;
    color: #FF0000; /*red*/
    font-weight: bold;
}

#Header .HeaderBox {
    float: right;
    width: 25%; /* 240px / 960px */
}

    #Header .HeaderBox img {
        float: left;
        margin-right: 2.083333333%; /* 5px / 240px */
    }

    #Header .HeaderBox a p {
        /*float: left;*/
        margin-left: 24.65116279069767%;    /* 53px / 240px - 35px */
        color: #666666; /* Dark Gray */
    }

    #Header .HeaderBox p span {
        color: #0062A1; /* Dark Blue */
        font-weight: bold;
    }

    #Header .HeaderBox a p span {
        display: block;
        margin-bottom: 0.2em;
    }

/* 2.2.3 Contact */
#Header #Contact {
    margin-right: 2.083333333%; /* 20px / 960px */
    border-right: solid 1pt #CCCCCC; /* Light Gray */
    width: 30.708333333%; /* 170px / 960px */
}

    #Header #Contact a img {
        margin-right: 2.94117647%; /* 5px / 170px */
    }

/* 2.2.4 Register */
#Header #Register {
    margin-right: 1.041666666%; /* 10px / 960px */
    width: 21.875%; /* 210px / 960px */
}

    #Header #Register a {
        display: inline-block;
    }

/* 2.3 Footer */
#Footer {
    width: 100%; /* 960px */
    background: #ffffff; /* white */
}

    #Footer a {
        color: #666666; /* Gray */
        text-decoration: none;
    }

        #Footer a:hover {
            color: #000000; /* black */
            text-decoration: underline;
        }

/* 2.3.1 SocialBar */
#SocialBar {
    width: 100%; /* 940px (-20px padding) / 960px */
    padding: 0.52083333333333em; /* 5px / 960px */
    border-top: solid 1pt #DCDCDC; /* Light Gray */
    border-bottom: solid 1pt #DCDCDC; /* Light Gray */
}

    #SocialBar section {
        float: left;
        width: 25%; /* 235px / 940px */
    }

    #SocialBar a {
        text-decoration: none;
        display: inline-block;
        width: 15em;
    }

    #SocialBar img {
        float: left;
        margin-right: 2.127659574%; /* 5px / 235px */
    }

    #SocialBar p {
        font-size: 0.875em; /* 14px / 16px */
        padding-top: 0.7em;
    }

        #SocialBar p span {
            font-weight: bold;
        }

/* 2.3.1.1 IPhoneApp */
#IPhoneApp p {
    color: #0062A1; /* Dark Blue */
}

/* 2.3.1.2 Twitter */
#Twitter p {
    color: #666666; /* Dark Gray (Twitter Blue fails contrast) */
}

/* 2.3.1.3 YouTube */
#YouTube p {
    color: #C90000; /* Dark Red */
}

/* 2.3.1.4 Flickr */
#Flickr p {
    color: #666666; /* Dark Gray */
}

/* 2.3.2 FooterLinks */
#FooterLinks {
    width: 100%;
    padding: 0.5em 0 0.5em 0.5em;
    font-size: 0.875em;
}

    #FooterLinks img {
        padding-top: 0.5em;
    }

#Legal {
    padding-right: 1em;
    margin: 0.2em 0.2em 0 0;
    float: right;
    text-align: right;
}

/*-------------------------------------------------------------------------------------------
3. CONTENT
-------------------------------------------------------------------------------------------*/

/* 3.1 Forms */
.Form {

}
    
    .Form legend {
        font-weight: bold;
        margin-bottom: 0.5em;
        max-width: 100%;
    }
    
    .Form .Content {
        float: left;
        width: 84%;
    }

    .Form .Buttons {
        float: right;
        width: 13%;
        text-align: center;
        padding: 0;
        margin: 0;
    }

/* 3.2 Buttons */
.Button {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%); 
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #B4CEDC));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #B4CEDC 100%); 
    background-color: #D0E0E9; /* light blue */
    padding: 0.2em 1em;
    color: #00578E; /* dark blue */
    margin-top: 0.5em;
    border: 2px solid #ffffff; /* white */
    font-weight: bold;
    line-height: 1.6em;
}

    .Button:hover {
        text-decoration: underline;
        background-color: #ffffff; /* white */
    }

    .Button:active, .Button:focus {
        outline: none;
    }

.AltButton {
    background-image: -ms-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* IE10 Consumer Preview */
    background-image: -moz-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* Opera */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0062A1), color-stop(1, #004E7F)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* Webkit (Chrome 11+) */
    background-image: linear-gradient(to bottom, #0062A1 45%, #004E7F 85%); /* W3C Markup, IE10 Release Preview */
    background-color: #00578E; /* Dark Blue - Fallback Colour */
    color: #FFFFFF; /*white*/    
}

.ButtonArrow {
    background-image: url(/Images/ButtonArrow.png), -ms-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%);
    background-image: url(/Images/ButtonArrow.png), -moz-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%); 
    background-image: url(/Images/ButtonArrow.png), -o-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%); 
    background-image: url(/Images/ButtonArrow.png), -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #B4CEDC));
    background-image: url(/Images/ButtonArrow.png), -webkit-linear-gradient(top, #FFFFFF 0%, #B4CEDC 100%);
    background-image: url(/Images/ButtonArrow.png), linear-gradient(to bottom, #FFFFFF 0%, #B4CEDC 100%); 
    background-repeat:no-repeat;
    background-position:right center;
    padding-right: 2.2em;
}

.ButtonReporter {
    padding: 0.2em 3em 0.2em 1em;
    float: right;
    margin-right: 1em;
}

.ButtonInline {
    margin-top: 0 !important;
}

.ButtonPanel {
    padding: 0.25em;
    margin: 1em 0;  
    text-align: center; 
}

/* 3.3 Lists */
.Bullets {
    list-style: square;
    padding-left: 1em;
}

.ListBox {
    padding: 1em;
    border: 2pt solid #00578E;
    border-radius: 10px;
    margin-bottom: 1em;
    background: #fafcff;
}

.ListHeader {
    padding-bottom: 0.5em;
    color: #00578E;
    font-weight: bold;
}

.ListBody {
    padding: 1em;
}

/* 3.4 Tab Strips */

.RadTabStrip {
    height: inherit !important;
}

    .RadTabStrip a {
        border: 0 !important;
    }

.MultiPage {
    padding: 1em;
    font-size: 80%;
    background-color: #EEEEEE;
}

.MultiPage h2 {
    margin-top: 0;
}

.MultiPage .borderedBox {
    border: 0;
    color: black;
}

/* 3.5 Content Boxes */
.ContentBox {
    float: left;
    margin: 1.063829787234043%; /* 10px / 940px  (minus 20px padding on main) */
    padding: 1.295744680851064%; /* 15px/ 940px  (minus 20px padding on main) - was 1.595744680851064% */
    width: 30%; /* 261px / 940px  (minus 20px padding on main) */
    background-color: #e7f4ff; /*light blue*/
    border-radius: 0.75em;
    border: 1px solid #c7c7c7;
    max-width: 44%;
    /*min-height:355px;*/
}
    .ContentBox h2 {
        margin-top: 0;
    }

    .ContentBox h2.Image {
        padding-left: 15.32567049808429%;  /* 45px / 261px */
        margin-bottom: 0.5em;
    }

.ContentBox .ContentBox_Inner {
	min-height: 17em;
    padding: 1em;
    background-color: #FFFFFF; /*white*/
    border-radius: 0.75em;
}

    .ContentBox .ContentBox_Inner ul li {
	    margin-bottom: 0.3em;
    }

    .ContentBox .ContentBox_Inner a {
        font-weight: normal;
    }

.characters-left {
	font-style: italic;
}
/* 3.6 Breadcrumb */
#BreadCrumb {
	width: 100%;
	font-size: 0.875em; /* 14px / 16px */
	margin-bottom: 0.5em;
}

    #BreadCrumb li {
        float: left;
    }

/* 3.7 Nav Bar */
.NavBar {
    width: 100%;
    vertical-align: top;
    margin-bottom: 0.5em;
}

    .NavBar .Primary {
        float: left;
    }

    .NavBar .Secondary {
        float: right;
        text-align: right;
    }

    .NavBar ul li {
        float: left;
    }

    .NavBar .Button {
        width: 4em;
        padding: 0.1em;
    }

    .NavBar input, .NavBar select {
        vertical-align: bottom;
        margin: 0 0 0 0.5em;
    }

/* 3.8 Cookie Bar */
#CookieBar {
    width: 100%; /* 960px - Set for IE */
    background-color: #FC8C00;  /*orange*/
    -webkit-border-radius: 0.75em;
    -moz-border-radius: 0.75em;
    border-radius: 0.75em;
    border-bottom: 1px solid #ffffff; /* white */
    margin-bottom: 0.2em;
}

    #CookieBar p {
        color: #000000; /* black */
        font-weight: bold;
        margin: 1em;
    }

    #CookieBar section {
        width: 50%;
        float: right;
        text-align: right;
        padding: 0 1em 1em 0;
    }

    #CookieBar .Button {
        /*border: 1px solid #000000;  black */
        width: 30%;
    }

/* 3.9 Cookie Info */
.CookiesInfo th.Label {
    text-align: left;
    font-weight: bold;
}

.CookiesInfo td {
    border: 1px solid #000;
    padding: 0.5em;
}

/* 3.10 BorderedBox */
.borderedBox {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #c7c7c7;
    background-color: #CFE9FF;
    padding: 1em;
    margin-bottom: 1em;
}

    .borderedBox .borderedBox_Inner {
        padding: 1em;
        background-color: #FFFFFF; /*white*/
        border-radius: 0.75em;
    }

    .borderedBox legend, .borderedBox a {
        font-weight: bold;
    }

    .borderedBox .Button {
        background-image: -ms-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* IE10 Consumer Preview */
        background-image: -moz-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* Mozilla Firefox */
        background-image: -o-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* Opera */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0062A1), color-stop(1, #004E7F)); /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-linear-gradient(top, #0062A1 45%, #004E7F 85%); /* Webkit (Chrome 11+) */
        background-image: linear-gradient(to bottom, #0062A1 45%, #004E7F 85%); /* W3C Markup, IE10 Release Preview */
        background-color: #00578E; /* Dark Blue - Fallback Colour */
        color: #FFFFFF; /*white*/       
    }

    .Button:disabled {
        background: #666666;
        text-decoration: none;
        cursor: not-allowed;
    }

    Select.Data:disabled {
        background: #666666 !important;
        color: #ffffff !important;
        text-decoration: none !important;
        cursor: not-allowed !important;
    }

    select[disabled='disabled']::-ms-value {
        color: #ffffff;
    }

    Input.Data:disabled {
        background: #666666 !important;
        color: #ffffff !important;
        text-decoration: none !important;
        cursor: not-allowed !important;
    }

    input[disabled='disabled']::-ms-value {
        color: #ffffff;
    }

    .borderedBox td {
        vertical-align: top;
    }

    .borderedBox .borderedBox {
        background-color: #FFFFFF;
    }

    .simpleBox {
        width: 85.1063829787234%;   /* 800px / 940px */
        margin: 0 auto 2em auto;
        background-color: #ffffff;
    }

    .simpleBox p {
        margin-bottom: 1em;
    }

/* 3.11 Grids */
.Grid {
    font-size: 0.875em; /* 14px / 16px */
}

    .Grid th, .Grid td {
        padding: 0.25em;
        vertical-align: top;
    }

.GridHeader {
    background: #C4DEF1;    /*light blue*/
    color: #0062a1;     /*dark blue*/
    font-weight: bold;
    text-align: left;
}

.GridItem {
    background-color: #ffffff;  /*white*/
    color: #000000; /*black*/
    border-bottom: 1px solid #C4DEF1;
}

.GridItemAlt, .GridAlt {
    background-color: #E2ECFF;      /*very light blue*/
    color: #000000; /*black*/
    border-bottom: 1px solid #C4DEF1;
}

.GridItem a, .GridItemAlt a, .GridAlt a {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

.GridItem a:hover, .GridItemAlt a:hover {
    text-decoration: none;
}

.GridEmpty {
    color: #FF0000; /*red*/
    vertical-align: middle;
    text-align: center;
    padding: 0.5em;
}

#GridScroll div {
    width:100%; 
    overflow-x:auto;
}

.GridSuppliers {
    font-size: 1em; /* 16px / 16px */
}

table.rgDetailTable.Grid {    
    border-width: 1px 1px 1px 1px;
}

/* 3.12 Portal Message */
#PortalMessage {
    background-color: #CCCCCC; /* Pale Blue */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 1em;
    margin-top: 0.5em;
}

    #PortalMessage h2 {
        font-size: 1.25em; /* 20px / 16px */
        margin-top: 0;
    }

    #PortalMessage a {
        text-decoration: none;
    }

    #PortalMessage a:hover {
        color: #00578e; /*dark blue*/
        text-decoration: underline;
    }

/* 3.13 Error Messages */   /*(NEW)*/

.Error, .error {
	color: #FF0000; /*red*/
}

.ErrorDiv {
    background: #ffffff url('/images/exclaim.gif') no-repeat 1em 0.5em;
    border-radius: 0.75em;
    width: 100%;
    min-height: 40px; /* Hack for IE 6 min-height */
    overflow: hidden;
    margin-bottom: 0.5em;
}

.ErrorDiv p {
    color: #BF0000;
    font-weight: bold;
    padding: 1em 0 0 4em;
}

.ErrorDiv ul {
    list-style-type: none;
    margin-left: 0;
    font-size: 11pt;
}

.ErrorDiv ul li {
    padding: 1em 0 0.5em 4em;
    background: transparent;
}

.ErrorDiv ol {
    list-style-type: decimal;
    padding-left: 2.5em;
    font-size: 11pt;
}

.ErrorDiv ol li {
    padding: 0.5em 0;
    color: #BF0000;
}

.ErrorDiv a {
    font-weight: bold;
    text-decoration: underline;
    color: Red;
}

.SuccessDiv {
    background: #CCE6A7 url('/images/Success.jpg') no-repeat 1em 0.5em;
    border-radius: 0.5em;
    width: 100%;
    margin-bottom: 0.5em;
}

.SuccessDiv div {
    padding: 1em 3.5em;
}

.ErrorMessage
{
    color: #C10000;
}

/* ErrorBar V3 Styles */

div.ErrorBar {
    padding: 0.5em 1em;
    background: #FCEBEB url('/images/Error 2.png') no-repeat 1em 1em;
    background-size: 4%;
    border: 2px solid #D90000;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-bottom: 1em;
}

    div.ErrorBar p {
        color: #D90000;
        font-size: 119%;
        margin-left: 3em;
        margin-bottom: 0.5em;
        font-weight: bold;
    }

    div.ErrorBar ol {
        margin-left: 3em;
    }

        div.ErrorBar li {
            margin-bottom: 0.5em;
        }

    div.ErrorBar a {
        color: #111111;
        text-decoration: underline;
    }

    .ErrorField {
	    border: 2pt solid #D90000;
	    margin: 0;
	    padding: 0.4em;
    }

    .ErrorField:focus {
	    border: 2pt dotted #D90000 !important;
	    margin: 0;
	    padding: 0.4em;
    }

    /* Depreciated - use .ErrorField */
    .ErrorTextbox {
	    border: 2pt solid #D90000;
	    margin: 0;
	    padding: 0.4em;
    }

    .ErrorTextbox:focus {
	    border: 2pt dotted #D90000;
	    margin: 0;
	    padding: 0.4em;
    }

    /* End Depreciated */

/* End ErrorBar V3 */


/* 3.14 Miscellaneous */
.required {
	color: #BF0000; /*red*/
}

.hidden {
	display: none;
}

.AtoZ li {
    float: left;
    padding: 0.2em;
}

/* 3.15 Images */
.CaseStudyImageFull {
    float: right;
    margin: 0 0 1em 1em;
}

/* 3.16 Loading panel */
.LoadingDiv
{
    background-color: #CEE8AA;
    width: 100%;
    margin-bottom: 1em;
    display: none;
    overflow: hidden;
    margin-top: 0.2em;
}

	.LoadingDiv div {
		padding: 1.5em 4em;
		background: url('/Images/spinner.gif') no-repeat -125px 50%;
	}


/*-------------------------------------------------------------------------------------------
4. ACCESSIBILITY
-------------------------------------------------------------------------------------------*/

/* 4.1 Select Statements */

Input {
    cursor: pointer;
}

    Input[type="text"], Input[type="password"], textarea {
        cursor: text;
        padding: 2px;
    }

        Input[type="image"]:focus, Select:focus, Input[type="text"]:focus, Input[type="password"]:focus, textarea:focus {
            border: 1px dotted #005596; /* TODO: Set color*/
        }

    Input[type="submit"]:focus, Input[type="button"]:focus {
        border: 2px dashed #005596; /* TODO: Set color*/
    }

        .borderedBox Input[type="submit"]:focus, Input[type="button"]:focus {
            border: 2px dashed #d5e3ec; /* TODO: Set color*/
        }

    Input[type="submit"].SubButton:focus, Input[type="button"].SubButton:focus {
        border-color: #005596; /* TODO: Set color*/
    }

        .borderedBox Input[type="submit"].SubButton:focus, Input[type="button"].SubButton:focus {
            border: 2px dashed #d5e3ec; /* TODO: Set color*/
        }

    Input[type="submit"]:focus::-moz-focus-inner, Input[type="button"]:focus::-moz-focus-inner, Input[type="image"]:focus::-moz-focus-inner, Select:focus::-moz-focus-inner, Input[type="text"]:focus::-moz-focus-inner {
        border: 1px dotted #00AEEF; /* TODO: Set color */
    }

    Input[type="radio"]:focus, Input[type="checkbox"]:focus, Input[type="file"]:focus {
        outline: 1px dotted #005596; /* TODO: Set color*/
    }

        Input[type="radio"]:focus::-moz-focus-inner {
            border: 1px dotted #00AEEF; /* TODO: Set color*/
        }

.VerticalAlignTop { vertical-align:top; }
.HorizontalAlignCentre { text-align: center; }
.HorizontalAlignLeft { text-align: left; }
.BorderSpacing { border-spacing: 0; }
.CellPadding2 { padding:2px; }
.CellPadding3 { padding:3px; }
.CellPadding5 { padding:5px; }
.BorderNone { border: none; }

/*
TELERIK
*/

a.rtsLink
{
	border: 0;
	font-size: 110%;
}

a.rtsLink:focus {
    border: 1px dashed #000000 !important;
}

.rgWrap Input[type="submit"]:focus, .rgWrap Input[type="button"]:focus
{
    border:1pt dashed #000;
}

.RadTreeView_Skin_Telerik .rtHover .rtIn {
	background-image: url("../Skin_Telerik/TreeView/ItemHoveredBg.png") !important;	
}

.RadTreeView_Skin_Telerik .rtSelected .rtIn {
	background-image: url("../Skin_Telerik/TreeView/ItemSelectedBg.png") !important;
}

input[disabled='disabled']::-ms-value {
    color: #545454;
}