/** Customisations to the bootstrap.css **/
#skiplinks {
	font-size: 1em;
	margin: 0 0 0 -2000px;
	position: absolute;
}

.skipnav { 
	text-align: left; 
	white-space:nowrap; 
	position: absolute;
	left: 0px; 
	top: 0px;
}
.skipnav a { 
	position: absolute; 
	left: -10000px; 
}
.skipnav a:focus, .skipnav a:active { 
	left: 0px; 
	overflow: visible; 
	text-decoration: underline; }

.trainingenvdiv {
	z-index: 9999;
	position: absolute;
	left: 270px; 
	top: 10px;
}

.trainingenv {
	color: #FFFF00;
	font-size: 2.5em;
	white-space:nowrap;
}

body {
	padding-bottom: 0;
}

a:link {
	color: #0074AD;
	text-decoration: underline;
}

a:visited {
	color: #44003E;
	text-decoration: underline;
}

a:hover {
	color: #003F5E;
	text-decoration: underline;
}

a:active {
	color: #0074AD;
	text-decoration: underline;
}

.dropdown-menu a {
	color: #333;
	text-decoration: none;
}

/**
Override of bootstrap.min with slight change of blue to meet WCAG colour contrast.
**/
.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	color: white;
	text-decoration: none;
	background-color: #0074AD;
}

.required_label {
	font-size: 6pt;
}

li.no-bullet {
	list-style-type: none;
}

/* navbar */
.navbar .brand {
	color: #fff;
}
.navbar{
	margin-bottom: 0;
	color: #ffffff;
}
}
.navbar-inner{
	-moz-border-radius-bottomright: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	-moz-border-radius-bottomleft: 0px 0px;
	border-bottom-left-radius: 0px 0px;
}
.navbar .navbar-main {
margin-top:10px;
/*background-color: #fff;*/
background-image: none;
box-shadow: none;
border-radius:none;
padding-left:25px;
}

.navbar .navbar-main .nav > li > a.wpthemeSelected, .navbar .navbar-main .nav > li > a:hover, .navbar .navbar-main .nav > li > a:focus, .navbar .navbar-main .nav > li > a:active {
  text-decoration: underline;
  text-shadow:none;
}

.navbar .navbar-secondary .nav > li{
box-shadow: none;
border:none;
margin-left:15px;
}
.navbar .navbar-secondary .nav > li > a {
color:#000;
text-shadow:none;
padding:9px 3px 11px;
}

.navbar .navbar-secondary .nav .selected-menuitem {
text-decoration:underline;
}

.navbar-main .btn-group {
color:#000;
padding:0px;
}

.navbar .login-label {
	padding: 9px 10px 11px;
	background-color: #00376a;
}

.navbar .login-user {
	font-weight: bold;
	background-color: #243b4d;
}

.navbar .divider-vertical {
	margin: 0;
}

.navbar-main .nav > li {
	border-left:none;
	margin-right:4px;
	font-weight:bold;
}

.navbar .nav > li > a {
	float: left;
	/*font-size: 12pt;*/
	color: #ffffff;
	padding: 9px 20px 11px;
}

/* Side Navigation */
.nav-tabs.nav-stacked>li>a {
	color: #3E483E;
	border: 1px #606060 solid;
	border-right: 5px #606060 solid; background : #e1e1e1;
	font-weight: bold;
	background: #e1e1e1;
	text-decoration: none;
}

.nav-tabs.nav-stacked>li>a:hover {
	border: 1px #606060 solid;
	border-right: 5px #606060 solid;
	background: white;
	text-decoration: none;
}

.nav-tabs.nav-stacked>li.selected>a {
	color: white;
	border: 1px #606060 solid;
	border-right: 5px #606060 solid;
	background: #3E483E;
	font-weight: bold;
	text-decoration: none;
}

.nav-tabs.nav-stacked>li.selected>a:hover {
	border: 1px #606060 solid;
	border-right: 5px #606060 solid;
	background: #606060;
	text-decoration: none;
}

.nav-tabs.nav-stacked>li>a>p { 
padding-left: 14px; 
} 

.nav-tabs.nav-stacked.nav-level2>li {
	margin: 4px 0;
}

.nav-tabs.nav-stacked.nav-level2>li>a {
	border: 0;
	border-radius: 0;
	border-left: 3px white solid;
	background: white;
	font-weight: bold;
	padding: 0;
	text-decoration: none;
}

.nav-tabs.nav-stacked.nav-level2>li>a:hover {
	border: 0;
	border-left: 3px #3E483E solid;
	background: white;
	text-decoration: none;
}

.nav-tabs.nav-stacked.nav-level2>li.selected>a {
	color: #3E483E;
	border-left: 3px #3E483E solid;
	background: white;
	text-decoration: none;
}

.nav-tabs.nav-stacked.nav-level2>li.selected>a:hover {
	border: 0;
	border-left: 3px #3E483E solid;
	background: white;
	text-decoration: none;
}

.nav-tabs.nav-stacked.nav-level2>li {
	margin: 2px 0;
}

.nav-tabs.nav-stacked.nav-level3>li>a {
	border: 0;
	border-radius: 0;
	border-left: 3px white solid;
	background: white;
	font-weight: normal;
	padding: 0;
	text-decoration: none;
}

.nav-tabs.nav-stacked.nav-level3>li>a:hover {
	border: 0;
	border-left: 3px white solid;
	background: white;
	text-decoration: underline;
}

.nav-tabs.nav-stacked.nav-level3>li.selected>a {
	color: #3E483E;
	border-left: 3px white solid;
	background: white;
	text-decoration: none;
}

.nav-tabs.nav-stacked.nav-level3>li.selected>a:hover {
	border: 0;
	border-left: 3px white solid;
	background: white;
	text-decoration: underline;
}

.dropdown-menu { /* background-color: #ff8000; */
	
}

.navbar .nav li.dropdown a.dropdown-toggle .caret,.navbar .nav li.dropdown.open .caret {
	border-top-color: #000;
	border-bottom-color: #000;
	opacity: 1;
}

.navbar .nav li.dropdown a.dropdown-toggle:hover .caret {
	opacity: 1;
}

.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret {
	opacity: 1;
}

.navbar-main .tab {
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-radius: 10px 10px 0px 0px;
behavior: url(/hsoThemeMinStatic/themes/Portal8.0/css/custom/PIE.htc);
}

.navbar-main .tab.green {
	background-color: #236d16;
}
.navbar-main .tab.blue {
  background-color: #1f3445;
}
.navbar-main .tab.orange {
	background-color: #C0571A; /*#ee690e;*/
}

.nav-list .active a {
	background-color: #eaeaea;
	color: #000;
}

.nav-list .active a:hover {
	background-color: #eaeaea;
	color: #000;
}

/* accordian extensions */
.accord_wrapper {
	background-color: #142752;
	background-image:
		url('../../images/custom/green-blue-transparent-button-medium.gif'),
		url('../../images/custom/blue-transparent2.png');
	background-repeat: no-repeat, repeat-x;
}

.accord_wrapper_small {
	background-color: #142752;
	background-image:
		url('../../images/custom/green-blue-transparent-button-medium.gif'),
		url('../../images/custom/blue-transparent2.png');
	background-repeat: no-repeat, repeat-x;
}

.accord_inner {
	background-color: #fefefe;
}

.accord_title {
	color: #fff;
	font-weight: bold;
	font-size: 13pt;
	hover: none;
}

.accord_title:hover {
	color: #fff;
	text-decoration: none;
}

.well_detail {
	background-image: url('../../images/custom/grey.gif');
	background-repeat: repeat-x;
	padding-top: 0;
}

.well_detail_header {
	margin-bottom: 10px;
	margin-top: 2px;
	color: #eee;
}

.well_dashboard {
	background-image: url('../../images/custom/light-grey.gif');
	background-repeat: repeat-x;
	padding-top: 0;
}

.well_dashboard_header {
	margin-bottom: 10px;
	margin-top: 0;
	color: #fff;
}

.well_detail_header_small {
	color: #aaa;
}

.well_dashboard_header_small {
	color: #fff;
}

.table_header {
	background-color: #666;
	padding: 0;
	margin: 0;
}

.atable th {
	padding: 0;
}

h4 {
	padding-bottom: 20px;
}

.table_header_h4 {
	background-color: #666;
	padding: 4px;
	color: #fff;
	font-size: 1.40625em;
}

.alert-success {
	background-image: url('../../images/custom/green-tick.png');
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: 10px 50%
}

.alert-error {
	background-image: url('../../images/custom/red-x.png');
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: 10px 50%
}

.alert-info {
	background-image: url('../../images/custom/blue-i.png');
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: 10px 50%
}

.alert-warn {
	background-image: url('../../images/custom/exclamation.png');
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: 10px 50%
}

/* footer styles */
footer {
	background-color: #00376a;
	color: #fff;
}

footer li > a:link,footer li > a:visited {
	color:#fff;
}

footer .bluebar  {
	margin-left:0px;	
}

footer .bluebar .bluebarRow {
	background-color:#000066;
	margin-left:0px;
	padding-top:0px;	
}


footer .blackbar {
	min-height: 40px;
	padding: 15px 20px 0 20px;
	background-color: #111;
}

footer .blackbar a,footer .bluebar a {
	color: #fff;
}

footer .bluebar a {
	display: inline-block;
	padding: 4px 0px 4px 8px;
	width: 166px;
}
footer .divider-left {
	border-left: solid #000080 1px;
	padding: 15px 20px;
}
footer .divider-right {
	border-right: solid #000080 1px;
	padding: 15px 20px;
}
/** Ching customisations start */
body {
	padding-top: 50px;
	padding-bottom: 40px;
}

.wptheme1Col .wpthemeCol {
	width: 100%;
}

.wpthemeCol {
	margin-left: 0px;
}
/* To fix IE8 nav bar colour issue */
.blueorange {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#172a3b', endColorstr='#243b4d', GradientType=0);
}
/* Footer styles, moved from default style. Used to be 'footer h5', hence quite a few rules */
footer .footer-header {
	display: block;
	/*font-size: 12px;*/
	/*height: 18px;*/
	margin: 0px;
	text-rendering: optimizelegibility;
	font-weight: bold;
	padding-bottom: 15px;
}
/* From Victor to fix blue bar appearing in theme banner */
.wpthemeBanner {
	background: none;
	border-bottom: 0;
}

.wpthemeBanner ul {
	margin-bottom: 1px;
}

.wpthemeBannerInner {
	background: none;
	filter: none;
	border-top: 0;
	border-bottom: 0;
}
/* From Victor to ensure consistency of top black bar for both anonymous and authenticated users */
.navbar .nav>li.login-label>a {
	padding: 0
}

/* From Victor to fix white space issues */
.wpthemeTopCol .wpthemeHeadlineContainer {
	width: 100%;
}

.wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer {
	width: 70%;
}

.wptheme2Col.wpthemeUnequal .wpthemeSecondaryContainer {
	width: 30%;
}

/* Home-Page Carousel */
.carousel-hover {
	cursor: pointer;
}

.carousel-caption {
	background: rgba(25, 45, 63, 0.85);
}

/** Ching customisations end */

/** Taufiqur customisations start */
.ui-accordion {
	width: 100%;
}

.ui-accordion .ui-accordion-header {
	cursor: pointer;
	margin-top: 1px;
	position: relative;
	background-color: #ffffff;
	background-image: url('../../images/custom/green-blue-300.png');
	background-repeat: no-repeat;
	border-bottom: 0;
}

.ui-accordion .ui-accordion-header a {
	color: #ffffff !important;
	font-weight: normal;
	display: block;
	/*font-size: 12pt !important;*/
	border-bottom: 0;
	/*padding: 0.5em 0.5em 0.5em 2.2em; */
}

.ui-accordion .ui-accordion-header .ui-icon {
	left: 0.5em;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}

.ui-accordion .ui-accordion-content {
	border-top: 0 none;
	margin-bottom: 2px;
	margin-top: -2px;
	overflow: auto;
	padding: 1em 2.2em;
	position: relative;
	top: 1px;
}

.ui-accordion .ui-accordion-header.ui-state-disabled,.ui-accordion .ui-accordion-header.ui-state-disabled a
	{
	cursor: default;
	display: block;
	padding: 8px 15px;
}

.mandatoryhighlight {
	color: red;
	font-size: 12pt;
	font-weight: bold;
	width: 5px;
	font-style: italic;
}

.columnStyle1 {
	text-align: right;
	width: 135px;
	padding-right: 5px;
}

.columnStyle1-small {
	text-align: right;
	width: 100px;
	padding-right: 10px;
}

.columnStyle2 {
	text-align: left;
}

.form-input {
	width: 270px !important;
}

.form-input-small {
	width: 150px !important;
}

.form-input-large {
	width: 400px !important;
}

.selectOneMenu-small {
	width: 110px !important;
	height: 28px !important;
}

.selectOneMenu-medium {
	width: 280px !important;
	height: 28px !important;
}

/* Accessibility style used by text size widget, to make text readable in form select elements when text size is at maximum */
.form-select-fontSize-maximum {
	height: 28px !important;
	padding: 0px !important;
}

.ui-inputfield {
	background: white !important;
}

.form-horizontal .control-group {
	margin-bottom: 8px !important;
}

.form-horizontal .control-text {
	float: left;
	padding-top: 5px;
	text-align: left;
}

/** Taufiqur customisations end */
/** Added for useability */
.fontsize-controllers .btn-group {
	float: right;
	margin-top: -30px;
}
.fontsize-controllers .btn-group a {
	color: rgb(184, 93, 0);
	text-decoration: none;
}
.flat-footer {
	list-style: none;
}
.flat-footer > li {
	display: block;
	float: left;
}
.flat-footer .divider-vertical {
	margin: 0;
}
.flat-footer .divider-vertical {
	width: 1px;
	height: 15px;
	margin: 3px 9px;
	overflow: hidden;
	background-color: #222;
	border-right: 1px solid #333;
}

.navbar-secondary .nav > li > a:hover, .navbar-secondary .nav > li > a:focus, .navbar-secondary .nav > li > a:active {
  text-decoration: none;
  background-color: transparent;
  outline: none;
}

.flat-footer .divider-vertical-white-last {  
  border-right: 1px solid #ffffff;
}

.flat-footer .divider-vertical-white-first {       
  border-left: 1px solid #ffffff;
}

.flat-footer a:hover, .flat-footer a:focus, .flat-footer a:active {
  color: #ee690e;
}

.flat-footer li.first {
	margin-right:15px;
	margin-left:0px;
}

.flat-footer li {
	margin-right:15px;
	margin-left:15px;
}

.wpthemeFooter {
	margin-top: -10px;
}

/** hover styling for footer elements to conform to wcag */
.wpthemeFooter .unstyled > li > a:hover, .wpthemeFooter .unstyled > li > a:focus, .wpthemeFooter .unstyled > li > a:active {
  color: #ffffff;
}

.wpthemeFooter .bluebar a:hover, 
.wpthemeFooter .bluebar a:focus {
	box-shadow: inset 0px 0px 1pt 3pt #000080;
    background-color: #00376a;
	outline: 1px solid white;
}

/* end hover styling */

div.corroPreText {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12.025px;
  line-height: 18px;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  color: #333333;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
		  
}

/* Set minimum width for the first column of the correspondence pre-text table */
div.corroPreText td:first-child {
	min-width: 120px;
}
/** End accessibility related changes */

/*
 * Start button image and color related changes
 *
 * Change for showing the button image for Find / Edit button
 * Change for showing the button with color for the primary button in the page 
 * Css classes (btn-primary / icon-search / icon-edit) are copied form bootstrap.min.css with below changes
 *   a) put !important to ensure that the primefaces styling doesn't override it
 *   b) add background to override primefaces background for btn-primary
 *      
 * And new class btn-primary-font created for override the primefaces font
 * 
 */
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  color: #ffffff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-primary {
  background: #0074cc !important; 
  background-color: #0074cc !important; 
  *background-color: #0055cc !important; 
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)) !important;
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc) !important;
  background-image: -o-linear-gradient(top, #0088cc, #0055cc) !important;
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc) !important;
  background-image: linear-gradient(top, #0088cc, #0055cc) !important;
  background-repeat: repeat-x !important;
  border-color: #0055cc #0055cc #003580 !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0) !important;
  filter: progid:dximagetransform.microsoft.gradient(enabled=false) !important;  
}
.btn-primary-font {
  border: 1px solid #0074cc !important;
  font-weight: normal !important;
  color: #FFFFFF !important;
  box-shadow: 0 0px 0 #FFFFFF inset !important; 
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background: #0055cc !important; 
  background-color: #0055cc !important;  
}

.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9 !important;
}

a.btn, a.btn-extra-large{
font-size: 1.2em !important;
font-weight: bolder;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  *margin-right: .3em !important;
  line-height: 14px !important;
  vertical-align: text-top !important;
  background-image: url("../../images/custom/glyphicons-halflings.png") !important; 
/*  background-image: url("/hsoViewWEB/resources/img/glyphicons-halflings.png") !important; */
/*  background-position: 14px 14px !important;  */ /* Remove this line in order not to override the position of other icon*/
  background-repeat: no-repeat !important;
  float: left; 
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}

.icon-white {
  background-image: url("../../images/custom/glyphicons-halflings-white.png") !important;
}

.icon-search {
  background-position: -48px 0 !important;
}

.icon-edit {
  background-position: -96px -72px !important;
}
/** End button image and color related changes */


/*
 * Start colour contrast accessibility related changes
 *
 * Change for showing specified colour for the alert-success , alert-error and alert-info message.
 */
.alert-success {
  color: #2e512e;	
  background-color: #ddf2dd;  
}

.alert-danger,
.alert-error {
  color:#900000; 
}

.alert-info {
  color: #000090;	
  background-color: #d0d0ff;  
}

.alert-warn {
  color: #5C4927;	  
}
/** End colour contrast accessibility related changes */
.well.well_hp_about, .well.well_hp_services {
	min-height: 156px;
	margin-bottom: 10px;
}

/*
 * Start font resizer related changes
 * add new class for the width of the left and right banner
 */
.row-fluid .span53 {
  width: 53.446808505%;
  *width: 53.3936170156383%;
}

.row-fluid .span44 {
  width: 44.425531911%;
  *width: 44.3723404216383%;
}
/** End font resizer related changes */

/*
 * Fixing for the font size not being updated problem when click font resizer
 * 1 em = 16px = 12pt
 * default size is 80%, means if default navbar to 1em, the value defined here should be 1 / 0.8 = 1.25em
 */
label,
input,
button,
select,
textarea {  
  font-size: 1.015625em;
}

.navbar .nav > li > a {
	font-size: 1.25em;
}

.ui-accordion .ui-accordion-header a {
   font-size: 1.25em !important;
}

h1 {
  font-size: 2.0em; /*2.34375em;*/
  color: #236d16; /* green */
}

h1 small {
  font-size: 1.40625em;
}

h1.progress {
  font-size: 1.40625em;
  color: #236d16; /* green */
  height: 36px;
  margin-bottom: 0;
}

h1.cloud-header {
	color: #236D16;
	font-size: 1em;
	font-style: normal;
	font-weight: bolder;
	line-height: 1.1em;
	margin-bottom: 0.3em;
}

h1.details-page {
	font-size: 1.875em; 
    color: #fff; /* white */ 
}

h2, .h2, h1.application-header {
  font-size: 1.8em; /*1.875em; */
  color: #1f3445; /* dark blue */
}

h2 small {
  font-size: 1.6em;
}

h2.progress {
	font-size: 2.1em;
	color: #595959; /* grey */
	height: 36px;
	margin-bottom: 0;
}

h2.details-page {
	font-size: 1.875em; 
    color: #fff; /* white */ 
}

h3, h1.progress, .h3 {
  font-size: 1.5em;
  color: #C0571A; /*#ee690e;orange */
}

h3 small {
  font-size: 1.1em;
}

h4, h2.application-header {
  font-size: 1.2em;
  color: #000; /* black */
}

h4 small {
  font-size: 0.9375em;
}

h5 {
  font-size: 1.0em;/*0.9375em;*/
}

h6 {
  font-size: 0.9375em;/*0.85975em;*/
}

.wcm-content h1 {
  line-height: 1.1em;
  margin-bottom: 0.3em;
  padding: 0;
}

.wcm-content h2,
.wcm-content h3,
.wcm-content h4,
.wcm-content h5,
.wcm-content h6 {
  line-height: 1.1em;
  margin: 0.6em 0 0.3em;
  padding: 0;
}

.wcm-content h6 {
  text-transform: none;
  color: #000; /* black */
}

.wcm-content p small {
  color: #000; /* black */
}

.wcm-content ul ul {
  list-style: circle;
}

.wcm-content ul ul ul {
  list-style: square;
}

footer .footer-header {
	font-size: 0.9375em;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input { 
  font-size: 1.015625em;  
}

/** End fixing for the font size not being updated problem when click font resizer */

/*
 * New css class for the progress bar.
 
 This is to replace an image with HTML/CSS, so the placement is rather specific (fixed).
 */
 /* Number list */
div.progress-list-clouds {
	margin: 0px 0px 0px -75px;
	height: 174px;
	overflow: hidden;
}

div.progress-list {
	margin: 0 0 0px -75px;
	height: 130px;
	overflow: hidden;
}
div.progress-list ol,div.progress-list-clouds ol {
	counter-reset:li; /* Initiate a counter */
	padding-left:0; /* Remove the default left padding */
	width: 1200px !important;
	position: relative; /* to allow green-line to sit behind*/
}

div.progress-list ol {
	height:10px;
}

div.progress-list-clouds ol {
	margin: -60px 0px -50px 0px;
	top: 55px;
}

div.progress-list ol li, div.progress-list-clouds ol li {
	position: relative;
	padding: 60px 0px 0px 0px;
	list-style: none;
	display: inline-block;
	font-style: italic;
	line-height: 30px;
}

div.progress-list ol li span, div.progress-list-clouds ol li span {
	font-style:normal;
	font-weight: bolder;
	color: #236D16;
	font-size: 1em;
	line-height: 1.2em;
	display: block;
}

div.progress-list ol li.inactive span, div.progress-list-clouds ol li.inactive span {
	color: #000;
	font-weight: bold;
}

div.progress-list ol li:before, div.progress-list-clouds ol li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	
	top: 7px;
	left: -1em;
	height: 37px;
	margin-right: 8px;
	padding: 0px;
	width: 1.55em;
	padding-top: 2px;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #62AB1C;
	box-shadow: 0px 0px 3pt 1pt #C2C2C2;
	color: white;
	background: #236D16;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, sans-serif;
	text-align: center;
	font-size: 150%
}

div.progress-list ol li.inactive:before,div.progress-list-clouds ol li.inactive:before {
	border: 2px solid #B4B4B4;
	box-shadow: 0px 0px 3pt 1pt #C2C2C2;
	background: #696969;
}

/** fix the number in the center of text below it, 
 * and the text a little to the left **/
li.step1 {
margin-left: 153px;
width: 59px;
}
li.step1 span {
margin-left: -88px;
}
li.step2 {
margin-left: 171px;
width: 62px;
}
li.step2 span {
margin-left: -104px;
}
li.step3 {
margin-left: 165px;
width: 49px;
}
li.step3 span {
margin-left: -84px;
width: 160px;
}
li.step4 {
margin-left: 187px;
width: 108px;
}
li.step4 span {
margin-left: -94px;
}

.progress-list-clouds li.step1 {
width:auto;
height:60px;
}

.progress-list-clouds li.step2,
.progress-list-clouds li.step3,
.progress-list-clouds li.step4 {
margin-left: 230px;
width:auto;
height:60px;
}


/* content related styles in progress */
.row.well {
	margin: 0 0 20px 0;
}

h1.progress, h2.progress, .left-column {
	padding-left: 6px;
}


div.green-line {
	margin-left: 160px;
	width: 705px;
	background: url('../../images/custom/green-dash-line.png') center repeat-x;
}

.clouds {
	height: 127px;
}

.clouds ul li {
	list-style: none;
	height: 130px;
	width: 212px;
}

.cloud-text-left, .cloud-text-center, .cloud-text-right {
	position: absolute;
}

.cloud-left {
	position: relative;
	left: 173px;
	top: 13px;
	background: url('../../images/custom/cloud-left.png') no-repeat;
}
.cloud-text-left {
	left: 43px;
	top: 29px;
	width: 121px;
	text-align: center;
}
.cloud-center {
	left: 488px;
	top: -114px;
	position: relative;
	background: url("../../images/custom/cloud-center.png") no-repeat;
}
.cloud-text-center {
	left: 23px;
	top: 23px;
	width: 121px;
	text-align: center;
}
.cloud-right {
	left: 819px;
	top: -248px;
	position: relative;
	background: url('../../images/custom/cloud-right.png') no-repeat;
}
.cloud-text-right {
	left: 23px;
	top: 23px;
	width: 121px;
	text-align: center;
}

.accessible-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/** End css class for the progress bar */
 
/** Start: CSS as recommended by Vision Australia to assist with screen readers for the different text sizes **/ 
.off-left {
	position: absolute;
	left: -9999px;
}  
/** End: CSS as recommended by Vision Australia to assist with screen readers for the different text sizes **/ 
 
.rightaligned {
	text-align: right;
}

a.btn-text-size { 
	text-decoration: none;  
	font-weight: bold; 
	text-shadow: none !important; 
	text-align: center;
}

.showHeaderAsPara {
	margin: 0 0 9px;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	padding-bottom: 0px;
	line-height: 18px;
}

#crest-img {
float: left;
margin-top: 8px;
}

#search {
text-align:center;
margin-top:12px;
}

.header-search input {
  padding-top: 6px;
  padding-bottom: 6px;
  padding: 10px;
  margin-top: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #222222;
  background: #ffffff;
}

#hsoSearchGo {
top: 0;
position: absolute;
  right: 0;
  z-index: 2;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 34px;
  text-align: center;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#hsoSearchGo > i{
	color:#fff;
}

input#hsoSearchQuery
{
  display: inline-block;
  width: 87% !important;
  vertical-align: middle;
}

input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]
{
	background-color:#FDFDFD !important; 
}

#HSOSiteInfo a:link {
	color: #ffffff;
}

#HSOSiteInfo a:visited {
	color: #ffffff;
}

#HSOSiteInfo a:hover {
	color: #ee7c0e;
}

#HSOSiteInfo a:active {
	color: #ee7c0e;
}

.wcm-content-home {
border-top: 2px solid #e6e6e6;
padding: 15px;
}

#content:nth-child(n) {
    filter: none;
}

.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto
}
.wpthemeOverflowAuto {
    overflow:hidden;
  }
  
.btn-group a.btn {
    width: 14px;
}

a.btn { 
   text-decoration: none;  
   font-weight: bold; 
   text-shadow: none !important; 
   text-align: center;
   width:80%;
   behavior: url(/hsoThemeMinStatic/themes/Portal8.0/css/custom/PIE.htc);
}
a.btn, a.btn-large {
   font-size: inherit;
}

a.btn:hover, a.btn:focus {
  box-shadow: 1px 1px 10px #666;
}

.home-well {
position:relative;
z-index: 1;
background-color:#fff;
border:none;
min-height: 156px;
margin-bottom: 10px;
line-height: 1.5;
margin: 10px 0 10px 0;
padding: 19px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
behavior: url(/hsoThemeMinStatic/themes/Portal8.0/css/custom/PIE.htc);
}

.home-well span {
color:#fff;
margin-right: 5px;
vertical-align: middle;
}
.home-well > h3 {
margin-bottom:10px;
}
.home-well_contacts span, .home-well_contacts a span {
	color:#000;
}
.home-well_image {
     padding: 0;
}
.carousel {
margin-bottom:0px;
outline:none;
}
.carousel-inner p {
font-size: 1.40625em;
margin-left:10%;
line-height:1.5;
}
.carousel-inner img {
height:auto;
width:100%;
}
.carousel-inner .btn {
 background-color:#FFF;
 background-image:none;
 width: 60%;
}
.carousel-indicators {
  position: absolute;
  z-index: 5;
  margin: 0;
  list-style: none;
}
.carousel-indicators .active {
	background-color:#fff;
}
.carousel .carousel-anim {
color:#FFFFFF;
left:51%;
margin-bottom:0;
margin-right:0;
margin-top:0;
position:absolute;
text-align:center;
text-decoration:none;
top:0;
z-index:999;
opacity:0.7;
filter:alpha(opacity=70);
padding:10px;
}
.carousel .carousel-anim:hover,.carousel .carousel-anim:focus,.carousel .carousel-anim:active{
text-decoration:underline;
color:#FFF;
opacity:1;
filter:alpha(opacity=100);
}
.carousel .carousel-anim i{
text-decoration:none;
margin-right:5px;
}
.carousel .carousel-anim, .carousel .carousel-indicators, .carousel .carousel-control {
opacity:0.7;
filter:alpha(opacity=70);
}
.carousel .carousel-indicators{
padding:0;
right:0;
top:0;
padding:10px;
}
.carousel .carousel-indicators li{
cursor:pointer;
height:15px;
width:15px;
background-color:#ffffff;
background-color:rgba(255, 255, 255, 0.5);
zoom:1;
background-color:transparent\9;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff);
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
margin:0 3px;
display:block;
float:left;
text-indent:-999px;
}
.carousel .carousel-indicators li.active{
background-color:#FFF;
}
.carousel .carousel-control{
text-decoration:none;
color:#FFF;
line-height:50px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border:0;
font-size:30px;
/*padding:10px 0;*/
width:auto;
height:auto;
top: 45%;
}
.carousel .carousel-control i{
margin-left:5px;
margin-right:5px;
}
.carousel .carousel-control.right{right:0;}
.carousel .carousel-control.left{left:-19px;}
.carousel .carousel-control:hover,.carousel .carousel-control:focus,.carousel .carousel-control:active{
opacity:1;
filter:alpha(opacity=100);
color:#FFF;
}

#pause, #play {
left:51%;
padding-right:5px;
}

.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  position: relative;
}
.form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.dropdown-submenu>a.selected-menuitem:hover {
	color:#fff;
}
.dropdown-submenu>ul.dropdown-menu:before,.dropdown-submenu>ul.dropdown-menu:after {
content:none;
}

a#homeLink.loggedIn {
text-decoration:none;
margin-right: 5px;
}