/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* =============================================================================
Global Reset & Standards
========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
/* =============================================================================
HTML5 element display
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* =============================================================================
Fonts - Now being loaded as async call in the /templates/global_includes/head_global_includes.cfml
========================================================================== */
/*
@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;
}
*/
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Force vertical scrollbar in non-IE
* 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
* 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html { font-size: 62.5%; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-size: 1.3em; line-height: 18px; color: #717f81; position: relative; -webkit-font-smoothing: antialiased; }
body, button, input, select, textarea { }
/*
* These selection declarations have to be separate
* No text-shadow: twitter.com/miketaylr/status/12228805301
* NOTE: Change to color of site:
*/
::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #009ea0; text-decoration: none; }
a:visited { color: #009ea0; }
a:focus { outline: none; }
/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; color:#dda420; }
a.active, a.current {color:#dda420;}
.button, a.button, .button:visited {text-transform: uppercase; background: #009ea0; color:#fff; padding: 5px 4px;}
/*.button.arrow-right {background: #009ea0 url('../img/layout/geo-button-arrow.png') no-repeat center right;}
.button:hover {background:#dda420 url('../img/layout/geo-button-arrow.png') no-repeat center right;}*/
.button.arrow-right { background: #009ea0; }
.button:hover { background: #dda420; }
.button2, a.button2, .button2:visited { background: #00aedb; color: #ffffff; border: none; padding: 6px 5px; font-weight: bold; -webkit-border-radius: 3px; border-radius: 3px; }
/*.button2.arrow-right { background: #00aedb url('../img/layout/geo-button-arrow.png') no-repeat right center; }
.button2:hover { background: #009ea0 url('../img/layout/geo-button-arrow.png') no-repeat center right; border: none; }*/
.button2.arrow-right { background: #00aedb; }
.button2:hover { background: #009ea0; }
.button.xsmall { text-transform: uppercase; font-size: 12px; font-weight: bold;padding:6px 10px;}
.button.small { text-transform: uppercase; font-size: 15px; font-weight: bold; padding-left: 15px; padding-right: 15px; }
.button.medium { text-transform: uppercase; font-size: 15px; font-weight: bold; padding-left: 30px; padding-right: 30px; }
.button.medium.btn-block {width: 90%;box-sizing: border-box;margin-left:5%;margin-right:5%;padding-left: 10px; padding-right: 10px;}
.btn-block {margin-top: 5px;}
.button.large { text-transform: uppercase; font-size: 18px; font-weight: bold; padding-left: 40px; padding-right: 40px; }
.button.rounded { -webkit-border-radius: 3px; border-radius: 3px; }
.button.rounded:hover {}
.buttonBlock,
a.buttonBlock:link,
a.buttonBlock:visited {
display: block;
width: 165px;
margin: 0 auto 12px auto;
/* background: #009ea0 url('../img/layout/geo-button-arrow.png') no-repeat center right;*/
background: #009ea0;
font-size: 15px;
color: #ffffff;
text-align: center;
padding: 5px 0;
font-weight: bold;
-webkit-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
}
a.buttonBlock:hover,
a.buttonBlock:active {
/* background:#dda420 url('../img/layout/geo-button-arrow.png') no-repeat center right;*/
background:#dda420;
}
.text-arrow {background: url('../img/layout/geoblue-orangearrow.png') no-repeat center right; min-height: 14px; padding: 0 10px 0 0; }
.text-arrow-left {background: url('../img/layout/geoblue-orangearrow-left.png') no-repeat center left; min-height: 14px; padding: 0 0 0 10px; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
abbr { text-transform: none; }
b, strong { font-weight: bold; line-height: inherit; }
em, i { font-style: italic; line-height: inherit; }
/* Blockquotes */
blockquote, blockquote p { line-height: 20px; color: #777; }
blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555; }
dfn { font-style: italic; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 60%; line-height: inherit; }
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em;}
/* Headlines */
h1, h2, h3, h4, h5, h6 { color: #00AEDB; font-weight: normal; line-height: 1.25; font-family: "HelveticaNeueLightCond";}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #00AEDB!important; font-weight: inherit; background: url('../img/layout/geoblue-orangearrow.png') no-repeat right; padding-right: 10px; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #009EA0!important; font-weight: inherit; background: url('../img/layout/geoblue-orangearrow.png') no-repeat right; padding-right: 10px; }
h1 { font-size: 30px; font-size: 3rem; margin-bottom: 12px;}/*46px; font-size: 4.6rem; */
h2 { font-size: 34px; font-size: 3.4rem; margin-bottom: 9px; letter-spacing: -1px;}
h3 { font-size: 24px; font-size: 2.4rem; margin-bottom: 9px; margin-bottom: 8px; font-family: "HelveticaNeueLightCond";}
h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }
h5 { font-size: 18px; font-size: 1.8rem; margin-bottom: 3px; }
h6 { font-size: 16px; font-size: 1.6rem; margin-bottom: 3px; }
h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
h1.quickTag { letter-spacing: -1px; }
.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }
p { font-size: 13px; font-size: 1.3rem; line-height: 1.25; margin: 0 0 18px; }
p img { margin: 0; }
p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; }
p.intro { font-size: 15px; line-height: 1.3; padding-right: 15px; margin-bottom: 5px; }
p.lead-lg {font-size: 25px; font-weight: bold; }
.content h3 { margin-bottom: 5px; }
.content-area h1 { padding: 0 10px; font-size: 30px; }
.content-area h2, .plans-content h3 { margin-top: 20px; font-size: 24px; padding: 0 10px; font-family: "HelveticaNeueLightCond"; font-weight: normal; letter-spacing: normal; }
.plans-content h3 { padding: 0; }
.content-area h3 { padding: 0 10px; }
.content-area p { padding: 0 10px; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { }
dd { }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
ul, ol { margin-bottom: 18px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
li { margin-bottom: 12px; }
ul.large li { line-height: 21px; }
ul li ul { margin-top: 10px; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* Improve image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img { border: 0; -ms-interpolation-mode: bicubic; }
/*
* Correct overflow displayed oddly in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; border: none; padding: 6px 15px; font-weight: bold;-webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; }
button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-image: none; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
/*
* Remove inner padding and border in FF3/4
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Misc
========================================================================== */
.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.hide { display: none; }
.highlight { background: #ff0; }
#googlemap img, object, embed { max-width: none; }
#map_canvas embed { max-width: none; }
#map_canvas img { max-width: none; }
#map_canvas object { max-width: none; }
/* Accordion / Toggle Boxes */
.accordionHeader {
cursor: pointer;*cursor:hand;
}
.accordionHeader div {
float: left;
height: 18px;
width: 16px;
margin-top: 5px;
margin-right: 10px;
color: #00a0af;
line-height: .55em;
font-weight: bold;
}
.accordionContent {
display: none;
padding-left:27px;
}
/* =============================================================================
Primary styles
Authors: m. bulfair mbulfair@allwebcafe.com | allwebcafe || 2012
Authors: b. morse bmorse@allwebcafe.com | allwebcafe || 2012
========================================================================== */
body {background: #ffffff url('../img/layout/bg.jpg') no-repeat top center;}
/* =============================================================================
Header
========================================================================== */
header {height: 195px; width: 100%; padding: 15px 0 0 0; background: url('../img/layout/geo-header-bg.png') repeat-x;}
header.no-links {
height: 168px;
margin-bottom: 20px;
background-position: left bottom;
}
header.no-links.homepage {
height: 160px;
margin-bottom: 20px;
background: none;
}
header .top-bar {color:#898f8d; border-bottom: 1px solid #e3e3e3; overflow: hidden; margin-bottom:4px; padding-bottom:5px;}
header .top-navigation {float: right; *display: inline;}
header .top-navigation a {margin: 0 0 0 5px; font-family: "HelveticaNeueLight";}
header .social-nav {float:right; *display: inline;}
header .social-nav a {background: url('../img/layout/geoblue-sprite.png') no-repeat; float:left; *display:inline; width: 18px; height: 18px; margin: 0 0 0 3px;}
header .social-nav a.first {margin:0;}
header .social-nav a.fb {background-position: -16px -12px;}
header .social-nav a.tw {background-position: -38px -12px;}
header .social-nav a.rss {background-position: -60px -12px;}
header .social-nav a.fb:hover {background-position: -16px -37px;}
header .social-nav a.tw:hover {background-position: -38px -37px;}
header .social-nav a.rss:hover {background-position: -60px -37px;}
header .powered-by { margin: 25px 0 0 310px; width: 350px; font-size: 13px; font-size: 1.3rem; text-wrap: normal; } /* THIS LINE ALSO IN meberservices.css */
header .powered-by .small { font-size: 12px; font-style: italic; } /* THIS LINE ALSO IN meberservices.css */
/* =============================================================================
Logo
========================================================================== */
header .logo {float:left; *display:inline; width: 286px; margin: 0; height: 92px;}
header .logo a{width: 286px; height: 27px; padding-top:65px; background: url('../img/layout/geoblue-sprite.png') no-repeat; font-family: "HelveticaNeueCondensed"; font-size: 16px; font-size: 1.6rem; text-align: center; display: block; font-weight: normal; color:#00aedb;}
header .logo a.type-a {background-position: -210px -102px;}
header .logo a.type-b {background-position: -210px -190px;}
header .logo a.type-c {background-position: -210px -282px;}
/* =============================================================================
Main Navigation
========================================================================== */
header .main-navigation { margin: 0; padding: 0; list-style: none; height: 72px; z-index: 15; position: relative; }
header .main-navigation li { width: 132px; height: 72px; float:left; *display: inline; margin: 0 1px 0 0; }
header .main-navigation li a.top-lvl { background: #ffffff; display: block; height: 57px; border-width: 2px; border-style: solid; border-bottom-color: #bebebe; border-right-color: #afd7de; border-left-color: #afd7de; border-top: 1px solid #ffffff; }
header .main-navigation li:hover a.top-lvl { behavior: url(../css/PIE.htc); border-color: #beeaf3; background-color: #fafafa; border-bottom-color: #fafafa; position: relative; z-index: 5000; color: #ec964a; } /*color: #00aedb;*/
header .main-navigation li:hover .rollover-content { display: block; }
header .main-navigation li.current:hover .rollover-content { display: block; } /* display:block if you want to show rollover on current page */
header .main-navigation li a.top-lvl .top-text { font-weight: 400; color: #898f8d!important; display: block; font-size: 14px; padding: 11px 0 0 12px; font-family: "HelveticaNeueLight"; }
header .main-navigation li a.top-lvl .bottom-text { text-transform: uppercase; display: block; font-weight: bold; font-size: 16px; padding: 0 0 0 12px; }
/* Section on */
header .main-navigation li.current .bottom-text { color: #00aedb; }
header .main-navigation li.current { background: #ffffff url('../img/layout/geo-mainnav-current.png') no-repeat bottom center; }
header .main-navigation li.current:hover { background: #ffffff url('../img/layout/geo-mainnav-current.png') no-repeat bottom center; }
header .main-navigation li.current a.top-lvl { border: none; }
header .main-navigation li.current a.top-lvl:hover { border: none; background: #ffffff; }
/* Main Navigation : Rollovers */
header .main-navigation li .rollover-content { display: none; position: absolute; z-index: 4000; top: 57px; left: 0; width: 605px; padding: 12px; background-color: #fafafa; border: 2px solid #beeaf3; -webkit-box-shadow: 5px 5px 5px #a2a2a2; box-shadow: 5px 5px 5px #a2a2a2; }
header .main-navigation .rollover-content .half { width: 48%; margin: 2px; }
header .main-navigation .rollover-content h2 { color: #00bbdf; font-size: 25px; font-weight: normal; border-bottom: 1px dotted #c1c1c1; }
header .main-navigation .rollover-content h3 { color: #999999; font-size: 14px; font-weight: bold; }
header .main-navigation .rollover-content strong { color:#00aedb; }
header .main-navigation .rollover-content .link-list { margin: 0 0 15px 0; }
header .main-navigation .rollover-content .link-list li { float: none; width: auto; height: auto; margin: 0 0 2px 0; }
header .main-navigation .rollover-content .link-list li .button { display: block; text-align: left; width: 90%; font-size: 14px; letter-spacing: .5px; font-family: "HelveticaNeueCondensed"; }
header .main-navigation .rollover-content .link-list li .button2 { display: block; text-align: left; width: 90%; font-size: 14px; letter-spacing: .5px; font-weight: normal; }
/*
header .main-navigation .rollover-content .link-list li .button { display: block; text-align: left; width: 90%; font-size: 14px; letter-spacing: .5px; font-family: "HelveticaNeueCondensed"; }
header .main-navigation .rollover-content .link-list li .button2 { display: block; text-align: left; width: 90%; font-size: 14px; letter-spacing: .5px; }
*/
header .main-navigation .rollover-content .link-group { margin: 0; width: 618px; }
header .main-navigation .rollover-content .link-group li { float: left; height: auto; *display: inline; width: 32.5%; margin: 2px; }
header .main-navigation .rollover-content .link-group li .button { display: block; font-size: 14px; letter-spacing: .5px; font-family: "HelveticaNeueCondensed"; }
header .main-navigation .rollover-content .link-group li .button2 { display: block; font-size: 14px; letter-spacing: .5px; font-weight: normal; }
/*
header .main-navigation .rollover-content .link-group li .button { display: block; font-size: 14px; letter-spacing: .5px; font-family: "HelveticaNeueCondensed"; }
header .main-navigation .rollover-content .link-group li .button2 { display: block; font-size: 14px; letter-spacing: .5px; }
*/
.helloUser {
text-align: right;
margin: 5px 20px 0 0;
font-weight: bold;
}
.helloUser p {
margin: 0 0 2px 0;
}
.helloUser a:link
.helloUser a:visited, {
color: #009EA0;
}
.helloUser a:hover
.helloUser a:active, {
color: #dda420;
}
.helloUser .small {
font-size: 10px;
font-weight: normal;
}
.helloUser a.small:link
.helloUser a.small:visited, {
font-size: 10px;
font-weight: normal;
color: #009EA0;
}
.helloUser a.small:hover
.helloUser a.small:active, {
color: #dda420;
}
/* Full Background on rollover; just apply this class to the container*/
.desination-health { background: #fafafa url('../img/layout/geoblue-globalmap.jpg') no-repeat bottom center; min-height: 310px; }
/* Colored Grids */
.light-blue { background: #dff5f9; border: 1px solid #abe9f5; padding: 5px;}
.light-blue aside.right { width: 190px; }
.light-blue p { margin: 10px 0; }
/* =============================================================================
Generic Forms - Quotes
========================================================================== */
.hiddenForm { display: none; } /* Hides Forms */
.quote-box { behavior: url(../css/PIE.htc); background: #c2e6e1; border:2px solid #fff; -webkit-border-radius: 3px; border-radius: 3px; width: 260px; padding: 10px 0; -webkit-box-shadow: 1px 3px 4px 2px #8fb0b6; box-shadow: 1px 3px 4px 2px #8fb0b6; margin-bottom: 20px; }
.quote-box h3 {font-family:"HelveticaNeueLight", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; text-align: center; font-size: 17px; line-height: 1; margin: 0 0 5px 0; color:#0c95b9; text-shadow: none; text-transform: uppercase; }
form { margin: 0; padding: 5px 20px; }
.radios {margin: 0 0 0 33px; padding: 2px 0;}
.radios label {margin:0 10px 0 0; font-size: 12px;}
/*.quote-box select { max-width: 100px; }*/
.gender, .qinline { display: inline !important; *display: inline; }
form .row {margin: 3px 0;}
form .small {font-size:11px;margin:0;padding:0;}
form .button {margin-left:50px;}
form label.main {color: #00A0AF; text-shadow: 1px 1px 3px #FFF; filter: dropshadow(color=#FFF, offx=1, offy=1); }
input[type="radio"] {margin-right:2px;}
input[type="text"], input[type="password"], textarea,input[type="file"] {display: inline; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 5px; width: 95%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, textarea.oversize { font-size: 18px !important; font-size: 1.8 rem !important; }
input[type="text"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
input[type="text"][disabled], textarea[disabled] { background-color: #ddd; }
input[type="text"].sm-txt { width: 40px; font-size: 12px; margin:0; }
input[type="text"].date { font-size: 12px; width: 65px; vertical-align: middle; margin-right: 5px; display: inline;}
select { width: 95%; padding: 5px!important; /*height: 30px; */vertical-align: middle; }
option { vertical-align: middle; }
fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0 0 0 -3px; }
.form-field input[type=radio], div.form-field input[type=checkbox] { display: inline; width: auto; margin-bottom: 0; }
.form-field.error input, input.input-text.alert { border-color: #c60f13; background-color: rgba(255, 0, 0, 0.15); }
.form-field.error label, label.alert { color: #c60f13; }
.form-field.error small, small.error { padding: 6px 4px; border: solid 0 #C00000; border-width: 0 1px 1px 1px; margin-top: -10px; background: #c60f13; color: #fff; font-size: 12px; font-size: 1.2 rem; font-weight: bold; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*Cloned Elements*/
.clone-container li { margin: 0 0 2px 0; }
.clone-container li input { display: inline; }
.expandState {overflow:hidden; margin: 10px 0; -mox-box-shadow: inset 0 0 5px #717f81; -webkit-box-shadow: inset 0 0 5px #717f81; box-shadow: inner 0 0 5px #717f81; padding: 5px 7px; display: block; background-color: #b5d1d1;}
.expandState .expandableContent {}
.expandState .expandableContent .radios{ margin: 0 0 0 50px;}
.expandState .expandableContent .child-content {}
.expandState .expandableContent .child-content .lbl {padding-left:50px;}
.expandState .expandableContent .child-content .radios {margin: 0 0 0 60px;}
#zipCode {width: 72%;}
/* =============================================================================
Find Your Plan Widget
========================================================================== */
#find-plan {position:absolute; top:30px; right:-10px; z-index:0; background: #c2e6e1; border:2px solid #fff; -webkit-border-radius:3px;
border-radius:3px; width:260px; padding:12px 0; -webkit-box-shadow:1px 3px 4px 2px #8fb0b6; box-shadow:1px 3px 4px 2px #8fb0b6; behavior:url(../css/PIE.htc);}
#find-plan h2 {font-weight:bold; font-family: Helvetica, Arial, "Lucida Grande", sans-serif;text-align:center; font-size:21px; line-height:1; margin:0 0 5px 0; color:#0c95b9; text-transform:uppercase; }
#find-plan h3 {font-family:"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;color:#019496; font-size:14px; text-align:center; line-height:1; margin-bottom:15px;}
#find-plan form {padding: 0;margin:0 0 20px 0;}
#find-plan #singTrip, #find-plan #multiTrip, #find-plan #longTerm {padding-left:55px;}
#find-plan input.main {margin: 0 0 10px 0;}
#find-plan .radios {margin:0;}
#find-plan .txt {margin: 0 0 5px 0;}
#find-plan .button {margin: 0 0 0 27px; *display:inline;}
#find-plan .zippyDiv {margin:10px 0 0 52px;}
#find-plan input[type="text"].zippyInput {width:140px;}
#find-plan #zipopt {margin:0 0 10px 47px;}
#find-plan .expandState {margin:0 0 5px 0;padding:5px;}
#find-plan .expandState .radios {margin:0 0 0 18px;}
#find-plan .expandState .expandableContent ul {margin-bottom:0;}
#find-plan .expandState .expandableContent ul li {margin-bottom:5px;}
#find-plan .expandState .expandableContent .child-content .lbl {padding-left:18px;}
#find-plan .expandState .expandableContent .child-content .radios.lterm {margin-bottom:10px;}
/*======= Products Page Widget ========*/
#find-plan.prdQuote {position:relative;top:0px;right:-3px;width:273px;margin-bottom:15px;}
#find-plan.prdQuote h2 {letter-spacing:-1px;}
#find-plan.prdQuote h3 {margin-bottom:15px;}
#find-plan form {padding:0;margin:0 0 20px 0;}
#find-plan.prdQuote #singTrip, #find-plan.prdQuote #multiTrip, #find-plan.prdQuote #longTerm {padding-left:65px;}
#find-plan.prdQuote .button {margin: 0 0 0 35px;}
#find-plan.prdQuote .zippyDiv {margin:10px 0 0 62px;}
#find-plan.prdQuote #zipopt {margin:0 0 10px 58px;}
/* =============================================================================
Callouts
========================================================================== */
.callout {margin: 10px auto; display: block; padding: 5px 18px; max-width: 248px;}
.callout.grey { width: 248px !important; border: 1px solid #cccccc; overflow: hidden; background: url('../img/layout/misc/callout-gradient.png') top left repeat-x;}
.callout h2 {font-family: "HelveticaNeueLight", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; margin: 10px 0 5px 0; padding: 0; letter-spacing: normal;}
.callout img {display: block; margin: 5px auto; padding: 0; border: 1px solid #636363;}
.callout p {padding: 0; margin: 0 0 5px 0; font-size: 12px;}
.callout a {}
.callout li { margin: 0; }
/* Discover Callout */
.discover h2 {text-align: center; font-size: 16px;}
#mobileBg { background: #f0f0f0 url('../img/layout/misc/mobile-bg.png') top left no-repeat!important;}
#multiBg { background: #f0f0f0 url('../img/layout/misc/callout1.png') top right no-repeat!important; }
#groupBg { background: #f0f0f0 url('../img/layout/misc/callout2.png') top right no-repeat!important; }
#singleBg { background: #f0f0f0 url('../img/layout/misc/callout3.png') top right no-repeat!important; }
#eBookBg { background: #f0f0f0 url('../img/layout/misc/callout-ebook.png') top right no-repeat!important; }
#eBookBg h2 span {
font-size:2em;
text-transform: uppercase;
font-family: "HelveticaNeueCondensed", HelveticaNeueCondensed, "Arial", sans-serif;
}
#eBookBg div {
color:#717f81;
line-height:1.2em;
}
#eBookBg p {
margin-top:10px;
}
.calloutSprite { background: url('../img/layout/misc/callout-sprite.png'); width: 288px; height: 61px; display: block; margin: 4px 0; }
#lc { background-position: 0 -126px; } /* live chat */
#lc:hover { background-position: 0 -189px; }
#cc { background-position: 0 0; } /* competitor comparison */
#cc:hover { background-position: 0 -63px; }
#ge { background-position: 0 -252px; } /* group enrollment */
#ge:hover { background-position: 0px -315px; }
#vc { background-position: 0 -378px; } /* voyager plan comparison */
#vc:hover { background-position: 0px -441px; }
#ma { background-position: 0 -504px; } /* mobile app download */
#ma:hover { background-postion: 0 -575px; }
#qu { background-position: 0 -630px; } /* questions? email us */
#qu:hover { background-position: 0 -693px; }
/* =============================================================================
Additional Navigation
========================================================================== */
.side-nav {margin: 10px 0; display: block; list-style: none;}
.side-nav li {display: block; list-style: none; margin: 0 0 2px 0;}
.side-nav li a {display: block; text-transform: capitalize; font-weight: normal;}
.side-nav li .sub-nav {display: none; margin: 0 0 0 1px;}
.side-nav li .sub-nav li {margin: 0;}
.side-nav li .sub-nav li a {border:none; border-left-color:#fff; border-right-color: #c2e6e1; border-bottom-color:#c2e6e1; padding: 4px 0 4px 25px; background-image: none !important;}
.side-nav li .sub-nav li a:hover {color:#DDA420;}
.side-nav li .sub-nav li a.active {color:#00bde0;}
.side-nav li.current .sub-nav {display: block;}
.side-nav li.current a {color:#009EA0; background-color: #c2e6e1; border-top:none; border-bottom-color:#87d0cd; border-left-color:#fff; border-right-color: #c2e6e1;
background-image: url('../img/layout/geo-button-arrow-active.png'); background-repeat: no-repeat; background-position: center right;}
/* =============================================================================
Breadcrumbs
========================================================================== */
.breadcrumbs ul li { float: left; *display: inline; list-style: none; margin-right: 5px; font-weight: bold; font-size: 13px; text-align: center; }
/* =============================================================================
Quote Page: Pricing Table/Slider/Buy Box
=========================================================================== */
.heading {height: 50px; padding-top: 5px; font-size: 30px;}
.quoteResults { background: #E7E7E7 url('../img/layout/misc/quote-results-arrow.jpg') 630px 0 no-repeat; padding-bottom: 10px;}
/* .planParams { color: #00AEDB; background-color: #def5f9; padding: 10px 0 10px 20px; float: right; margin-bottom: 10px;}*/
.planParams { color: #00AEDB; background-color: #def5f9; padding: 10px 0 10px 20px; margin-bottom: 10px; }
.planParams a { cursor: pointer; }
.bigQuote { background-color: #def5f9; margin-top: -8px; padding: 10px 0 20px 20px; margin-left: 4px; }
.bQDetails ul { width: 420px; float: right; height: 50px; vertical-align: center; }
.bQDetails ul li { margin-bottom: 0px; font-weight: bold; }
.bigQuote #memFeat { color: #00AEDB; margin-top: 0px; margin-bottom: 20px;}
.bigQuote span.planHead { font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.bigQuote .feenote {width:250px;padding-left:5px;font-size:11px;}
.planParams span { margin-left: 47px; }
.planParams span:first-child { margin-left: 0; }
.quoteSpacing { padding-right: 10px; padding-left: 10px; }
.pricingBox { font-family: 'HelveticaNeueLight'; font-weight: bold; font-size: 14px; float: left; *display: inline; min-width: 206px; text-align: center; background-color: #c2e6e1; color: #009ea0; height: 100px; margin-top: 20px;}
.pricingBox ul { margin: 10px auto; border-right: 1px solid white; }
#quote3 ul { border: none; }
.pricingBox ul:hover, .pricingBox ul li:hover { cursor: pointer; }
.pricingBox ul li { margin-bottom: 5px; }
.pricingBox ul li.price { font-size: 18px; margin-bottom: 15px; }
.activePriceBox { min-width: 202px; height: 120px; z-index: 1; margin-top: 10px; color: #FFF; background-color: #00AEDB; border: 2px solid #AAA; border-top: none; -webkit-border-radius: 3px; }
.activePriceBox ul { margin: 20px auto 10px; border: none;}
#medLimit.ui-widget-content, #deductible.ui-widget-content { background: url('../img/layout/misc/quote-slider-bar.png') top left no-repeat; border: none; height: 20px; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: 5px; zoom: 1;
}
#planSlide.ui-widget-content { background: url('../img/layout/misc/quote-slider-bar3.png') top left no-repeat; border: none; height: 20px; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: 5px; zoom: 1; width: 582px;}
#planNavSlide.ui-widget-content { background: url('../img/layout/misc/quote-slider-bar6.png') top left no-repeat; border: none; height: 20px; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: 5px; zoom: 1; width: 582px; }
#planSelSlide.ui-widget-content { background: url('../img/layout/misc/quote-slider-bar-grid-3.png') top left no-repeat; border: none; height: 20px; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: 5px; zoom: 1; width: 582px; }
#medLimit a.ui-slider-handle.ui-state-default.ui-corner-all, #deductible a.ui-slider-handle.ui-state-default.ui-corner-all, #planSlide a.ui-slider-handle.ui-state-default.ui-corner-all, #planNavSlide a.ui-slider-handle.ui-state-default.ui-corner-all, #planSelSlide a.ui-slider-handle.ui-state-default.ui-corner-all { background: url('/img/layout/misc/quote-slider-ticker.png') top left no-repeat; border: none; height: 28px; width: 26px; zoom: 1; }
#pricingTable { margin-bottom: 0px; height: 132px; width: 620px; overflow: hidden; }
#pricingGrid { background-color: #FFF; width: 620px; margin-top: 20px; padding-top: 10px; }
#pricingGrid table thead tr td { padding-top: 10px; padding-left: 10px; }
#pricingGrid table { background-color: #00AEDB; margin: 0 auto; position: relative; width: 400px; color: #FFF; font-weight: bold; border: 1px solid #AAA; -webkit-border-radius: 5px;}
#pricingGrid table tr { background-color: #00AEDB; margin: 0; }
#pricingGrid table tr td {color: #FFF;}
#pricingGrid table tbody tr:last-child, .bg888 { background-color: #888; }
.planNameGrid { font-size: 23px; font-weight: bold; }
.pricingSlider { background-color: #FFF; padding: 20px 15px 10px 15px; margin-top: -10px; color: #00AEDB; zoom: 1; }
.pricingSlider label { font-weight: bold; }
.expatquote label { font-weight: bold; margin-right: 5px; }
.ui-slider-horizontal { /* width: 600px; */ margin-bottom: 20px; }
.steps { display:inline-block;}
.step1a { text-align:left; margin-right: 118px; }
.step2a { text-align:center; margin-right: 135px; }
.step3a { text-align:center; margin-right: 94px; }
.step4a, .step4b { text-align:right; }
.step1b { text-align:left; margin-right: 150px; }
.step2b { text-align:center; margin-right: 165px; }
.step3b { text-align:center; margin-right: 160px; }
.step1c { text-align: left; margin-right: 150px; }
.step2c { text-align: center; margin-right: 152px; }
.step3c { text-align: center; margin-right: 130px; }
.step4c { text-align: center; margin-right: 0px; }
/*.step5c { text-align: right; margin-right: 0px; }
.step6c { text-align: center; margin-right: 35px; }
.step7c { text-align: right; margin-right: 0px; }*/
.step1d { text-align: left; margin-right: 81px; }
.step2d { text-align: center; margin-right: 85px; }
.step3d { text-align: center; margin-right: 77px; }
.step4d { text-align: center; margin-right: 77px; }
.step5d { text-align: center; margin-right: 65px; }
.step6d { text-align: right; margin-right: 0px; }
.step1of3 { text-align: left; margin-right: 240px; }
.step2of3 { text-align: center; margin-right: 240px; }
.step3of3 { text-align: right; margin-right: 0px; }
.buyResults { float: left; width: 280px }
.buyPrice { font-family: "HelveticaNeueLight"; min-height: 295px; background-color: #FFF; margin-top: 20px; margin-bottom: 0px; }
.buyPrice .buyHeader, .buyPrice ul { text-align: center; }
.buyPrice .buyHeader { background-color: #00AEDB; color: #FFF; font-size: 26px; width: 100%; }
.buyHeader .planNameBox { font-size: 18px; font-weight: bold; }
.buyPrice p {padding:0 25px 10px 25px;margin:0;}
.buyPrice ul { color: #00AEDB; font-weight: bold; }
.buyPrice ul li:first-child { margin-top: 15px; }
.buyPrice ul li { margin-bottom: 5px; }
.buyPriceHeader { font-weight: bold; }
.thin { font-weight: normal; }
.buyPriceHeaderBig { font-size: 40px; }
.buyPriceHeaderSmall { font-size: 14px; }
.buyHeader p { margin: 0px 20px; padding: 0; }
.buyHeader { padding-bottom: 10px; }
.buyPrice .button { margin: 0 61px; float: left; }
.buyPrice .feenote {font-size:11px;padding:0 10px 10px 10px;}
.emailResults { width: 620px; float: left; /* margin-left: 20px; margin-right: 20px; */ }
.emailResults form { padding: 10px; background-color: #c2e6e1; }
.emailResults table { background: none; border: none; width: 580px; }
.emailResults table thead { background: none; }
.emailResults table tbody tr td { padding: 0px; margin-right: 5px; }
.emailResults table tbody tr td input { border: 1px solid #CCC; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); padding: 3px; margin: 0; font-size: 12px; display: block; }
.priceTag { color: #00AEDB; float: left; *display: inline; background: url('../img/layout/misc/pricetag.png') top left no-repeat; height: 20px; width: 105px; font-size: 26px; font-weight: bold; text-align: center; padding: 15px 15px 15px 35px; margin-top: 0px;}
.planEtc { background-color: #c2e6e2; padding: 10px 0px; height: 40px; margin-bottom: 30px; margin-top: 20px; }
.priceCell, .dedCell, .zipCell { float: left; *display: inline; text-align: center; }
.priceCell { width: 30%; font-size: 30px; font-weight: bold; padding: 30px 10px;; background: #009ea1 url('../img/layout/misc/buyarrow.gif') center 5px no-repeat; color: #C2e6e2; height: 20px; margin-top: -20px; border: 2px solid #AAA; border-top: none; -webkit-border-radius: 3px }
.dedCell, .zipCell { width:21%; color: #FFF; font-weight: bold; border-right: 1px solid #FFF; }
.zipCell { border: none; }
.progressSteps ul, .progressStepsNum ul { float: right; position: relative; }
.progressSteps ul li { float: left; *display: inline; width: 75px; height: 25px; margin-right: 10px; text-align: center; }
.progressStepsNum ul { background: url('../img/layout/misc/progress-bar.gif') left top repeat-x; width: 200px; margin-right: 30px; height: 25px;}
.progressStepsNum ul li { position: absolute; width: 25px; height: 25px; padding: 0; text-align: center; }
.progressStepsNum ul li#ps1 { left: 0; }
.progressStepsNum ul li#ps2 { left: 85px;; }
.progressStepsNum ul li#ps3 { right: 0; }
.progressStepsNum ul li a { background-image: url('../img/layout/misc/progress-steps.gif'); background-repeat: no-repeat; float: left; *display: inline; height: 25px; width: 25px; }
.progressStepsNum ul li a.progressStep1 { background-position: 0px 0px; }
.progressStepsNum ul li a:hover.progressStep1, .progressStepsNum ul li a.progressStep1.currentStep { background-position: 0px -25px; }
.progressStepsNum ul li a.progressStep2 { background-position: 0px -50px; }
.progressStepsNum ul li a:hover.progressStep2, .progressStepsNum ul li a.progressStep2.currentStep { background-position: 0px -75px; }
.progressStepsNum ul li a.progressStep3 { background-position: 0px -100px; }
.progressStepsNum ul li a:hover.progressStep3, .progressStepsNum ul li a.progressStep3.currentStep { background-position: 0px -125px; }
/* the form */
.enrollForm { width: 400px; margin-bottom: 30px; }
/* the nested div */
.enrollment { background-color: #def6fa; padding: 20px; margin-bottom: 15px; }
.forgot { margin-bottom: 20px; }
.submit { margin: 0 !important;}
.firstTime{color: #009EA0;}
.enrollLinks { float: left; width: 200px; min-height: 400px; }
.enrollLinks ul.link-list li { margin-bottom: 0px !important; }
.enrollLinks ul.link-list li a { display: block; text-align: left; width: 90%; font-weight: bold; }
.enrollText p { padding-left: 10px; }
/* =============================================================================
Body Content: two selectosr below are used to wrap left-side navigation inside virtual directory please don't remove
========================================================================== */
#content-holder { min-height: 460px; }
/* .content-wrap { padding-left: 35px; padding-top: 10px; border: 0; }*/
/*.header-after {height:25px;}
.welcome, a.welcome {color:#2ba6cb}
*/
ul.list-block {font-weight: normal; list-style-image: url('../img/layout/geoblue-list-box.png'); margin-left: 18px;}
ul.list-block li.noDisc {
*display:inline;
list-style:none;
}
.content-wrap .securityContainer .formSection {
width: 650px;
height: auto;
min-height:350px;
margin: 0 auto;
padding: 10px 20px;
border: none;
background: none;
}
/* =============================================================================
Footer Region
========================================================================== */
footer {margin: 20px 0; font-size: 12px; font-size: 1.2rem;}
.address-footer {padding: 20px 12px; border:1px solid #cecece;}
.address-footer ul {margin: 0; padding: 0;}
.address-footer li {margin: 0; }
.footer-navigation { margin-bottom: 8px; }
.footer-navigation a {margin: 0; padding: 0 12px; border-left: 1px solid #ccc;}
.footer-navigation a.last {padding-right:0;}
.footer-navigation a.first {padding-left:0; border:none;}
/* =============================================================================
Non-semantic helper classes
Please define your styles before this section.
========================================================================== */
.relative {position: relative;}
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* 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: by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Single styles to acheive desired positioning */
.inline { display: inline; }
.flrt { float: right; }
.fllt { float: left; }
/* Sets an outline around an element to help with debugging */
.debug { outline: 1px solid #F00; }
.debugG { outline: 1px solid #0F0; }
.debugB { outline: 1px solid #00F; }
.geoBlue { color: #00AEDB; }
/* =============================================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* =============================================================================
Print styles.
Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
========================================================================== */
.print-only { display: none !important; }
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
p a, p a:visited { color: #444 !important; text-decoration: underline; }
p a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
.hide-on-print { display: none !important; }
.print-only { display: block !important; }
}
/* =============================================================================
Tables, Generic
========================================================================== */
table { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-collapse: collapse; margin: 0 0 20px 0; }
table thead, table tfoot {}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td { font-size: 12px; font-size: 1.2 rem; text-align: left;}
table thead tr th,
table tfoot tr td { padding: 8px 10px 9px 10px;font-size: 12px; font-size: 1.2 rem; color: #222222; }
table thead tr th:first-child, table tfoot tr td:first-child {}
table thead tr th:last-child, table tfoot tr td:last-child {}
table tbody tr.even,
table tbody tr.alt { background: #f9f9f9; }
/*table tbody tr:nth-child(even) { background: #f9f9f9; }*/
table tbody tr td { color: #333333; padding: 9px 10px; vertical-align: top; }
/* =============================================================================
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
========================================================================== */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/layout/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../img/layout/colorbox/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../img/layout/colorbox/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../img/layout/colorbox/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../img/layout/colorbox/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(../img/layout/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../img/layout/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../img/layout/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../img/layout/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/layout/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/layout/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../img/layout/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../img/layout/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/layout/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../img/layout/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../img/layout/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../img/layout/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../img/layout/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../img/layout/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../img/layout/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../img/layout/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../img/layout/colorbox/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/* =============================================================================
Roundabout Styles:
========================================================================== */
.spin { background-color: #B5E1E1; position: relative; height: 397px; z-index: 1; top: -73px; overflow: hidden; margin-bottom: -55px; }
h2.spinHead { color: #FFF; line-height: 1.25; height: 58px; font-family: "HelveticaNeueLightCond"; font-size: 35px; font-size: 3.5em; background-color: #00aedb; position: absolute; top: 250px; left: 25px; padding: 5px 10px 0 7px; }
h2.spinSubHead { color: #FFF; line-height: 1.25; font-family: "HelveticaNeueLight"; font-size: 14px; font-size: 1.4em; background-color: #00A0AF; position: absolute; top: 315px; left: 25px; padding: 5px 10px 3px 10px; display: block; height: 25px; letter-spacing: .5px; }
a:link.prev, a:active.prev, a:visited.prev { display: block; background: url('../img/layout/geoblue-sprite.png') no-repeat; background-position: -151px -390px; width: 45px; height: 85px; position: relative; left: -37px; top: -240px; }
a:hover.prev { background-position: -106px -390px; }
a:link.next, a:active.next, a:visited.next { display: block; background: url('../img/layout/geoblue-sprite.png') no-repeat; background-position: -16px -390px; width: 45px; height: 85px; position: relative; left: 960px; top: -320px; }
a:hover.next { background-position: -61px -390px; }
.roundabout-holder { list-style: none; padding: 0; margin: 0; height: 397px; width: 960px; }
.roundabout-moveable-item { height: 397px; width: 960px; cursor: pointer; background-color: #eee; top: 0 !important; }
.roundabout-in-focus { cursor: auto; left: 1px !important; top: 0 !important; }
/*
Styled select box for language selection
*/
/***TOGGLE***/
.styled-select select {
background:transparent;
width:120px;
padding:0px 0px 0px 18px !important;
color: #009EA0;
font-size:13px;
/* line-height:1;*/
border:0;
border-radius:0;
height:20px;
margin:0 !important;
-webkit-appearance: none;
}
.styled-select {
float:left;
width: 100px;
color: #009EA0;
height: 20px;
overflow: hidden;
background: url("/img/content/lang_bk.gif") no-repeat left center #fff;
border: 0px;
}
.styled-select option{
background: none;
list-style: none;
margin: 0;
padding: 3px 5px 3px 8px;
width:100%;
height:18px;
z-index: 1;
overflow-y: auto;
vertical-align:middle;
}
/* =============================================================================
Homepage Styles
========================================================================== */
#viewBennies { margin-top: 15px; margin-left: 0; }
/*#viewBennies a { display: block; padding: 10px 0 10px 10px; background-color: #b5e1e1; color: #009EA0; font-weight: bold; margin: 10px 0; text-shadow: none; behavior: url(../css/PIE.htc);}*/
#viewBennies a { background: url("../img/layout/geoblue-orangearrow.png") no-repeat scroll right center transparent; padding-right: 10px; behavior: url(../css/PIE.htc); color: #00AEDB; font-size: 21px; font-weight: normal; line-height: 1.25; font-family: "HelveticaNeueLightCond";}
#viewBennies a:hover { color: #009EA0;}
/* Fast Facts */
/* #fastFacts { background-color: #B5E1E1; margin-top: 25px;} */
#fastFacts a { display:block; padding: 10px 0 10px 10px; background-color: #b5e1e1; color: #ffffff; font-weight: bold; margin: 10px 0; text-shadow: none; behavior: url(../css/PIE.htc);}
/* newsList */
.newsList li { border-bottom: 1px dotted #717f81; margin: 5px 0 0 0; padding: 0 0 5px 0;}
.newsList li:last-child { border-bottom: none; }
.newsList li span { margin-top: 30px; font-style: italic; }
.readMore { background: url('../img/layout/geoblue-orangearrow.png') no-repeat right; padding-right: 10px; }
#memFeat li:first-child { margin-top: 10px; }
#memFeat li { list-style-image: url('../img/layout/geoblue-list-arrow.png'); margin: 0 0 3px 15px; padding: auto auto 5px -5px; font-size: 12px; }
/* =============================================================================
Overview Page Styles
=========================================================================== */
/*
#plansOverview h1, #plansOverview h2, #plansOverview p { padding-left: 10px; padding-right: 10px; }
#plansOverview h1 { font-size: 30px; }
#plansOverview h2 { margin-top: 20px; font-size: 18px; }
#plansOverview h2:first-child { margin-top: 10px; }
*/
.block { color: #717F81; background-color: #dff5f9; border: 1px solid #00A0Af; height:95px; width: 570px; margin: 20px 5px; overflow: hidden;}
.block.first {margin-left:10px;}
.block.last {margin-right:0;}
.block img {max-width: 190px; margin: 0 auto; float:left; *display:inline;}
.block h3,.whyBlock h3 { font-family:"HelveticaNeueLight"; color: #FFF; background-color: #666; text-align: center; padding-bottom: 5px; padding-top: 5px; margin-bottom: 0; font-size: 13px; font-weight: bold; }
.block p, .whyBlock p { padding: 5px; color:#707070; font-size: 11px;}
.block p { padding: 20px 10px; width:190px; float: left; display:inline; }
.block a.buttonBlock { display: block; width: 165px; margin: 20px auto 12px auto; background: #009ea0 url('../img/layout/geo-button-arrow.png') no-repeat center right;
background: #009ea0; font-size: 15px; color: #ffffff; text-align: center; padding: 5px 0; font-weight: bold; -webkit-border-radius: 3px; border-radius: 3px; text-transform: uppercase;
float: left; }
/*.block .button {margin-left:8px; margin-bottom: 12px; float:left; *display:inline;}*/
.block .button, .whyBlock .button {margin-left:8px; margin-right:8px; margin-bottom: 12px; float:left; *display:inline; text-align: center;}
.whyBlock .button {width:120px;}
.proNet h2/* , .getMobile h2 */ { font-size: 14px; font-weight: bold; text-align: center; line-height: 1; margin-top: 10px; }
.proNet, .getMobile { max-width: 285px; }
.proNet img, .getMobile img {padding: 0 10px 0 10px;}
.proNet p { padding: 0 10px 5px 10px; }
.whyBlock { color: #717F81; background-color: #dff5f9; border: 1px solid #00A0Af; float: left; *display:inline; width:290px; padding-bottom: 10px; overflow: hidden; margin: 0px 8px 10px 8px; }
.whyBlock h3 { margin: 0; }
.whyBlock img { float: left; margin: 5px; max-width: 90px; max-height: 90px; }
.whyBlock .button { margin-bottom: 0; }
/* ===========================================================================
Plan Pages
========================================================================= */
.quickTag { background: url('../img/layout/misc/quick-quote-tag.png') top right no-repeat; height: 50px; padding-top: 5px; font-size: 30px; }
.tabNav{ top:2px; margin-bottom: 1px; width: 100%; position: relative; overflow: hidden; }
/*
Modifying the tabs of product pages to be easier to read and fully highlight on hover
Changed on: 5/4/2015 by kyeager
*/
.tabNav li {
float: left;
*display:inline;
margin-right: 1px;
margin-bottom: 0;
width: 49.5%;
/*height: 25px; */
}
.tabNav li a {
display: block;
padding: 9px 0;
border-left: 1px solid #b5e1e1;
border-top: 1px solid #b5e1e1;
border-right: 1px solid #b5e1e1;
text-align: center;
font-family: "HelveticaNeueLight";
font-size: 18px;
font-weight: bold;
}
.tabNav li.activeTab { border-bottom: 1px solid #FFF; }
.tabNav li.activeTab:hover a { cursor:default;color:#009EA0; }
.tabNav li.inactiveTab a {
background-color: #27C5C7;
color: #FFF;
-webkit-box-shadow: inset 0px -3px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -3px 5px -4px rgba(0,0,0,0.75);
box-shadow: inset 0px -3px 5px -4px rgba(0,0,0,0.75);
}
.tabNav li.inactiveTab:hover a { background-color: #DDA420;cursor: pointer;*cursor: hand; }
.tabContent {
border: 1px solid #b5e1e1;
/* border-top-color: #fff */
padding: 10px 10px 0 15px;
}
/* END OF Tab Navigation Modification 5/4/15 */
.tabNav2{ top:2px; margin-bottom: 1px; width: 100%; position: relative; overflow: hidden; }
.tabNav2 li { height: 25px; padding-top: 9px; text-align: center; width: 49.5%; float: left; *display:inline; border-left: 1px solid #b5e1e1; border-top: 1px solid #b5e1e1; border-right: 1px solid #b5e1e1; margin-right: 1px; margin-bottom: 0px; font-family: "HelveticaNeueLight"; font-size: 18px; font-weight: bold; }
.tabNav2 li { width: 24.5%; font-size: 13px; height: 40px; }
.tabNav2 li.activeTab { border-bottom: 1px solid #FFF; }
.tabNav2 li.inactiveTab { background-color: #b5e1e1; }
.tabNav2 li.inactiveTab a { color: #FFF; }
.tabNav2 li a { text-align: center;vertical-align: middle; }
.tabNav2 li a:hover { color: #E8941A; }
.blockNav { text-transform: uppercase; padding: 0; background: url('../img/layout/misc/block-nav-bg.png') left top no-repeat; height: 77px; margin: 0 0 15px 0; border-bottom: #b5e1e1 1px solid; font-size: 15px;}
.blockNav ul { text-align: right; font-weight: bold; vertical-align: middle; float: right; }
.blockNav li { float: left; *display:inline; padding: 30px 15px 25px 15px; text-align: center; margin: 0;}
.blockNav li.active, .blockNav li:hover { background: url('../img/layout/active-down-arrow.png') bottom center no-repeat;}
.blockNavXplorer { background: url('../img/layout/misc/callout-expat.png') left top no-repeat;}
.blockNavCrew { background: url('../img/layout/misc/callout-crew.png') left top no-repeat;}
.blockNavMissionary { background: url('../img/layout/misc/callout-missionary.png') left top no-repeat;}
.blockNavStudent { background: url('../img/layout/misc/callout-student.png') left top no-repeat;}
.blockNavCorporate { background: url('../img/layout/misc/callout-corporate.png') left top no-repeat;}
.sub2 { width: 52%; min-height: 175px; padding-bottom: 10px; }
.sub3 { width: 45%; min-height: 175px; }
.bulletpoints li { color: #00a0af; font-weight: normal; list-style-image: url('../img/layout/geoblue-list-arrow.png'); margin: 0 0 5px 15px; padding: auto auto 5px -5px; }
.planHiLite { margin-left: 5px; }
.planHiLite ol li:first-child { margin-top: 15px; }
.planHiLite li { margin-left: 20px; margin-bottom: 5px;}
a.flatBtn { background: #009ea0; color: #FFF; font-weight: bold; padding: 10px 20px; }
a.flatBtn:hover { color: #e8941a; }
/*
.planDescript ul li { font-weight: bold; list-style-image: url('../img/layout/geoblue-list-box.png'); margin-left: 18px;}
.planDescript h3 { font-size: 18px; }
*/
a.dlpdf { background: url('../img/layout/misc/geoblue-pdf.png') no-repeat 0 0; height: 75px; padding: 10px 0 10px 32px; vertical-align: middle; }
.benefits, .compare { padding: 5px; border-spacing: 0; border-collapse: collapse; }
.benefits tr td { /*width: 50%;*/ }
.benefits thead, .compare thead { background-color: #00aedb;}
.benefits thead tr td, .compare thead tr td {vertical-align: middle; padding: 10px;}
.benefits h3, .compare h3 { padding: 0; color: #FFF; font-size: 14px; font-weight: bold; margin: 0; }
.benefits tr.tblSub, .compare tr.tblSub { background-color: #bfebf3; }
.benefits tbody td, .compare tbody td { border-bottom: 1px solid #00a0af; }
.faqGrid { border: 1px solid #bebebe; border-collapse: collapse; }
.faqGrid thead th { color: #373737; border-bottom: 1px solid #f0f0f0; background: #bebebe; padding: 5px; font-weight: bold; }
.faqGrid thead td { border: 1px solid #bebebe; background: #f0f0f0; padding: 5px; }
.faqGrid tbody td { border: 1px solid #bebebe; background: #ffffff; padding: 5px; }
.bumpDown { margin-top: 15px; }
#faq li { list-style-image: url('../img/layout/geoblue-list-arrow.png'); margin-left: 15px; }
#faq li ul { margin-top: 5px; padding: 10px 10px 1px 10px; background: #def5f9; }
#faq li ul { display: hidden; }
#faq li ul li { list-style-image: none; margin-left: 0; }
#faq li ul li p { margin-bottom: 10px; }
.tabContent h2 { font-size: 23px; }
.checkedList {
list-style-type: none;
}
.checkedList li {
background: url('../img/layout/misc/icons/icon16x16-check.png') no-repeat 0 0;
padding: 0 0 8px 24px;
}
.bulletPDF {
margin: 15px 0 18px 5px;
padding: 0;
list-style-type: none;
}
.bulletPDF li {
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0 0 0 30px;
background: url('../img/layout/misc/icons/icon16x16-pdf.png') no-repeat 0 1px;
}
/* START Pop up tool tip */
a.tip {
position: relative;
}
a.tip span {
display: none;
position: absolute;
top: 20px;
right: -100px;
z-index: 1000;
width: 350px;
background: #5d706e;
color: #fff;
font-size: 11px; font-weight: normal;
line-height: 1.225;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
opacity:0.99;
filter:alpha(opacity=80);
}
a.tip span p,
a.tip span div,
a.tip span h5
{color: #fff;font-weight: normal;}
a:hover.tip span {
display: block;
}
.qtip-contentWrapper{
background: #beeaf3 !important;
border: 2px solid white !important;
}
.qtip-content {
background-color: #beeaf3 !important;
color: #717F81 !important;
}
.cfdebug{
padding:0;
}
/* START message, alert, error, success, info tags */
.message {
width: 97.5%;
/* font-size: 12px;*/
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
background: #e7e7e7;
border: 1px solid #cccccc;
}
.message h3,
.message h4 {
color: #373737;
/* font-size: 16px;*/
font-weight: normal;
font-family: HelveticaNeueCondensed, HelveticaNeue, Arial, sans-serif;
margin: 0 0 5px 0;
}
.message p {
color: #373737;
font-family: Verdana, Geneva, sans-serif;
margin: 0 0 10px 0;
}
.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;
}
.messageClose {
display: block;
width: 16px;
height: 16px;
cursor: pointer;
float: right;
background: url('../img/layout/misc/icons/icon16-close.png') no-repeat 0 0;
}
/* END callout, alert, error, success, info tags */
/* START styles to correct styles of healthy travel articles table */
.travleCenters {
margin-left: 10px;
width: 940px;
}
.headerCenters {
color: #00AEDB;
font-weight: normal;
line-height: 1.25;
font-family: "HelveticaNeueLightCond";
font-size: 34px;
font-size: 3.4rem;
margin-bottom: -15px;
letter-spacing: -1px;
}
/* END styles to correct styles of healthy travel articles table */
/* START banner holder */
.bannerBox {
background: #fafafa;
border: 1px solid #eeeeee;
padding: 5px 10px 5px 10px;
margin: 5px auto 15px auto;
}
.bannerBox p.close {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
text-align: right;
margin: 0;
}
.bannerBox p.close a {
color: #cccccc;
}
.bannerBox .bannerJumped {
display: block;
width: 920px;
height: 139px;
margin: 0 0 0 0;
padding: 0;
background: url('/img/layout/misc/GB_jumpbackground.png') no-repeat 0 0;
/*background: url('/img/layout/misc/bg-jumpedtobluebanner.jpg') no-repeat 0 0; */
}
.bannerBox .bannerJumped h3 {margin:0; padding-top:40px;}
.bannerBox .bannerJumped h3, .bannerBox .bannerJumped p {margin-left:300px; padding-right:20px;}
.bannerBox .bannerJumping {
display: block;
width: 640px;
height: 125px;
margin: 0 0 10px 0;
padding: 10px 115px 0 175px;
background: url('/img/layout/misc/bg-jumpingtobluebanner.jpg') no-repeat 0 0;
}
.bannerBox .banner h3 {
margin: 0 0 5px 0;
}
.bannerBox .banner p {
margin: 0 0 5px 0;
}
/* END banner holder */
.tableStateListing {
}
.tableStateListing th {
padding: 5px;
background: #eeeeee;
border: 1px solid #cccccc;
}
.tableStateListing td {
padding: 5px;
border: 1px solid #cccccc;
}
.tableStateListing td.A { /* HTH Worldwide */
color: #006600;
/* background: #d8f3d7;*/
}
.tableStateListing td.B { /* GeoBlue */
color: #00afdb;
/* background: #d7edf3;*/
}
.alternateRows .even {
background: #ffffff;
}
.alternateRows .hot {
color: #373737;
background: #e9f1f9;
}
.alternateRows td {
border-bottom: 1px dotted #d1d1d1;
line-height: 1.5;
padding-left: 10px;
}
.alternateRows th {
padding-left: 10px;
}
div.tstItem {
/* position:relative;
padding:15px 20px;
margin:15px 0px;
border:solid 1px #eaeaea;
background-color:#f9f9f9;*/
padding: 15px 20px;
margin: 15px 0;
border: solid 1px #eaeaea;
margin-top: 20px;
font-weight: normal;
line-height: 1.25;
font-size: 18px;
/* font-family: "HelveticaNeueLight";*/
font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande"
}
div.tstItem h2 {
font-size:14px;
font-weight:bold;
color:#0b79bf;
margim: 0 0 15px 0;
}
div.tstItem p {
font-size:13px;
line-height:17px;
}
div.tstItem .sign {
padding-left:5px;
font-weight:normal;font-style:italic;
color:#333333;
}
.formSection h2 {
font-size: 28px; }
/* =============================================================================
Social Media Icons
=========================================================================== */
div.social {
margin-top: -5px;
}
div.social p {margin-bottom: 5px;}
div.social ul li {
float: left;
margin-right:25px;
}
div.social ul li:hover {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
}