html {
    background: none repeat scroll 0 0; /* cover #fff;*/
}
body {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333;
    font-family: 'Open Sans', arial;
    line-height: 1.37em;   
	font-weight: 400;
    font-size: 14px;   
}
.headingbanner{
    background:#ffffff;
    /*padding-top:7px;*/
}
.appHeaderbanner{
     background-color: #2b6fbb;
}
.logo{
    padding:.25em 0 .5em 0;
}
/*
.header-line {
	height: .3em;
	margin-bottom: 0;
	width: 100%;
	background: #eef9fd;	
}
header {
    background: none repeat scroll 0 0 #fff;    
    color: #fff;
    padding: 0;
}

.headerTxt{
	color: #0f243f;
	font-size: 1.11em;
	font-weight: bold;
	line-height: 5em;
}
*/
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

h1, h2, h3, h4, h5 {
    color: #0f243f;
}
h3{
    font-size:17px;
}
.pageHeading{
    color: #00527F;
    /*font-size:32px;*/
    /*font-family: "helveticaneuethin","Helvetica",helvetica,arial; 'Open Sans', sans-serif;*/
    font-family: 'Open Sans', arial;
    -webkit-font-smoothing: antialiased;
    
}
h1{
    margin-left:0;
    /*font-family: "HelveticaNeueW01-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: 'Open Sans', arial;
}
h6{
	font-size: 1.11em;
	line-height: 25px;
}
img{
	margin:.5em 0 .5em 0;
}
#ribbon {
    margin: 0 auto;
    padding: 0;
    height: 1em;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003c5a+0,0063a8+50,71c5e8+100 */
background: #003c5a; /* Old browsers */
background: -moz-linear-gradient(left,  #003c5a 0%, #0063a8 50%, #71c5e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #003c5a 0%,#0063a8 50%,#71c5e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #003c5a 0%,#0063a8 50%,#71c5e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c5a', endColorstr='#71c5e8',GradientType=1 ); /* IE6-9 */


}
.headBanner{
    margin-left:10px;
}
#headerContainer{
	background: #fff;
}
#OfferHeader{
	background: #333;
}
/*
.InvestorServeLogo{
	padding:1.5em;	
    font-family: "HelveticaNeueW01-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*/
.ribbon{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00527f+0,ad9861+100 */
    background: #00527f; /* Old browsers */
    background: -moz-linear-gradient(left,  #00527f 0%, #ad9861 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #00527f 0%,#ad9861 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #00527f 0%,#ad9861 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00527f', endColorstr='#ad9861',GradientType=1 ); /* IE6-9 */
    height:.5em;
    display:block
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
/***************************************************************************************/
#main {
    background:#ffffff;
	width:auto; 
	margin:0 auto;    
}
#main h4{
    display:none;
}
#content {
    background: none repeat scroll 0 0 #FFFFFF;
	width:100%;
}
/*
.onlineappheader {
	/*background-color: rgba(0,66,150,0.6);--
	background-color: #2b6fbb;
    padding: 1em .5em;
    /*border: .05em solid rgba(0, 66, 150, 0.39);--  
    margin: 0 0.5em;    
    line-height:1.5em;
}
.offer-header {
    font-size: 17px;
    background-color: none;
    color: #fefefe;
    font-family: "HelveticaNeueW01-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#OfferHeader p {
    font-size:14px;
    color: #FFFFFF;    
	background-color:  #f2f2f2;	
	color: #333;
    padding: 7px;
    border:.1em solid #ccc;	
}
*/
#stephead {
    color: #333;
    font-size: 17px;
    font-weight: bold;
}
#stepnumber {
    color:#333;
    font-size: 17px;
    font-weight: bold;
}
table {
    background: none repeat scroll 0 0 #fff;
    border: 1px dashed #3A2A17;
    font-size: 11px;
    font-weight: normal;
    width: 100%;
}
.pull-left {
  float: left !important;  
}
.pull-right {
  float: right !important;  
}
.clearfix {
    clear: both;
 }
.pull-left #content p{
 	background: transparent;
 }
h1 {
	line-height: 1.375em;
	color:#0063A8;
	font-weight: bold;	
    margin-left:0;
    font-size: 16px;
}
h4{
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
input, select, .oa-field-row input[type=text], .oa-field-row select, .oa-fund-line .oa-fund-cell input[type=text].oa-fund-value, .oa-fund-line .oa-fund-cell select, .oa-fund-line .oa-fund-cell input[type=text], .oa-fund-line .oa-fund-cell select {	
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin:.5em ;
    height: auto;
}
.footer {
  	margin-left: 0px;
  	padding-left: 0px;
  	text-align: left;
  	vertical-align: top;
  	font-size: 0.85em;
	color: #004296;	
	padding: 0.5em 1em 1em 1em;
	border-top: #81CDEF;
  	padding: 0\9;
	background: #fff;
	/*position: fixed; /**added to fix the position at the bottom ---
    width: 100%;
    bottom: 0;*/
}
.footer p{
	background:transparent !important;
	font-size:12px;
	line-height:2.750em;	
    color: #aaa;
	text-decoration: none;
    background-color: transparent;	
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
hr{
    border-top: .05em solid #aaa;   
}
.smallLogo{
    padding-bottom:.25em;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-primary {    
    border-radius: 3px;
    display: inline-block;   
	font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    padding: 2px 15px;	
    text-align: center;
    text-decoration: none !important;
    transition: opacity 0.2s ease-in;    
    font-family: "PT Sans",Helvetica,Arial,sans-serif;	
	border: 2px solid #0063A8;    
	color:#fff;
    cursor: pointer;
    /*box-shadow: 2px 2px 4px 0 #a9a9a9;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.25);*/
    margin:0.05em .25em;
    background: #0063A8; /*url("arrow-blue.png") no-repeat scroll 125px -29px*/
    width:150px;
    
}
.btn-primary:hover,
.btn-primary:focus {
    color: #0063A8;	
	border-color: #0063A8;
    background-color: #ffffff;    
    background:#fff; /* url("arrow-blue.png") no-repeat scroll 125px 5px*/
}
.btn-primary a {
	color:#fff;
	text-decoration:none;
}
.alert-default {    
    background-color: #f5f5f5;
    border-color: #777;   
}
.alert {
    padding: 1.25em;     
    border-radius: 4px;	
    border: 1px solid #003C5A;
    margin: .25em auto;
}
.well-bg {
    background: #fff;
    border: .1em solid #f1f1f1;
    min-height: 20px;
    padding: 15px;    
    border-radius: .3em;
    color: #333;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin:1em .5em;
}
.well-bg p {
    font-size: 14px;
}
div > a.IWLNKPREVCSS, div > a.IWLNKSUBMITCSS {
	font-weight:bold !important;
	text-decoration:none !important;
	height:none !important;
	width: auto !important;
	font-size:18px !important;
}
#ShowLastPaymentDetails {
	font-size:14px;
}
ul {
    font-size: 14px;
}
.participationHeading {
    color: #23262e;
    font-size: 14px;
    font-weight: bold;
}
/*
.disabled{
    border: .05em outset ButtonFace;
    color: #c0c0c0;
    cursor: inherit;
    background-color: #f2f2f2;
    background: #f2f2f2;
    box-shadow: 2px 2px 4px 0 #ccc;    
}
.disabled:hover,
.disabled:focus {
    color: GrayText;
    background-color: #f1f1f1;
}
*/
.notice {
    /*background-color: #f2dede;*/
    padding: 17px;
    font-weight: 600;
    /*border: 1px solid #e1e1e8;*/
    margin: 0em 0 1em 0;
    border: 1px solid #EBEBEB;
    padding: 20px;
    background-color: #F7F7F7;
}
.disclaimer p {
    margin-left: 4em;
}
.oa-container {
    padding-left: 0;
    width: 100%;
}
.tfnNotification {
    font-size: 14px;
}
.oa-field-row .oa-field-col {
    font-size: 14px;
}
.list li {
    list-style-type:none;
    margin-left:4em;
}
.oa-field-description{
    font-size:14px;
}
.oa-field-desc{
    font-size:14px;
}
.oa-field-row .oa-field-col .oa-field-header-span {
    font-weight: bold;        
    font-size: 14px;
    color:#23262e;
    text-align:left;
}
.oa-field-row .oa-field-col .oa-field-span {
    width: 15em !important;
    font-size: 14px;
    text-align:left;
}
.oa-summary-list li {
    list-style-type: disc;
    margin-left: 2.5em;    
    font-size:14px;
}
li.subordinateList {
    padding-left: 1.5em;
    list-style-type:disc !important;
    font-style: oblique;
}
img {
    margin:0;
}
#MessageDiv {
    background: #2b6fbb;
}
.help-block {
    display: inline;
}
a:link, a:visited, a:focus{
    color:#9c9c9c;
    text-decoration:none;
}
a:visited:hover{    
    color:#777 !important;
}
.ctc{
    padding-right:.5em;
    margin-top:.25em;
}
.col-xs-3 {
    width: 34%;
}
.col-xs-9 {
    width:66%;
    margin-left:15%;
}
.col-xs-12{
    /*width:100%;*/
}
.col-xs-offset-3{
    width:34%;
}
/***************responsive media queries**********************/
@media only screen and (min-width: 240px) and (max-width: 319px) {
    .issuer-logo { max-height: 20px; }
    .logo-header { line-height: 20px; }
    .voting-online-text { font-size: 1.1em; }
    .header-bar { font-size: 0.8em; }
    .footer {
        line-height: 20px;
        font-size: 0.6em;
    }
    p.navbar-left, p.navbar-right {
        margin: 0 auto;
        text-align: center;
        line-height: 1.5em;
        float: none !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .issuer-logo { max-height: 30px; }
    .logo-header { line-height: 30px; }
    .voting-online-text { font-size: 1.3em; }
    .header-bar { font-size: 0.8em; }
    .footer {
        line-height: 24px;
        font-size: 0.85em;
    }
	.pull-left, .pull-right{
		float:center;
		display:block;
		margin:0 auto;
	}
	.btn-primary {
		margin:.5em auto;
		
	}
	.headerTxt{
		color:#333;
		font-size:.77em;
		font-weight:normal;
		line-height:6em;
	}
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
    .footer {
        line-height: 24px;
        font-size: 0.85em;
    }
	.pull-left, .pull-right{
		float:center;
	}
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }  
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }  
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }  
}

.panel-default > .panel-heading {
    background: #0063A8;
    border-color: #0063A8;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}