/* Eric Meyer CSS Reset */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --------------- General ---------------*/

body {
	font-family: source-sans-pro, sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:100%;
	color:#07272d;
	line-height: 1.5;
	background-color:#dfdfdf;
}

td {
    vertical-align:top;
}

p {
    margin-bottom:1.5em;
}

a {
    color:#007bac;
}

a:hover {
    text-decoration:none;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

sup {
    font-size: .625em;
	vertical-align:top;
}

input, textarea {
	font-family: source-sans-pro, sans-serif;
	font-style:normal;
	font-weight:400;
	color:#07272d;
}

.ErrorMessage,
.EditingFormErrorLabel {
    color:#cc0000;
}

.ErrorLabel {
    color:#cc0000;
	font-weight: bold;
}

/* --------------- Layout ---------------*/

#mobile-wrapper {
	width: 100%;
}

#header {
	width:100%;
	position:relative;
	padding:15px 0;
	color:#fff;
    background-color:#003a40;
	border-bottom:6px solid #cfedfc;
}
#header a {
	color:#fff;
}
#logo {
	text-align: center;
}
.home-btn {
	position:absolute;
	top:6px;
	right:6px;
}

/* --------------- Page Content ---------------*/

#mobile-page-header {
	color:#fff;
	background: #336166;
	overflow:hidden;
}

#mobile-page-header h1 {
	color:#fff;
	font-size: 1.5em;
	font-weight: bold;
	text-transform:uppercase;
	padding: 5px 10px;
}

#mobile-page-content {
	background: #fff;
	padding: 25px 10px;
	overflow:auto; /* If content is too wide for screen, you can swipe/scroll sideways */
}

/* --------------- Navigation ---------------*/

#mobile-nav li a {
	padding: 10px 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #324f52;
	display: block;
	border-top: 1px solid #6d8e91;
	border-bottom: 1px solid #2e575c;
	font-size: 1.3125em;
	font-weight:700;
	/* Background Gradient */
	background-color: #346267; /* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5b8084), to(#346267)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #5b8084, #346267); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #5b8084, #346267); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #5b8084, #346267); /* IE10 */
	background-image:      -o-linear-gradient(top, #5b8084, #346267); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #5b8084, #346267);
}


/* --------------- Footer ---------------*/

#mobile-footer {
	padding: 1.5em 10px 10px 10px;
	text-align: center;
}

#mobile-footer a {
	color:#07272d;
}

/* --------------- Content Styles ---------------*/

h2 {
	font-size:1.4em;
	font-weight:700;
	margin-bottom:0;
}
h3 {
	font-size:1.2em;
	font-weight:700;
	margin-bottom:0;
}
.text-bold-1 {
	color:#07272d;
	font-weight:700;
}
.text-footnote {
	font-size:.8em;
	color:#6e6e71;
}

.blog-post h2.post-title {
	font-size:1.6em;
	color:#07272d;
	border-bottom:2px solid #f4ae1a;
	margin-bottom:.938em;
	line-height:1.2;
}

/* ----- List Styles ----- */

#mobile-page-content ul,
#mobile-page-content ol {
    margin-bottom:1.5em;
}

#mobile-page-content ul ul,
#mobile-page-content ul ol,
#mobile-page-content ol ol,
#mobile-page-content ol ul {
    margin-bottom:0;
}

#mobile-page-content ul li {
    list-style-type:none;
	margin:0 0 .5em 0;
	padding-left:19px;
	background:url(../images_v2/bullet-content.png) no-repeat left 4px;
}

#mobile-page-content ul ul li {
	list-style-type:disc;
	margin:0 0 0 16px;
	background:none;
	padding:0;
}

#mobile-page-content ul ol li {
	list-style-type:decimal;
	margin:0 0 0 20px;
	background:none;
	padding:0;
}

#mobile-page-content ol li {
    list-style-type:decimal;
	margin: 0 0 .5em 40px;
}

#mobile-page-content ol ol li {
    list-style-type:lower-alpha;
	margin:0 0 0 20px;
}

#mobile-page-content ol ul li {
    list-style-type:disc;
	margin:0 0 0 16px;
	background:none;
	padding:0;
}

.list-of-links a {
	text-decoration:none;
}
.list-of-links a:hover {
	text-decoration:underline;
}

/* --------------- Content Table ---------------*/

.content-table {
    margin-bottom:1.5em;
}
.content-table caption {

	font-weight:700;
	font-size:1.2em;
	background:#003a40;
	color:#fff;
	padding:6px 10px;
	text-align: left;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	line-height:1.2;
}
.content-table th {
    font-weight:700;
	text-align:left;
	vertical-align:bottom;
	padding:3px 10px;
	color:#003a40;
	background-color:#eee;
	border-bottom:1px solid #ddd;
}
.content-table th.subheader {
    font-weight:700;
	text-align:left;
	vertical-align:bottom;
	padding:3px 10px;
	color:#fff;
	background:#4c7579;
	border-bottom:0 none;
}
.content-table td {
    padding:3px 10px;
	border-bottom: 1px solid #e9e9e9;
}
.content-table table {
	margin-bottom:0;
}

/* --------------- Button  ---------------*/

p.button a,
a.button {
	cursor:pointer;
	color:#07272d;
	font-size:1.067em;
	font-weight:700;
	line-height:1.2;
	text-decoration:none;
	display:inline-block;
	padding:4px 12px 4px 12px;
	border-radius:5px;
	border:1px solid #c28d48;
	background: #f4ae1a;
}
p.button a:hover,
a.button:hover {
	background:#f7c622;
}

#mobile-footer p.button a,
#mobile-footer a.button {
	color: #07272d;
	border:1px solid #fff;
}

/* --------------- Rates  ---------------*/

.home-rate-table {
	margin-bottom:1em;
}
.home-rate-table th {
	padding:3px 0;
}
.home-rate-table td {
	padding:2px 0;
}
.home-rate-table .first td {
	padding-top:.75em;
}
.rate-header {
	font-size:1.2em;
	font-weight:700;
	text-align:left;
	text-transform:uppercase;
}
.rate-header a {
	text-decoration:none;
}
.rate-header a:hover {
	text-decoration:underline;
}
.rate-header-detail {
	color:#009fdf;
	font-weight:700;
	text-align:right;
}
.rate-number {
	text-align:right;
}
.rate-header-row {
	border-bottom:1px solid #e4e4e5;
}

/* --------------- External Links ---------------*/

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* states and images */
.ui-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { font-size: 1em; font-weight: normal; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 100%; }
.ui-widget-content { border: 1px solid #ccc; background: #fff; text-align: justify; margin-top: 10px; }
.ui-widget-content a { color: #07272d; }
.ui-widget-header { border: 1px solid #003a40; background: #336166; color: #fff; font-weight: bold; font-size: 1.4em; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cd944c; background: #f4ae1a; font-weight: bold; color: #07272d; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #cd944c; background: #f7c622; font-weight: bold; color: #07272d; outline: none; }

/* states and images */
.ui-widget-content .ui-icon {background-image: url(../images_v2/ext-links-icons.png); }

/* positioning */
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { border-top-left-radius:3px; }
.ui-corner-tr { border-top-right-radius:3px; }
.ui-corner-bl { border-bottom-left-radius:3px; }
.ui-corner-br { border-bottom-right-radius:3px; }
.ui-corner-top { border-top-left-radius:3px; border-top-right-radius:3px; }
.ui-corner-bottom { border-bottom-left-radius:3px; border-bottom-right-radius:3px; }
.ui-corner-right { border-top-right-radius:3px; border-bottom-right-radius:3px; }
.ui-corner-left { border-top-left-radius:3px; border-bottom-left-radius:3px; }
.ui-corner-all { border-radius:3px; }

/* Overlays */
.ui-widget-overlay { background: #000; opacity: .60;filter:Alpha(Opacity=60); }

/* Resizable----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* Dialog----------------------------------*/
.ui-dialog { position: relative; padding: .5em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .3em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}