/* --- Common Elements
-------------------------------------------------------*/

* { margin: 0; padding: 0; }

html { font-size: 62.5%; /* Sets default font to 10px */ }

body {
	background: url(/images/bg.jpg) no-repeat 50% 0;
}

body, input, select, textarea {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.2em;	/* 10px * 1.2em = 12px */
	/*letter-spacing: .25px;*/
	line-height: 1.25em;	/* 12px * 1.25em = 15px */
	color: #707175;
}

input, select, textarea {
	font-size: .833em;	/* 12px * .833em = 10px */
}

h1 { }

h2 { }

h3 { }

h4 { }

h5 { }

ul, ol { }

img {
	vertical-align: bottom;
	border: 0;
	}

fieldset { border: 0; }

option { padding: 0 3px; }

table { border-collapse: collapse; }

object { outline: none; }

a { color: #748da0; outline: none; }
a:link { outline: none; }
a:visited {  }
a:hover { color: #7bbee7; }
a:active {  }

/* --- | Clear Fix | --- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */



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

/* --- | Sticky Footer | --- */

html, body, #container { height: 100%; }

body > #container { height: auto; min-height: 100%; }

#container { width: 960px; margin: 0 auto;}

#content { padding-bottom: 139px; }

#footer {
	position: relative;
	margin-top: -139px;
	height: 139px;
	clear: both;
}



/* --- Header
-------------------------------------------------------*/

#header {
	position: relative;
	z-index: 2;
	width: 948px;
	height: 128px;
	margin: 0 auto;
}

/* --- | Logo | --- */

#header .logo {
	position: absolute;
	left: 19px;
	top: 19px;
}
	
/* --- | User Actions | --- */
	
#header .user_actions {
	position: absolute;
	right: 208px;
	top: 11px;
	width: 225px;
	height: 25px;
	list-style: none;
	background: url(/images/user_actions.jpg) no-repeat 0 -25px;
}

#header .user_actions li {
	text-indent: -9999px;
	position: absolute;
}
	
#header .user_actions li a {
	display: block;
	height: 25px;
	background-image: url(/images/user_actions.jpg);
}

	#header .user_actions li a:hover { background: none; }

/* --- | Nav Items | --- */

#header .user_actions li.my_account {
	width: 99px;
}

#header .user_actions li.activate_service {
	left: 99px;
	width: 126px;
}

#header .user_actions li.activate_service a { background-position: -99px 0; }
	
	/* --- | Header Search | --- */
	
	#header #header_search {
		font-size: .833em;
		color: #e7dde0;
		position: absolute;
		right: 34px;
		top: 15px;
		width: 152px;
		height: 14px;
		padding: 4px 0 0 5px;
		background: url(/images/header_search.jpg) no-repeat;
		border: 0;
	}
		
	#header #header_search_submit {
		position: absolute;
		right: 17px;
		top: 15px;
	}
	
	#header .hint-text { font-style: normal; }
	
	/* --- | Primary Navigation | --- */
	
	#header .primary_navigation {
		line-height: 8px;
		position: absolute;
		left: 231px;
		top: 58px;
		width: 690px;
		height: 26px;
		list-style: none;
		background: url(/images/primary_navigation.jpg) no-repeat 0 -26px;
	}
	
		#header .primary_navigation li {
			text-indent: -9999px;
			position: absolute;
		}
		
			#header .primary_navigation li a {
				display: block;
				height: 26px;
				background-image: url(/images/primary_navigation.jpg);
			}
			
				#header .primary_navigation li a:hover { background: none; }
			
			/* --- | Nav Items | --- */
			
			#header .primary_navigation li.home {
				width: 66px;
			}
			
			#header .primary_navigation li.whats_flo_tv {
				left: 66px;
				width: 125px;
			}
				
				#header .primary_navigation li.whats_flo_tv a { background-position: -66px 0; }
			
			#header .primary_navigation li.get_flo_tv {
				left: 191px;
				width: 105px;
			}
			
				#header .primary_navigation li.get_flo_tv a { background-position: -191px 0;}
			
			#header .primary_navigation li.whats_on_flo_tv {
				left: 296px;
				width: 145px;
			}
				
				#header .primary_navigation li.whats_on_flo_tv a { background-position: -296px 0;}
			
			#header .primary_navigation li.stay_informed {
				left: 441px;
				width: 121px;
			}
				
				#header .primary_navigation li.stay_informed a { background-position: -441px 0;}
			
			#header .primary_navigation li.help_and_support {
				left: 562px;
				width: 128px;
			}
				
				#header .primary_navigation li.help_and_support a {
					background-position: -562px 0;
				}
			
			/* --- | At States | --- */
			
			#header ul.nav-home li.home a,
			#header ul.nav-whats-flo-tv li.whats_flo_tv a,
			#header ul.nav-get-flo-tv li.get_flo_tv a,
			#header ul.nav-whats-on-flo-tv li.whats_on_flo_tv a,
			#header ul.nav-stay-informed li.stay_informed a,
      #header ul.nav-help li.help_and_support a, /* legacy url support */
      #header ul.nav-help-and-support li.help_and_support a { background: none; }

	/* --- | Bread Crumb | --- */

	p.bread_crumb {
		font-size: .833em;	/* 12px * .833em = 10px */
		color: #fff;
		position: absolute;
		z-index: 5;
		left: 10px;
		bottom: 15px;
	}

		p.bread_crumb a { text-decoration: none; }
		p.bread_crumb a:link,
		p.bread_crumb a:visited {
			color: #fff;
		}
		p.bread_crumb a:hover {
			color: #7bbee7;
		}

		p.bread_crumb span.current {
			font-weight: normal;
			color: #7bbee7;
		}



/* --- Primary Content
-------------------------------------------------------*/

#primary_content {
	position: relative;
}



/* --- Boxes
-------------------------------------------------------*/

/* --- | Box Defaults | --- */

.box {
	background: #fff url(/images/box_bg.jpg) no-repeat;
}

	.box .box_header { }

		.box .box_header div { }

	.box .box_content {
		padding: 34px 26px 0 26px;
	}

	.box .box_footer {
		font-size: 1px;
		line-height: 1px;
		height: 5px;
	}

		.box .box_footer div {
			width: 5px;
			height: 5px;
		}



/* --- Layouts
-------------------------------------------------------*/

/* --- | Layout 1 - Left Nav, White Content, Two Columns | --- */

.layout_1 {
	float: right;
	display: inline;	/* IE6 Fix */
	width: 719px;
	margin: -4px 2px 0 0;
}
	
	.layout_1 .box {
		padding-right: 6px;
	}
		
		.layout_1 .box .box_content {
			padding-right: 20px;
		}
	
	.layout_1 .interior_content {
		min-height: 482px;
		height: auto !important;
		height: 482px;
	}

/* --- | Layout 2 - No Left Nav, White Content, Side Modules, Two Columns | --- */

.layout_2 {}
	
	.layout_2 .box {
		float: left;
		width: 749px;
		margin: -4px 0 0 0;
		padding-right: 6px;
		background: url(/images/box_left_bg.jpg) no-repeat;
	}
		
		.layout_2 .box .box_content {
			padding-right: 20px;
		}
	
	.layout_2 .interior_content {
		min-height: 482px;
		height: auto !important;
		height: 482px;
	}
	
	.layout_2 .module_sidebar {
		display: inline;	/* IE6 Fix */
		margin-right: 6px;
	}

/* --- | Layout 3 - Left Nav, White Content with Side Modules inside, Two Columns inside Two Columns | --- */

.layout_3 {
	float: right;
	display: inline;	/* IE6 Fix */
	width: 719px;
	margin: -4px 2px 0 0;
}

	.layout_3 .interior_content {
		width: 461px;
		float: left;
		min-height: 482px;
		height: auto !important;
		height: 482px;
	}
	
		/* --- | Columns - Only used on FAQ landing for now | --- */
		
		.layout_3 .interior_content .column {
			width: 224px;
			margin-right: 12px;
		}
		
		.layout_3 .interior_content .last {
			margin-right: 0;
		}
	
	.layout_3 .module_sidebar {
		float: right;
		position: relative;
		margin-top: -10px;
	}

/* --- | Layout 4 - Left Nav, White Content, Side Modules, Three Columns | --- */

.layout_4 {
	float: right;
	display: inline;	/* IE6 Fix */
	width: 719px;
	margin: -4px 2px 0 0;
}
	
	.layout_4 .box {
		float: left;
		width: 508px;
		padding-right: 6px;
		background: url(/images/box_small_bg.jpg) no-repeat;
	}
		
		.layout_4 .interior_content {
			min-height: 482px;
			height: auto !important;
			height: 482px;
		}
	
	.layout_4 .module_sidebar {
		display: inline;	/* IE6 Fix */
		margin: 3px 5px 0 0;
	}

/* --- | Layout 5 - Left Nav, Piece on Top, Two Columns Below, Side Modules, Three Columns | --- */

.layout_5 {
	float: right;
	display: inline;	/* IE6 Fix */
	width: 719px;
	margin: -4px 0 0 0;
}
	
	.layout_5 .interior_content {
		float: left;
		display: inline;	/* IE6 Fix */
		width: 485px;
		margin-left: 23px;
	}
	
	.layout_5 .module_sidebar {
		float: right;
		display: inline;	/* IE6 Fix */
		margin-right: 6px;
	}

/* --- | Layout 6 - Full white, One content area | --- */

.layout_6 {
	width: 935px;
	margin: -4px 0 0 11px;
}
	
	.layout_6 .interior_content {
		float: left;
		width: 677px;
		min-height: 482px;
		height: auto !important;
		height: 482px;
	}
	
	.layout_6 .box {
		padding-right: 6px;
		background: url(/images/box_full_bg.jpg) no-repeat;
	}
		
		.layout_6 .box .box_content { padding-right: 20px; }
	
	.layout_6 .module_sidebar {
		float: right;
		position: relative;
		margin-top: -10px;
	}

/* --- | Interface - Left Nav, Chrome Content, Two Columns | --- */

.interface {
	float: right;
	display: inline;	/* IE6 */
	width: 708px;
	margin-right: 4px;
}
	
	.interface .box_header {
		font-size: 1px;
		line-height: 1px;
		height: 5px;
		background: url(/images/box_interface_corners.gif) 100% 0;
		}

		.interface .box_header div {
			width: 5px;
			height: 5px;
			background-image: url(/images/box_interface_corners.gif);
			}

	.interface .box_content {
		padding: 25px 20px 0 21px;
		background: url(/images/box_interface_content.gif) repeat-y;
		}

	.interface .box_footer {
		height: 20px;
		background: url(/images/box_interface_corners.gif) no-repeat 100% 100%;
	}

		.interface .box_footer div {
			height: 20px;
			background: url(/images/box_interface_corners.gif) no-repeat 0 100%;
		}



/* --- Define General Styles
-------------------------------------------------------*/

/* --- | Title | --- */

.box h1,
.interior_content h1 {
	font-size: 3em;	/* 12px * 3em = 36px */
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 24px;
}

.layout_5 h1 {
	margin-bottom: 0;
}

/* --- | Define General Styles | --- */

.layout_1 .box h2,
.layout_2 .box h2,
.layout_3 .box h2,
.layout_4 .box h2,
.layout_6 .box h2 {
	font-size: 1.333em;	/* 12px * 1.333em = 16px */
	font-weight: normal;
	color: #748da0;
	margin-bottom: 1em;
}

.box .lead_in,
.interior_content .lead_in { margin-bottom: 45px; }

.box p,
.interior_content p {
	margin-bottom: 1em;
}

.interior_content ul {
	list-style: none;
	margin: 1em 0 1em .5em;
}	
	
	.interior_content ul li {
		padding-left: 11px;
		background: url(/images/bullet_gray.gif) no-repeat 0 5px;
	}

.interior_content ol {
	margin: 1em 0 1em 18px;
}

/* --- | Date | --- */

p.date {
	font-size: .833em;	/* 12px * .833em = 10px */
	font-style: italic;
}

/* --- | Disclaimer | --- */

.layout_1 .box .disclaimer,
.layout_2 .box .disclaimer,
.layout_3 .box .disclaimer,
.layout_4 .box .disclaimer,
.layout_6 .box .disclaimer {
	font-size: 10px;
	color: #7f7b7e;
}



/* --- Search Module - Used on Guide and Map pages
-------------------------------------------------------*/

.box .search_module { }

	.box .search_module .search_module_content {
		position: relative;
		padding: 34px 15px 9px;
		background: url(/images/search_bg.jpg) no-repeat;
	}

	.box .search_module .search_module_bottom {
		height: 6px;
		background: url(/images/search_bg.jpg) no-repeat 0 100%;
	}



/* --- Form Styles
-------------------------------------------------------*/

.field_container {}

	.field_container label {
		font-size: .833em;	/* 12px * .833em = 10px */
		font-weight: bold;
		color: #2e3239;
	}

input.input_text {
	padding: 3px;
	border: 1px solid #d9dbdc;
}

input.hint-text {
  color: #7C7C7C;
  font-style: italic;
}



	/* --- Selectbox - jQuery Select Replacement
	-------------------------------------------------------*/

	.selectbox {
		font-size: .833em;	/* 12px * .833em = 10px */
		font-weight: bold;
		line-height: 1em;
		color: #fff;
		cursor: pointer;
		display : block;
		width: 125px;
		padding: 3px 15px 3px 5px;
		background: #23252b url(/images/select_arrow.gif) no-repeat right;
		border: 1px solid #535353;
	}

	div.selectbox-wrapper {
		font-size: .833em;	/* 12px * .833em = 10px */
		font-weight: bold;
		color: #fff;
		position: absolute;
		z-index: 3;
		overflow: auto;
		width: 145px;
		max-height: 200px;
		background: #23252b;
		border: 1px solid #535353;
	}

		div.selectbox-wrapper ul {
			list-style:none;
			margin: 0;
		}
	
			div.selectbox-wrapper ul li {
				cursor: pointer;
				list-style: none;
				display: block;
				padding: 0 5px 0 5px;
				background: none;
			}

			div.selectbox-wrapper ul li.selected {
				color: #999;
				background-color: #5a5d67;
			}

			div.selectbox-wrapper ul li.current { 
				background-color: #9ea2b1;
			}



/* --- Content Left
-------------------------------------------------------*/

#content_left {
	float: left;
	position: relative;
	width: 238px;
	margin: -4px 0 0 0;
}
	
	
	
	/* --- Side Navigation
	-------------------------------------------------------*/
	
	#content_left .side_nav {
		height: 1%;	/* IE6 */
		padding: 20px 15px 0 16px;
		background: url(/images/side_navigation_bg.jpg) no-repeat;
	}
		
		/* --- | Title | --- */
		
		#content_left .side_nav h2 {
			text-indent: -9999px;
			height: 31px;
			margin: 0 -6px 6px;
			background-repeat: no-repeat;
		}
		
		body #content_left .side_nav h2.whats-flo-tv { background-image: url(/images/_side_navigation/whats_flo_tv.jpg); }
		body #content_left .side_nav h2.get-flo-tv { background-image: url(/images/_side_navigation/get_flo_tv.jpg); }
		body #content_left .side_nav h2.whats-on-flo-tv { background-image: url(/images/_side_navigation/whats_on_flo_tv.jpg); }
		body #content_left .side_nav h2.stay-informed { background-image: url(/images/_side_navigation/stay_informed.jpg); }
    	body #content_left .side_nav h2.help-and-support { background-image: url(/images/_side_navigation/help_and_support.jpg); }
		body #content_left .side_nav h2.news-room { background-image: url(/images/_side_navigation/news_room.jpg); }
		body #content_left .side_nav h2.policies-agreements { height: 53px; background-image: url(/images/_side_navigation/policies_and_service_agreements.jpg); }
		body #content_left .side_nav h2.corporate { height: 53px; background-image: url(/images/_side_navigation/corporate_information.jpg); }
		body #content_left .side_nav h2.legal { height: 53px; background-image: url(/images/_side_navigation/legal.jpg); }
		/* legacy url support */
		body #content_left .side_nav h2.help { background-image: url(/images/_side_navigation/help_and_support.jpg); }
		
		/* --- | First Level | --- */
		
		#content_left .side_nav ul {
			font-size: 1.083em;	/* 12px * 1.083em = 13px */
			list-style: none;
			margin-bottom: 60px;
		}
			
			#content_left .side_nav ul li {
				border-bottom: 1px solid #a6b4c0;
			}
			
				#content_left .side_nav ul li a {
					text-decoration: none;
					color: #fff;
					display: block;
					padding: 8px 0;
				}
				#content_left .side_nav ul li a:hover { color: #532c5f; }
				#content_left .side_nav ul li.selected a { color: #532c5f; }
				
					/* --- | Second Level | --- */
				
					#content_left .side_nav ul li ul {
						margin-bottom: 0;
						padding-bottom: 5px;
					}
				
						#content_left .side_nav ul li ul li {
							font-size: .77em;	/* 13px * .846em = 11px */
							line-height: 1.8em;
							border: 0;
						}
				
							#content_left .side_nav ul li ul li a,
							#content_left .side_nav ul li.selected ul li a {
								color: #fff;
								height: 1%;
								padding: 0 0 0 12px;
								background: url(/images/arrows.gif) no-repeat 0 -593px;
							}
							#content_left .side_nav ul li ul li a:hover,
							#content_left .side_nav ul li.selected ul li a:hover { color: #532c5f; background-position: 0 -693px; }
							#content_left .side_nav ul li ul li.selected a {
								color: #532c5f;
								background-position: 0 -693px;
							}
		
		/* --- | Promo | --- */
		
		#content_left .promo {
			color: #fff;
			position: relative;
			height: 235px;
			margin-left: -7px;
			background: url(/images/_side_navigation/promo.png) no-repeat;
		}
			
			#content_left .promo h3 { display: none; }
			
			#content_left .promo p#promo_content {
				position: absolute;
				left: 18px;
				top: 145px;
				width: 185px;
			}
			
			#content_left .promo p.cta {
				position: absolute;
				left: 18px;
				top: 215px;

			}
				
				#content_left .promo p.cta a {
					text-decoration: none;
					color: #547486;
					padding-left: 14px;
					background: url(/images/arrows.gif) no-repeat 0 -799px;
				}
				#content_left .promo p.cta a:hover {
					color: #532c5f;
					background-position: 0 -899px;
				}
		
		/* --- | Bottom Corners | --- */
		
		#content_left .side_nav #side_nav_bottom {
			height: 20px;
			margin: 0 -15px 0 -16px;
			background: url(/images/side_navigation_bg.jpg) no-repeat 0 100%;
		}					



/* --- Module Sidebar
-------------------------------------------------------*/

.module_sidebar {
	float: right;
	width: 193px;
}



/* --- Side Modules
-------------------------------------------------------*/

.module_sidebar .module { margin-bottom: 12px; }
	
	.module_sidebar .module .module_header { }
	
	.module_sidebar .module .module_content {
		font-size: .916em;	/* 12px * .916em = 11px */
		height: 1%;	/* IE6, Ladies and Gentlemen */
		padding: 12px 10px 1px;
		background: url(/images/side_module_top.png) no-repeat;
	}

		/* --- | Styles inside module | --- */
		
		.module_sidebar .module .module_content h2 {
			font-size: 1.272em;	/* 11px * 1.272em = 14px */
			font-weight: normal;
			color: #748da0;
			margin-bottom: 6px;
		}
		
		.module_sidebar .module .module_content p {
			margin: 6px 0;
		}
		
	    .module_sidebar .module .module_content img {
			display: block;
			margin: 0px auto;
	    }

		.module_sidebar .module .module_content ul.cta {
			margin: 1em 0 0;
		}
			
			.module_sidebar .module .module_content ul.cta li {
				margin: 0;
				padding-bottom: 5px;
			}
	
	.module_sidebar .module .module_footer {
		font-size: 1px;
		line-height: 1px;
		height: 5px;
		background: url(/images/side_module_bottom.png) no-repeat 0 100%;
	}
	
	/* --- | Sign Up Form Module | --- */
	
	.sign_up_module {}
		
		.module_sidebar .sign_up_module .module_content {
			background: url(/images/side_module_email_top.png) no-repeat;
		}
			
			.module_sidebar .sign_up_module .module_footer {
				height: 6px;
				background: url(/images/side_module_email_bottom.png) no-repeat 50% 0;
			}
	
		.module_sidebar .module form.sign_up_side {}
		
			.module_sidebar .module form.sign_up_side input.input_text {
				display: block;
				width: 165px;
				margin-bottom: 5px;
			}
		
			.module_sidebar .module form.sign_up_side input#sign_up {
				float: right;
				margin-bottom: 5px;
			}



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

#footer {
	width: 100%;
	background: url(/images/footer_bg.jpg) no-repeat 50% 0;
}

	#footer_content {
		font-size: .833em;	/* 12px * .833em = 10px */
		position: relative;
		top: 44px;
		width: 948px;
		margin: 0 auto;
	}
		
		#footer_content .logo {
			position: absolute;
			left: 21px;
			top: 20px;
		}
		
		#footer_content .footer_navigation {
			color: #c9c9c9;
			position: absolute;
			left: 102px;
			top: 16px;
		}
		
			#footer_content .footer_navigation a {
				text-decoration: none;
				color: #c9c9c9;
			}
			
				#footer_content .footer_navigation a:hover { color: #7bbee7; }
		
		#footer_content .copyright {
			line-height: 1.2em;	/* 10px * 1.2em = 10px */
			color: #636466;
			position: absolute;
			left: 102px;
			top: 37px;
			width: 810px;
		}



/* --- Common Classes
-------------------------------------------------------*/

/* --- | Call To Action (Arrows) | --- */

ul.cta {
	list-style: none;
	margin: 0 0 1em 0;
}

	ul.cta li {
		margin-bottom: 5px;
		padding-left: 15px;
		background: url(/images/arrows.gif) no-repeat 0 -98px;
	}

		ul.cta li a {
			text-decoration: none;
			color: #748da0;
		}

			ul.cta li a:hover {
				color: #532c5f;
				}
	
	/* --- | Call To Action in Vertical Modules | --- */
	
	#modules_a ul.cta li,
	#modules_b ul.cta li,
	.module_sidebar .module .module_content ul.cta li {
		background-position: 0 2px;
	}
	
		#modules_a ul.cta li a,
		#modules_b ul.cta li a,
		.module_sidebar .module .module_content ul.cta li a {
			color: #532c5f;
		
		}
		
			#modules_a ul.cta li a:hover,
			#modules_b ul.cta li a:hover,
			.module_sidebar .module .module_content ul.cta li a:hover {
				color: #748da0;
			}

/* --- | Topic Module | --- */

.interior_content .topic_module {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #edeaee;
}

	.interior_content .topic_module h3 {
		font-size: 1.33em;	/* 12px * 1.33em = 16px */
		font-weight: normal;
		line-height: 1.125em;	/* 16px * 1.125em = 18px */
		color: #748da0;
		margin-bottom: 10px;
	}

	/* --- | Topic Module with Photo | --- */

	.interior_content .photo img {
		float: left;
		margin-right: 12px;
	}

	.interior_content .photo .topic_module_content {
		float: right;
		width: 360px;	/* Default for Layout 5 (Three Column with Feature) */
	}
		
		.layout_3 .interior_content .photo .topic_module_content {
			width: 337px;
		}

	/* --- | Topic Module without Photo | --- */

	.interior_content .topic_module .topic_module_content { }

	/* --- | Last - Removes Bottom Border | --- */

	.interior_content .last { border: 0; }

/* --- | Story Photo | --- */

.story_photo {
	float: left;
	width: 226px;
	margin: 0 12px 5px 0;
}

	.story_photo img {
	}

	.story_photo p {
		font-size: .833em;	/* 12px * .833em = 10px */
		color: #9e9e9e;
		margin: 5px 0px 0px 0px;
	}

/* --- | Pagination | --- */

#pagination {
	font-size: .916em;	/* 12px * .916em = 11px */
}

	#pagination #pager a,
	#pagination #pager span.current {
		padding: 5px;
	}

	#pagination .page_label {
		width: 30px;
		float: left;
	}

/* --- | Error Styling | --- */

div.error_box {
	color: #fff;
	display: none;
	padding: 10px;
	background: #ff0000;
}

	div.error_box h2 {
		font-size: 1.16em;	/* 12px * x = 14px */
		margin-bottom: 1em;
	}

	div.error_box ul {
		margin: 0 1em;
	}

/* --- | Required | --- */

p.required {
	font-size: .833em;	/* 12px * .833em = 10px */
	font-weight: bold;
	color: #748da0;
}



/* --- Mini Program Guide
-------------------------------------------------------*/

.mini_program_guide {
	float: left;
	position: relative;
	width: 308px;
	height: 261px;
	margin-right: 20px;
	background: url(/images/home/mini_program_guide_bg.gif) no-repeat;
}

	.mini_program_guide h2 {
		font-size: 1.166em;	/* 12px * 1.66em = 14px */
		font-weight: normal;
		letter-spacing: 0.5px;
		color: #fff;
		position: absolute;
		left: 11px;
		top: 14px;
		width: 180px;
	}
	
	.mini_program_guide h2.sIFR-replaced {
		top: 16px;
	}

	/* --- | Table Headings | --- */

	.mini_program_guide table.headings {
		position: absolute;
		left: 16px;
		top: 46px;
	}

		.mini_program_guide table.headings td {
			font-size: .75em;	/* 12px * .75em = 9px */
			font-weight: normal;
			color: #c9cacb;
		}

	/* --- | Up Arrow | --- */

	.mini_program_guide p.up {
		font-size: 1px;
		line-height: 1px;
		text-indent: -9999px;
		position: absolute;
		left: 276px;
		top: 50px;
		width: 14px;
		height: 8px;
		background: url(/images/home/up.gif) 0 -8px no-repeat;
	}

		.mini_program_guide p.up a {
			display: block;
			height: 8px;
			background: url(/images/home/up.gif) 0 0 no-repeat;
		}

			.mini_program_guide p.up a:hover { background: none; }

	/* --- | Schedule | --- */

	.mini_program_guide .schedule {
		font-size: .833em;	/* 12px * .833em = 10px */
		position: absolute;
		left: 9px;
		top: 65px;
		overflow: hidden;
		width: 290px;
		height: 139px;			
	}

		.mini_program_guide .schedule table {
			position: absolute;
			width: 282px;
		}

			.mini_program_guide .schedule th {
				font-weight: normal;
				text-align: left;
				color: #fff;
				height: 19px;
				padding-bottom: 1px;
				background: #0d0e10;
			}

				.mini_program_guide .schedule th div {
					line-height: 19px;
					width: 71px;
					padding-left: 7px;
					background: #232426;
				}

			.mini_program_guide .schedule td {
				vertical-align: top;
				line-height: 19px;
				color: #b5b6bb;
				padding-bottom: 1px;
				background: #0d0e10;
			}

				.mini_program_guide .schedule td div {
					position: relative;
					height: 19px;
					padding: 0 14px;
					background: url(/images/home/show_bg.gif) repeat-y 0 0;
				}
				
				.mini_program_guide .schedule td div span.title {
					display: block;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
					-ms-text-overflow: ellipsis;
				}
				
				/* --- | Show Lengths | --- */
				
				.mini_program_guide .schedule td.show_length_1 { width: 53px; }
				.mini_program_guide .schedule td.show_length_2 { width: 106px; }
				.mini_program_guide .schedule td.show_length_3 { width: 159px; }
				.mini_program_guide .schedule td.show_length_4 { width: 212px; }
				
					.mini_program_guide .schedule td.show_length_1 div { width: 25px; }
					.mini_program_guide .schedule td.show_length_2 div { width: 78px; }
					.mini_program_guide .schedule td.show_length_3 div { width: 131px; }
					.mini_program_guide .schedule td.show_length_4 div { width: 184px; }


			.mini_program_guide .schedule tr.alt td { background: url(/images/home/alt_bg.gif) repeat-x; }
			.mini_program_guide .schedule tr.alt td div { background: #232426 url(/images/home/show_bg.gif) repeat-y 0 0; }

			/* --- | Duration | --- */

			.mini_program_guide .schedule tr td.continue-right .arrow {
				position: absolute;
				right: 8px;
				top: 0;
				display: block;
				width: 5px;
				height: 100%;
				background: url(/images/home/cont_right.png) no-repeat 0 50%;
			}

			.mini_program_guide .schedule tr td.continue-left .arrow {
				position: absolute;
				left: 8px;
				top: 0;
				display: block;
				width: 5px;
				height: 100%;
				background: url(/images/home/cont_left.png) no-repeat 0 50%;
			}

			.mini_program_guide .schedule tr td.continue-both {
				background-image: url(/images/home/cont_both.png);
				background-repeat: no-repeat;
				background-position: 50% 50%;
			}

			/* --- | Hidden Table Cells | --- */

			.mini_program_guide .schedule tr.hide { }
				
				.mini_program_guide .schedule tr.hide th,
				.mini_program_guide .schedule tr.hide td { height: 0; padding: 0; }
					
					.mini_program_guide .schedule tr.hide th div,
					.mini_program_guide .schedule tr.hide td div { height: 0; padding: 0; }

	/* --- | Disclaimer | --- */

	.mini_program_guide .disclaimer {
		font-size: .66em;	/* 12px * .66em = 8px */
		font-style: italic;
		letter-spacing: .8px;
		line-height: 1em;
		text-transform: uppercase;
		color: #6d7073;
		position: absolute;
		left: 14px;
		top: 211px;
	}

	/* --- | Down Arrow | --- */

	.mini_program_guide p.down {
		font-size: 1px;
		line-height: 1px;
		text-indent: -9999px;
		position: absolute;
		left: 276px;
		top: 212px;
		width: 14px;
		height: 8px;
		background: url(/images/home/down.gif) 0 -8px no-repeat;
	}

		.mini_program_guide p.down a {
			display: block;
			height: 8px;
			background: url(/images/home/down.gif) 0 0 no-repeat;
		}

			.mini_program_guide p.down a:hover { background: none; }

	/* --- | Search Form | --- */

	.mini_program_guide form fieldset {
		position: absolute;
		left: 14px;
		top: 226px;
	}

		.mini_program_guide form fieldset input#mini_search {
			font-size: .833em;	/* 12px * .833em = 10px */
			color: #7c7c7c;
			width: 197px;
			margin-right: 5px;
			padding: 4px 5px 3px;
			border: 0;
		}

	/* --- | View Full Program Guide | --- */

	.mini_program_guide p.view_full {
		text-indent: -9999px;
		position: absolute;
		right: 13px;
		top: 14px;
		width: 97px;
		height: 17px;
		background: url(/images/home/view_the_full_guide.gif) 0 -17px;
	}

		.mini_program_guide p.view_full a {
			display: block;
			height: 17px;
			background: url(/images/home/view_the_full_guide.gif) 0 0;
		}
		
		.mini_program_guide p.view_full a:hover { background: none; }

	/* --- | Guide Unavailable | --- */

	.mini_program_guide p.unavailable {
		text-align: center;
		margin-top: 45px;
	}



/* -- JS Support
------------------------------------------------------*/

.data {
  display: none;
}



/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active .box h1,
	.sIFR-active body.help_and_support #primary_content .help_module h2 {
    visibility: hidden;
    font-family: Arial, Helvetica, Sans-Serif;
	line-height: 1em;
  }
}



/* --- Shadowbox Styles
-------------------------------------------------------*/

#activation-dialog-content {
	background: #525252;
}

#activation-dialog-content p#iframe_footer {
	font-size: 0.833em;
	text-align: center;
}
	
	#activation-dialog-content p#iframe_footer a {
		text-decoration: none;
		color: #a09e9e;
	}

#TB_ajaxContent .close {
	font-size: .833em;	/* 12px * .833em = 10px */
	position: absolute;
	right: 2px;
	top: 0;
}

	#TB_ajaxContent .close a {
		text-decoration: none;
		padding-right: 17px;
		background: url(/images/activation/close.gif) no-repeat 100% 0;
		}
	#TB_ajaxContent .close a:hover { color: #efb01a; background-position: 100% -100px; }



/* --- Thickbox Styles - fixes a bug in the Guide. DO NOT REMOVE
-------------------------------------------------------*/

#TB_window a:link {color: #999;}
#TB_window a:visited {color: #999;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #999;}
#TB_window a:focus{color: #999;}