/* this body declaration mimics odyssey styles for full-page firefly pages */
body {
	margin: 0;
	font: small/1 Helvetica, Arial, sans-serif;
}


/* micro clearfix from http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.contain-floats:before,
.contain-floats:after {
    content:"";
    display:table;
}

.contain-floats:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.contain-floats {
    zoom:1;
}


.modal-outer-active
{
	opacity: 1;
	filter: none; /* disable old IE opacity */
	background-color: transparent;
	background-position: top center;
	background-repeat: repeat-x;
	background-image: url('firefly/modal-overlay-bg.png');
}


.firefly
{
	background-color: white;
	margin:0 auto;
	color: #666;
	font-size: 14px;
	line-height: 1.3em;
}
.ody-footLite{margin:30px 0 25px 0;}
iframe#cobrand_header_light,
iframe#cobrand_footer_light
{background: #FFF; height: 45px; width: 100%; border: none;}

.ui-datepicker{display: none;}
.firefly .underlined{
	text-decoration:underline;
}
.firefly.full{
	margin-bottom:20px;
	width: 560px;
}
.firefly.modal
{
	z-index: 2100000000;
	overflow: hidden;
	display:none;
	visibility:hidden;
	width:400px;
	
	position: relative;
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	-moz-box-shadow: 0 0 20px 5px #000;
	-webkit-box-shadow: 0 0 20px 5px #000;
	box-shadow: 0 0 20px 5px #000;
}

.firefly .hide, 
.firefly.hide{
	display:none;
	visibility:hidden;
}

.firefly.page{
	width:400px;
}

.firefly.modal .firefly-modal-noslide{
	float:left;
	width:400px;
}

.firefly.modal .firefly-modal-slide{
	background-color:#f3f6f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 0 5px 0 #888888;
	-webkit-box-shadow:0 0 5px 0 #888888;
	box-shadow:0 0 5px 0 #888888;
	display:table;
	height:571px;
	margin-left:14px;
	position:absolute;
	width:386px;
	z-index: 3;
}

#firefly-loading.firefly.page{
	width:300px;
	margin:auto;
}

.firefly.modal .loading,.firefly.page .loading{
	background-image: url("/odygci/firefly/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #f3f6f9;
	display: table-cell;
	min-height: 120px;
	vertical-align: middle;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.firefly.page .loading{
	background-color:#ffffff;
	height:200px;
	width:300px;
}
.firefly.modal .loading .message,.firefly.page .loading .message{
	border: none;
	background-color: #f3f6f9;
	*background-color: transparent; /* For IE 7 */
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	text-align: center;
	padding: 10px;
	*padding:233px 0 0; /* For IE 7 */
}
.firefly.page .loading .message{
	background-color:#ffffff;
	*background-color:transparent; /* For IE 7 */
	*padding:238px 0 0; /* For IE 7*/
	box-shadow:none;
}
.firefly.page .loading .message.error{
	color:red;
	font-size:18px;
}
.firefly .loading button {
	position: absolute;
	bottom: 60px;
	width: 100px;
	left: 150px;
}
.firefly.modal h2
{
	color: #222;
	font-size: 26px;
	font-weight: bold;
	padding:.6em .8em .4em .8em;
	margin: 0px;
	line-height: normal;
}

.firefly.modal .firefly-modal-slide h2{
	margin-top:0;
}
.firefly.modal .firefly-modal-slide .message {
	margin-bottom:0;
}

.firefly a,
.firefly .a-link /* buttons and labels and whatnot that should look like links */ 
{
	cursor: pointer;
	text-decoration: none;
	color: #014077;
}
/* this could all be part of the above, but just in case we don't want to mess with 'a' */
.firefly .a-link
{	
	/* button reset */
	overflow: visible;	/* for IE7 */	
	font-weight: normal;
	line-height: 100%;	/* for IE7 */
	line-height: inherit;
	font-size: 100%;	/* for IE7 */
	font-size: inherit;
	margin: 0px;		/* for WebKit */
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.firefly a:hover,
.firefly .a-link:hover
{
	text-decoration: underline;
}

.firefly p
{
	margin: 10px 0px;
}
.firefly .innerform p
{
	margin: 10px 0px 20px 0;
}

/* reset */
.firefly p,
.firefly li
{
	font-size: 100%;
	line-height: 1.3em; /* override */
}

/* reset inherited styles */
.firefly.modal button
{
	text-transform: none;
	background-image: none;
	height: auto;
	line-height: normal;
	float: none;
}

.firefly.modal button.close,
.firefly.modal a.close
{
	position: absolute;
	top: 15px;
	right: 16px;
	padding: 0px;
	background: transparent;
	color: black;
	cursor: pointer;
}

.firefly.modal .left-column
{
	background-color: white;
	width: 360px;
	min-height: 400px;
	padding: 20px;
	float: left;
	border-right: 1px solid #DBDBDB;
	
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}

.firefly.modal h2,
.firefly.full h3,
.firefly.full .contributions legend,
.firefly.full fieldset legend
{
	color: #2c2c2c;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}
.firefly.full fieldset legend
{
	/* WebKit and FF treat padding and margins of LEGEND elements differently, hence the complicated next 3 lines */
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: -5px;
}
.firefly.full .edit-header
{
	margin-top: 20px;
}
.firefly.full h3,
.firefly.full h4,
.firefly.full .edit-header
{
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 5px;
}
.firefly.full .edit-header h3
{
	border-bottom-width: 0px;
	margin-bottom: 5px;
	display: inline-block;
}
.firefly.full .edit-header a
{
	font-size: 0.9em;
	margin-left: 4px;
}
.firefly.full h2{
	margin-top: 22px;
}
.firefly.modal .footer.absolute{
	left:0;
	bottom: 0;
	position: absolute;
	width: 100%;
	padding-left:0;
	padding-right:0;
}
.firefly.modal .footer.absolute p{
	margin: 10px 0;
}
.firefly.modal .firefly-modal-slide .section p {
    margin: 7px 0;
}

.firefly .body
{
	padding-bottom: 9px;
}
.firefly.modal .body
{
	border-top: 1px solid #dbdbdb;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:10px;
}
.firefly.page .body{
	border-top:none;
}

/* this is because updated mocks show the line going the complete width of modal */
.firefly.modal .body + .separated-divider
{
	margin: 0px;
}
.firefly.page .footer
{
	margin-bottom:20px;
	margin-top:20px;
}
.firefly .loading .footer{
	display:none;
	visibility:none;
	text-align:center;
	margin-top:0;
	padding-top:0;
}
.firefly .loading .footer p{
	text-align:center;
	margin-left:25px;
	font-size:14px;
	margin-top:0;
	padding-top:0;
}
.firefly .separated-divider + .body
{
	border-top-width: 0px;
	padding-top: 0px; /* this might not be a good idea */
}

.firefly .form-column{
	float:left;
	margin:0 0 0 1%;
	/*overflow:hidden;*/
	width:49%;
}
.firefly .form-column.lone
{
	margin:0;
	width:100%;
}
.firefly .form-column.first,
#firefly-register.firefly form #firefly-register-zag label.first{
	margin:0 1% 0 0;
}
#firefly-register.firefly form #firefly-register-zag label{
	margin:0 1%;
	width:32%;
}
#firefly-register.firefly form #firefly-register-zag label.last{
	margin:0 0 0 3px;
}

.firefly .form-column label:first-child
{
	margin-top: 0px;
}

.firefly form label
{
	color: #4b4b4b;
	font-size: 12px;
	font-weight: bold;
	margin-top: 6px;
	line-height: 1em;
	display: block;
}
.firefly.full form label
{
	display: inline-block;
}
.firefly form fieldset.label:first-child
{
	margin-top: 15px;
}
.firefly form fieldset.label legend
{
	border:none;
	padding-bottom: 1px; /* so that at least *some* space is below */
}
.firefly form fieldset.label legend label
{
    margin-bottom: 0;
    margin-top: 0;
}

.firefly form input[type="checkbox"] + label
{
	display: inline;
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
}
/* these are both fixes for IE, but probably help other browsers too */
.firefly form input[type="checkbox"]
{
	border-width: 0px;
	padding-left: 0px;
}

/* non-placeholder style */
.firefly form input[type="text"],
.firefly form input[type="number"],
.firefly form input[type="tel"],
.firefly form input[type="email"],
.firefly form input[type="password"],
.firefly form select,
.firefly form select option,
.firefly form .fp-selectbutton
{
	color: #2c2c2c;
	font-size: 16px;
	font-style: normal;
}
.firefly form input[type="text"],
.firefly form input[type="number"],
.firefly form input[type="tel"],
.firefly form input[type="email"],
.firefly form input[type="password"],
.firefly form .fp-selectbutton
{
	padding: 8px;
	height: auto; /* overriding ody style */
}
/* the border and shadow backround */
.firefly form input[type="text"],
.firefly form input[type="number"],
.firefly form input[type="tel"],
.firefly form input[type="email"],
.firefly form input[type="password"],
.firefly form select,
.firefly form .fp-selectbutton
{
	border: 1px solid #d2d2d2;	
	box-shadow: 2px 2px 5px 0 #e1e1e1 inset;
}
/* this focus style isn't really defined in the mocks */
.firefly form input[type="text"]:focus,
.firefly form input[type="number"]:focus,
.firefly form input[type="tel"]:focus,
.firefly form input[type="email"]:focus,
.firefly form input[type="password"]:focus,
.firefly form select:focus,
.firefly form option:focus,
.firefly form .fp-selectcontainer.focus .fp-selectbutton
{
	outline: none;
	box-shadow: 2px 2px 5px 0 #929292 inset;
}
.firefly form .fp-selectbutton:hover{text-decoration: none;}

.firefly form input[type="text"],
.firefly form input[type="number"],
.firefly form input[type="tel"],
.firefly form input[type="email"],
.firefly form input[type="password"]
{
	width: 330px;
	height: auto;
}
.firefly form input[type="text"],
.firefly form input[type="number"],
.firefly form input[type="tel"],
.firefly form input[type="email"],
.firefly form input[type="password"],
.firefly form select
{
	margin-bottom: 20px;
}
.firefly form label + input
.firefly form label + .fp-selectcontainer select
{
	margin-top: 6px;
}

.firefly.modal .firefly-modal-noslide form input[type="text"],
.firefly.modal .firefly-modal-noslide form input[type="number"],
.firefly.modal .firefly-modal-noslide form input[type="tel"],
.firefly.modal .firefly-modal-noslide form input[type="email"],
.firefly.modal .firefly-modal-noslide form input[type="password"]
{
	width: 342px;
}
.firefly .firefly-modal-noslide form .form-column input[type="text"],
.firefly .firefly-modal-noslide form .form-column input[type="number"],
.firefly .firefly-modal-noslide form .form-column input[type="tel"],
.firefly .firefly-modal-noslide form .form-column input[type="email"],
.firefly .firefly-modal-noslide form .form-column input[type="password"]
{
	width:89%;
}
.firefly .firefly-modal-noslide form .form-column.lone input[type="email"]
{
	margin-right:0;
	width:95%;
}
#firefly-register.firefly form #firefly-register-zag label input[type="text"],
#firefly-register.firefly form #firefly-register-zag label input[type="number"],
#firefly-register.firefly form #firefly-register-zag label input[type="tel"],
#firefly-register.firefly form #firefly-register-zag label input[type="email"],
#firefly-register.firefly form #firefly-register-zag label input[type="password"]{
	width: 85%;
}
#firefly-register.firefly form #firefly-register-zag label select{
	width:100%;
}
.firefly.modal .firefly-modal-slide form input[type="text"],
.firefly.modal .firefly-modal-slide form input[type="number"],
.firefly.modal .firefly-modal-slide form input[type="tel"],
.firefly.modal .firefly-modal-slide form input[type="email"],
.firefly.modal .firefly-modal-slide form input[type="password"]
{
	width: 328px;
}
.firefly .firefly-modal-slide form .form-column input[type="text"],
.firefly .firefly-modal-slide form .form-column input[type="number"],
.firefly .firefly-modal-slide form .form-column input[type="tel"],
.firefly .firefly-modal-slide form .form-column input[type="email"],
.firefly .firefly-modal-slide form .form-column input[type="password"]
{
	width:150px;
}

.firefly form p.forgot,.firefly form .gnp.forgot
{
	margin-top: 0px;
	font-size: 0.85em;
}
.firefly form .fp-selectcontainer,
.firefly form select
{
	height: 36px !important;
}

.firefly form select option{
	padding: 4px;
}
.firefly form .fp-selectbutton
{
	height: 18px;
	right: 0;
	bottom: 0;
	padding-right: 40px;
	background-color: #FFF;
	background-image: url('firefly/dropdown.png');
	background-repeat: no-repeat;
	background-position: right center;
}

/* style placeholder text */
.firefly form input::-webkit-input-placeholder {
	color: #999;
	font-style: italic;
}
.firefly form input:-moz-placeholder {
	color: #999;
	font-style: italic;
}
.firefly form input:-ms-input-placeholder {
	color: #999;
	font-style: italic;
}
/* non-browser specific */
.firefly form .placeholder-visible, /* for webshim */
.firefly form input.placeholder-visible, /* for webshim */
.firefly form label label.placeholder-text, /* for webshim */
.firefly form select option.placeholder,
.firefly form .fp-selectbutton.placeholder
/*, .firefly form select.placeholder - disabling for now because it causes problems in IE.  still looks OK with GD-select */ /* for selects */
{
	color: #999;
	font-style: italic;
}

/* webshim - probably won't be used right now though, but keep */
.firefly label .placeholder-box
{
	width: 100%;
	display: block !important;
}

/* hide the placeholder options */
.firefly form select option.placeholder
{
	display: none;
}
.firefly form select:disabled,
.firefly form select[disabled],
.firefly form input:disabled,
.firefly form input[disabled],
.firefly .fp-selectbutton.disabled
{
	color: #999;
	background-color: #eee;
	cursor: not-allowed;
	font-style: italic;
}

/* barely rounded corners */
.ody-skin .poll-question button.primary,
.firefly .message,
.firefly button,
.firefly form input[type="text"],
.firefly form input[type="tel"],
.firefly form input[type="email"],
.firefly form input[type="password"],
.firefly form input,
.firefly form select,
.firefly form .fp-selectcontainer,
.firefly form .fp-selectcontainer .fp-selectbutton,
.firefly .alert,
.firefly span.button,
.firefly a.button
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.firefly form .fp-selectcontainer .fp-selectbutton{
	line-height: 18px;
	font-weight: normal;
}
.firefly.page#firefly-login form input[type="text"], /* fallback because if browser doesn't recognize 'email' it'll be 'text' */
.firefly.page#firefly-login form input[type="email"],
.firefly.page#firefly-login form input[type="password"]
{
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.firefly#firefly-login form {
	padding-top:5px;
}
.firefly#firefly-login {
	margin-bottom:5px;
}
.firefly#firefly-login .bottom-buttons {
	margin-bottom:5px;
}
.firefly#firefly-login .firefly-modal-slide .bottom-buttons {
	margin-bottom:18px;
}
/* this is a mediocre fix for IE7. -dcm */
.firefly.page#firefly-login form > label
{
	overflow: hidden;
}
.firefly form
{
	color: #999;
}
.firefly form label span.note
{
	color: #999;
 	padding-left: 5px;
	font-weight: normal;
	font-size: 0.9em;
	vertical-align: text-top;
}

/* separated hr-like divider but with a label */
.firefly div.separated-divider
{
	font-size: 16px;
	color: #9c9c9c;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	
	/* this is so the whole thing takes up the amount of space that the internal label does */
	padding-top: 6px;
	padding-bottom: 5px;

	margin-top: 20px;
	
	clear: both;
}
.firefly div.separated-divider div
{
	border-top: 1px solid #e4e4e4;
	height: 0px;
	overflow: visible;
}
.firefly div.separated-divider div span
{
	position: relative;
	top: -0.5em;
	background-color: white;
	padding: 0px 0.5em;
}

.firefly .body.separated
{
	border: 0px solid #d2d2d2;
	border-width: 2px 0px;
	background-color: #f3f6f9;
    margin: 12px 0 0;
    padding: 0 20px 20px;
}

.firefly .body.separated div.separated-title
{
	font-size: 16px;
	color: black;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4em;
	
	clear: both;	
}
.firefly .body.separated div.separated-title span
{
	position: relative;
	top: -0.9em;
	background-color: white;
	padding: 0px 0.5em;
	border: 2px solid #d2d2d2;
	display: inline-block;
}
.firefly .body.separated + .footer
{
	border-top: 0px;
}

.firefly .firefly-fblogin-learnmore
{
	display: inline-block;
	width: 120px;
	font-size: 0.9em;
	line-height: 1.1em;
	float: right;
	padding-right: 15px;
	padding-top: 8px;
}
#firefly-account-lookup-form .goto-facebook .body.separated,
#firefly-account-lookup-form-page .goto-facebook  .body.separated
{
	border: 2px solid #D0CDCD;
	background-color: #DDE0E4;
	/*border-width: 2px;*/
	margin:0;
	padding: 20px;
}
#firefly-account-lookup-form  .goto-facebook .firefly-fblogin-learnmore,
#firefly-account-lookup-form-page .goto-facebook  .firefly-fblogin-learnmore
{
	font-size: 1em;
    padding-top: 12px;
    width: 65px;
}
#firefly-account-lookup-form-page .goto-facebook  .firefly-fblogin-learnmore
{
	width:110px;
}
#firefly-account-lookup-form .goto-facebook p,
#firefly-account-lookup-form-page .goto-facebook p
{
 color:#666666;
}
#firefly-account-lookup-form .body.separated.contain-floats p,
#firefly-account-lookup-form-page .body.separated.contain-floats p
{
	border-top: 1px solid #D0CDCD;
    color: #666666;
    padding-top: 10px;
}
/* Not sure why this doesn't get inherited already. */
.firefly button,
.firefly input
{
	/* this block is for IE7, which doesn't handle 'inherit' */
	background-image: none;
	padding: 0px;

	font-family: inherit;
	float:none;
	height:auto;
	overflow:hidden;
	text-transform:none;
	padding: inherit;
	background: inherit;
}
.firefly button
{
	background-color: transparent;
	overflow: visible; /* fixes IE7 horiz padding problem */
}
.firefly input
{
	background-color: white;
}
.firefly span.button,
.firefly a.button
{
	display: inline-block;
}
.firefly a.button {
	padding: 10px 20px;
}
.firefly button.cancel,
.firefly button.primary-a,
.firefly button.return-to,
.firefly a.button.cancel
{
	color: #014077;
	font-size: 14px;
	font-weight:normal;
	line-height: 16px;
	padding: 10px 20px;
	background: none;
	border: none;
}
.ody-skin .poll-question button.primary,
.firefly button.cancel.subprim,
.firefly button.disApply,
.firefly input.disApply,
.firefly a.button.disApply,
.firefly button.continue,
.firefly button.primary,
.firefly input.primary,
.firefly span.button.primary,
.firefly a.button.primary,
.firefly button.secondary,
.firefly input.secondary,
.firefly a.button.secondary,
#acct_container .NLbtn input
{
	display: inline-block;
	color: black;
	cursor:pointer;
	font-size: 16px;
	line-height: 1em;
	padding: 10px 20px;
	font-weight: bold;
	border:none;
	font-family:Helvetica,Arial,sans-serif;
	width:auto;
	max-width:auto;
	overflow:visible;
	margin:0;
	height:36px;
}
.firefly a.button.disApply,
.firefly span.button.primary,
.firefly a.button.primary,
.firefly a.button.secondary {
	height:auto;
}
.ody-skin .poll-question button.primary,
.firefly button.cancel.subprim,
.firefly button.disApply,
.firefly input.disApply,
.firefly a.button.disApply,
.firefly button.continue,
.firefly button.primary,
.firefly input.primary,
.firefly span.button.primary,
.firefly a.button.primary,
#acct_container .NLbtn input
{
	text-shadow:0 1px 1px #F8DCAA;
	background-color:#ebb743;
	background:-webkit-gradient(linear,0% 0%, 0% 100%,from(#ffd366), to(#ebb743));
	background:-moz-linear-gradient(top, #ffd366, #ebb743);
	background:-ms-linear-gradient(top, #ffd366, #ebb743);
	-moz-box-shadow: inset 1px 1px 3px #f9e886, 1px 1px 2px 0px rgba(0, 0, 0, .3), inset -1px -1px 0 #c99545;
	-webkit-box-shadow: inset 1px 1px 3px #f9e886, 1px 1px 2px 0px rgba(0, 0, 0, .3), inset -1px -1px 0 #c99545;
	box-shadow: inset 1px 1px 3px #f9e886, 1px 1px 2px 0px rgba(0, 0, 0, .3), inset -1px -1px 0 #c99545;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd366', endColorstr='#ebb743');
}
.firefly button.secondary,
.firefly input.secondary,
.firefly span.button.secondary,
.firefly a.button.secondary
{
	background-color: #e9e9e9; /* topmost pixel of the image */
	background-image: url('firefly/gray-grad.png');	
	text-shadow:1px 1px 1px #fff;
	-moz-box-shadow:inset 1px 1px 3px #fff, 1px 1px 2px 0px #ccc, inset -1px -1px 0 #b1b1b1;
	-webkit-box-shadow:inset 1px 1px 3px #fff, 1px 1px 2px 0px #ccc, inset -1px -1px 0 #b1b1b1;
	box-shadow: inset 1px 1px 3px #fff, 1px 1px 2px 0px #ccc, inset -1px -1px 0 #b1b1b1;
	box-shadow: none; /* until the one above is updated for grey */
	margin-right:5px;
}
.ody-skin .poll-question button.primary:active,
.firefly button:active,
.firefly span.button:active,
.firefly a.button:active
{
	/* a pressed button has no shadow, but actually 0 shadow looked odd */
	-moz-box-shadow: 0px 0px 1px 0px #aaa;
	-webkit-box-shadow: 0px 0px 1px 0px #aaa;
	box-shadow: 0px 0px 1px 0px #aaa;
}
.firefly a.button:hover
{
	text-decoration: none;
}
.ody-skin .poll-question button.primary[disabled],
.firefly a.button.disabled,
.firefly button[disabled],
.firefly button.disabled
{
	color: #808080;
	cursor:not-allowed;
	display: inline-block;
	font-size: 16px;
	line-height: 1em;
	padding: 10px 20px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #e9e9e9; /* topmost pixel of the image */
	background-image: url('firefly/gray-grad.png');
	border:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow:none;
	opacity: 0.5;
	filter: alpha(opacity=60)
}
/* this may be necessary for FF
.firefly a.button.primary
{
	padding: 11px 23px;
}
*/
.firefly button.image
{
	padding: 0px;
}

/* So they line up right next to a label */
.firefly input[type="checkbox"],
.firefly input[type="radio"]
{
	vertical-align: middle;
}
.firefly .bottom-buttons
{
	margin-top: 5px;
	margin-bottom: 18px; 
}
.firefly.full .bottom-buttons
{
    border-top: 1px solid #D2D2D2;
    margin-top: 50px;
    padding-top: 20px;
	clear: both;
}
.firefly.full .bottom-buttons.fod{
    border-top:none;
    margin-top:0;
}
.firefly .bottom-buttons span
{
	margin-top: 2px;
	float:right;
}

.firefly .bottom-buttons label
{
	color: #999;
	display: inline-block;
	vertical-align: text-bottom;
	font-weight: normal;
	padding-left: 10px;
	margin-top:1px;
}
.firefly .bottom-buttons label input[type="checkbox"]
{
	vertical-align: baseline;
}
#firefly-register.firefly .bottom-buttons label
{
	width: 160px;
	vertical-align: middle;
}

.firefly .bottom-buttons label input[type="checkbox"]
{
	float: left;
	margin-right: 8px;
	margin-top: 0.4em;
}
.firefly .bottom-buttons label .checkbox-label
{
	margin-left: 27px;
}
.firefly div.cc
{
	position: relative;
	text-align: center;
}
.firefly div.cc-info .cc-type 
{
	position: absolute;
	left: 0px;
}
.firefly div.cc-info .cc-number
{
}
.firefly div.cc-info .cc-exp
{
	position: absolute;
	right: 0px;
}
.firefly .bottom-buttons .totals{
	float:right;
	width: 100%;
	background-color:#f1f1f1;
	font-size:14px;
	font-weight:bold;
	height:38px;
	line-height:38px;
	max-width:200px;
	padding:0 10px;
}
.firefly .bottom-buttons .totals .title{
	color:#8e8e8e;
	float:none;
	margin-top:0;
	width:auto;
}
.firefly .bottom-buttons .totals .total{
	color:#2c2c2c;
	float:none;
	margin-top:0;
	width:auto;
}

/* remove extra space on FF */
.firefly button::-moz-focus-inner
{border:0;padding:0;margin:0;}

/* cancel button */
.firefly button.cancel:active:hover,
{border:0;padding:0;margin:0;}

.firefly button.return-to
{
	padding: 20px 20px 10px 2px;
}
.firefly button.cancel:active,
.firefly a.button.cancel:active
{
	box-shadow: none;
	opacity: 0.5;
}

/* highlights an area of text with a background color and border */
.firefly .framed-note
{
	padding: 10px;
	background-color: #F3F6F9;
	border: 1px solid #D2D2D2;
}

.modal-outer-active {
	z-index:2000000000;
}

.firefly.modal h2 + p
{
	margin-top: 7px;
}
.firefly.modal button + p
{
	margin-top: 15px;
}

/* used for cases where a sprite image with text is being used as contents, like the Connect with Facebook button */
.firefly button .alt,
.firefly a .alt
{
	display: none;
}

.firefly.modal ul.checkmarks,
.firefly.thankyou ul.checkmarks,
.firefly.thankyou .checkmarks p
{
	margin: 20px 0px;
}
.page ul.checkmarks li,
.firefly.modal ul.checkmarks li,
.firefly.thankyou ul.checkmarks li,
.firefly.thankyou .checkmarks p
{
	color: #2c2c2c;
	background-position: left 5px;
	background-repeat: no-repeat;
	background-image: url('firefly/checkmark.png');
	line-height: 22px;
	padding-left: 26px;
	
	margin: 5px 0px;
}
.firefly.thankyou .bottom-message{
	padding:5px;
	background-color:#f3f6f9;
	margin-bottom: 30px;
}
.firefly.thankyou .bottom-message ul.checkmarks{
	margin: 5px;
}

.firefly .footer
{
	font-size: 0.9em;
	text-align: center;
	border-top: 1px solid #DBDBDB;
	padding: 0px 40px;
	
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.firefly.page .footer
{
	border-top:none;
	text-align: left;
	padding-left: 0;
}
.firefly .footer .legal
{
	font-size: 0.75em;
}
.firefly.page fieldset,
.firefly.page fieldset p
{	
	margin: 0 0 10px;
	padding: 0;
}
.firefly.page .info p
{
    display: block;
    float: left;
}
.firefly.page .bottom-buttons a
{
	margin-left: 20px;
}
#firefly-account-lookup-page
{
	margin: 0 auto;
}
#firefly-account-lookup-page #fireflymodal_zip,
#firefly-account-lookup-page #fireflymodal_phone
{
	width:90%;
}
#firefly-account-lookup-page .bottom-buttons a
{
	margin-left: 0;
}
#firefly-account-lookup-page h2 span
{
	float: right;
	font-size: 11px;
}
#firefly-account-lookup-page h2 span button
{
	color: #014077;
}
#firefly-account-lookup-page #retrieved-account-selector fieldset
{
	border: 1px solid #dbdbdb;
	margin-top: 2.6em;
	position: relative;
}
#firefly-account-lookup-page #retrieved-account-selector fieldset legend
{
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	border-width: 0px;
	background-color: transparent;
	position: absolute;
	top: -20px;
	left: 0px;
}
#firefly-account-lookup-page #retrieved-account-selector fieldset .account
{
	color: black;
	background-color: #f5f5f5;
	font-size: 15px;
	line-height: 1.2em;
	margin: 15px;
	padding: 15px;
}
#firefly-account-lookup-page #retrieved-account-selector fieldset .account .name
{
	font-weight: bold;
}
#firefly-account-lookup-page #retrieved-account-selector fieldset .account .account-number
{
	font-weight: normal;
}
#firefly-account-lookup-page #retrieved-account-selector fieldset .account .fancy-checkbox
{
	float: right;
	cursor: pointer;
}
#firefly-account-lookup-page #retrieved-account-selector fieldset .account .fancy-checkbox input[type=checkbox]
{
	height: 0;
	width: 0;
	position: absolute;
	z-index: -1;
}
/* make it so either button or checkbox is showing */
#firefly-account-lookup-page #retrieved-account-selector fieldset .account .fancy-checkbox input[type=checkbox] + span.button + img
{	display: none; margin: 0px 25px;	}
/* make it work in real web browsers, using only CSS */
#firefly-account-lookup-page #retrieved-account-selector fieldset .account .fancy-checkbox input[type=checkbox]:checked + span.button
{	display: none;	}
#firefly-account-lookup-page #retrieved-account-selector fieldset .account .fancy-checkbox input[type=checkbox]:checked + span.button + img
{	display: block;	}

/* now make it work in IE<9 too, but this relies on JS adding this classname */
#firefly-account-lookup-page #retrieved-account-selector fieldset .account .fancy-checkbox input[type=checkbox].form-ui-checked + span.button
{	display: none;	}
#firefly-account-lookup-page #retrieved-account-selector fieldset .account .fancy-checkbox input[type=checkbox].form-ui-checked + span.button + img
{	display: block;	}

.firefly .bottom-buttons.first-level p
{
	margin-top:20px;
}
.firefly .bottom-buttons.first-level  button.return-to,
.firefly .bottom-buttons.second-level  button.return-to
{
	padding-left:20px;
}

.firefly .bottom-buttons.second-level
{
	display: none;
}
.firefly .bottom-buttons.third-level p
{
	color:#666666;
}

.firefly.modal#firefly-account-inactive .body,
.firefly.modal#firefly-shared-revoked .body
{
	font-size: 20px;
}
.firefly.modal#firefly-shared-revoked .body p button
{
	width: 180px;
	margin-left: 2px;
}
.firefly.modal#firefly-shared-revoked .body p .button
{
	width: 124px;
	text-align: center;
}

.firefly.modal#firefly-cookies{
	width: 520px;
}
.firefly.modal#firefly-thank-you{
	width: 460px;
}
.firefly.modal#firefly-thank-you h2.digital{
	display: none
}
.firefly.modal#firefly-thank-you .digital h2,
.firefly.modal#firefly-thank-you .digital h2{
	display: none
}
.firefly.modal#firefly-thank-you .digital h2.digital{
	display: block
}
.firefly.modal#firefly-thank-you,
.firefly.modal#firefly-cookies{
	background-color: #F3F6F9;
	padding: 20px;
}
.firefly#firefly-dontmiss{
	width: 600px;
	background-color: #F3F6F9;
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height: 220px;
	padding: 0;
}
.firefly#firefly-dontmiss .background{
	position: absolute;
	right: 0;
	bottom: 46px;
}
.firefly#firefly-dontmiss .firefly-modal-wrapper{
	border-bottom:1px solid #ebeef0;
	padding:20px;
}
.firefly#firefly-dontmiss .copy{
	margin-right: 220px; /* right side is a background image */
	min-height: 180px;
}
.firefly#firefly-dontmiss a.register-link {
	display: block;
	margin-top: 15px;
}
.firefly#firefly-dontmiss .hr{
	border-top:1px solid #d2d2d2;
	height:0px;
}
.firefly#firefly-dontmiss .already-a-subscriber{
	background: #054279 url(firefly/blue-grad-h46.png) repeat top left;
	height: 46px;
	padding-left: 24px;
}
.firefly#firefly-dontmiss .already-a-subscriber a{
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	line-height: 46px;
	padding: 16px 0;
}
.firefly#firefly-dontmiss .already-a-subscriber a.login-link {
	border-right: 1px solid #0f4b86;
	margin-right: 24px;
	padding-right: 24px;
}
.firefly#firefly-dontmiss .already-a-subscriber .activate{
	color: #d4d4d4;
	font-weight: normal;
	margin-left: 6px;
}
#firefly-dontmiss.firefly .already-a-subscriber .arrow, #firefly-dontmiss.firefly .already-a-subscriber .arrow img {
	float: right;
}
.firefly.modal#firefly-thank-you #firefly-newsletter{
    float: left;
    margin-right: 10px;
}
.firefly.modal#firefly-thank-you h2,
.firefly.modal#firefly-cookies h2,
.firefly#firefly-dontmiss h2
{
	padding: 0px;
}
.firefly.modal#firefly-thank-you h2{
	color:#666666;
    text-transform:none;
}
.firefly.modal#firefly-cookies h2
{
	font-size: 17px;
}
#firefly-dontmiss-login
{
	margin-bottom: 56px;
}
#firefly-dontmiss-login #firefly-login .footer {
	padding-left:0;
}
#firefly-dontmiss-login.logged-in
{
	text-align: center;
}
#firefly-dontmiss-login.logged-in #firefly-login
{
	display: none;
}
#firefly-dontmiss-login.logged-in #firefly-dontmiss-page
{
	margin: 20px 0px;
	text-align: left;
	float: none;
}
#firefly-dontmiss-login h1, #firefly-dontmiss-login h2
{
	font-size: 36px;
	line-height: 36px;
	margin: 24px 0 6px 0;
}
#firefly-dontmiss-login #firefly-login h2 {
	font-size:26px;
}
#firefly-dontmiss-login > .message
{
	margin: 2em 0;
	margin-bottom: 1em;
}
#firefly-dontmiss-login.logged-in > .message
{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#firefly-dontmiss-login.firefly.forgottenPassword {
	width: 360px;
}
.firefly#firefly-dontmiss h2
{
	font-size: 19px;
}
.firefly.modal.access-modal {
	width: 620px;
	background-color: #F3F6F9;
}
.firefly.modal.access-modal .access-modal-image {
	float: right;
	width: 210px;
}
.firefly.modal.access-modal .access-modal-image img {
	width: 200px;
	margin-top: 10px;
}
.firefly.modal.access-modal .body{
	border-top: 0;
	padding-top: 0;
}
.firefly.modal.access-modal .gnp{
	font-size: 15px;
}
.already-a-subscriber .login-link
{
	display:none;
}
.already-a-subscriber.anonymous .login-link
{
	border-left: 2px solid #014077;
	margin-left: 5px;
	padding-left: 10px;
	display:inline;
}
.already-a-subscriber.anonymous .login-link
{
	border-left: 1px solid #ccc;
}
#firefly-dontmiss-page,
#firefly-dontmiss-login .firefly.page
{
	display:inline-block;
}
#firefly-dontmiss-page
{
	overflow: hidden;
	float: left; /* needed so the message being shown doesn't push down the Don't Miss side */
	margin-right: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #DBDBDB;
	padding: 15px;
	background-color: #F3F6F9;
}
#firefly-dontmiss-page h2
{
	font-size:26px;
	border:none;
	margin-top:0;
	padding-top:0;
	margin-bottom: 10px;
	padding-bottom: 0px;
}
#firefly-dontmiss-page img
{
	width: 440px;
	margin-left: -10px;
}
#firefly-dontmiss-page .copy
{
	margin-top: 8px;
	margin-left: 6px;
}
#firefly-dontmiss-page .button.primary
{
	float: left;
	width: 200px;
}
#firefly-dontmiss-page p.already-a-subscriber
{
	margin-top: 5px;
	display: inline-block;
	vertical-align: top;
	width: 136px;
	padding-left: 12px;
	font-size:90%;
	line-height:1.1em;
}
#firefly-dontmiss-page ul
{
	margin-bottom:20px;
}
#firefly-dontmiss-page ul.checkmarks.first_column
{
	width: 47%;
	float: left;
}
#firefly-dontmiss-page ul.checkmarks.second_column
{
	width: 43%;
	float: left;
	margin-left: 34px;
}

#firefly-dontmiss-login .firefly .already-a-subscriber, /* shouldn't be there on the dontmiss_login page */
/* hide the login link in certain cases */
#firefly-dontmiss-login .login-link,
.logged-in .firefly .login-link, .firefly.logged-in .login-link, .firefly .logged-in .login-link
{
	display: none;
}

#firefly-dontmiss-login #firefly-login .body.separated
{
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	background-color: white;
	padding-left:0;
	padding-bottom:3px;
}
#firefly-dontmiss-login #firefly-login.firefly .firefly-fblogin-learnmore
{
	padding-right: 30px;
}
/* End of Don't Miss + Log In Page*/
/* Flash required modal */
#firefly-flash-required,
#firefly-flash-required .firefly-modal-wrapper .firefly-modal-noslide
{
	width:500px;
}
#firefly-flash-required .body{
	border-top:none;
}
#firefly-flash-required a.button.primary{
	margin-bottom: 1em;
}
#firefly-flash-required .body li a{
	font-size:14px;
	line-height:25px;
}
#firefly-flash-required .body p{
	font-size:14px;
	font-weight:bold;
	margin-bottom: 1em;
}
#firefly-flash-required.page{
	visibility:visible;
	display:inline-block;
	border:1px solid #ccc;
	margin-top:40px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	margin-left: 233px;
}
#firefly-flash-required.page .firefly-modal-wrapper {
    padding-left: 20px;
}
#firefly-flash-required.page h2,
#firefly-flash-required h2{
	border-bottom: medium none;
	padding-bottom:0;
}
#firefly-flash-required .bottom-row{
    border-top: 1px solid #ccc;
    box-shadow: 0 1px 0 0 white inset;
    bottom: 0;
    float:left;
    width: 100%;
	margin-left: 0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	text-align:left;
	display:inline-block;
	white-space:nowrap;
	background-color:#e6e6e6;
}
#firefly-flash-required.page .bottom-row{
	background-color:transparent;
}
#firefly-flash-required .bottom-row .column1,
#firefly-flash-required .bottom-row .column2,
#firefly-flash-required .bottom-row .column3{
    display: block;
	float:left;
    width: 165px;
}
#firefly-flash-required .bottom-row .column2 img,
#firefly-flash-required .bottom-row .column3 img{
    border-left: 1px solid #ccc;
    box-shadow: 1px 0 0 0 white inset;
}
#firefly-flash-required.page .bottom-row .column2 img,
#firefly-flash-required.page .bottom-row .column3 img{
    border-left: medium none;
    box-shadow: none;
}
#firefly-flash-required .bottom-row .column a{
	/*padding-left:10px;*/
}
#firefly-flash-required .bottom-row .column img{
    display: inline-block;
    height: 45px;
	padding: 10px;
    vertical-align: middle;
}
/* End of Flash required modal */
@-moz-document url-prefix() {
	#firefly-login .bottom-buttons label span
	{
		padding-top:2px;
	}
}
.firefly button.help,
.firefly a.help
{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('firefly/help-icon.png');
	height: 25px;
	width: 25px;
	border-width: 0px;
	overflow: visible;
}
.firefly a.help
{
	display: inline-block;
}
.firefly label a.help
{
	background-image: url('firefly/help-icon.png');  /* an appropriately-sized replacement image has been requested: https://gannettdigital.basecamphq.com/projects/8121245-cm-desktop/posts/53835849/comments#comment_146443075 */
	background-size: 16px;

	height: 11px;
	width: 11px;
	vertical-align: top;
}


/* these are the notes that hang down below input fields to indicate info about the field value like */
.firefly form .input-note
{
	display: none;
	font-size: 11px;
	line-height: 11px;
	height: 14px;
	white-space: nowrap;
	margin-bottom: 6px;
	overflow: hidden;
	font-weight: normal; /* because these can appear within other elements with style like labels */
	cursor: default;
	font-style: normal; /* webshim quirk on password fields with placeholder */
}
.firefly form .input-note span
{
	color: white;
	background-color: #D2D2D2;
	padding: 1px 10px;
	display: inline-block;
	
	/* make too-long messages cleaner */
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;

	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}
/* makes sure that you can see truncated input-notes by hovering or giving focus */
.firefly form .has-note:focus + .input-note span,
.firefly form .has-note:hover + .input-note span,
.firefly form .input-note span:hover
{
	position: absolute;
	z-index: 1000000;
}
.firefly form input.has-note,
.firefly form select.has-note,
.firefly form .fp-selectcontainer select.has-note + .input-note + .fp-selectbutton.form-ui-invalid
{
	margin-bottom: 0px;
	
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
}
.firefly form input.has-note + .input-note
{
	display: block;
}
.firefly form input.confirmed
{
	border-color: #3dc33d;
	background-color: #eaf9e9;
	background-position: right center;
	background-repeat: no-repeat;
	/* the image would require padding, which messes up the percentage widths.  turning off checkmark for now.
	background-image: url('firefly/checkmark-input.png');
	*/
}
.firefly form input.confirmed + .input-note span
{
	background-color: #07b307;
}
.firefly form input.confirmable /* have the JS dynamically add this to confirmable fields */
{
	padding-right: 30px;
}
.firefly form input.error + .input-note span,
.firefly form input.form-ui-invalid + .input-note span,
#firefly-register.firefly form select + .input-note span
{
	background-color: #ff0000;
}
/* on confirmations, don't show as an error while they're still working on it */
.firefly form input.confirmation.error:focus + .input-note span,
.firefly form input.confirmation.form-ui-invalid:focus + .input-note span
{
	color: black;
	background-color: #d2d2d2;
}
#firefly-register form select + .input-note{
	position:relative;
	top:36px;
}
#firefly-register form select.has-note + .input-note{
	display:block;
}

.firefly fieldset
{
	border-width: 0px;
	clear:both;
    margin-bottom: 0;
    padding: 0;
}
.firefly #firefly-register-zag{
	/*margin-bottom: 5px;*/
}
.firefly fieldset legend
{
	width: 100%;
	border-bottom: 1px solid #E8E8E8;
	padding: 0px;
}
.firefly form .split input
{
	width: 150px;
}
.firefly.page  form .split input
{
	width:330px;
}
.firefly form .split input:first-child,
.firefly form fieldset.split legend + input
{
	margin-right: 10px;
}
.firefly .message{
	background-color: #f3f6f9;
	border: 1px solid #d2d2d2;
	display: none;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
}
#firefly-dontmiss-login.firefly.forgottenPassword .message{
	display:block;
	width: 360px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:35px;
}
.firefly .message .message-body {
	margin: 10px;
}
.firefly .message .message-header {
	color: white;
	background-color: #3d5699;
	margin: 0px;
	padding: 4px 9px;
	font-weight:normal;
	font-size: 0.85em; /* needed for modal */
}
.firefly .message .message-header .fb-message {
	background: url("/odygci/firefly/facebook-f.png") no-repeat 0 0;
	line-height: 26px;
	padding: 0px;
	padding-left: 33px;
	display: block;
}
.firefly .message .message-header img {
	vertical-align: middle;
	margin-right: 9px;
}
.firefly .message.error{
	background-color: #FBDADA;
	border-color: #FF0000;
	box-shadow: 5px 5px 5px 0 #E2C4C4 inset;
	color: #2c2c2c;
	margin-bottom:-2px;
}
.firefly .message.success{
    background-color: #EAF9E9;
    border-color: #07B307;
    color: #099109;
	margin-top: 10px;
	padding-left: 30px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-image: url('firefly/checkmark.png');
}
.firefly .message.success.display{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}
.firefly.modal .firefly-modal-slide .error{
	background-color: #ffffff;
}

.firefly.modal .msgEmail, .firefly.page .msgEmail{
	font-weight:bold;
}
.firefly.thankyou.options-learn .thankyou-head p{
	font-size:16px;
	line-height:24px;
}
.firefly.thankyou.options-learn h2{
	font-size:22px;
}
.firefly.thankyou.options-learn h3{
	font-size:18px;
}
#firefly-register .body p{
	margin-bottom:0;
	padding-bottom:10px;
}
#firefly-register .promoHeader {
	font-weight: bold;
    margin-bottom: -11px;
    margin-top: 30px;
    text-transform: uppercase;
}
.firefly .current-subscriber-link{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:0;
	padding:0;
}
.firefly .current-subscriber-link a{
	font-size:16px;
	font-weight:bold;
	line-height:18px;
}
.firefly .current-subscriber-link a:hover{
	text-decoration:none;
}
.firefly .current-subscriber-link a span{
	font-size:14px;
	font-weight:normal;
}
.firefly .current-subscriber-link .text{
	border-right-style: solid;
	border-right-width: 1px;
	float:left;
	padding:10px 0 4px 10px;
	width:345px;
}
.firefly.modal .current-subscriber-link .text{
	width:305px;
}
.firefly .current-subscriber-link .arrow{
	border-left-style: solid;
	border-left-width: 1px;
	float: right;
	padding:4px 0 3px 0;
	height: 43px;
	width: 43px;
}
.firefly .current-subscriber-link .arrow img {
	float:right;
}

.firefly .fine-print,
.firefly .fine-print ul li,
.firefly .bottom-message .fine-print ul.checkmarks li{
	font-size: 0.91em;
	line-height: 1.5em;
}
.firefly .message-details{
	margin-top: 3px;
	font-size: 0.85em;
}
.firefly #firefly-register form .fine-print{
	margin-top:0px;
}
.firefly .checkmarks .fine-print {
	margin-top: .2em;
	color: #666;
	line-height: 1.4em;
}

/*Persistent Slider CSS*/
.ody-skin .firefly-numberLeftWrapper{height:63px;margin-top:10px;padding-left:25px;}
.ody-skin .firefly-numberLeft{
	color:#aeaeae;
	float: left;
	font-size:60px;
	font-weight: bold;
	line-height:60px;
	margin:3px 7px 0 0;
	padding:0;
	text-shadow:2px 0 #888888;
}
.ody-skin .firefly-numberText{
	color:#8b8b8b;
	float:left;
	font-size:20px;
	font-weight:normal;
	line-height:25px;
	margin-top:8px;
	width:160px;
}
.ody-skin .firefly-numberLeftWrapper.noNumber .firefly-numberLeft{
	display:none;
	visibility:hidden;
}
.ody-skin .firefly-numberLeftWrapper.noNumber .firefly-numberText{
	color:#666666;
	margin-top:14px;
	width:280px;
}
#persistNotif .dangle{
	color: #fff;
	background: #ffd64c url('firefly/dangle-bg.png') repeat-x top center;
	font-size: 14px;
	padding: 15px;
	display: block;
	text-align: center;
	
	/* box-shadow: 0 10px 10px -3px #082447 inset; */ /* this closely resembles the background image */
	
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-rightleft: 6px;
	border-bottom-right-radius: 6px;
	border-top:1px solid #cecece;
	text-align:left;
	display:inline-block;
	padding: 0 0 0 25px;
	margin-top:8px;
	white-space:nowrap;
	width:299px;
}
.ody-skin #persistNotif{
	background-color: #F1F1F2;
	border-top: 2px solid #FFFFFF;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	bottom: 0;
	box-shadow: 0 0 15px #000000;
	font-family: helvetica,sans-serif;
	height:136px;
	left: 0;
	margin-bottom: 50px;
	display:none;
	overflow: hidden;
	position: fixed;
	width: 324px;
	/*z-index: 1900000001; reduced due to video-interstitial AE*/
	z-index: 9999996;
}
.ody-skin #persistNotifContent {
	position:relative;
	left:0;
	top:0;
	width:300px;
}
.ody-skin #persistNotif .dangle * {
	display:inline-block;
	font-size:13px;
	line-height:30px;
	color:#4c4c4c;
	font-weight:bold;
}
.ody-skin #persistNotif #persistSubscribe{
	color:#014077;
	margin-left:25px;
}
.ody-skin #persistNotif #persistSubscribe a{
	color: #014077;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
}
.ody-skin #persistNotif #persistSubscribe a.registerLink{
	font-weight:normal;
}
.ody-skin #persistNotif .close{
	color:red;
	cursor:pointer;
	position:absolute;
	right:7px;
	top:7px;
	text-decoration:underline;
}
.ody-skin #persistNotif .handle{
	cursor:pointer;
	height:17px;
	width:30px;
	position:absolute;
	right:-10px;
	top:7px;
	z-index:1;
}

/*IE8 SPECIFIC CSS */
@media \0screen {	
	#persistNotif .dangle {
		background:none;
		border-top:none;
		/*margin-top:5px;*/
	}
	.ody-skin #persistNotif {
		background: transparent url('/odygci/firefly/bg_persistent_slider.png') no-repeat right 0;
		padding:20px 20px 5px 0;
		border-top:none;
	}
	.ody-skin #persistNotifContent {
		top:-5px;
	}
	.ody-skin #persistNotif .close {
		top:20px;
		right:20px;
	}
	.ody-skin #persistNotif .handle {
		top:19px;
		right:3px;
	}
	/*.ody-skin .firefly-numberLeft{
		filter: dropshadow(color=#888888,offX=2,offY=0);
	}*/

}
/*END IE8 SPECIFIC CSS */
/*IE7 SPECIFIC CSS */
*:first-child+html  #persistNotif .dangle	{
	background:none;
	border-top:none;
}
*:first-child+html .ody-skin #persistNotif {
	background: transparent url('/odygci/firefly/bg_persistent_slider.png') no-repeat right 0;
	padding:20px 20px 5px 0;
	border-top:none;
}
*:first-child+html .ody-skin #persistNotifContent {
	top:-5px;
}
*:first-child+html .ody-skin #persistNotif .close {
	top:20px;
	right:20px;
}
*:first-child+html .ody-skin #persistNotif .handle{
	top:19px;
	right:3px;
}
/**:first-child+html .ody-skin .firefly-numberLeft{
	filter: dropshadow(color=#888888,offX=2,offY=0);
}*/

/*END IE7 SPECIFIC CSS */
/* End Persistent Slider CSS*/


.firefly abbr
{
	border-bottom-width: 0px;
}
.firefly .ui-datepicker-trigger{
	display: inline-block;
	width: 18px;
	height: 17px;
	background: url('/odygci/firefly/calendar-down-arrow.png') no-repeat;
}
.firefly .datepicker{
	font-size: 1.1em;
	line-height: 20px;
	margin-bottom: 20px;
}
.firefly .datepicker.form-ui-invalid{
	color: #ff0000;
}
.firefly .datepicker .title{
	color: #666;
}
.firefly.page .dangle,
.firefly.page#firefly-login button.close
{
	display:none;
}

.firefly.page #firefly-new-password-div .footer
{
	width:390px;
}
.firefly.page h2
{
	font-size: 26px;
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #DBDBDB;
	line-height: 27px;
}
.firefly.page #firefly-new-password-form .label.split
{
	display:block;
	margin-bottom:25px;
}

.firefly form label input[type="text"],
.firefly form label input[type="number"],
.firefly form label input[type="tel"],
.firefly form label input[type="email"],
.firefly form label input[type="password"],
.firefly form label select
{
	display: block;
	margin-top: 3px;
}

.firefly.full .cc-exp-year select {
	margin-right:10px;
}
.firefly.full label
{
	margin-top: 10px;
}
.firefly.full h2,
.firefly.full h2
{
	font-size:26px;
	color: black;
}
.firefly fieldset.billing
{
	width: 100%;
}
.firefly fieldset.adr label,
.firefly fieldset.cc-info label
{
	display: inline-block;
	vertical-align: top; /* to get around Firefox misbehavior */
}
.firefly fieldset.cc-info .cc-type .fp-selectcontainer
{
	width:240px !important;
}
.firefly fieldset.adr .street-address
{
}
.firefly fieldset.adr .street-address input
{
	width: 288px;
}
.firefly fieldset.adr .locality input
{
	width: 232px;
}
.firefly fieldset.adr .region select
{
	width: 412px;
}
.firefly fieldset.adr .postal-code input
{
	width: 125px;
	margin-right: 0px;
}
.firefly fieldset.adr .sad{
	margin-top: 10px;
	width: 100%;	
}
.firefly fieldset.adr .sad span{
	line-height: 1.6em;	
}
.firefly fieldset.cc-info .discodeapply
{
	margin-bottom: 27px;
}
.firefly fieldset.cc-info label.disCode
{
	display: block;
	margin-bottom: 27px;
}
.firefly fieldset.cc-info .disCode input
{
	width: 183px;
	float:left;
}
.firefly fieldset.cc-info .disApply
{
	margin-top:4px;
}
.firefly fieldset.cc-info .mtotal,
.firefly.full .mtotal
{
	float:right;
	text-align: right;
	width: 100%;
	margin-top:18px;
	color: #2c2c2c;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
.firefly fieldset.cc-info #tel .telly
{
	height: 50px;
}
.firefly fieldset.cc-info #tel #phone_number
{
	float:left;
}
.firefly fieldset.cc-info #tel .extel
{
	margin-top:18px;
}
.firefly fieldset.cc-info label.tel
{
	display: block;
}
.firefly fieldset.cc-info .tel input
{
	width: 175px;
}
.firefly fieldset.cc-info .cc-number input
{
	width: 349px;
}
.firefly fieldset.cc-info .cc-exp-month select
{
	width: 75px;
}
.firefly fieldset.cc-info .cc-exp-year select
{
	width: 90px;
}
.firefly .delivery-date{
	width: 100%;
}
.firefly fieldset .tel input,
.firefly fieldset .fn input,
.firefly fieldset .ln input
{
	width: 158px;
}
.firefly fieldset.cc-info .cc-sec-code input
{
	width: 70px;
	margin-right: 0px;
}
.firefly.full fieldset.contributions
{
    margin-top: 20px;
    padding-top: 20px;
}
.firefly.full div.delivery .delivery-date .title
{
	display: block;
}
.firefly.full div.delivery .delivery-date .date,
.firefly.full div.delivery .sub_cont_heading,
.firefly.full div.cc-info .cc,
.firefly.full div.contributions .main_cont_heading
{
	font-weight: normal;
	font-size: 16px;
}
.firefly.full div.delivery .delivery-date .title,
.firefly.full h4,
.firefly.full div.cc-info .cc-exp .title
{
	font-size: 13px;
	font-weight: bold;
}
.firefly.full .checkbox-label{
	margin: 0;
	position: relative;
	padding-left: 20px;
	padding-bottom: 20px;
	float:left;
}
.firefly.full .checkboxes
{
	float:left;
}
.firefly.full .checkbox-label .checkboxes{
	position: absolute;
	top: 0;
	left: 0;	
}
.firefly.full .checkbox-label span{
	line-height: 1.2em;
	margin: 0;
}
/*
.firefly.full .subscription,
.firefly.full .sub_contrib
{
	position: relative;
}
*/
.firefly.full .main_cont_heading {
	font-size:16px;
	color:#000;
	padding:22px 0 12px 0;
	font-weight:bold;
	display:block;
}
.firefly.full fieldset .main_cont_heading
{
	display: block;
	float: left;
	color: #666666;
	font-size: 16px;
	font-family:Helvetica;
	font-weight: bold;
	margin-top:0px;
	margin-bottom: -5px;
	width:400px;
}
.firefly.full input + .main_cont_heading
{
	padding-left: 5px;
}
.firefly.full .checkbox-label .main_cont_heading {padding-top: 0px;}
.firefly.full .main_cont_amount
{
	float: right;
	text-align: right;
/*
	position: absolute;
	right: 0px;
*/
}
.firefly.full fieldset .main_cont_amount
{
	width: 96px;
	font-size:18px;
}
.firefly.full fieldset .main_cont_amount .cents {font-size: 10px;position:relative;top:-6px;}
.firefly.full .sub_cont_heading
{
	color: #666666;
	font-size: 14px;
	font-family:Helvetica;
	margin-top: 0;
	margin-bottom: 15px;
	width:400px;
	font-weight: normal;
}
.firefly.full div.subscription .sub_cont_heading
{
	display: block;
	float: left;
}
.firefly.full #bottom_total
{
	margin-top: 10px;
	border-top: 1px solid #E8E8E8;
}
.firefly.full #monthly_tip_wrapper,
.firefly.full #monthly_donation,
.firefly.full #monthly_tip,
.firefly.full #monthly_tax,
.firefly.full #tv_list_price
{
    float: right;
	width:80px;
}
.firefly.full #monthly_tip_wrapper #monthly_tip
{
	float: none;
}
.firefly.full #monthly_donation,
.firefly.full #monthly_tip,
.firefly.full #monthly_tax
{
	text-align:right;
}
.firefly.full #monthly_donation:disabled,
.firefly.full #monthly_donation[disabled],
.firefly.full #monthly_donation.disabled,
.firefly.full #monthly_tip:disabled,
.firefly.full #monthly_tip[disabled],
.firefly.full #monthly_tip.disabled
{
	font-style: italic;
}
.firefly.full fieldset #tv_list_price
{
	color: #999999;
    display: inline-block;
    font-size: 14px;
}
.firefly.full .fod_header {line-height:30px;}
.firefly.full .fod_header span{display: block;font-size: 16px;font-weight: normal;line-height: 1.3em;}
.firefly.full .fod .fod_starnote {height:auto;}
.firefly.full .nav .fod_choose {width:100%;text-align:center;color:#565656;}
.firefly.full .nav
{
	white-space-collapse: discard;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0px 50px 0;
	border-top: 1px solid #d2d2d2;
	color: #999;
	overflow: auto;
}
.firefly.full .nav > *
{
	display: block;
	padding: 5px 0;
	float: left;
	text-align: center;
	width: 185px;
	margin: 0;
	border: none;
	border-left: 1px solid white;
	padding-bottom:9px
}

/* these are all things you can't click on yet */
.firefly.full .nav div
{
	cursor: not-allowed;
	/*border-bottom-color: #D9D9D9;*/
}
.firefly.full .nav span {
	display:block;
	height:13px;
	background:#D9D9D9;
	margin-top:5px;
}
.firefly.full .nav div.current
{
	color: #565656;
	background:url('firefly/subscription-triangle.png') no-repeat center bottom;
}

.firefly.full .nav a span{
	background-color: #064B7F;
}

.firefly.full .nav div.current span {
	background-color: #565656;
}
/*.firefly.full .nav span.current:after{
	content: url('firefly/subscription-triangle.png');
	float: left;
	width: 0;
	height: 0;
	position: relative;
	top: 34px;
	left: 83px;
}*/
.firefly.full .nav :first-child
{
	padding-left: 0px;
	border-left-width: 0px;
}
.firefly .total-header h2 {
	margin-bottom: 10px;
}
.firefly .total-header span {
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.firefly.full table.fod{
	border-top:1px solid #d2d2d2;
	border-collapse:collapse;
	width:100%;
}

.firefly.full table.fod img{
	background:#fff;
}

.firefly.full table.fod tr{
	border-bottom:1px solid #d2d2d2;
	height:150px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}

.firefly.full table.fod tr .price, .firefly.full table.fod tr .price2, .post-price, .sign, .description {
	background:#fff;
}

.firefly.full table.fod tr .price2 .cents {font-size:16px;position:relative;top:-14px}

.options-wrapper .post-price, .options-wrapper .sign, .options-wrapper .description {
	background:transparent;
}

.firefly.full table.fod tr.short{
	height:50px;
}
.firefly.full table.fod td.select-wrap{
	text-align:center;
	width:100px;
}

.firefly.full .frequency .title{
	color:#2c2c2c;
	font-size:16px;
	font-weight:bold;
}
.firefly.full .frequency .description{
	color:#666666;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	display:none;
}

.firefly.full .price-wrapper{
	color:#014077;
	font-size:37px;
	font-weight:normal;
	line-height:37px;
	text-align:right;
}
.firefly.full .price-wrapper .sign{
	font-size:21px;
	position:relative;
	top:-10px;
}
.firefly.full .price-wrapper .price{
}
.firefly.full .post-price{
	font-size:18px;
}

.firefly.full .date-wrapper .title{
	color:#666666;
	font-weight:bold;
}
.firefly.full .date-wrapper .date{
	color:#222222;
	font-weight:bold;
}
.firefly.full .date-wrapper .ui-datepicker-trigger{
	padding-left:5px;
}

/* Subscription Options & Learn More */
.firefly.options{
	color:#2c2c2c;
	font-family:Helvetica, Arial, sans-serif;
	padding-bottom: 50px;
	width:960px;
}
.firefly.options h1{
	color:#222222;
	font-size:42px;
	font-weight:bold;
	line-height:42px;
	margin: .67em 0;
}
.firefly.options h2{
	color:#222222;
	font-size:42px;
	font-weight:bold;
	line-height:42px;
	margin: .67em 0;
}
.firefly.options h2{
	color:#222;
	font-size:26px;
	font-weight:bold;
	line-height:26px;
	margin:0;
	padding:17px 0 3px 20px;
}
.firefly.options h2 span {
	font-size:63%;
	line-height:1.1em;
	display:block;
}
.firefly.options h3{
	border-bottom:1px solid #e3e3e3;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	margin:0 20px;
	padding:10px 0;
}
.firefly.options .option{
	background-color:#f3f6f9;
	border:1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 6px 0 #cccccc;
	-webkit-box-shadow: 0 0 6px 0 #cccccc;
	box-shadow: 0 0 6px 0 #cccccc;
	float:left;
	height:543px;
	margin:0 27px 20px 0;
	overflow:hidden;
	width:340px;
}
.firefly.options .option.last{
	height:293px;
	margin-right:0;
	width:219px;
}
.firefly.options .option img{
	display:block;
	margin:0 auto;
}
.firefly.options .option p{
	clear:both;
	font-size:14px;
	line-height:18px;
	margin:0 18px;
}
.firefly.options .option.last p{
	padding-top:10px;
}
.firefly.options .option p.link{
	bottom:100px;
	font-size:12px;
	line-height:14px;
	position:absolute;
}
.firefly.options .option.last p.link{
	bottom:320px;
	padding:0;
}
.firefly.options .option ul{
	margin:8px 20px 0;
	width:305px;
}
.firefly.options .option.last ul{
	width:auto;
}
.firefly.options .option li{
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('firefly/checkmark.png');
	font-size:12px;
	line-height: 22px;
	margin: 5px 0px;
	padding-left: 26px;
}
.firefly.options .option.last li{
	float:none;
	width:auto;
}
.firefly.options .option .bottom{
	background-color:#074e88;
	/*background-image:url('firefly/blue-grad.png');*/
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	background: #061a33; /* Old browsers */
	background: -moz-linear-gradient(top, #061a33 0%, #0c3a71 13%, #04538c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#061a33), color-stop(13%,#0c3a71), color-stop(100%,#04538c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #061a33 0%,#0c3a71 13%,#04538c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #061a33 0%,#0c3a71 13%,#04538c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #061a33 0%,#0c3a71 13%,#04538c 100%); /* IE10+ */
	background: linear-gradient(top, #061a33 0%,#0c3a71 13%,#04538c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061a33', endColorstr='#04538c',GradientType=0 ); /* IE6-9 */
	bottom:21px;
	color:#ffffff;
	height:48px;
	overflow:hidden;
	padding:10px 20px;
	position:absolute;
	width:300px;
}
.firefly.options .option.last .bottom{
	bottom:270px;
	font-weight:bold;
	height:20px;
	width:180px;
}
.firefly.options .option.last .bottom a{
	color:#fefefe;
	line-height:20px;
	border-left:2px solid #939393;
	margin-left: 9px;
	padding-left: 9px;
}
.firefly.options .option.last .bottom a:first-child{
	border-left:none;
	margin-left: 0;
	padding-left: 0;
}
.firefly.options .option .bottom .description{
	float:left;
}
.firefly.options-learn .option .description .pre-price,
.firefly.options .option .bottom .pre-price{
	color:#d5d5d5;
}
.firefly.options-learn .option .description .price-wrapper,
.firefly.options .option .bottom .price-wrapper{
	font-size:35px;
	font-weight:bold;
	line-height:35px;
}
.firefly.options-learn .option .description .price-wrapper .sign,
.firefly.options .option .bottom .price-wrapper .sign{
	font-size:21px;
	position:relative;
	top:-10px;
}
.firefly.options-learn .option .description .price-wrapper .price,
.firefly.options .option .bottom .price-wrapper .price{
	font-size: 30px;
}

.firefly.options-learn .option .description .price-wrapper .price .cents,
.firefly.options .option .bottom .price-wrapper .price .cents{
	font-size:16px;position:relative;top:-9px;
}
.firefly.options-learn .option .description .price-wrapper .post-price,
.firefly.options .option .bottom .post-price{
	font-size:16px;
}
.firefly.options-learn .separated-divider {
	font-size: 19px;
	text-align:left;
	padding-bottom:25px;
	margin-top:40px;
}
.firefly.options-learn #odyArtVideolm {
	z-index:1;
}
.firefly.thankyou.options-learn{
	width:600px;
}
.firefly.options .option .bottom button,.firefly.options .option .bottom a.button{
	border:none;
	color:#000000;
	float:right;
	font-size:14px;
	height:33px;
	line-height:33px;
	margin-top:8px;
	padding:0 20px;
	text-transform:none;
	text-shadow:1px 1px 0px #f6d99f;
	opacity:1;
}
.firefly.options-learn .video{
	float:right;
	height:220px;
	width:350px;
}
.firefly.options-learn .video .ody-frontpage-videoplaybutton{
	background: url("p1/spritesheet_nr.png") repeat scroll 0 0 transparent;
	height: 86px;
	margin: 67px 0 0 132px;
	position: absolute;
	width: 86px;
	z-index: 1001;
}

.firefly.options-learn {
	padding-top:40px;
}
.firefly.options-learn h2{
	color:#222222;
	font-size:31px;
	margin: 0 0 20px 0;
	line-height: 31px;
}
.firefly.options-learn h2{
	color:#2c2c2c;
	font-size:30px;
	line-height:38px;
	margin:0 0 7px;
	padding:0;
}
.firefly.options-learn h3{
	color:#222222;
	font-size:26px;
	font-weight: bold;
	margin:30px 0 20px 0;
}
.firefly.options-learn .numbers {
	background: url("/odygci/firefly/bg_learn_more_numbers.png") no-repeat 0 0;
	padding-left:45px;
	min-height:38px;
}
.firefly.options-learn .numbers.second {
	background-position: 0 -113px;
}
.firefly.options-learn p{
	color:#2c2c2c;
	font-size:14px;
	line-height:20px;
	margin:5px 0 14px 0;
	padding:0;
}
.firefly.options-learn h2 + div,
.firefly.options-learn h2 + div p {
	font-size:16px;
	line-height:23px;
	color:#6a6a6a;
	width:590px;
}
.firefly.options-learn a{
	color:#006699;
}
.firefly.options-learn .promo-list{
	padding: 0;
	margin: 0;	
}
.firefly.options-learn .promo-list dd,
.firefly.options-learn .options-wrapper{
	border-top: 1px solid #d5d5d5;
	padding: 0;
	margin: 0;
	overflow: auto;
	clear: both;	
}
.firefly.options-learn .promo-list img {
    float: left;
    padding-right: 6px;
}
.firefly.thankyou.options-learn .promo-list img{
	padding-right: 50px;
}
.firefly.thankyou.options-learn .promo-list img.cog{
	padding:0; 
	margin:0; 
	float:none;
}
.firefly.options-learn .promo-list dd .description{
	color:#222222;
	margin-bottom: 20px;
	font-size:14px;
	line-height:18px;
}
.firefly.options-learn .promo-list dd .list{
	margin: 0;
	list-style: none;
}
.firefly.options-learn .promo-list dd .list li{
	margin: 0;
	display: block;
	float: left;
	font-size:12px;
	line-height:16px;
	width: 265px;
	padding: 0 25px 10px 25px;
	background:url('firefly/checkmark.png') no-repeat;
}
.firefly.options-learn #promo-newspaper .description,
.firefly.options-learn #promo-newspaper .p {
	margin-top:30px;
}
.firefly.options-learn .options-wrapper.bottom{
	background-color:#f3f6f9;
	border:1px solid #d5d5d5;
	margin:35px 0;
	padding:15px 20px 20px 0;
}
.firefly.options-learn .options-wrapper > .title
{
	font-size: 21px;
	font-weight: normal;
	display: block;
	float: left;
	padding:48px 0 0 30px;
}
.firefly.options-learn .option{
	margin-left:30px;
	float: left;
	display: block;
	overflow: auto;
	width: 287px;
}
.firefly.options-learn .option .title{
	font-weight: bold;
	font-size: 1.1em;
	color: black;
	margin: 0 0 5px 0;
}
.firefly.options-learn .option .description{
	position: relative;
	background-color:#074e88;
	background-image:url('firefly/blue-grad.png');
	border-radius:6px;
	color:#ffffff;
	overflow:hidden;
	padding:5px 15px;
	height: 55px;
}
.firefly.options-learn .option .description .button{
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 10px 15px;
}

.firefly.options.external-options h2 {
	font-size: 36px;
	line-height: 36px;
	margin: 0 auto 10px;
	padding-top: 50px;
	/*text-align: center;*/
	width: 564px;
}
.firefly.options.external-options p {
	font-size: 16px;
	line-height: 20px;
	margin: 10px auto 35px;
	text-align: center;
	width: 564px;
}
.firefly.options.external-options .option {
	float: none;
	height: auto;
	margin: 0 auto;
	width: 465px;
}
.firefly.options.external-options .external {
	border-bottom: 1px solid #d2d9e0;
	border-top: 1px solid #ffffff;
	height: 85px;
}
.firefly.options.external-options .external:first-child {
	border-top: none;
}
.firefly.options.external-options .external:last-child {
	border-bottom: none;
}
.firefly.options.external-options .publication {
	float: left;
	padding-top: 25px;
	width: 350px;
}
.firefly.options.external-options .next {
	float: right;
	padding-top: 25px;
	width: 108px;
}
.firefly.options.external-options .external h2 {
	font-size: 18px;
	line-height: 18px;
	padding-top: 0;
}
.firefly.options.external-options .external p {
	color: #676767;
	font-size: 14px;
	line-height: 18px;
	margin: 0 18px 0 20px;
	text-align: left;
	width: auto;
}

.firefly.newssource-options .option
{
	width: 415px;
	padding: 10px;
	height: auto;
	height: 175px;
}
.firefly.newssource-options .option .input-note
{
	display: none;
}
.firefly.newssource-options .option .buttons
{
	text-align: center;
	margin: 15px;
}
/* make it so either button or checkbox is showing */
.firefly.newssource-options .option .buttons input + span.button + img
{	display: none;	}
/* make it work in real web browsers, using only CSS */
.firefly.newssource-options .option .buttons input:checked + span.button
{	display: none;	}
.firefly.newssource-options .option .buttons input:checked + span.button + img
{	display: block;	}

/* now make it work in IE<9 too, but this relies on JS adding this classname */
.firefly.newssource-options .option .buttons input.form-ui-checked + span.button
{	display: none;	}
.firefly.newssource-options .option .buttons input.form-ui-checked + span.button + img
{	display: block;	}

/* make these both the same effective size since the images aren't */
#cn-pubchooser-courier-news-logo
{
	padding: 0px 38px;
}
#cn-pubchooser-home-news-logo
{
	padding: 2px 0px;
}
#subscription-options-page-newssource input[type=radio]
{
/*	display: none; */ /* this causes the radio button to not work at all on IE<9 */
	height: 0px;
	width: 0px;
	position: absolute;
	z-index: -1;
}
#subscription-options-page-newssource .options-wrapper .option
{
	margin-bottom: 0px;
}
#subscription-options-page-newssource .options-wrapper .option:last-child
{
	margin-right: 0px;
}
#subscription-options-page-newssource .options-wrapper
{
	padding: 40px 0px;
	margin-bottom: 15px;
	border: 1px solid #d6d6d6;
	border-width: 1px 0px;
	display: inline-block;
}
#subscription-options-page-newssource #next-text
{
	color: black;
	font-weight: bold;
	font-size: 12px;
	margin-left: 25px;
}


#enewspaper-choice-page {
	text-align: center;
}

#enewspaper-choice-page .option {
	float: none;
	margin: 30px auto;
	height: auto;
}

#enewspaper-choice-page .option .inner {
	border-bottom: 1px solid #E3E3E3;
    padding: 10px;
}

#enewspaper-choice-page .option .inner.lastInner {
	border: 0;
}

#enewspaper-choice-page .option .inner .optionSelect {
	float: right;
    font-size: 13px;
    height: auto;
    margin: 5px;
    padding: 7px 15px;
    width: auto;
}

#enewspaper-choice-page .option .inner h3 {
	border: 0;
	text-align: left;
	margin-left: 5px;
}

/* Special Offer page styles. */
#special-offer-top h2{
	border-bottom:1px solid #d2d2d2;
	color:#222222;
	line-height:26px;
	padding-bottom:12px;
}
#special-offer-top h2{
	color:#999999;
	font-size:18px;
	margin-bottom:20px;
	text-align:center;
}
#special-offer-top img{
	border:0;
}
#special-offer-top .fod-wrap{
	border-bottom:1px solid #d2d2d2;
	margin-bottom:18px;
	padding:0 20px 16px 20px;
}
#special-offer-top .frequency {
	float:left;
}
#special-offer-top .frequency .description{
	display:block;
	font-size:12px;
	font-weight:normal;
	text-transform:none;
}
#special-offer-top .fod-submit{
	float:right;
}
#special-offer-top .fine-print{
	color:#999999;
	padding:0 20px;
}
/* End special Offer page styles. */

/* Promo code page styles. */
.firefly .promoHead {
	background-color: #f3f7fa;
	border: 1px solid #cfcfcf;
	font-size: 18px;
	height: 150px;
	line-height: 21px;
	margin-top: 53px;
	padding: 10px 20px 10px 0;
}
.firefly .promoHead img {
	float: left;
}
.firefly .promoFormBox {
	border: 1px solid #cfcfcf;
	margin-top: 34px;
	padding: 15px;
}
.firefly .promoFormBox form {
	display:table-cell;
}
.firefly .promoFormBox form label {
	font-size: 18px;
	font-weight: bold;
	margin: 15px 19px 0 0;
	vertical-align:top;
}
.firefly .promoFormBox form label.promoCodeWrap {
	height: 58px;
	margin:0;
}
.firefly .promoFormBox form input {
	width: 170px;
	margin: 0 19px 0 0;
	vertical-align:top;
}
.firefly .promoFormBox form button {
	margin-top: 2px;
	vertical-align:top;
}
.firefly .promoFormBox .message {
	margin: 0 0 0 226px;
	width: 298px;
}
/* End promo code page styles. */

.firefly .callout
{
	background-color: #f3f6f9;
	border: 1px solid #d2d2d2;
	padding: 10px;
}
.firefly .callout p
{
	margin-bottom: 0px;
}
.firefly.full hr{height: 0px; border: none; border-top: 1px solid #E8E8E8; margin: 0; padding: 0;}
/* Validation Pollyfill Styling */
.validity-alert-wrapper{z-index: 1000001 !important;}

/* jQuery UI Datepicker */
.ui-datepicker{
	background-color:#ffffff;
	border:1px solid #cecece;
	border-radius:6px 6px 6px 6px;
	-moz-box-shadow:0 0 6px 0 #cccccc;
	-webkit-box-shadow:0 0 6px 0 #cccccc;
	box-shadow:0 0 6px 0 #cccccc;
	padding:7px;
	width:310px;
}
.ui-datepicker-prev{
	float:left;
}
.ui-datepicker-next{
	float:right;
}
.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled{
	visibility:hidden;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    display:block;
	cursor:pointer;
}
.ui-icon{
	overflow:hidden;
	text-indent:-99999px;
	height:12px;
	width:10px;
}
.ui-icon-circle-triangle-w {
    background-image: url('firefly/calendar-prev-arrow.png');
	margin-left: 20px;
}
.ui-icon-circle-triangle-e {
    background-image: url('firefly/calendar-next-arrow.png');
	margin-right: 20px;
}
.ui-datepicker-title{
	border-bottom:1px solid #d2d2d2;
	color: #222222;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    margin-top: 7px;
	padding-bottom:7px;
    text-align: center;
    text-transform: uppercase;
}
table.ui-datepicker-calendar{
	border-collapse: separate;
    border-spacing: 0;
}
table.ui-datepicker-calendar tr:first-child td{
	border-top:none;
}
table.ui-datepicker-calendar tr:last-child td{
	border-bottom:none;
}
table.ui-datepicker-calendar th{
    color: #4B4B4B;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 47px;
}
table.ui-datepicker-calendar th{
	border-bottom: 1px solid #d2d2d2;
}
table.ui-datepicker-calendar td{
	background-color:#f3f6f9;
	border-color: #FFFFFF #E4E2E2 #E4E2E2 #FFFFFF;
    border-right: 1px solid #E4E2E2;
    border-style: solid;
    border-width: 1px;
	color:#666666;
	font-size:18px;
	font-weight:bold;
    height: 39px;
    line-height: 39px;
    text-align: center;
    width: 47px;
}
table.ui-datepicker-calendar tr td:first-child{
	border-left:none;
}
table.ui-datepicker-calendar tr td:last-child{
	border-right:none;
}
table.ui-datepicker-calendar td a{
	color:#666666;
}
table.ui-datepicker-calendar td.ui-state-disabled{
	color:#bbbbbb;
}
table.ui-datepicker-calendar td.ui-datepicker-current-day{
	background:#34e934 url('firefly/green-grad.png') repeat right top;
	color:#ffffff;
}
table.ui-datepicker-calendar td a.ui-state-active{
	color:#ffffff;
	text-shadow:1px 1px 0px #969696;
}
.firefly form input.error,
.firefly form input.form-ui-invalid,
.firefly form .fp-selectbutton.form-ui-invalid,
.firefly .emailSignup input.form-ui-invalid
{
	border-color: #ff0000;
}
/* on confirmations, don't show as an error while they're still working on it */
.firefly form input.confirmation.error:focus,
.firefly form input.confirmation.form-ui-invalid:focus
{
	border-color: #d2d2d2;
}
.firefly .terms{
	display: block;
	clear: both;
	padding: 30px 0;
	font-size: .85em;
}
.firefly.iframe_modal{
	background: #F3F6F9;
	width: 500px;
	overflow: hidden;
}
.firefly.iframe_modal form{
	padding: 20px  0 10px 20px;
}
.firefly.iframe_modal h2{
	font-size: 1.8em;
	line-height: 1em;
	margin: 0px;
	color: black;
	width: 460px;
	padding: 10px 20px 15px 20px;
	border-bottom: 1px solid #D2D2D2;
}
.firefly.iframe_modal form .cc-number input{
	width: 440px;
}
.firefly.iframe_modal form .cc-type select{
	width: 260px;
}
.firefly.iframe_modal form .cc-exp-month select{
	width: 70px;
}
.firefly.iframe_modal form .cc-exp-year select{
	width: 100px;
	margin-right: 0;
}
.firefly.iframe_modal form label{
	display: inline-block;
}
.firefly.iframe_modal .bottom-buttons{
	margin-top: 10px;
}
.firefly.iframe_modal .message_success{
	padding: 20px;
}
.firefly.iframe_modal .message_success .message{
	padding-bottom: 20px;
}
.firefly.iframe{
	width:100%;
}
.firefly.iframe fieldset{
	display: block;
	padding: 0 0 25px 0;
	margin: 0;
}

/* Fix for acct subpage iframe settings */
/*#acct_content .body {margin-top:40px;}*/

/* Nav fix */
#acct_sidebar li:active {
	background-image:
		-moz-linear-gradient(top, #08427d, #0b1d46);
		-ms-linear-gradient(top, #08427d, #0b1d46);
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#08427d), to(#0b1d46));
	background: #08407b;}

.firefly.iframe fieldset legend{
	color:#2c2c2c;
	font-weight:bold;
	border-color:#D0D2D3;
	padding-bottom: 6px;
}
.firefly.iframe fieldset label
{
	padding-top: 8px;
}
.firefly.iframe .message,
.firefly.iframe_modal .message
{
	margin-bottom: 20px;
}
.firefly.iframe .bottom-buttons{
	margin-top: 0;
}

/* Don't Miss Modal */
#modalouter_dm{left:0;}
.firefly .message.success.bulleted, .firefly.modal .message.success.bulleted {
padding-left: 10px;
background-image: none;
}
.firefly .message.success.bulleted ul
{
	list-style: disc inside;
	padding:10px;
}
.firefly .message.success button
{
	padding: 0;
}

@media screen and (max-device-height:900px){
	/* This CSS adjusts the padding/margins on the modals to allow for smaller screens */
	.firefly p
	{
		margin: 5px 0px;
	}
	.firefly.modal button + p {
		margin-top: 3px;
	}
	.firefly.modal .footer.absolute p{
		margin: 5px 0;
	}
	.firefly .bottom-buttons
	{
		margin-top: 10px;
	}
	.firefly.modal .body {
		padding: 0 20px 10px;
	}
	.firefly.modal h2 {
		padding: 0.4em 0.8em 0.3em;
	}
	.firefly.modal button.close {
		top: 10px;
	}
	.firefly div.separated-divider {
		font-size: 12px;
	}
}
.firefly.hidden,
.firefly .hidden
{
	display:none;
	visibility:hidden;
}
#ody-nextstoryslider
{
	width:0 !important;
	overflow:hidden !important;
	display:none !important;
	visibility:hidden !important;
}
/* This next css statement corrects the issue where a long first name breaks the flow in the dropdown menu */
/* This next css statement corrects the issue where a long first name breaks the flow in the dropdown menu */
#comoNav .login-container li.logout {margin-left:0;}
#comoNav .login-container .logout li
{
	width:100%;
}
/* Extra padding for top of acct prefs */
#acct_content {Margin-top:13px;}

/* Fix for acct subpage iframe settings */
/*#acct_content .body {margin-top:40px;}*/

/* acct management menu */
#acct_container .sidebar li.selected {
	color:#ffffff;width:115%;
	background-color:#0c2654;
	background:-webkit-gradient(linear,0% 0%, 0% 100%,from(#06467a), to(#0c2654));
	background:-moz-linear-gradient(top, #06467a, #0c2654);
	background:-ms-linear-gradient(top, #06467a, #0c2654);
}
#acct_container .sidebar li:first-child a:hover,
#acct_container #acct_sidebar li:active:first-child {
border-top-left-radius: 6px;-moz-border-radius-topleft:6px;
}
#acct_container .sidebar li a:hover,
#acct_container #acct_sidebar li:active {
	background-color:#eeeeee;box-shadow:inset -10px 0 10px rgba(0,0,0,.05);
}
#acct_container .sidebar li:active a {background-color:#d5d5d5;box-shadow:inset -10px 0 10px rgba(0,0,0,.05);}
#acct_container .sidebar li.selected a{
	background:transparent url(/odygci/firefly/acct_prefs_selected.png) no-repeat 101% center;
	width:91%;border-bottom-color:#fff;box-shadow:none;color:#fff;
}

#acct_container .sidebar li {padding:0;border-bottom:none;}
#acct_container .sidebar li a {
	padding:17px;display:block;font-size:16px;width:auto;border-bottom:1px solid #D2D2D2;color:#000;cursor:pointer;
}
#acct_container .sidebar li a:hover,#acct_container .sidebar li:hover {cursor:pointer;}
#acct_container .sidebar li.link  a {font-size:12px;border-bottom:none;padding:15px 17px 0px 17px;color:#014077;}
#acct_container .sidebar li.link  a:hover {text-decoration:underline;background-color:transparent;box-shadow:none;}
#acct_container .sidebar li.link:active {background:none;}
	
#acct_sidebar ul {box-shadow:inset -10px 0 10px rgba(0,0,0,.05);position:relative;overflow:visible;}

/* Firefly launch week Promo styles */
.ody-skin .leaderboard-container-top .subscribe_promo,
.ody-skin .article .subscribe_promo {
	height:40px;text-align:center;color:#fff;font:14px/40px Helvetica,sans-serif;
	display:block;margin-top:20px;
}

.ody-skin .leaderboard-container-top .subscribe_promo div,
.ody-skin .article .subscribe_promo div {
	margin:auto;width:550px;padding-right:80px;
	background: no-repeat right 0;
}
.ody-skin .article .subscribe_promo div {margin-right:10px;}
.ody-skin .leaderboard-container-top .subscribe_promo div span,
.ody-skin .article .subscribe_promo div span {
	text-decoration:underline;
}

.ody-skin .aside .subscribe_promo {position:relative;color: #666;font-size: 12px;line-height: 1.3em;}
.ody-skin .aside .subscribe_promo .subscribe_promo_img_wrapper {
	position:absolute;right:10px;bottom:-8px;height:107px;width:98px;overflow:hidden;
}
.ody-skin .aside .subscribe_promo .subscribe_promo_img_wrapper img {position:absolute;top:-18px;right:0;}
.ody-skin .aside .subscribe_promo.box  p{margin:10px 0 0 0;font-size:12px;line-height:1.3em;}
.ody-skin .aside .subscribe_promo.box  p span {padding:0 4px;display:inline-block;}
.ody-skin .aside .button.primary {
	text-transform:uppercase;font-size:11px;border:none;box-shadow:none;border-radius:0;width:91%;text-align:center;
	padding:8px 12px;margin:8px 0 5px 0;background:#ffd64e;display:inline-block;color:#000;font-weight:bold;
	background: -webkit-linear-gradient(top, #ffd64e, #dda900);
	background: -moz-linear-gradient(top, #ffd64e, #dda900);
	background: -ms-linear-gradient(top, #ffd64e, #dda900);
}
.ody-skin .aside .subscribe_promo .ody-front-video:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.ody-skin .aside .subscribe_promo .ody-front-video {width:277px;height:156px;overflow:hidden;}
.ody-skin .aside .subscribe_promo .ody-front-video .ody-frontpage-videoplaybutton {margin:36px 0 0 97px;}
/* End Firefly launch week Promo styles */

/* go error page */
.go_error_message {margin:180px 0;text-align:center;width:auto;}
.go_error_message h2 {margin-bottom:0;font-size:180%;}
.go_error_message h2 {margin-bottom:58px;font-size:135%;}
/* end go error page */

/* lite header */
.ody-linksLite #comoNav
{
	margin-top: 8px;
}
.ody-linksLite #comoNav .login-container li a
{
	font-size: 10px;
	height: 23px;
	line-height: 23px;
	display: block;
	padding: 0px;
}
.ody-linksLite #comoNav .login-container li.highlight
{
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: inherit;
	height: auto;
}
.ody-linksLite #comoNav .login-container li .dropdown
{
	height: 23px;
}
.ody-linksLite #comoNav .login-container li ul
{
	top: 23px;
}
.ody-skin .ody-linksLite ul li a:hover
{
	background-color: transparent;
	text-decoration: underline;
}
.chatLinkText{border-radius:3px;background-color:#f2f6f9;border:#d2d2d2 1px solid;padding:7px;cursor:pointer;color:#013f77;font-size:1.2em;}
.chatLinkImg{vertical-align:middle;}
.chatLinkImgLrg{cursor:pointer;margin-top:3em;}
.closeChatHelp{display:block;height:1em;width:1em;position:absolute;top:45px;right:5px;z-index:50;cursor:pointer;}
#chatLinkImgHelp{height:221px;width:150px;display:none;}
#chatHelpLink{float:right;margin-top:1.5em;width:172px;}