/* --------------------------------------------------------------------------- */
/* BASELINE STYLES */
/* --------------------------------------------------------------------------- */
@import url(../fonts/MyFontsWebfontsKit.css);
*, *:before, *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }

* { margin: 0; }

html, body, button { -webkit-font-smoothing: antialiased; }

html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #5b6770; font-family: DINWeb-Medium, sans-serif; font-size: 13px; line-height: 1.8; text-rendering: optimizeLegibility; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #FFF; }

body { margin-top: 0; }

::-moz-selection { text-shadow: none; }

::selection { text-shadow: none; }

[hidden], template { display: none; visibility: hidden; }

h1, h2, h3, h4, h5, h6 { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.1; }

h3 { font-weight: bold; font-size: 20px; margin: 20px 0 0 0; float: left; clear: left; width: 100%; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { border: 0; display: block; height: 1px; padding: 0; }

mark { background: #FF0; color: #000; }

code, kbd, samp, pre { font-family: monospace, monospace; font-size: 16px; font-size: 1rem; }

pre { overflow: auto; }

small { font-size: 13px; font-size: 0.8125rem; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

nav ul, nav ol { list-style: none; padding: 0; }

audio, canvas, progress, video { display: inline-block; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

audio:not([controls]) { display: none; height: 0; }

img { border: 0; }

img, svg { height: auto; max-width: 100%; }

svg:not(:root) { overflow: hidden; }

/*fieldset { border: 0; padding: 0; }

legend { border: 0; }*/

fieldset {
    padding-top:10px;
    border:1px solid #666;
    border-radius:8px;
    box-shadow:0 0 10px #666;
}
legend {
    float:left;
    margin-top:-20px;
}
legend + * {
    clear:both;
}

button, input, optgroup, select, textarea { color: #222; font: inherit; }
button:disabled, button[disabled], input:disabled, input[disabled], optgroup:disabled, optgroup[disabled], select:disabled, select[disabled], textarea:disabled, textarea[disabled] { cursor: default; }

button { overflow: visible; }

button, input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

select { text-transform: none; }

button, input { line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #232323; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #232323; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #232323; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #232323; opacity: 1; }

input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { display: none; }

textarea { overflow: auto; resize: vertical; }

optgroup { font-weight: bold; }

.ir, .sprite { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.sprite { background-image: url("../images/sprite.png"); background-repeat: no-repeat; }

.group:after, .container:after, .row:after { content: ""; display: table; clear: both; }

.hidden { display: none !important; visibility: hidden; }

.visuallyHidden, .skipLink { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.noMargin { margin-top: 0; }

/* --------------------------------------------------------------------------- */
/* WEBFONTS SETUP */
/* --------------------------------------------------------------------------- */
.ZonaPro, h2 { font-family: ZonaPro; }

.DINWeb-Light, sans-serif, textarea, input[type="text"], input[type="password"], input[type="tel"] { font-family: DINWeb-Light, sans-serif; }

/* --------------------------------------------------------------------------- */
/* HTML ELEMENTS */
/* --------------------------------------------------------------------------- */
html { background-color: #e3e3e3; color: #5b6770; }

body { min-width: 1140px; }

::-moz-selection { background-color: #488dff; }

::selection { background-color: #488dff; }

a { background-color: transparent; color: #005e5d; }
a:active, a:hover { outline: 0; color: #002d2d; }

hr { border-top: 1px solid #CCC; }

h2 { font-size: 24px !important; font-weight: normal !important; text-transform: uppercase; margin: 15px 0; }

h3 { margin: 8px 0; font-size: 20px !important; text-transform: uppercase; line-height: 1.2em; font-family: ZonaPro; font-weight: normal; }

h4 { font-size: 16px !important; text-transform: uppercase; line-height: 1.2em; font-family: ZonaPro; font-weight: normal; display: block; margin: 20px 0 0 0; float: left; width: 100%; }

legend { font-size: 18px; margin-top: 20px; padding-left: 0; float: left; }

ol, ul { margin: 20px 0; }

textarea { float: left; clear: left; width: 100%; }

input[type="text"], input[type="password"], input[type="tel"] { width: 90%; padding: 11px; border: 1px solid #a6a6a6; float: left; clear: left; color: #5b6770; }

label, input, select, .forgotLinks { float: left; clear: both; }

input[type="checkbox"].checkBoxItem { margin-top: 25px; }

input[type="button"], input[type="submit"] { float: left; margin-bottom: 20px; font-size: 14px; color: #fff; border: 1px solid #005e5d; padding: 11px 11px 8px 11px; text-transform: uppercase; background-color: #005e5d; cursor: pointer; }
input[type="button"]:hover, input[type="submit"]:hover { background-color: #fff; color: #005e5d; }

select { width: 100%; height:40px; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border: 1px solid #a6a6a6; font-size: 14px; color: #5B6770; padding: 5px 5px 5px 5px;  }
select option { padding: 4px; font-size: 14px; color: #005e5d; font-family: DINWeb-Light, sans-serif; }

/* --------------------------------------------------------------------------- */
/* GENERAL STYLES */
/* --------------------------------------------------------------------------- */
.skipLink { background-color: #000; background-color: rgba(0, 0, 0, 0.6); color: #FFF; }
.skipLink:active, .skipLink:focus { clip: auto; height: auto; margin: 0; overflow: visible; text-align: center; top: 0; position: absolute; width: 100%; }

.sidebar:focus, .main:focus { outline: none; }

.sidebar { float: left; margin-right: 8% !important; }

.heading a { color: inherit; text-decoration: none; }
.heading a:hover { text-decoration: underline; }

.heading-largest { font-size: 40px; font-size: 2.5rem; }

.heading-larger { font-size: 32px; font-size: 2rem; }

.heading-large { font-size: 24px; font-size: 1.5rem; }

.heading-medium { font-size: 20px; font-size: 1.25rem; margin: 20px 0 20px 0; line-height: 1.3em; }

#main { padding-bottom: 40px; }

.checkBoxItem { clear: none; float: left; margin-right: 10px; }

.clearFloats, .buttonGroup { clear: both; float: left; }

.buttonGroup { margin-top: 30px; }

.dateDeclaration { width: 30% !important; }

.button { padding: 5px 8px; border: 1px solid #a6a6a6; background-color: #ebedee; color: #005e5d; text-decoration: none; cursor: pointer; }
.button:hover { background-color: white; color: #005e5d; }

.required_info { width: 100%; padding-right: 30px; text-align: right; }

.required { color: #c60; font-size: 32px; font-size: 2rem; font-weight: bolder; }

.errorMessage { color: red; }

.successMessage { color: #005e5d; }

.localNav-item { margin: 10px 0; }
.localNav-item a { text-decoration: none; }

.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
}  
.mGrid td {   
    padding: 10px;   
    border: solid 1px #c1c1c1;   
    color: #717171;   
}  
.mGrid th {   
    padding: 4px 2px;   
    color: #fff;   
    background: #424242 url(../images/grd_head.png) repeat-x top;   
    border-left: solid 1px #525252;   
    font-size: 0.9em;   
}  
.mGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }  
.mGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

/* --------------------------------------------------------------------------- */
/* BASIC LAYOUT */
/* --------------------------------------------------------------------------- */
.container { margin-left: auto; margin-right: auto; max-width: 1000px; padding: 0 3%; background-color: #fff; }

.col1_col { width: 100%; float: left; padding-right: 30px; margin: 10px 0; }
.col1_col input[type="text"], .col1_col input[type="password"] { width: 100%; }

.col2_col { width: 50%; float: left; padding-right: 30px; margin: 10px 0; }
.col2_col input[type="text"], .col2_col input[type="password"] { width: 100%; }

.radioGroup label { margin: 0 20px 0 0; clear: none; }
.radioGroup input[type="radio"] { float: left; clear: none; margin: 3px 10px 0 5px; }

.checkboxGroup label { margin: 0 20px 0 0; clear: none; }
.checkboxGroup input[type="checkbox"] { float: left; clear: none; margin: 3px 10px 0 5px; }

.listDown input[type="radio"] { clear: left; }
.listDown input[type="checkbox"] { clear: left; }

.col { float: left; margin-left: 4%; }
.col:first-child { margin-left: 0; }

.col-half { width: 48%; }

.col-third { width: 30.6666666667%; }

.col-twoThirds { width: 61.3333333333%; }

.col-quarter { width: 22%; }

.col-threeQuarters { width: 66%; }

.equalHeight-container { display: table; }

.col-equalHeight { display: table-cell; float: none; margin: 0; }

.col-equalHeight.col-half { width: 50%; }

.col-equalHeight.col-third { width: 33.333%; }

.col-equalHeight.col-twoThirds { width: 66.666%; }

.col-equalHeight.col-quarter { width: 25%; }

.col-equalHeight.col-threeQuarters { width: 75%; }

.col-fixedLeft, .col-fixedRight { max-width: 30.6666666667%; }

.col-fixedLeft { margin-right: 4%; }

.col-fixedRight { float: right; }
.col-fixedRight:first-child { margin-left: 4%; }

.col-fluid { float: none; margin-left: 0; overflow: hidden; }

/*.errorsContainer { float: left; width: 100%; margin: 10px 0; padding: 0; list-style: none; color: #D70000; border: 1px solid red; }
.errorsContainer li { margin: 10px 0; line-height: 1.5em; }

.successContainer { float: left; width: 100%; margin: 10px 0; padding: 0; list-style: none; color: #78aa1c; border: 1px solid #78aa1c; }
.successContainer li { margin: 10px 0; line-height: 1.5em; }*/

.errorsContainer {color: #D70000; border: 1px solid red; background-color: #f2d5d5; display:none;}
.errorsContainer li { margin: 10px 0; line-height: 1.5em; }

.successContainer {color: #78aa1c; border: 1px solid #78aa1c; background-color: #d1edcc; display:none;}
.successContainer li { margin: 10px 0; line-height: 1.5em; }

.informationContainer {color: #005e5d; border: 1px solid #ffd800; background-color: #ffffed; display:none;}
.informationContainer li { margin: 10px 10px 10px 10px; line-height: 1.5em; }

.securityQuestion span { font-weight: bold; }

/* --------------------------------------------------------------------------- */
/* PAGE HEADER */
/* --------------------------------------------------------------------------- */
.pageHeader > .container { padding-bottom: 0px; }

.pageHeader .mainHeading { margin-top: 15px; text-align: center; clear: left; font-size: 26px !important; }
.pageHeader .mainHeading:after { content: ""; display: block; width: 100%; height: 1px; margin: 8px 0 0 0; background: #78aa1c; }

.headerLogo { background: url(../images/logo.png) no-repeat; width: 337px; height: 89px; text-indent: -9999px; float: left; }

.logInContainer { float: right; padding-top: 20px; }
.logInContainer a { margin-left: 8px; text-transform: uppercase; text-decoration: none; font-size: 11px; padding-top: 8px; }

/* --------------------------------------------------------------------------- */
/* PAGE FOOTER */
/* --------------------------------------------------------------------------- */
.pageFooter .container { background-color: #002f2e; }
.pageFooter .container p { margin-right: 35px; float: right; padding: 20px 0; color: #fff; font-size: 14px; font-family: DINWeb-Light, sans-serif; }

/* --------------------------------------------------------------------------- */
/* SOME OTHER PATTERN */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* JAVASCRIPT FALLBACK STYLES */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* MEDIA QUERIES */
/* --------------------------------------------------------------------------- */
@media only screen and (min-width: 0) { body { min-width: 0; } }
@media only screen and (max-width: 640px) { #main { clear: both; }
  .col1_col, .col2_col { padding-right: 0px; }
  .col-fixedLeft, .col-fixedRight { max-width: 100%; width: 100%; } }
@media only screen and (max-width: 800px) { .col2_col { width: 100%; }
  .logInContainer { float: left; width: 100%; text-align: center; margin: 0 0 25px 0; }
  .headerLogo { float: none; margin: 0 auto; } }
/* --------------------------------------------------------------------------- */
/* PRINT STYLES */
/* --------------------------------------------------------------------------- */
@media print { *, *:before, *:after { background: transparent !important; border-color: #000 !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: "(" attr(href) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  abbr[title]:after { content: "(" attr(title) ")"; }
  thead { display: table-header-group; }
  p, h2, h3 { orphans: 3; widows: 3; }
  pre, blockquote, tr, img { page-break-inside: avoid; }
  h2, h3 { page-break-after: avoid; } }