@charset "utf-8";

=== GeoBlue Compass ===
=== Oct 1 , 2014 ====
=== www.geobluecompass.com ===
*/

/* 
--->>Table of Content<<---
==================================================
	#Reset
	#Typography
	#Basic Styles
	#Layout Styles
	#Module Styles
	#Theme Styles
*/

/*
--->>Color Codes<<---
==================================================
Background: 		#ffffff 	(white)
Content:			#444    	(dark gray)
H1:				#D06F1A 	(Orange)


a (standard):			#E37925  (GeoBlue Orange Link)
a:hover (standard)		#A4500E  (GeoBlue Dark Orange Link)
a (visited):				#####    	(navy blue)
a (secondary)			#0040b6  (GeoBlue blue)
					#e0f2f5;    (light blue)

Primary Button:  		#f09321 	(GeoBlue Orange)
Primary Button Hover: 	#A4500E	(GeoBlue Dark Orange)
Secondary Button:  		#bdccd4	(light gray)
Secondary Button Hover: 	#b1b1b1	(dark gray)

Border: 				#bdccd4	(light gray)
*/

/* #Reset 
================================================== */



/* #Basic Styles
================================================== */

#GeoBlueCompass {}

body {
	background: #ffffff;
	font-family: 'HelveticaNeueCondensed', 'Arial Narrow';
	margin:0;
}
p, ul, ol, dl, dd, pre, table {
	margin-bottom:1em;
	font-family: 'HelveticaNeueCondensed', 'Arial Narrow';
}
a {     
	text-decoration:none;
	color:#E37925;
	display:inline-block;
	*display:inline;
}	
p {
	line-height:1.4em;
}
a:active, a:hover {
	text-decoration:none;
	color:#A4500E;
}
ul {
	list-style-type:none;
}
h1 {
	font-size:2em;
	margin-bottom:0.5em;
	color:#E37925;
	font-weight:bold;
}

h2 {
	font-size:1.5em;
	color:#E37925;
	margin-bottom:0.625em;
	font-weight:normal;
}

.nonLink {color:#0098ae;}
h3 {
	font-size:1.25em;
	margin:0;
	font-weight:normal;
}
h4 {
	font-size:1em;
	margin:0;
}
h5 {
	font-size:.8em;
	margin-bottom:1.25em;
	font-weight:normal;
}
h6 {
	font-size:.667em;
	margin-bottom:1.5em;
}
img {
	height:auto;
	max-width:100%;
}

h2 img, h3 img, h4 img{
	margin-right:10px;
}

textarea {
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	margin-right:20px;
}
.small {
	font-size:.8em;
}
input[type="text"], input[type="password"], input[type="checkbox"], textarea {
	border:1px solid #bdccd4;
	padding:5px;
	margin:10px;
	-webkit-
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

select {color:#000;}



/* #Layout Styles
================================================== */
.container {
	background:#fff;
	margin:0 auto;
	width:1150px;
}
.header {
	position:relative;
	width:100%;
	border-bottom: 10px solid #0092ae;
}
.headerHome {
	position:relative;
	width:100%;
	border-bottom: 1px solid #bdccd4;
	margin-top:10px;
}
.logo {
	background: url('/images/geoblueLogo.png') no-repeat;
	width:299px;
	height:57px;
	display: inline-block;
	*display:block;
}

.GMlogo {
	background: url('/images/GMLogo.png') no-repeat;
	width:80px;
	height:80px;
}
.AESlogo {
	background: url('/images/aes-logo-resize.png') no-repeat;
	width:299px;
	height:57px;
}
.USAILlogo {
	background: url('/images/ussailing-logo-resize.png') no-repeat;
	width:91px;
	height:60px;
}

.navigation {
	float:right;
	margin-top:31px;
}
.navigation ul {margin:0;}
.navigation li {   
		  width:137px;
	   	  display:inline-block;
	   	 *display:block;			
}	
.navigation a {
	color:#979797;
	width:131px;
	padding:5px;
	text-align:center;
}

.navigation > ul > li > a{
               border-right:1px solid #bdccd4; 
	       border-bottom:1px solid #f3f2f2;
}

.navigation > ul > li:hover > a {
	color:#E37925;
	text-decoration:none;
	background-color:#f3f2f2;
	cursor:pointer;
	padding:5px;
	border-right:0;
}

.navigation ul li a:hover{
	color:#E37925;
	text-decoration:none;
	background-color:#f3f2f2;
	cursor:pointer;
	padding:5px;
	border-right:0;
}


.secondaryLink{
	text-decoration:none;
	color:#0098ae;
}	

.secondaryLink:active, .secondaryLink:hover {
	text-decoration:none;
	color:#2C3F52;
}
.breadcrumb {
	color:#979797;
	list-style:none;
	margin:20px 0;
	font-size:.8em;
}
.breadcrumb a {
	display:inline;
	color:#979797;
}
.hot {
	color:#2c3f52;	
}

.darkBgText{
	color:#fff;
}

.footer {
	color:#000;
	line-height:10px;
	margin-bottom:20px;
	border-top:10px solid #0092ae;
	clear:both;
}
.footer ul {
	margin:0;
	padding:0;
}
.footer li {
	display:inline;
	padding:0 10px 0 5px;
}
.footer .first-child {
	padding-left:0;
}
.footer .last-child {
	border:none;
}
.footer a,  {
	color:#0092ae !important;
	margin-left:0;
}

.footer.small ul li a {color:#0098ae;}
.footer.small ul li a:hover, .footer.small ul li a:active {color:#2c3f52;}

.floatLeft{float:left; *display:block;}
.floatRight{float:right; *display:block;}
.inline {display:inline-block; *display:inline;}
.center{text-align:center;}
.left{text-align:left;}

.colxSmall{width:20%;}
.colSmall{width:25%;}
.colSmallMed{width:30%;}
.colMedium{width:40%;}
.colMedLarge{width:50%;}
.colMedXLarge{width:60%;}
.colLarge{width:75%;}
.colxLarge{width:85%;}
.colFull{width:100%;}

.column{
	display:inline-block;
	*display:block;
	margin-right:70px;
}

.leftCol{
	float:left;
	margin-right:70px;
}

.marginCenter {margin:auto;}
.margintop{
	margin-top:20px;
}

.noMargin{
	margin:0 !important;
}

.noMarginLeft{
	margin-left:0 !important;
}

.noMarginBottom{
	margin-bottom:0 !important;
}

.noMarginTop{
	margin-top:0 !important;
}

.marginTopMedium{
	margin-top: 25px !important;
}
.marginTopBig{
	margin-top: 40px
}

.marginTopXSmall{
	margin-top:5px;
}
.marginTopSmall{
	margin-top:10px;
}

.marginTopMediumSmall{
	margin-top:15px;
}

.marginBottomSmall{
	margin-bottom: 10px
}

.marginBottomMedium{
	margin-bottom: 20px
}

.marginRightSmall{
	margin-right:10px;
}
.marginRightMedium{
	margin-right:20px;
}
.marginLeftSmall{
	margin-left:10px;
}

.marginLeftMedium{
	margin-left: 20px;
}

.marginLeftLarge{
	margin-left: 40px
}
.marginLeftBig{
	margin-left: 50px
}

.marginSmall{
	margin:10px;
}

.marginMedium{
	margin: 20px;
}

.paddingLeftSmall{
	padding-left: 10px
}

.paddingTopXSmall {padding-top:5px;}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	line-height: 1;
}

/* MODULE STYLES
 ==================================================*/

/* buttons */

.btn,.button {
	background:#D06F1A;
	border:none;
	color:#fff;
	padding:7px 12px;
	text-align:center;
	/*margin:5px;*/
}

.btn2{
	background: #dadada;
	color: #000;
	padding: 6px 12px 5px 12px;
	text-align: center
}

.btn2:hover, .btn2:active{
	background: #adadad;
	color:#000;
}

.btn:hover, .btn:active,.button:hover,.button:active {
	background:#A4500E;
	text-decoration:none;
	color: #fff
}

.btn3{
	background: #0098ae;
	color: #fff;
	padding: 6px 23px;
	text-align: center;
	margin:20px 2px 0 0;
}

@-moz-document url-prefix() {
                      .btn3 {
                        background: #0098ae;
			color: #fff;
			padding: 7px 23px;
			text-align: center;
			margin:20px 2px 0 0;
		      }
 }

.btn3:hover, .btn3:active{
	background: #2c3f52;
	color:#fff;
}

.btn4 {
	background:#D06F1A;
	border:none;
	color:#fff;
	padding:6px 12px;
	text-align:center;
	font-family:'HelveticaNeueCondensed';
	font-size:1em;
}

.btn4:hover, .btn4:active {
	background:#A4500E;
	text-decoration:none;
	color: #fff
}

.adBox {
	width:320px;
	height:150px;
	background:#fff;
	padding:20px;
	margin:20px 30px 20px 10px;
	border:1px solid #bdccd4;
}

.adBox p {
	line-height:1.2em;
	margin:10px 0;
}

#adBoxLong {width:400px; height:160px;}
.adBoxShort {width:300px; height:150px;}
.adBoxLow{height:120px;}

/*custom forms*/

.formSection{margin-bottom:20px;}
.horizontalForm input[type="text"], input[type="password"], textarea, .formBox input[type="text"], select {
	border:1px solid #bdccd4;
	padding:5px;
	margin:15px 20px 15px 0;
	width:250px;
}
textarea.textAreaLarge{
	float:left;
	width:47%;
	margin:15px 20px 0 0;
}
.horizontalForm img {
	vertical-align:middle;
	margin: 0 2px 5px 0;
}

.horizontalForm	img:nth-of-type(2) {  
	  margin-right:8px;
}     


#inputLarge input[type="text"], input[type="password"], textarea, .formBox input[type="text"], select{
	width:46%;
}

.verticalForm input[type="text"], input[type="password"], textarea, .formBox input[type="text"], input[type="email"]{
	border:1px solid #bdccd4;
	padding:5px;
	margin:10px auto;
	width:300px;
}

input[type="submit"]{
	cursor: pointer;
}

/*pageHeader*/
.pageHeader {
	border-bottom: 1px solid #ebebeb;
	width:100%;
	float:left;
	margin-bottom:20px;
}

.mainContent {width:100%;}

/*line dividers and borders*/
.borderBottom {border-bottom:#0092ae solid 2px;}
.borderBottomThin {border-bottom:#0092ae solid 1px;}
.borderBottomThinGray{
	border-bottom:#ebebeb solid 1px;
	padding:0 0 10px 0;
	}

#underlineMed {width:310px;}

.req {
	color:#f09321;
	float:right;
	margin-right:20px;
}

.toolFeature-LoginPage {
	margin-bottom:40px;
}

.features-horizontal {
	float:left;
	margin:20px 0 20px 25px;
}


/* START message, alert, error, success, info tags */
.message {
	width: 100%;
	color: #555555;
	background: #e7e7e7;
	border: 1px solid #cccccc;
	margin: 0 0 15px 0;
	text-shadow: none; /* four values : horizontal vertical blur color */
}
.messageError {
	background: #fbcecf;
	border: 1px solid #cea2a5;
}
.messageAlert {
	background: #fcf8ca;
	border: 1px solid #f1d970;
}
.messageSuccess {
	background: #d4f5d3;
	border: 1px solid #abcea9;
}
.messageInfo {
	background: #d4e6f9;
	border: 1px solid #c3c7e1;
}
.message h4 {
	color: #373737;
	font-size: 110%;
	font-weight: normal;
	font-family: inherit;
	margin: 0;
	padding: 10px 5px 0px 10px;
	text-shadow: none; /* four values : horizontal vertical blur color */
}
.message p {
	color: #373737;
	font-size: 90%;
	padding: 10px 5px 0px 10px;
	font-family: inherit;
	margin: 0 5px 10px 0;
	text-shadow: none; /* four values : horizontal vertical blur color */
}
.messageClose {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	float: right;
	background: url(/assets/images/icons/icon16x16-close.png) no-repeat 0 0;
}

 /*THEME STYLES
 ==================================================*/
 
/*typography*/

 @font-face {
    font-family: 'HelveticaNeueLight';
    src: url('fonts/helveticaneueltstd_lt-webfont.eot');
    src: url('fonts/helveticaneueltstd_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd_lt-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd_lt-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd_lt-webfont.svg#HelveticaNeueLTStdLtRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaNeueCondensed';
    src: url('fonts/helveticaneueltstd_cn-webfont.eot');
    src: url('fonts/helveticaneueltstd_cn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd_cn-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd_cn-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd_cn-webfont.svg#HelveticaNeueLTStdCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaNeueLightCond';
    src: url('fonts/helveticaneueltstd_ltcn-webfont.eot');
    src: url('fonts/helveticaneueltstd_ltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd_ltcn-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd_ltcn-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd_ltcn-webfont.svg#HelveticaNeueLTStdLtCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('fonts/helveticaneueltstd_roman-webfont.eot');
    src: url('fonts/helveticaneueltstd_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd_roman-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd_roman-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd_roman-webfont.svg#HelveticaNeueLTStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*Home--banner*/

.banner {
	background: url('/images/happyhiker.png') no-repeat;
	height:280px;
	width: 1150px;
	margin:20px 0 0  0;
	padding: 0;
}

.banner_secondary {
	background: url('/images/couplehikers.png') no-repeat;
	height:280px;
	width: 1150px;
	margin:20px 0 0  0;
	padding: 0;
}

.tagLine {
	position:relative;
	top:60px;
	left:300px;
	width:400px;
}

.tagLine h1 {
	margin-bottom:0.1em;
}

.tagLine h3 {
	margin:0;
	line-height:1.35em;
}

.tagLine_secondary {
	position:relative;
	top:65px;
	left:100px;
	width:600px;
}

.tagLine_secondary h1 {
	margin-bottom:0.1em;
	color:#0098ae;
	font-weight:bold;
}

.tagLine_secondary h3 {
	margin:0 0 10px 0;
	line-height:1.35em;
}

#loginBoxForm{
	position:relative;
	top:30px;
	left:155px;
	float:right;
	width:250px;
	z-index: 10;
}

#loginBoxForm input{
	width:215px;
	margin:20px 0 0 20px;
}

#loginBoxForm input[type="submit"] {
	width:42%;
}

.opaqueBox {
	position:relative;
	right:95px;
	top:60px;
	padding:20px 10px;
	background-color:#fff;
	opacity:.5;
	width:250px;
	height:155px;
	float:right;
}
	
.loginHeader {
	background-color:#0092ae;
	padding:10px;
	color:#fff;
	width:250px;
}

.bannerFooter {
	background-color:#0092ae;
	color:#fff;
	padding: 5px 20px;
}

.bannerFooter .btn {
	margin-left:20px;
}

.bottomBanner p { 
	text-align:center;
}

.bottomBanner img {
	border:1px solid #bdccd4;
}

/*top signed in divider*/
.SignInDivider{
	border-bottom: 1px solid #e0f2f5;
	background-color:#e0f2f5;
	padding:10px 25px 5px 0;
	margin-bottom:10px;
	color:#979797;
}

.SignInDivider p{
	text-align:right;
	margin:0;
}

.SignInForm h3 {
	color:#E37925;
	margin-top:20px;
}

.SignInForm{
	margin-left:30px;
}

/*Home--content tiers*/

.tier {
	padding:10px 20px;
	margin-bottom:20px;
	display:block;
	clear:both;
	float:left;
}

.tier h2 {
	color:#0092ae;
	margin-bottom:5px;
}

.black {color:#000 !important;}

.tier hr.underline,   {
	color:#bdccd4;
	width:360px;
	float:left;
	margin:0;
}

.tierFour {
	background-color:#ebebeb;
	width:96%;
	margin-bottom:0;
	padding-bottom:0;
	padding-right:25px;
}

.tierFour img {
	margin-top: -45px;
	display:block;
	float:right;
}

.tierBottom{
	background-color:#ebebeb;
	padding-bottom:20px;
	padding-right:25px;
	width:96%;
	margin:0;
}

.tierCustom {
	background-color:#ebebeb;
	width:96.5%;
	margin-bottom:0;
	padding:20px 25px 15px 15px;
	line-height:0;
}

.tierCustom h2 {
	margin:25px 0 0 10px;
}

.tierCustom p {
	margin:15px 0 0 10px;
}

	
.smallUnderline{
	background-color:#0092ae;
	width:130px;
	height:5px;
	margin:10px auto;
	}

.innerbox {
	width:320px;
	height:120px;
	background-color:#e0f2f5;
	overflow-x:hidden;
	overflow-y:auto;
	margin-top:10px;
	padding:5px;
}

.innerbox a {
	border-top:1px solid #b1b1b1;
	padding:5px;
}

.innerbox p {margin-top:0;}


.innerbox::-webkit-scrollbar {
    width: 12px;
}

.er {
color: #f00;
padding: 0;
height: 13px;
width: 30px;
background: url("/images/er_hospit.png") !important;
display: inline-block;
}
 
/* Track */
.innerbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
/* Handle */
.innerbox::-webkit-scrollbar-thumb {
    background: #0098ae;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.innerbox::-webkit-scrollbar-thumb:window-inactive {
	background: #0098ae;
}

	
/*Themed list*/

ul.arrowBulletList{
	padding:0; 
	margin-bottom:30px;
}

.arrowBulletList li {
	padding-left: 60px;
	background: url('/images/arrow-pointer-icon.png') no-repeat;
	background-repeat: no-repeat;
	margin:20px 0  0 40px;
	line-height:1.3em;
}

ul#singleLineList li {
	padding-top:5px;
	margin:10px 0;
	background-size:30px;
}

ul.bullets{
	list-style-type: disc
}

ul.bullets li{
	margin: 10px 0
}

/*Home--features*/

.feature {
	float:left;
	width:28%;
	margin:20px 19px;
	text-align:center;
	padding:10px;
}

.pageHeader img {margin-top:20px;}

.pretravelTier{
	background: url('/images/travel-bkgd.png') no-repeat;
	width:100%;
	margin:10px 0 0 0;
	padding:0 20px;
}

.pretravelTier a {
	position:relative;
	left:110px;
	top:-20px;
}

#travelCustomMessage{
	float:right;
	color:#0092ae;
	margin-right:40px;
	text-align:right;
	position:relative;
	top:-45px;
}
	
.midSolidDivider {
	background-color:#0092ae;
	color:#fff;
	padding:0 80px;
	display:inline-block;
	*display:block;
	margin-top:-40px;
	text-align:center;
}

.formBox {
	background-color:#ebebeb;
	margin:0 15px 20px 15px;
	padding:20px 60px;
	border: 1px solid #bdccd4;
}

.formBox2 {
	background-color:#ebebeb;
	margin:0 15px 20px 15px;
	padding:20px 30px;
	border: 1px solid #bdccd4;
}

.alignImg 
{
	float:right;
	margin-top:-70px;
}


/*icon-sprite*/

.sprite { background-image: url('/images/geobluecompass-icons.png'); background-color: transparent; background-repeat: no-repeat; }
.broken-icon { width: 100px; height: 100px; background-position: 0px -1000px; }
.check-icon { width: 100px; height: 100px; background-position: 0px -900px; }
.chp-icon { width: 100px; height: 100px; background-position: 0px -800px; }
.cone-icon { width: 100px; height: 100px; background-position: 0px -700px; }
.drug-equiv-icon { width: 100px; height: 100px; background-position: 0px -600px; }
.health-articles-icon { width: 100px; height: 100px; background-position: 0px -500px; }
.medical-phrases-icon { width: 100px; height: 100px; background-position: 0px -400px; }
.medical-terms-icon { width: 100px; height: 100px; background-position: 0px -300px; }
.news-alerts-icon { width: 100px; height: 100px; background-position: 0px -200px; }
.search-icon { width: 100px; height: 100px; background-position: 0px -100px; }
.security-profile-icon { width: 100px; height: 100px; background-position: 0px 0px; }


/*CityHealth Profiles*/

#GeoBlue-Compass-CHP .btn {
	padding:5px 30px;
}

#GeoBlue-Compass-CHP h4 {margin-bottom:5px;}
.hidden {display: none}

