/*! shared/base.css */
/*
Shared styles across multiple sites: edit with caution.
currently used by: www.cloudmark.com, blog.cloudmark.com, my.cloudmark.com, store.cloudmark.com
---
RESET
MAIN ELEMENTS
COMMON
HEADER/AUX
NAVIGATION
FOOTER
FONTS
LINKS
BUTTONS
FORMS
---
*/


/**
--- RESET ---
 **/

/* http://meyerweb.com/eric/tools/css/reset/ | v2.0b1 | 201101 | modified by cloudmark */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, cite, code, em, img, strong, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

/**
--- MAIN ELEMENTS ---
 **/
html {
    font: 75%/140% 'helvetica neue', helvetica, arial, sans-serif;
}

body {
    color: #333;
    text-align: left;
    background: #fff;
}

body:before { /* Add shadow to top of page */
    content: "";
    position: fixed;
    top: -10px;
    left: -10px;
    width: 110%;
    height: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,.8);
    -o-box-shadow: 0 0 10px rgba(0,0,0,.8);
    box-shadow: 0 0 10px rgba(0,0,0,.8);
    z-index: 100000;
}

a {
    color: #3C83BB;
    outline: none;
    text-decoration: none;
}

a:hover { text-decoration: underline; }

h1 {
    color: #072B61;
    text-transform: uppercase;
    font-size: 180%;
    margin-bottom: 1em;
    font-weight: normal;
}

h2 {
    font-size: 140%;
    margin-bottom: 0.25em;
    color: #3C83BB;
    line-height: 1.4em;
}

h2.underline {
    margin-bottom: 1em;
}

h2.font2 {
    color: #3C83BB;
    font-size: 1.3em;
}

h3 {
    font-size: 115%;
    color: #072B61;
    margin-bottom: 0.25em;
}

h4 {
    font-size: 100%;
    margin-bottom: 0.25em;
}

h5 {
    font-size: 105%;
    margin-bottom: 0.25em;
}

h6 {
    font-size: 90%;
    line-height: 1.25em;
}

p, ul, ol, dl, address {
    margin-bottom: 1.5em;
}

p ~ h2 {
    margin-top: 2em;
}

address {
    font-style: normal;
}

code {
    background: #f0f0f0;
    padding: 1em;
    font-size: 120%;
    display: block;
    line-height: 2.5em;
    border: 1px dotted #ccc;
}

hr {
    background-color: #e4f1ff;
    height: 1px;
    border: none;
}

/**
--- COMMON ---
 **/

.image, #aux li.lang a, #locations span, .imglinks span, #header h1 a, #top_fbBtn, #top_twBtn {
    background-image: url(/images/gr/assets.png);
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
}

#main {
    line-height: 1.6em;
}

#wrapper {
    width: 77em;
    margin: 0 auto;
    padding-bottom: 1em;
    position: relative;
}

.content, #secondary, #main {
    width: 77em;
    clear: both;
    margin: 0 auto;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/**
--- HEADER/AUX ---
 **/
#header {
    background: #fff;
    height: 95px;
}
#header h1 {
    font-size: 100%;
    height: 7em;
}

#header h1 a {
    width: 260px;
    height: 60px;
    text-indent: -666em;
    position: absolute;
    margin: 23px 0 0 0;
    background-position: -576px -59px;
}

#aux {
    padding-top: 1em;
    float: right;
}

#aux ul {
    margin: 0 0 4em 0;
    clear: both;
    zoom: 1;
}

#aux li {
    list-style: none;
    float: left;
    border-right: 1px solid #C7E5F5;
}

#aux .lang {
    border:0;
}
#aux li.margin-right {
    margin-right: 6px;
}
#aux a {
    font-size: 90%;
    text-decoration: none;
    padding: 0 1em;
    color: #072B61;
}

#aux a:hover {
    text-decoration: underline;
}

#aux #top_fbBtn, #aux #top_twBtn {
    padding: 0;
    text-indent: -666em;
    width: 26px;
    height: 20px;
    margin: 0 3px;
    opacity: 0.8;
}
#aux #top_fbBtn:hover, #aux #top_twBtn:hover {
    opacity: 1;
}

#aux #top_fbBtn {
    background-position: -147px -59px;
}
#aux #top_twBtn {
    background-position: -116px -59px;
}


#aux .lang a {
    width: 24px;
    height: 17px;
    text-indent: -666em;
    padding: 0;
    margin-right: 0.5em;
    opacity: 0.5;
}
#aux .lang a.last {
    margin-right: 4px;
}

#aux .lang.active a, #aux .lang:hover a {
    opacity: 1;
}
#aux_en a { background-position: -82px -89px; }
#aux_fr a { background-position: -132px -89px; }
#aux_zh_CN a { background-position: -108px -89px; }
#aux_ja a { background-position: -157px -89px; }


/*we need to be styling inputs globally, not just one like this*/

#searchBox {
    float:right;
    margin-right: 4px;
    position: relative;
}

#searchBox div {
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #ccc;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    width:30px;
    height: 23px;
}

#searchBox #search {
    border: none;
    background-color: #e8f7ff;
    border-right: 1px solid #d6e8fa;
    font-size: 1em;
    line-height: 1em;
    padding: .4em .2em;
    color: #5487A5;
    text-indent: 1em;
}
#searchBox input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    margin-right: 32px;
    width: 10em;
    color: #666;
    text-indent: 0.5em;
    font-size: 1em;
}
#searchBox #search_field {
    margin-bottom: 1px;
}
#searchBox #srchSubmit {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 23px;
    text-indent: -666em;
    overflow: hidden;
    border: 0;
    direction: ltr;
    border-radius: 0;
    background: transparent url(/images/gr/assets.png) 4px -56px no-repeat;
}
#searchBox #srchSubmit:hover {
    background-position: -22px -56px;

}
#main #searchBox {
    float: left;
    margin-bottom: 1em;
}

/*--- END HEADER/AUX---*/

/**
--- NAVIGATION ---
 **/
#primary {
    background: #104a88;
    background: -moz-linear-gradient(top, #104a88 0%, #1e325e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #104a88), color-stop(100%, #1e325e));
    background: -webkit-linear-gradient(top, #104a88 0%, #1e325e 100%);
    background: -o-linear-gradient(top, #104a88 0%, #1e325e 100%);
    background: -ms-linear-gradient(top, #104a88 0%, #1e325e 100%);
    background: linear-gradient(to bottom, #104a88 0%, #1e325e 100%);
    border-radius: 5px;
    box-shadow: 0 1px 2px #aaa;
    width: 77em;
    height: 3em;
    margin: 0;
    z-index: 100;
    position: relative;
}
#primary h3 {
    color: #555;
}
#primary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#primary > .content > ul {
    margin-bottom: .5em;
}
#primary > .content > ul > li {
    line-height: 3em;
    display: block;
    border-right: 1px solid #133B54;
    position: relative;
    vertical-align: bottom;
    padding: 0;
    margin: 0;
    float: left;
    overflow: visible;
}
#primary > .content > ul > li:hover,
#primary > .content > ul > li.active {
    background: #15628f;
}
#primary > .content > ul > li.first {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#primary > .content > ul > li.last {
    border-right: none;
}
#primary > .content > ul > li:hover.first {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}
#primary > .content > ul > li span {
    font-size: 1.16667em;
}
#primary > .content > ul > li a.top {
    color: #fff;
    padding: 0 3em;
    margin: 0;
    display: block;
    text-decoration: none;
}
#primary > .content > ul > li .menu {
    width: 150%;
}
#primary > .content > ul > li .menu li {
    margin-bottom: .75em;
}
#primary > .content > ul > li .mega,
#primary > .content > ul > li .menu {
    position: absolute;
    top: 3em;
    left: 0;
    background: #f9f9f9;
    display: none;
    box-shadow: 0 1px 2px #aaa;
    padding: 1.5em;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    line-height: 1em;
    z-index: 100;
}
#primary > .content > ul > li:hover .mega,
#primary > .content > ul > li:hover .menu,
#primary > .content > ul > li .show {
    display: block;
}
#primary > .content > ul > li .mega a,
#primary > .content > ul > li .menu a {
    color: #104a88;
}
#primary > .content > ul > li ul li {
    line-height: 1.5em;
}
#primary > .content > ul > li .mega ul.across {
    padding: 0;
    margin: 0;
}
#primary > .content > ul > li .mega ul.across li {
    float: left;
    padding-right: 2em;
}
#primary > .content > ul > li .mega {
    width: 58em;
}
#primary > .content > ul > li.first .mega {
    width: 70em;
}
#primary > .content > ul > li .mega .trimenu {
    clear: both;
}
#primary > .content > ul > li .mega .trimenu.first {
    margin-bottom: 2em;
}
#primary > .content > ul > li .mega .trimenu div {
    float: left;
    vertical-align: top;
    margin-right: 3em;
}
#primary > .content > ul > li .mega .trimenu div.three {
    margin-right: 0;
}
#primary > .content > ul > li .mega .overline {
    margin-top: .5em;
    padding-top: 1em;
}
#primary > .content > ul > li .mega li,
#primary > .content > ul > li .menu li {
    background: transparent url("/images/icons/arrow67A9D0_r.gif") -5px 2px no-repeat;
    padding-left: .75em;
}
#primary > .content > ul > li .mega h3 {
    margin-bottom: .5em;
}
#secondary {
    background: #fff;
    border-bottom: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 1.5em 0 2em;
    box-shadow: 0 2px 2px #bcbdbf;
}
#secondary a {
    color: #072b61;
}
#secondary a:hover {
    text-decoration: none;
    color: #3C83BB;
}
#secondary #breadcrumb {
    margin-left: 1.5em;
}
#secondary #breadcrumb li {
    line-height: 2.75em;
    font-size: 1.5em;
    float: left;
    display: block;
}
#secondary #breadcrumb li.first {
    text-transform: uppercase;
}
#secondary #breadcrumb li + li {
    color: #3c83bb;
    margin-left: 1em;
}
#secondary h2 {
    margin-left: 1em;
    color: #072b61;
    text-transform: uppercase;
    line-height: 2em;
    font-size: 1.5em;
}
#secondary hr {
    clear: both;
    height: 1px;
    margin: .25em 1.5em;
    border: none;
    border-bottom: 1px dotted #d7d7d7;
    background: transparent;
}
#secondary .tier2 {
    margin-bottom: .25em;
}
#secondary .tier2:before,
#secondary .tier2:after {
    content: " ";
    display: table;
}
#secondary .tier2:after {
    clear: both;
}
#secondary .tier2 {
    *zoom: 1;
}
#secondary .tier2 > li {
    float: left;
    line-height: 3em;
    padding: 0 0 0 1.5em;
    display: block;
    position: relative;
}
#secondary .tier2 > li.single-line + li {
    clear: both;
}
#secondary .tier2  > li > a {
    position: relative;
    display: block;
    font-size: 1.2em;
}
#secondary .tier2 > li a.active {
    font-size: 1em;
    color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    font-weight: 500;
    padding: 0 1em;
    line-height: 2em;
    margin-top: .4em;
    margin-bottom: .4em;
    background: #0f4e91;
    background: -moz-linear-gradient(top, #0f4e91 0%, #08305b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f4e91), color-stop(100%, #08305b));
    background: -webkit-linear-gradient(top, #0f4e91 0%, #08305b 100%);
    background: -o-linear-gradient(top, #0f4e91 0%, #08305b 100%);
    background: linear-gradient(to bottom, #0f4e91 0%, #08305b 100%);
}
#secondary .tier2 > li > ul.menu {
    background: #fff;
    width: 200%;
    border: 1px solid #ccc;
    border-top: none;
    position: absolute;
    top: 3em;
    border-top: .5em solid #fff;
    left: 0;
    padding: .75em .5em;
    display: none;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 2px 2px #bcbdbf;
}
#secondary .tier2 > li:hover > ul.menu {
    display: block;
}
#secondary .tier2 > li > ul.menu li {
    padding: 0 3em .5em 1em;
    line-height: 1.75em;
}
#secondary .tier2 > li.separate {
    float: right;
    margin-right: 1em;
}
#secondary .tier2 > li.separate a {
    border: 1px solid #ccc;
    border-radius: 1em;
    font-size: .9em;
    font-weight: 500;
    padding: 0 1em;
    line-height: 2em;
    margin-top: .75em;
    background: #ecc802;
    background: -moz-linear-gradient(top, #ecc802 0%, #c08800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecc802), color-stop(100%, #c08800));
    background: -webkit-linear-gradient(top, #ecc802 0%, #c08800 100%);
    background: -o-linear-gradient(top, #ecc802 0%, #c08800 100%);
    background: -ms-linear-gradient(top, #ecc802 0%, #c08800 100%);
    background: linear-gradient(to bottom, #ecc802 0%, #c08800 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ecc802', endColorstr = '#c08800', GradientType = 0);
}
#secondary .tier2 > li > ul.w10 {
    width: 10em;
}


/* --- END NAVIGATION --- */


/**
--- FOOTER ---
 **/
#footer {
    clear: both;
    border-top: 4px solid #e7c102;
}

#footer li {
    list-style: none;
}

#footer dl {
    padding-top: 2em;
    float: left;
    line-height: 1.45em;
    max-width: 16.5em;
}

#footer dt {
    margin-bottom: 0.75em;
}
#footer dd {
    margin-bottom: 0.5em;
}
#footer dt a {
    color: #fff;
    font-weight: 400;
    font-size: 1em;
}
#footer dd a {
    color: #fff;
}
#footer dl+dl { margin-left: 4em; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer a.active, #footer a.active:hover {
    cursor: default;
    text-decoration: none;
}

#sitemap {
    background: #1b1b1b; /* Old browsers */
    background: -moz-linear-gradient(top,  #1b1b1b 0%, #484848 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b1b1b), color-stop(100%,#484848)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1b1b1b 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1b1b1b 0%,#484848 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1b1b1b 0%,#484848 100%); /* IE10+ */
    background: linear-gradient(top,  #1b1b1b 0%,#484848 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#484848',GradientType=0 ); /* IE6-9 */
    padding: 0 0 2em;
    border-bottom: 4px solid #ccc;
}

#locations {
    float: left;
    clear: both;
    position: relative;
    left: 50%;
    height: 3.5em;
    line-height: 3.5em;
}

#locations ul {
    position: relative;
    left: -50%;
}

.fbLink span { background-position: -53px -58px; }
.twitterLink span { background-position: -82px -58px; }

#locations li {
    font-size: 1.2em;
    float: left;
    margin-right: 3em;
}

#copyright {
    clear:both;
    border-top: 1px solid #ccc;
    height: 7em;
    line-height: 3em;
}

#copyright a {
    color: #999;
}

#copyright li {
    float: right;
    margin-left: 1em;
}


.imglinks li {
    line-height: 2em;
    display: inline;
}

.imglinks a {
    display: block;
    margin-left: 1em;
    float: right;
}

.imglinks a span {
    display: block;
    float: left;
    margin-right: 0.2em;
}

/* --- END FOOTER --- */


/**
--- FONTS ---
Lato and Helvetica Neue
**/

/*remove bold from elements, add it back with bold font face*/

h1, #secondary #breadcrumb li a, #secondary h2  {
    font-weight: normal;
    font-family: 'helvetica neue', helvetica, arial, sans-serif;
}

#primary .menu a, a.btn, .btn, .side-title  {
    font-weight: normal;
    font-family: 'helvetica neue', helvetica, arial, sans-serif;
}

/*h2, .teaser h5, .teaser h2 span, h6, .highlight-panel .teaser h3, .panel span.subtext {
  font-weight: 300;
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
}
*/
/* exclude certain elements from fancy fonts*/
#primary a.top, h1 a.highlight {
    font-family: 'helvetica neue', helvetica, arial, sans-serif;
}



/**
--- LINKS ---
**/

a.external {
    padding-right: 1em;
    background: url(http://www.cloudmark.com/images/icons/external_grey.png) no-repeat right top;
}

a.external:hover {
    background: url(http://www.cloudmark.com/images/icons/external.png) no-repeat right top;
}

.zoom {
    cursor: -moz-zoom-in;
    cursor: zoom;
    display: block;
}

.zoomIn {
    display: block;
    padding-left: 2em;
    position: absolute;
    height: 1.4em;
    background: url(http://www.cloudmark.com/images/icons/zoom_in.png) 0 0 no-repeat;
}

.zoom:hover .zoomIn {
    background-position: 0 -19px;
    color: #480629;
}

.zoomIn:hover { text-decoration: underline; }

a.arrowLink:hover { text-decoration: underline; }


/*

a.arrowLink.lBlue:after, .list-two-items a.arrowLink:after, dl.arrowLinks dd a:after, li.separate a.arrowLink:after {
    content: url("http://www.cloudmark.com/images/icons/arrow2089BE_r.gif");
}

a.arrowLink.highlight:after {
    content: url("http://www.cloudmark.com/images/icons/arrowc62_r.gif");
}

.panel.secondary a.arrowLink:after {
    content: url("http://www.cloudmark.com/images/icons/arrow666_r.gif");
}
.panel a.arrowLink:after, #footer a.arrowLink:after {
    content: url("http://www.cloudmark.com/images/icons/arrow666_r.gif");
}*/



/**
--- BUTTONS---
 **/
.btn, a.btn, a:visited.btn, #searchBox div {
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.btn, a.btn, a:visited.btn {
    color: #072B61;
    font-size: 1.1em;
    text-decoration: none;
    padding: 0.4em 1em 0.3em;
    text-align: center;
    border: 1px solid #e7e7e7;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #C4C4C4;
    text-shadow: 1px 1px 1px #DEDEDE;
    display: inline-block;
}

.btn:hover, a.btn:hover {
    box-shadow: 1px 1px 1px #F1F1F1 inset;
    color: #3C83BB;
}

.banner .btn, .banner a.btn {
    box-shadow: 1px 1px 1px #072B61;
}

.btn.focus, a.btn.focus, .btn.focus:hover, a.btn.focus:hover, #searchBox div.focus, #searchBox div.focus:hover {
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #E0EEEE, #ffffff);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E0EEEE),color-stop(1, #ffffff));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#E0EEEE', EndColorStr='#ffffff');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E0EEEE', EndColorStr='#ffffff');
    }

.btn.disabled, .btn.disabled:hover, a.btn.disabled:hover, input.btn.disabled, a.btn.disabled.focus, input.btn.disabled.focus,  input.btn.disabled.focus:hover  {
    color: #ccc;
    border: 1px solid #e7e7e7;
    border-top: 1px solid #f4f4f4;
    box-shadow: 1px 1px 1px #C4C4C4;
    cursor: not-allowed;
}

.btn.btn2, a.btn.btn2 {
    font-size: 90%;
}

.btn.search {
    margin: .2em 0 0 0;
}


/**
--- FORMS ---
 **/
fieldset {
    padding: 0.25em;
    margin: 0 1em 1em 1em;
    border: 1px solid #E6E6E6;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

fieldset+fieldset {
    margin-top: 1em;
}

legend {
    font-size: 130%;
    padding: 0.2em 0.25em 0.25em 0;
    margin-left: 1.25em;
}

label, legend {
    color: #072B61
}

fieldset fieldset {
    margin: 0;
}

fieldset fieldset legend {
    font-size: 120%;
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
    border-style:none;
    outline: none;
}

input[type="submit"], input[type="button"], input[type="image"] {
    cursor: pointer;
    background-color: transparent;
}

select {
    color: #072B61;
}

option {
    color: #5487A5;
    font-size: 1.1em;
}

input, textarea, input[type="file"] {
    background: #FCFCFC;
    border: 1px solid #DADADA;
    color: #5487A5;
    padding: 0.25em;
    font-size: 1.1em;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input[type='checkbox'] {
    border: none;
}

input:hover, textarea:hover {
    border: 1px solid #AED1E3;
}

input:focus, textarea:focus {
    background: #E8F7FF;
    border: 1px solid #AED1E3;
    color: #072B61;
}

input.error, textarea.error {
    border: 1px solid #F8C1B6;
    background: #FFE4E4;
}

input.error:focus, textarea.error:focus {
    background: #FFE4E4;
    border: 1px solid #EE5C42;
}

.error_list, .error {
    color: #EE5C42;
}

textarea {
    resize: vertical;
    height: 5em;
    width: 60%;
}

.withTextArea input {
    width: 60%;
}
/*expanded class added dynamically based on post values*/
.tabular.expanded textarea {
    height: 17em;
}

.tabular.expanded textarea, .tabular.withTextArea.expanded input {
    width: 85%;
}

.checkbox_list li {
    list-style: none;
}
.tabular {
    margin: 1em 0 1.5em 2em;
    clear: both;
}
.groupOf3 .three .tabular {
    clear: none;
}
.tabular span.subtext {
    margin-left: 0.25em;
}

span.required {
    color: #3C83BB;
    font-size: 160%;
    margin-left: 0.1em;
    position: absolute;
}

.tabular label+label {
    margin-left: 1em;
}

.tabular .btn {
    float: left;
    margin: 0 1em 1em 0;
}

.tabular a.secondary {
    line-height: 3em;
}

#main .tabular .error_list {
    padding: 0;
    margin: 0 0 3em;
    list-style: none;
}

.error_list li   {
    padding: 0;
}

label.inline {
    float: none;
    margin-left: 1em;
}


/* lists used within tabular blocks to group related input elements */
#main .tabular ul {
    list-style: none outside none;
    margin: 1em 0 0 0;
    padding: 0;
}

#main .tabular ul.checkbox_list {
    margin: 0.5em 0 1em 0;
}

#main .tabular li {
    float: left;
    margin-right: 1em;
}


#product_form label {
    margin: 0 1.5em 0 0;
}

#product_form #submit_buttons {
    margin: -2em 0 0 7em;
    width: 27em;
}

#product_form input {
    float: left;
    margin: 0 0.25em 0.5em 0.25em;
}


/* explains what asterisk represents */
.key {
    color:#072B61;
}
.key.wText {
    width: 9em;
    float: left;
    margin: 0.75em 0 0 1.2em;
}
.key span {
    margin-left: 1em;
}
.key span.huge {
    position: absolute;
    color:#3C83BB;
    margin: 0.25em 0 0 0;
}

.one-two.wKey p.splitRight {
    float: left;
    margin-left: 1.2em;
    width: 38em;
}

.one-two.wKey .key.wText {
    margin-top: 0;
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .key span.huge {
        margin: 4px 0 0 0;
    }
    #searchBox #srchSubmit {
        height: 21px;
        line-height: 1em;
    }
    #searchBox div {
        margin-top: 2px;
    }

}
*/
/*--- END FORMS ---*/


/**
--- GENERAL STYLES ---
 **/
a img { border: 0; }
.abs              { position: absolute;}
.active           { cursor: default; }
.align-right      { text-align: right; }
.align-left       { text-align: left;  }
.align-center     { text-align: center; }
.big              { font-size: 120%; }
.bold             { font-weight: bold; }
.huge             { font-size: 200%;  margin-top: 1em; }
.caps             { text-transform: capitalize; }
.clear            { clear: both; }
.clear-left       { clear: left; }
.clear-right      { clear: right; }
.defaultPadding   { padding: 1em; }
.defaultMargin    { margin: 1em; }
.dark             { color: #333; }
span.error { display: block; }
.float-left, .float-margin-left { float: left; }
.float-right      { float: right; }
.hidden { display: none; }
.legible { width: 70%; }
.line { display: block; margin: 0.5em 0; }
.margin-left, .float-margin-left { margin-left: 1em; }
.margin-left-more { margin-left: 3em;}
.margin-right     { margin-right: 1em; }
.margin-top, .margin-top-bottom       { margin-top: 1.2em; }
.margin-bottom, .margin-top-bottom { margin-bottom: 1.2em; }
.no-margin-top    { margin-top: 0; }
.no-margin-bottom { margin-bottom: 0; }
.no-margin-left   { margin-left: 0; }
.no-margin-right  { margin-right: 0; }
.no-margin         { margin: 0; }
.pushRight        { margin-left: 2em; }
.pushUp           { margin-top: -4em; }
.pushDown          { margin-top: 2em; }
.pushUpSmall      { margin-top: -1.5em; }
p.pushUpSpaceBot  { margin: -1.25em 0 5em 0; }
#main ol.push-left-more, .push-left-more  { margin-left: 4em;}
.underline, .offsetUnderlineAll h2, .underlineAll h3, .underlineAll h2 { padding-bottom: 0.5em; border-bottom: 1px dotted #ccc; }
.underlineAll .offset h3 { border: 0; padding: 0; margin-top: 1.2em;}
.underline.heavy  { border-bottom: 5px solid #eff6fc; }
.overline, .overlineAll div { padding-top: 0.5em; border-top: 1px dotted #ccc; }
.blueline         { border: 2px solid #eff6fc; }
.offset, .offsetUnderlineAll p, #main .offsetUnderlineAll ul, .offsetUnderlineAll h3, .offsetUnderlineAll address, .offsetUnderlineAll ol.alpha-lower li, .offsetUnderlineAll ol.roman-lower li, .offsetUnderlineAll ol.decimal li, .offsetUnderlineAll dl{ margin-left: 2em; }
.offset3      { margin-left: 3em;}
.no-border, .overlineAll .overrideParent { border: 0; }
.add-border       { border: 1px solid #e6e6e6; }
.padding-top      { padding-top: 1.5em;}
.pre-arrow-link   { background: url(/images/icons/arw-navy.gif) no-repeat left center; padding-left: 1em; padding-right: 0.5em;}
.back-to-top      { text-decoration: none; background: url(/images/icons/arw-stocky-blue-up.png) no-repeat right center; padding-right: 1em; }
.uppercase        { text-transform: uppercase; }
.small            { font-size: 0.9em; }
.smaller { font-size: 0.8em; }
.small, .smaller {-webkit-text-size-adjust:none;}
.splitLeft { border-left: 1px dotted #ccc; padding-left: 1em; }
.splitRight{ border-right: 1px dotted #ccc; padding-right: 1em; }
.lightText { color: #666;}
.highlight { color: #480629;}
.link {
    color: #3C83BB;
    cursor: pointer;
    text-decoration: underline;
}
.link:hover { color: #072B61;}
a.sub, .subtext { color: #999; }
.standout         { line-height: 1.6em; }
.lowercase        { text-transform: lowercase; }
.uppercase        { text-transform: uppercase; }
.lineHeight3      { line-height: 3em; }
.odd              { background: #EFF6FC; }
.scroll           { overflow: hidden; }
.toggleElement    {cursor: pointer; color: #3C83BB;}
.toggleElement:hover { text-decoration: underline; }
.vertText {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.wIframes {
    margin: 1.25em 0 2em 0;
}

/* global color highlighting scheme, apply one of these classes to highlight text etc */
.color1 { color: #3C83BB }
a.color2{ color: #072B61;}

h4 span{ color: #FCA125; }

#main h2 span, #main h1 span { color: #3C83BB;}

h2 a.float-right {
    font-size: 0.8em;
    color: #3C83BB;
}
#main h1 span.float-right {
    text-transform: none;
    font-size: 0.7em;
    color: #072B61;
}

.media, .media div, .panelHeadings h3 {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

h1 a.highlight {
    color: #480629;
    float: right;
    text-transform: none;
    margin-right: 0.25em;
    font-size: 0.7em;
}

#breaking-news, #nyt-standout, a.stripe-btn {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*--- END GENERAL STYLES---*/

/**
---- SMS Text Bubbles ----
**/

.sms-container {
    width: 60%;
    margin: 1em auto;
    background-color: #dbe2ed;
    padding:30px;
    position: relative;
    z-index: -1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.sms-white-shadow {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .8) 4px, rgba(255, 255, 255, .28) 8px);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .8) 4px, rgba(255, 255, 255, .28) 8px);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .8) 4px, rgba(255, 255, 255, .28) 8px);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .8) 4px, rgba(255, 255, 255, .28) 8px);
    background-image: -linear-gradient(top, rgba(255, 255, 255, .8) 4px, rgba(255, 255, 255, .28) 8px);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, .8)) 4px, to(rgba(255, 255, 255, .28)) 8px);
    padding: 2px 8px 4px;
    margin: 0;
    border-radius: 24px;
}

.sms-text-left {
    background-color: #d2d2d2;
    background-image: -webkit-linear-gradient(top, #9da0a6, #d2d2d2 17px, #e5e5e5 92%);
    border-radius: 15px;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.6);
    font: 15px Helvetica, Arial, sans-serif;
    margin: 1em 51% 1em 0;
    padding: 0 4px;
    position: relative;
    border-width: 1px;
    border-color: #9DA0A6 #9DA0A6 #9DA0A6 transparent;
    border-style: solid;
}

.sms-text-right {
    background-color: #a9e24c;
    background-image: -webkit-linear-gradient(top, #309b19, #a9e24c 17px, #9bcc45 92%);
    border-radius: 15px;
    box-shadow: -2px 1px 2px rgba(0, 0, 0, 0.6);
    font: 15px Helvetica, Arial, sans-serif;
    margin: 1em 0 1em 51%;
    padding: 0 4px;
    position: relative;
    border-width: 1px;
    border-color: #309b19 transparent #309b19 #309b19;
    border-style: solid;
}

.sms-text-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -3px;
    height: 10px;
    border-right: 14px solid #d5d5d5;
    background: #dbe2ed;
    -webkit-border-bottom-right-radius: 36px 18px;
    -moz-border-radius-bottomright: 36px 18px;
    border-bottom-right-radius: 36px 18px;
    box-shadow: 2px 2px 2px #9da0a6;
    -webkit-transform: translate(0, -2px);
    -moz-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px);
    right: 98%;
}

.sms-text-left:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -2px;
    right: 95.5%;
    width: 24px;
    height: 16px;
    background: #dbe2ed;
    -webkit-border-bottom-right-radius: 18px 12px;
    -moz-border-radius-bottomright: 18px 12px;
    border-bottom-right-radius: 20px 20px;
    -webkit-transform: translate(-6px, -1px);
    -moz-transform: translate(-6px, -1px);
    -ms-transform: translate(-6px, -1px);
    -o-transform: translate(-6px, -1px);
    transform: translate(-6px, -1px);
}

.sms-text-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -3px;
    height: 10px;
    border-left: 14px solid #a9e24c;
    background: #dbe2ed;
    -webkit-border-bottom-left-radius: 36px 18px;
    -moz-border-radius-bottomleft: 36px 18px;
    border-bottom-left-radius: 36px 18px;
    box-shadow: 2px 2px 2px #9da0a6;
    -webkit-transform: translate(0, -2px);
    -moz-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px);
    left: 98%;
}

.sms-text-right:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -2px;
    left: 103.5%;
    width: 24px;
    height: 12px;
    background: #dbe2ed;
    -webkit-border-bottom-left-radius: 18px 12px;
    -moz-border-radius-bottomleft: 18px 12px;
    border-bottom-left-radius: 20px 20px;
    -webkit-transform: translate(-6px, -1px);
    -moz-transform: translate(-6px, -1px);
    -ms-transform: translate(-6px, -1px);
    -o-transform: translate(-6px, -1px);
    transform: translate(-6px, -1px);
}
/*--- END SMS Text Bubbles ---*/

/**
---- MEASUREMENTS ---
 **/
.h2p5          { height: 2.5em;}
.h6             { height: 6em;}
.h7             { height: 7em; }
.h9p5           { height: 9.5em; }
.h11p5          { height: 11.5em;}
.h12            { height: 12em;}
.h12p5          { height: 12.5em;}
.h16p45          { height: 16.45em; }
.h14            { height: 14em;}
.h15p5          { height: 15.5em; }
.h19            { height: 19em; }
.h20            { height: 20em; }
.h21            { height: 21em; }
.h26p25          { height: 26.25em;}
.h23            { height: 23em; }
.h24            { height: 24em;}
.h24p75         { height: 24.75em;}
.h25            { height: 25em;}
.h28            { height: 28em; }
.h29            { height: 29em; }
.h30p25         { height: 30.25em;}
.h34            { height: 34em; }
.h42            { height: 42em; }
.h44            { height: 44em;}
.h45            { height: 45em; }
.h55            { height: 55em; }

.w8             { width: 8em;}
.w10            { width: 10em;}
.w16            { width: 16em; }
.nav#secondary .menu.w18, .w18 { width: 18em; }
.w22            { width: 22em;}
.w23            { width: 23em;}
.w32            { width: 32em; }
.w44            { width: 44em; }
.w49            { width: 49em; }

.innerH21 .panel { height: 21em;}
.innerH24 .panel { height: 24em;}
/* rethink */
.mtop3       { margin-top: 3em;}
.mtop6          { margin-top: 6em; }
.mtopn4p5       { margin-top: -4.5em; }
/*--- END MEASUREMENTS ---*/


/* JS OR NOT */

.hasJs .js-hide, .hasJs .banner.home #slideshow h2, .hasJs #tab-2, .hasJs #tab-3, .hasJs #tab-4 {
    display: none;
}

/*standard styles used by lightbox plugin*/


/* PLUGINS */

/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
 */
#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; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
 */
#cboxOverlay{background:url(/images/bg/000_75percent.png) repeat 0 0;}
#cboxTopLeft{width:21px; height:21px; background:url(/images/plugins/colorbox/controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(/images/plugins/colorbox/controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(/images/plugins/colorbox/controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(/images/plugins/colorbox/controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(/images/plugins/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/images/plugins/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/images/plugins/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/images/plugins/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{
    position:absolute;
    bottom:6px;
    left:0;
    text-align:center;
    width:100%;
    padding-top: 10px;
    font-size: 1.3em;
    border-top: 1px dotted #ccc;
    color: #036;
    font-weight: bold;
    font-family: georgia, "Times New Roman", serif;
    background: #fff;
    line-height: 1.5em;
}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/plugins/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(/images/plugins/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{ background:url(/images/plugins/colorbox/loading_background.png) no-repeat center center}
#cboxLoadingGraphic{background:url(/images/plugins/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/plugins/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}

/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.

!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
 */
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/plugins/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/plugins/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/plugins/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/plugins/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/plugins/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/plugins/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/plugins/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/plugins/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}