﻿body {
    font-size: 90%;
    color:  #001f45;    
    margin: 0 auto;
    font-family: Arial;
    overflow-y: scroll;
    width: 1000px;
    font-family: idealSansBook, Mukta, Trebuchet, sans-serif;
}

/* global classes */
    img {border:0;}
    .sitRight {float: right;}
    .sitLeft {float:left;}
    .bold {font-weight:bold;}
    .textCtr {text-align: center;}   
    .legals {font-size:80%;}
    .hidden {display:none;}
    #left, #right { display: table-cell; }
    #left { width: 50%; padding-right: 10px; }
    #right { padding: 20px 0px 0px 20px; }
    .Hide { display: none; }
    .formLeft { width: 15%; padding-top: 4px; height: 20px; margin-bottom: 4px; float: left; display: inline-block; }
    .formRight { width: 84%; height: 24px; margin-bottom: 4px; float: right;  display: inline-block; }

/* bacs page headers*/ 
    .pageImgHeader {width:1000px; height:180px;  background-image:url('./images/Page_Header_0516.jpg'); background-repeat:no-repeat;}
    .pageImgHeader img {position:absolute; left:15px; top:45px;}

/* links should be blue throughout site */
	body a {color:#196ef7; text-decoration:none;}
    body a:hover { color: #196ef7; text-decoration: underline;}
    body a:active {color: #196ef7;}

/*buttons*/
    .actionButton {border:0; padding:10px; background:#036cb6; color:#fff !important; display:inline-block; text-align:center;}
    .actionButton:hover {text-decoration:none; background:#4f97c9;}
    .actionButton:focus {text-decoration:underline;}
    .actionButton:active {text-decoration:none; background:#13437e;}

/* lists */
    ul li {margin-bottom:10px; padding:5px; width:90%;}
    ul li > ul li {list-style-type:disc;}

/*search*/
	.search {position:relative; top:-5px; height:20px; padding:5px; border:0;}


/* margins */
	.margT5 {margin-top:5px;}
    .margT10 {margin-top:10px;}
    .margT15 {margin-top:15px;}
    .margT20 {margin-top:20px;}
    .margT25 {margin-top:25px;}
    .margB10 {margin-bottom:10px;}
    .margB30 {margin-bottom:30px;}
/*padding*/
    .padT5 {padding-top:5px;}
    .padT10 {padding-top:10px;}
    .padT30 {padding-top:30px;}
    .padL5 {padding-left:5px;}
    .padL15 {padding-left:15px;}
    .padL20 {padding-left:20px;}
    .padR5 {padding-right:5px;}
    .padR15 {padding-right:15px;}
/*widths px*/
    .setW100 {width:100px !important;}
    .setW120 {width:120px !important;}
    .setW190 {width:190px !important;}
    .setW400 {width:400px !important;}
/*widths %*/
    .setW20pc {width:20% !important;}
    .setW30pc {width:30% !important;}
    .setW45pc {width:45% !important;}
    .setW50pc {width:50% !important;}
    .setW90pc {width:90% !important;}

/* page content holders */
	.theContent {display:block; position:relative; top:0; width:100%; margin-bottom:15px; float:left; background:#fff;} 
	.theContent h1 img {margin: 0 0 5px 0;}
    .theContent h1  {margin: 0; font-size:160%; font-weight:normal;}
    .theContent h1 span {margin:15px 0 !important; display:block;}
    .theContent h2 { margin: 15px 0; font-size:150%; font-weight:normal;}
    .theContent h3 { margin: 15px 0; font-size: 130%; font-weight: normal;}
    .contentWithModules#newTheme  h2 { color: #036cb6; }
    .contentWithModules { width: 77%; float: left; margin-top: -14px; }
	
/* ACCESSIBILITY LINKS ONLY SHOW ON FOCUS */
	#skip{position: absolute; left: 0; top: -2px; margin-left: 0; text-align: center; list-style: outside none;}
	#skip li{ list-style-type: none }
	#skip a{position: absolute;	left: -99999px;	top: 0px;}
    #skip a:focus, #skip a:active {
            position: absolute;
            left: 0;
            top: -12px;
            z-index: 9999;
            width: 225px;
            height: 20px;
            padding: 6px;
            color: #fff;
            background-color: #196ef7;
            border: 0;
            text-align: left;
        }
	.accessibility {position: absolute; left: -99999px; height: 10px; width: 10px}
		
/* ROUNDED CORNERS */
	.radiusAll {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url('../content/PIE/PIE.htc');}
	.radiusEnd {-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; behavior: url('../content/PIE/PIE.htc');}
	.radiusTop {-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; behavior: url('../content/PIE/PIE.htc');}
	
    .radiusTopL {behavior: url('../content/PIE/PIE.htc'); -webkit-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; }
	.radiusTopR {-webkit-border-radius: 0 6px 0 0; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; behavior: url('../content/PIE/PIE.htc');}
	.radiusEndR {-webkit-border-radius: 0 0 6px 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; behavior: url('../content/PIE/PIE.htc');}
	.radiusEndL {-webkit-border-radius: 0 0 0 6px; -moz-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; behavior: url('../content/PIE/PIE.htc');}
	
/* placeholder styles */
    /* fallback class for browsers that don't support the placeholder attribute */
    .watermark {color: #999; text-align: center;}
    /* WebKit and Blink (Safari, Google Chrome, Opera 15+) */
    ::-webkit-input-placeholder {color: #999; text-align: center;}
    /* Firefox 18- */
    :-moz-placeholder {color: #999; text-align: center;}
    /* Firefox 19+ */ 
    ::-moz-placeholder {color: #999; text-align: center;}
    /* IE 10+ */ 
    :-ms-input-placeholder {color: #999; text-align: center;}
	    
/*popups*/
    .ui-widget-overlay { opacity: 0.7;}
    .ui-dialog {border-radius:0; border:solid 2px #036cb6;; background-color: #fff !important; padding:0px;}
	.ui-dialog .ui-dialog-content{background-color: #fff;}
	.ui-dialog .ui-dialog-titlebar {display:none;}
	.ui-dialog-buttonpane {border:none; background-color: #fff; position:absolute; top:-20px; right:0px; width:120px; height:30px; padding: 0px; margin:0px;}
	.ui-dialog .ui-button {color:#454545; background-color: #fff; background:transparent; border:none; border-radius:0;  padding: 0px; margin:0px; font-weight: normal; font-size: 90%; }
     
/*cbs style accordion not JQuery*/
    .accordionHolder {padding-left:0; margin:20px 0; width:100%;}    
    .accordionHolder > div h2 {color:#036cb6; font-size: 120%; padding:10px 0 5px 0; margin:7px 0; position:relative;}
    .accordionHolder > div h3 {color:#000; font-size: 100%; padding:10px 0 5px 0; margin:7px 0; font-weight:bold; position:relative;}
    .accordionHolder > div {border-bottom:1px solid #ccc; position:relative; display:block; padding-bottom:5px;}
    .accordionHolder > div > p {width: 65%;}
    .accordionHolder > div > div  {padding:20px 0; background-color:#f4f4f4; position:relative; top:10px; border-radius:8px 8px 0 0;}
    .accordionHolder > div > div h3 {padding-left:10px; margin-bottom:0; margin-top:0; font-size: 110%;}
    .accordionHolder > div > div > div.showPanel  {border-left:1px solid #036cb6; margin:0; padding:10px; }    
    .accordionHolder > div > div div.showArrow {background-image:url('./images/icons/greyarrow.png'); background-repeat:no-repeat; position:absolute; top:-23px; right:18px;  height:25px; width:50px;}
    .accordionHolder > div > div p  {margin:0; padding:10px; width:95%; }
    .accordionHolder > div > div.prodMulti h3 {margin-left:0; padding-left:0; color:#000; font-weight:bold;}
    .accordionHolder > div > div.prodMulti p { padding-left:0; }
    .accordionHolder > div a.openCBSAccordionPanel {width:97%; position:absolute; color:#036cb6; font-weight:bold; text-align:right; padding: 3px 30px 5px 0; right:0px; top:8px; background-color:transparent; background-image:url('./images/Icons/Open-Accordion-Outer.gif'); background-repeat:no-repeat; background-position:right top;}
    .accordionHolder > div a.openCBSAccordionPanel:hover {cursor:pointer; text-decoration:none; color:#4f97c9; background-image:url('./images/Icons/HoverOver-Accordion-Outer.gif'); }
    .accordionHolder > div a.closeCBSAccordionPanel {width:97%; position:absolute; color:#13437e; font-weight:bold; text-align:right; padding: 5px 30px 5px 0; right:0px; top:8px; background-color:transparent; background-image:url('./images/Icons/Close-Accordion-Outer.gif'); background-repeat:no-repeat; background-position:right top;}
    .accordionHolder > div a.closeCBSAccordionPanel:hover {text-decoration:none;}
    .accordionHolder > div > div ul {margin-left:-15px;}
    .accordionHolder > div > div > div.showPanel ul li > ul {margin-top:15px;}
    .accordionHolder > div > div > div.showPanel ol li  {margin-bottom:15px;}
    /*accordion with chevron*/
    .chevronAccordion h3 {font-weight:normal !important; margin:0 0 0 20px !important; background-image:url('./images/Icons/BulletIcon.png'); background-repeat:no-repeat; background-position:left center; padding:5px 5px 5px 20px !important; cursor:pointer; }
    .chevronAccordion p {margin:0 0 0 32px !important; width:93% !important;}
    /*global accordion style - JQuery overrides*/
    .ui-accordion {font-size:100%;}
    .ui-accordion .ui-accordion-header { font-weight:bold; background:#fff; color:#036cb6; border:0; border-bottom:1px solid #ccc; padding:10px 0;}
    .ui-accordion .ui-accordion-header:hover {color:#4f97c9;}
    .ui-accordion .ui-accordion-header:active {color:#13437e;}
    .ui-accordion h3 { background:transparent; border:0; border-bottom:1px solid #ccc; border-radius:0; padding:15px 0 10px 35px;}
    .ui-accordion h3.ui-accordion-header-active  {color:#13437e;}
    .ui-accordion-content {background:#f9f9f9; border:0; padding-left:15px;}
    .ui-accordion .ui-icon {background-image:url('./images/Icons/Open-Accordion-outer.gif'); background-position:left top; background-color:transparent; height:25px; width:25px;}
    .ui-accordion .ui-accordion-header-active .ui-icon {background-image:url('./images/Icons/Close-Accordion-outer.gif'); background-position:left top; background-color:transparent; height:25px; width:25px;}
	/*inneraccordion*/
    .ui-accordion .innerAccordion h3 {background-color:transparent; color:#036cb6; border-bottom:1px dotted #ccc; width:98%; padding:8px 0 8px 35px;  font-weight:normal;}
    .ui-accordion .innerAccordion .ui-accordion-header { font-weight:bold; background:#fff; color:#036cb6; border:0; border-bottom:1px solid #ccc; padding:10px 0 10px 10px;}
    .ui-accordion .innerAccordion .ui-accordion-header:hover {color:#4f97c9;}
    .ui-accordion .innerAccordion .ui-accordion-header:active {color:#13437e;}
    .ui-accordion .innerAccordion .ui-accordion-header-active {color:#13437e;}
    .ui-accordion .innerAccordion .ui-accordion-content {padding:0;}
    .ui-accordion .innerAccordion .ui-icon {background-image:url('./images/Icons/Open-Accordion.gif'); background-position:left; background-color:transparent; height:19px; width:20px;}
    .ui-accordion .innerAccordion .ui-accordion-header-active .ui-icon {background-image:url('./images/Icons/Close-Accordion.gif'); background-position:left top; background-color:transparent; height:19px; width:20px;}
    .ui-accordion .ui-accordion-content a {color:#036cb6; text-decoration:none;}
    .ui-accordion .ui-accordion-content a:hover {color:#4f97c9; text-decoration:underline;}
    .ui-accordion .ui-accordion-content a:active {color:#13437e;}
    .ui-accordion .ui-accordion-content table tbody td {vertical-align:top;}
    .ui-accordion .ui-accordion-content table tbody td ul {margin-left:-15px;}
    .ui-accordion .ui-accordion-content ul li {list-style-type:disc;}
    .ui-accordion .ui-accordion-content table tbody td.textMiddle {vertical-align:middle;}

/*default tables*/
    table {width:100%;  border-collapse:collapse; margin:20px 0 30px 0; padding:0;}
	table th {margin:0; position:relative; background-color:#C7C8CA; color:#1d1d1b; text-align:left;  padding:10px 5px; font-size:90%; border:1px solid #e1e1e1; }
	table td {margin:0;  padding:5px; border:1px solid #d6d3d3;}
	table tbody tr:nth-child(even) {background: #E1E1E1;}
	table tbody tr:nth-child(odd) {background: #FFF}
    table.amendTableLayout tbody td p  {padding-left:3px;}

 /* error */
    .errorSection { padding-top: 1em; }
    .errorSection h1, .errorSection h2 { color: #036cb6; font-weight: bold; }
    .errorSection h1 { font-size: 2em; }
    .errorSection ul li { margin: 0; }

/* cookie panel */
    #optoutCookie{padding-left:15px; color:white;}
    .acceptCookieBtn{font-size: 100%;}
    .cookies table tbody td p {  padding-left: 3px; }

/*promptLiveChat*/
    #promptLiveChat{
        display:none;
        position:fixed;
        bottom: 25em;
        right: 40px;
        width:300px;
        height:150px;
        background-color: #21A6DF;
        color: #fff;
        text-align: center;
        z-index:6666;
    }
    #promptLiveChat .button {
        background-color: #fff;
        color: #283961;
        width: 100px;
        padding: 12px 0px 12px;
        margin-top: 5px;
        display: inline-block;
        font-weight: 700;
    }
    #promptLiveChat #closePrompt{
        color: #fff;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 5px 10px;
    }
    #promptLiveChat #closePrompt:hover{
        text-decoration: none;
        color: #fff;
        cursor:pointer;
    }
    #promptLiveChat .button:hover {
        text-decoration: none;
        color: #283961;
        cursor:pointer;
    }
    .FAQtext a{
        color:#fff;
        text-decoration: underline;
    }
    .FAQtext a:hover{
        color:#fff;
    }