/* ---------- General / Global CSS styles ---------- */

body 
{
	font-family:  "Arial","Helvetica",sans-serif;
	background: #fff;
	padding: 0 0 0px;
	background-repeat:repeat-x;
	
}

p
{
	margin-top:10px;	
	margin-bottom:10px;	
}

.container_12,
.container_16 {
	background:#fff;	
}

/* Main TNS body text colour */ 
body, select, input, textarea { color:#556269;}

/* LINKS */
a, a:active, a:visited { color:#317EDC; }
a:hover { color:#404A4F; }
/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #317EDC; } 

/* Heading links */
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited
{
    text-decoration: underline;
}
h2 a:link, h2 a:visited {color: #404A4F;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover  
{
    color: #404a4f;
}

/* Headings */
h1,h2,h3,h4,h5,h6 
{
    font-weight: bold;
    /*text-rendering: optimizeLegibility;*/
    font-family: "Trebuchet MS", "Verdana", "Arial","Helvetica",sans-serif;
    margin:4px;
    margin-left:0px;
    line-height: 1.3em;
    letter-spacing: -1px;  
    clear: both;  
}

h1 
{
    font-size: 2.0em;
    line-height: 1.3em;
    letter-spacing: -1px;
    color: #317EDC;
    clear: both;
}
h1 a {
	font-weight:normal;
}
h1 span.sub-color {color: #A6ADB0;}

h2 {font-size: 1.8em;color: #404A4F;}
h3 {font-size: 1.6em;color: #317EDC;}
h4 {font-size: 1.4em;color: #317EDC;}
h5 {font-size:1.3em;}

h6 {font-size:1.2em; }

/*p 
{
    margin: 0 0 0.8em 0;
    font-size:12px; line-height:18px;
    clear: both;
}
*/
blockquote 
{
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	border-left:4px solid #ccc;	
    background: #ebebeb;
    width: 300px;
    margin: 1em;
    padding: 1em 1em 0.5em 1em;
    border-left: 2px solid #317edc;
}
blockquote .quotee 
{
    font-style: italic;
}

hr 
{
    display:block;
    height:1px; 
    border:0; 
    border-top:1px solid #cdd3d6; 
    margin:1em 0; 
    padding:0; 
}

dl { margin: 0 0 1em 10px; }
dl dt {font-weight: bold;}
dl dd {margin-left: 2em;}
ul { margin: 0 0 1em 30px; }
ol { margin: 0 0 1em 30px; list-style-type: decimal; }

dl a:link, dl a:visited, ul a:link, ul a:visited, ol a:link, ol a:visited 
{
    text-decoration: none;
}

small { font-size: 85%; }

strong, th { font-weight: bold; }

.table td, .table td img { vertical-align:top; }

pre { padding: 15px; }

/* These selection declarations have to be separate. No text-shadow. */
::-moz-selection{ background: #317EDC; color:#fff; text-shadow: none; }
::selection { background:#317EDC; color:#fff; text-shadow: none; }



/* ---------- GENERAL STYLES CLASSES ---------- */

.bold {font-weight: bold;}

.highlight {background: #fff799;}

fieldset .highlight {background: #e2ebf0;color:#6d665c;}

.blue {color: #317edc;}
.turquoise-blue, .turquoiseBlue {color: #3ca8e9;}
.light-blue, .lightBlue {color: #e2ebf0;}
.bg-grey, .bgGrey, .BGgrey {color: #cdd3d6;}
.text {color: #556269;} /* grey */
.red {color: #c41230;}
.green {color: #459f37;}

.required {font-weight: normal;}





.global-nav
{
	
}
 /* ---------- MAIN LAYOUT STYLES ---------- */

#container /* Master container with set width and to centralise pages */
{
    position: relative;
    width: 960px;
    margin: 20px auto 0 auto;
    padding: 0 0 0 0;
    overflow: hidden;
    min-height: 800px;
}

.center, .centre {margin-right: auto; margin-left: auto;}

.left {float: left;}

.right {float: right;}

.group {overflow: hidden; zoom: 1;}
body.ie6 .group {zoom: 1;}

.inline {display:inline;}

.inline-block {display: inline-block;}

.clear, .clear-both {clear: both;}
.clear-left, .clearLeft {clear: left;}
.clear-right, .clearRight {clear: right;}
.clear-none, .clearNone {clear: none;}

.breadcrumb 
{
    margin: 0em 0 0em 0; 
    color: #317edc; 
    clear: both;
    padding: 0 0 0 0;
    background-color : #ffffff;
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    border-radius : 0px;
}

.breadcrumb a
{
        font-size:-.9em;
    }
.group .breadcrumb 
{
    margin-top: 0;
}
.breadcrumb a:link, .breadcrumb a:visited 
{
    color: #556269; 
    text-decoration: underline;
}
.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active 
{
    text-decoration: underline;
}

/* Brand */
#brand 
{
    position: relative;
    margin-top:15px;
}
#brand img.tns-logo {margin-bottom:20px;margin-top:20px;height:38px;}
#brand h1 {
    color: #999999;
    font-size: 17px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.01em;
    margin: -5px 0 0 0;
    margin-left:5px;
	padding: 0;
}
#brand h1 a:link, #brand h1 a:visited 
{
    color: #999;
    text-decoration: none;
}
#brand h1 a:hover, #brand h1 a:focus, #brand h1 a:active 
{
    color: #999;
    text-decoration: none;
    border: 0;
}


/* Sign in */
#signinDetails 
{
	background-color:#E2EBF0;
	margin:0px;
	padding:4px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	height:20px;
    text-align: right;
    font-weight:normal;
    background-image:url('menus/horiz-dropdown-bg-lighter.gif');
    background-repeat:repeat-x;
	position: relative; left: 0px; top: 14px;
	white-space:nowrap; 
	float: right; 
	text-align: left;
	margin-right: 10px;    
}
#signinDetails p.user {	font-size:10px;margin:0px;margin-top:2px;}
#signinDetails .signInOut {}
#signinDetails a:link, #signinDetails a:visited 
{
    text-decoration: none;
}

/* Search bar */
#searchbar{padding-bottom: 4px;}
body.ie6 #searchbar {text-align: right;padding-bottom: 4px;}
#searchbar form 
{
    background: transparent; 
    _margin: 0px; 
    padding: 0;
}
body.ie6 #searchbar form {width: 300px;}
#searchbar input 
{
	background: url("misc/search.gif") no-repeat;  
    border: 0; 
    width: 128px; 
    height: 22px; 
    padding: 0 10px;
    line-height: 22px;
}
body.ie6 #searchbar input, body.ie7 #searchbar input {margin-top: -2px;}
#searchbar button 
{
	background: transparent; 
	background-image:none;
    border: 0; 
    color: #fff; 
    height: auto;
    width:auto; 
    padding: 0; 
    margin: 0 0 0 4px; 
    font-weight: normal;
}

/* Footer */
#footer 
{
    border-top:1px solid lightgrey;
    padding: 3px 0 0 0;
    margin: 2em 0 0 0;
    clear: both;
}
#footer .inner {
    color:gray;
    padding: 15px 15px 20px 15px;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    font-size:smaller;
    justify-content:space-between;
}
#footer ul 
{
    display: inline-block;
    text-align: center;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	_width: 715px;
}
#footer  ul li
{
    display: inline;
    color:gray;
    margin: 0 2em;
}
#footer  ul li a:link, #footer  ul li a:visited {color: #317edc; text-decoration: none;}
#footer  ul li a:hover, #footer  ul li a:focus {color: #317edc; text-decoration: underline;}
#footer h3.logo {
    width: 38px;
    height: 38px;
    background: url("misc/TNS-footer-logo.png") no-repeat;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


/* ---------- FORMS ---------- */
body.ie6 form.halfWidth {overflow: hidden;}

span.errorMessage {
    color:#C41230;
    float:right;
}





/* Specific feedback layout styles */

fieldset.halfWidth form p.warning, fieldset.halfWidth form p.information, fieldset.halfWidth form p.error {width: 355px;} /* fieldset.halfWidth */
form.halfWidth p.warning, form.halfWidth p.information, form.halfWidth p.error {width: 355px;} /* form.halfWidth */

/* Superfish menus -- additional styles */
.sf-menu 
{
	position:relative;
	top:-1px;
	background: #e2ebf0 url("menus/horiz-dropdown-bg-lighter.gif") repeat-x;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border:1px solid #d2e1e8;	
}

/* Header nav links */
ul#headNavLinks 
{
    text-align: right;
    margin-right: -0.5em;
    margin-top:35px;
}
ul#headNavLinks li 
{
    display: inline;
}
ul#headNavLinks li a:link, ul#headNavLinks li a:visited 
{
    color: #556269;
    font-weight: bold;
    font-size: 1.1em;
    padding: 0.5em;
}
ul#headNavLinks li.current a:link, ul#headNavLinks li.current a:visited, ul#headNavLinks li.current a:hover, ul#headNavLinks li.current a:focus 
{
    color: #317edc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
ul#headNavLinks li a:focus, ul#headNavLinks li a:hover, ul#headNavLinks li a:active 
{
    color: #556269;
    text-decoration: underline;
}
ul#headNavLinks li.downloadnow a:link, ul#headNavLinks li.downloadnow a:visited, ul#headNavLinks li.downloadnow a:hover, ul#headNavLinks li.downloadnow a:focus 
{
	background: url("icons/16/down_16.png") no-repeat right center;
	padding-right: 20px;
	margin-right: 0.5em;
	color: #459f37;
}
#searchbar.navLinks 
{
    position: absolute;
    top: 0;
    right: 170px;
}

/* Vertical expanded list menu */
ul.vertical-expanded-list-menu 
{
    float: left;
    margin: 0 0em 0em 0;
    width: 100%;
}
ul.vertical-expanded-list-menu-scrollable {
	width: 300px !important;
	overflow-y: scroll;
}
ul.vertical-expanded-list-menu ul, ul.vertical-expanded-list-menu li {list-style: none; margin: 0; padding: 0;}
ul.vertical-expanded-list-menu li {background: #e2ebf0; font-weight: bold; border-top: 5px solid #fff;} /* level 1 */
body.ie6 ul.vertical-expanded-list-menu li {border-bottom: 1px solid #fff;}
ul.vertical-expanded-list-menu li li {background: #fff; font-weight: normal; border-bottom: 1px solid #d3d6d7; padding-bottom: 0.5em;} /* level 2 */
ul.vertical-expanded-list-menu li li li {background: #fff; padding-left: 2em; border-bottom: 0; padding-bottom: 0; font-style: italic;} /* level 3 */
body.ie6 ul.vertical-expanded-list-menu li li li {display: inline-block;}
ul.vertical-expanded-list-menu li.current a:link, ul.vertical-expanded-list-menu li.current a:visited {color: #317edc;}
ul.vertical-expanded-list-menu li.current li a:link, ul.vertical-expanded-list-menu li.current li a:visited {color: #556269;}
ul.vertical-expanded-list-menu li.current li.current a:link, ul.vertical-expanded-list-menu li.current li.current a:visited {color: #317edc;}
ul.vertical-expanded-list-menu li.current li.current li a:link, ul.vertical-expanded-list-menu li.current li.current li a:visited {color: #556269;}
ul.vertical-expanded-list-menu li.current li.current li.current a:link, ul.vertical-expanded-list-menu li.current li.current li.current a:visited {color: #317edc;}
ul.vertical-expanded-list-menu a.current:link, ul.vertical-expanded-list-menu a.current:visited {color: #317edc !important;} /* in case .current class is applied to link */

ul.vertical-expanded-list-menu li a:link, ul.vertical-expanded-list-menu li a:visited 
{
    color: #556269;
    padding: 0.3em 0.8em; 
    display: block;
    text-decoration: none;
}
ul.vertical-expanded-list-menu li a:focus, ul.vertical-expanded-list-menu li a:hover, ul.vertical-expanded-list-menu li a:hover 
{
    background: #e3e3e3;
}  

/* Step menu */
ul.step-menu 
{
    margin: 0 0 2em 0;
    padding: 0;
    background: #e2ebf0;
    overflow: hidden;
    width: 100%;
}
ul.step-menu li 
{
    display: inline;
    float: left;
    padding: 1em;
}
            
ul.step-menu li em {font-style: normal; font-weight: bold;}
            
ul.step-menu li a:link, ul.step-menu li a:visited {text-decoration: none;}
ul.step-menu li a:link em, ul.step-menu li a:visited em {text-decoration: underline;}
ul.step-menu li a:focus, ul.step-menu li a:hover, ul.step-menu li a:active {text-decoration: underline;}
            
ul.step-menu li.done {background: #317edc;}
ul.step-menu li.done, ul.step-menu li.done a:link, ul.step-menu li.done a:visited {color: #215696;}
            
ul.step-menu li.current {background: #3ca8e9;}
ul.step-menu li.current, ul.step-menu li.current a:link, ul.step-menu li.current a:visited {color: #fff;}
                        
ul.step-menu li.to-do {background: #e2ebf0;}            
ul.step-menu li.to-do, ul.step-menu li.to-do a:link, ul.step-menu li.to-do a:visited {color: #a7adb1;}

ul.step-menu li.next {background: #e2ebf0 url('misc/step-arrow.png') left center no-repeat; padding-left: 2em; margin-left: -1em;}
ul.step-menu li.next, ul.step-menu li.next a:link, ul.step-menu li.next a:visited {color: #a7adb1;}


/* Tooltips */

.tooltip 
{
    /* element that triggers tooltip, not the tooltip itself */
}
.tooltipElement 
{
    background: #3ca8e9;
    color: #fff;
    padding: 0.3em 0.5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #666 0 0 5px;
	-moz-box-shadow: #666 0 0 5px;
	box-shadow: #666 0 0 5px;
}
body.ie6 .tooltipElement, body.ie7 .tooltipElement, body.ie8 .tooltipElement {behavior: url(content/js/lib/shim/PIE.htc);}

/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { _display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

.page-break { display:none; }

.print {display: none;}

.noprint {display:block;}


.rounded-top
{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius:5px 5px 0px 0px;
}

.rounded-bottom
{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius:0px 0px 5px 5px;    
}

.rounded-all
{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
}
.global-nav-wrapper{width:100%;border-top:1px solid #404a4f;border-bottom:1px solid #cdd3d6;height:30px;}
.global-nav{position:relative;height:30px;background-color:#317edc;border:1px solid #104d95;border-top:0px;margin-bottom:2px;border-radius:0px 0px 5px 5px;behavior: url(content/js/lib/shim/PIE.htc);	-moz-box-shadow: 0 2px 0 #A6ADB0; 
	-webkit-box-shadow:0 2px 4px #A6ADB0;
	box-shadow: 0 1px 2px #A6ADB0;}
	
.vertical
{
	width:28px;
	height:28px;
	position:relative;
	margin-right:5px;
	top:-1px;
	padding:2px;
	color:White;
	text-transform:uppercase;
	font-size:.7em;
	text-decoration:none;
	font-weight:bold;
	vertical-align:top ; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 3px 4px #A6ADB0; 
	-webkit-box-shadow:0 3px 4px #A6ADB0;
	box-shadow: 0 3px 4px #A6ADB0;  
	background-color:#f5f5f5;
	behavior: url(content/js/lib/shim/PIE.htc);
 }
.vertical:hover
{
	
}
.local-nav-wrapper
{
	width:100%;
	margin-bottom:10px;
	border-top:1px solid #d2e1e8;
}

p.user
{
	font-size:1.2em;
	font-weight:bold;
}

.searchbar
{
	position:relative;
	margin-right:5px;
	float:left;
	height:23px;
	padding:3px;
	padding-left:3px;
	margin-top:0px;
	padding-right:2px;
	display:inline-block;
	background-color:white;
	border:1px solid #DFDFDF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;        	   
	-moz-box-shadow: 0 3px 4 #A6ADB0; 
	-webkit-box-shadow:0 3px 4px #A6ADB0;
	box-shadow: 0 3px 4px #A6ADB0;
	behavior: url(content/js/lib/shim/PIE.htc);
}

.searchbar input, .searchbar form
{
	margin-bottom:0px;	
}

.payments{background-color:#009DDC;float:left;}
.telecom{background-color:#0054A4;float:left;}
.financial-services{background-color:#00AE9E;float:left;}

.active-vertical, .active-vertical:hover{}

.bg-primary-0{background-color:#fff;}
.bg-primary-1{background-color:#15436D;}
.bg-primary-2{background-color:#23599C;}
.bg-primary-3{background-color:#3CA8E9;}
.bg-primary-4{background-color:#E2EBF0;}
.bg-primary-5{background-color:#C6CDD1;}

.bg-secondary-1{background-color:#404a4f;}
.bg-secondary-2{background-color:#556269;}
.bg-secondary-3{background-color:#cdd3d6;}

.fg-primary-0{color:#000;}
.fg-primary-1{color:#15436D;}
.fg-primary-2{color:#255C92;}
.fg-primary-3{color:#3CA8E9;}
.fg-primary-4{color:#E2EBF0;}
.fg-primary-5{color:#C6CDD1;}
.fg-secondary-0{color:#fff;}
			 
.fg-secondary-1{color:#404a4f;}
.fg-secondary-2{color:#556269;}
.fg-secondary-3{color:#cdd3d6;}
.the-icons {
  margin-left: 0;
  list-style: none;
}

.global-nav > div
{
	position: relative; left: 0px; top: 14px; white-space: nowrap; padding-left: 10px;padding-right: 10px;
}
/* END */