@import url('/css/acs/all.css');
html {
    font-size: 100%;
}

@-ms-viewport{
	width: device-width;
}

/*  FONTS   */

/**
 * Include Roboto Condensed font in your project
 * 
 * Download Roboto Condensed ttf files from Google Fonts and place it in the same directory of this CSS file
 * You can then use this font in your project by setting
 * font-face: "Roboto Condensed", Helvetica, Arial, sans-serif;
 *
 * @author Mattia Migliorini (deshack)
 * @license MIT
 */

/* Light */
@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url("RobotoCondensed-Light.ttf") format('truetype');
}
@font-face {
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 300;
	src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url("RobotoCondensed-LightItalic.ttf") format('truetype');
}

/* Normal */
@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url("RobotoCondensed-Regular.ttf") format('truetype');
}
@font-face {
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url("RobotoCondensed-Italic.ttf") format('truetype');
}

/* Bold */
@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("RobotoCondensed-Bold.ttf") format('truetype');
}
@font-face {
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 700;
	src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url("RobotoCondensed-BoldItalic.ttf") format('truetype');
}










body {
    color: #313233;
    font-family: 'Roboto', sans-serif;
    text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    background-color: #fafafa;
    line-height: 23px;
}


*:focus {
	outline:none;
}

.heading {
	font-family: 'Roboto', sans-serif; 
	color:#07497F;
	font-size: 36px; line-height: 38px;
	font-weight: 300;
	font-style: normal;
	border-bottom:1px solid #07497F;
	padding-top:30px;
	padding-bottom:20px;
	margin-top:0px;
	margin-bottom:6px;
}

.heading span.subtitle {
	color:#888;
	font-size:24px;
	padding-left:10px;
	line-height:1;
}

section h1.title {
	margin-top:0;
	color:#013567;
}

div.rhsheading {
	float:right;
	margin-top:50px;
}

h2,
.sectionheading {
	font-family: 'Roboto', sans-serif;
	color: #07497f;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 40px;
    margin: 0;
    padding: 2px 0 12px;
}

h3 {
	font-family: 'Roboto', sans-serif;
	border-bottom: 1px solid #07497f;
    color: #07497f;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 29px;
    margin: 0;
    padding: 0 0 15px;
    margin-bottom:10px;
}

h3.simple {	
	border-bottom: 0px!important;
}

h4 {
	font-style: normal;
    font-weight: 700;
    margin-bottom: 25px;
    font-size:18px;
    line-height:130%;
    color: #464646;
}

h5 {
	font-size: 16px;
	line-height:22px;
	color:#00376D;
	font-style: normal;
    font-weight: normal;
    margin-bottom: 25px;
}

.articlehead h3 {
	font-weight:bold;
}

img {
	border:none;
	max-width:100%;
	height:auto;
}


form,ul,li {
	margin:0px;
}

div#mainarea {
	border:1px solid #EEF0F4;
	width:986px;
	text-align:left;
	margin-bottom:20px;
}


a {
	text-decoration:none;
	cursor:pointer;
	color:#1eaeef;
/*	color:#3d519b;*/
}

a:hover {
	text-decoration:none!important;
	color:#1eaeef;
}

.email-encoder {
    border-bottom: 1px dotted #B3B3B3;
    clear: both;
    color: #1eaeef!important;
    display: inline-block;
}

.email-encoder:hover {
    border-bottom: 1px solid #1eaeef;
    clear: both;
    display: inline-block;
}

a.bluelink {
	color:#1c96dc;
	border:1px dotted #1c96dc;
	padding:10px 20px;
}

a.bluelink:hover {
	color:#b040c1;
	border:1px solid #b040c1;
}

a.inlinelink {
	color:#2b72bb;
}

a.inlinelink:hover {
	color:#2b72bb;
	text-decoration:underline!important;
}

a.image {
	display:none;
}

li a {
	color:#313233;
	text-decoration:none;
}

li a:hover {
	color:#1c96dc;
	text-decoration:none;
}

footer {
    background-color: #1D2124;
}

footer .container {
    margin-top: 66px;
}

.footer {
    font-size: 12px;
    padding: 22px 0 44px;
    text-align:left;
}

.footer a {
    color: #B4B4B4;
}

.footercontent > *,
.copyright span,
.login,
.copyright {
    color: #899094!important;
}

.footercontent a:hover {
    color: #999;
    text-decoration: underline;
    text-decoration-style: dashed;
}

label {
	cursor:pointer;
}

div.linelink {
	margin-bottom:6px;
}

div.linelink a {
	text-decoration:none;
}

div.backtotop {
	text-align:right;
	clear:both;
	margin-top:20px
}

div.backtotop a {
	margin-right:222px;
}

span.reqd {
	font-size:10px;
	color:#FF0000;
}

div.textcontent {
	padding:0px 20px 0px 0px;
}

h2.std2 {
	margin:0px 0px 8px 0px;
}

h3.std2 {
	margin: 0 0;
    padding: 0 0;
}

div#lhsquote {
	margin-top:20px;
	border-top:5px solid #213b78;
}

div#lhsquoteinner {
	border-right:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}
div#lhsquote div.quote {
	color:#213b78;
	padding:10px 18px 18px 18px;
	font-size:14px !important;
	line-height:16px !important;
}

div#lhsquote div.quoteinfo {
	color:#4b4b4b;
	padding:0px 0px 3px 70px;
	background-image:url(/images/v5b/lhs/quotemic.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:57px;
	display:table-cell;
	vertical-align:middle;
}

div#lhsquote div.quoteinfo div.by {
	font-weight:bold;
	margin-right:18px;
	line-height:12px;
	padding-bottom:12px;
}

div#lhsquote div.quoteinfo div {
	font-size:10px !important;
}

div#lhsquote div.about {
	font-size:9px;
	line-height:12px !important;
	padding:12px 18px 6px 18px;
	color:#333 !important;
}

div#lhsquote a {
	text-decoration:none;
}

div.contactus {
/*	display:block;
	background-image: url(/images/contact.png);
	background-repeat: no-repeat;
	background-position: 135px top;
	padding:18px 24px 18px 24px;
	background-color:#ecf0f1;
*/
	position: relative;
	margin-bottom: 15px;
	padding: 15px 30px 30px;
	border-width: 1px;
	border-style: solid;
	background-color: #ecf8fe;
	color: #205E7D;
	border-color: #cbe4f1;
	border-radius: 3px;
}

div.contactus h2 {
	margin-top:0px;
	color: #36718E; 
	padding-bottom:10px;
}

table.std {
	
}

table.std th {
	background-color:#f0f0f0;
	text-align:left;
	padding:4px 8px;
}

table.std td {
	vertical-align:top;
	padding:2px;
}

iframe.youtube {
	width:526px;
	height:296px;
}

hr.section {
	width:100px;
	border:2px solid #004e9d;
	margin:0px 0px 0px 18px;
	text-align:left;
}

.light {
	color: #a1a1a1;
	font-weight:normal;
}

.right {
	float:right;
}


.tabletext {
	margin-right:20px;
}

.first {
	margin-top:0px!important;
}

table.layout {
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	width:100%;
}

table.layout td,table.layout th {
	padding:0px;
	margin:0px;
}

div.centered>div {
	margin-left:auto;
	margin-right:auto;
}

#tablecontainer table.acmanualtable td.cell {
	cursor:pointer;
}

.back-to-top {
    text-align: center;
    padding-top:12px;
}

section.contact-us {
	clear:both;
	background-color:#3f474d;
	color:#dfe2e4;
	padding:36px;
	margin-bottom:-66px;
	margin-top:0px!important;
}

section.contact-us .push-left{
	padding-left:42px;
}

div.rhscol h2 {
	padding-left:18px;
}
div.rhscol ul.bullet,
div.latest-research ul.bullet {
	list-style-position: outside;
	list-style-image: url(/images/v5b/lhs/listbullet.gif);
	padding-left: 11px;
	padding-bottom:0;
}
div.rhscol ul.bullet li {
	font-size:13px;
	line-height:150%;
}

div.footer div.logos>a {
	margin-left:8px;
}

.form-inline .form-control {
	width:97%;
}

.after-contact-us {
	display:none;
}

.white {
	color:#fff!important;
}

.blue {
	color:#07497f!important;
}

.black {
	color:#464646!important;
}

.light-blue {
	color: #1eaeef!important;
}

.thin {
	font-weight:300!important;
}

.regular {
	font-weight:400!important;
}

.rhscol ul {
	margin-bottom:0;
	margin-left:0px;
	padding-left:17px;
}
.rhscol h4.simple {
	margin:10px 0;
}


blockquote footer, blockquote small, blockquote .small {
	background-color: transparent;
	color: #BBA44C;
}

blockquote.no-border {
	border-left: 0px;
	padding:0;
	margin:0;
	font-style: italic;
	font-weight: 300;
	line-height: 1.5em;
	font-size: 1.3em;
	margin:20px 0px;
	padding:10px 0px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

blockquote.no-border-no-top {
	border-left: 0px;
	padding:0;
	margin:0;
	font-style: italic;
	font-weight: 300;
	line-height: 1.5em;
	font-size: 1.3em;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	border-top:0px solid #eee;
	border-bottom:1px solid #eee;
	color:#E8560B;
}






/*-------------------XS< 320px-------------------*/

@media screen and (max-width:320px) {
    a.add-to-calendar {margin-top: -20px;}
    
    #cookie-policy {
        font-size:10px;
    }

    #cookie-policy .glyphicon {
        margin-top:-10px;
        margin-right:15px;
    }

}

/*-------------------SM < 768px-------------------*/

@media screen and (max-width:767px) {
   h2,
   .sectionheading {
       font-size: 1.85em;
       line-height: 130%;
       margin: 0;
       padding: 2px 0 32px;
   }

   h3 {
       font-size: 20px;
       line-height:26px;
   }

   section.contact-us {
   		padding: 36px 0px;
   }

   h1 span.subtitle {
   		display:block;
   		padding-left: 0px;
		padding-top: 6px;
   }

  
}

/*-------------------MD 768px-991px-------------------*/

@media screen and (min-width:768px) and (max-width:991px) {
  body {
      font-size: 11px;
      line-height: 160%;
  }

  h1 {
      font-size: 38px;
      line-height: 48px;
  }

  h2,
  .sectionheading {
      font-size: 26px;
      line-height: 35px;
  }

  h3 {
      font-size: 20px;
      font-weight: 700;
      line-height: 26px;
      padding: 0 0 11px;
  }

  section.contact-us {
	padding: 36px 0px;
	}

	section.contact-us .push-left{
		padding-left:42px;
	}

	div.rhscol ul.bullet li {
	font-size:11px;
}


}

@media screen and (min-width:992px) and (max-width: 1199px) {

	h1 {
		font-size: 36px;
		font-style: normal;
		font-weight: 400;
		line-height: 1;
	}

}
	
@media screen and (min-width:1200px) {

}