/*	
***
	Launch Pad v4 common.css
	Framework specs:
		960px wide 
		12-column grid (60px columns) 
		10px right/left margins 
		Std column widths:
			full	12-cols		940px
			xl		11-cols		860px
			xl		10-cols		780px
			l		9-cols		700px
			l		8-cols		620px
			m		7-cols		540px
			m		6-cols		460px
			m		5-cols		380px
			s		4-cols		300px
			s		3-cols		220px
			xs		2-cols		140px
			xs		1-col		60px
***		
*/

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

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video {
			margin:0;
			padding:0;
			border:0;
			font-size:100%;
			font:inherit;
			vertical-align:baseline;
		}
		/* HTML5 display-role reset for older browsers */
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section {
			display:block;
		}
		body {line-height:1;}
		ol, ul {list-style:none;}
		blockquote, q {quotes:none;}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content:'';
			content:none;
		}
		
		/* tables still need 'cellspacing="0"' in the markup */
		table, tr, td {border-collapse:collapse;border-spacing:0;}
		
		table.pf_form_table /* table reset for LiveBall table generated forms */{
			margin:0;
			padding:0;
			border:0;
		}
		
		/* remember to define focus styles! */
		:focus {outline:0;}

		/* remember to highlight inserts somehow! */
		ins {text-decoration:none;}
		del {text-decoration:line-through;}
		
		

/*-------------------
Grid
------------------- */
		.grid 	{float:left; display:inline;overflow:hidden;margin-left:20px;}
		
		.grid.first {margin-left:0;}
		.grid_content 	{float:left; position:relative;display:inline;overflow:hidden;margin:0 0 0 20px;}
		.grid_content.first {margin-left:0}
		.grid_content table{padding:0;margin:0}
		.grid.rt	{float:right;}
		
		.col1 	{width:60px}
		.col2 	{width:140px}
		.col3 	{width:220px}
		.col4 	{width:300px}
		.col5 	{width:380px}
		.col6 	{width:460px}
		.col7 	{width:540px}
		.col8 	{width:620px}
		.col9 	{width:700px}
		.col10 	{width:780px}
		.col11 	{width:860px}
		.col12 	{width:940px}
		
		/* content pods */
		.col_container .grid.col2 {width:150px;margin-left:10px;}
		.col_container .grid.col3 {width:230px;margin-left:10px;}
		.col_container .grid.col4 {width:310px;margin-left:10px;}
		.col_container .grid.col6 {width:470px;margin-left:10px;}
		.col_container .grid.col8 {width:630px;margin-left:10px;}
		.col_container .grid.col9 {width:710px;margin-left:10px;}
		.col_container .grid.col12 {width:950px;margin-left:10px;}
				
		.col_container .grid.first {margin-left:0;}
		
		
		
/*-------------------
Structure/Typography
------------------- */

		body  {text-align:center /* ie quirks hack */}
		
		h1, h2, h3, h4, h5, h6 {font-weight:normal;}
		
		strong, b {font-weight:bold} /* needed for RTE */
		
		em, i {font-style:italic;} /* needed for RTE */
		
		p {margin-bottom:18px;}	
				
		#container	{margin:0 auto;text-align:left;overflow:hidden;}
		
		#container img, #iframe_container img {display:block}
		
		header {}
		header:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		header  		    {*zoom: 1;}
		
		.header_text_wrap {max-width:600px;width:auto !important;width:600px}
		
		.header_social {}
		.header_social:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		.header_social  		    {*zoom: 1;}
		
		nav {}
		nav:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		nav  		    {*zoom: 1;}
		
		nav ul{list-style:none;margin:0;padding:0}
		nav li{float:left;padding:0;background:none;}
		
		section.pre_content {}
		
		section.content {}
		section.content:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		section.content  		    {*zoom: 1;}
		
		.content_hook {}	
		.content_hook:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		.content_hook  		    {*zoom: 1;}
		
		section.post_content {clear:both}		
		section:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		section  		    {*zoom: 1;}
		
		figcaption {margin-top:5px;}
		
		footer {margin:0 auto;clear:both}
		footer:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		footer  		    {*zoom: 1;}
		.footer_links div {display:inline-block;} /* if the user swaps a footer link for a text or widget element */
		.footer_social div,.footer_social a,.footer_social img, .header_social div,.header_social a,.header_social img  {float:left;}
		
		/* Use this to create a horizontal ruler across a column. */
		hr       {clear:both; float:none; margin:10px 0; border:none;}
		.pf_form_table {*table-layout: fixed;} /* fixes form submit cell alignment issue */


/*-------------------
Column/Pod blocks
------------------- */
		.choice_container, .col_container{
			clear:both;	
			margin:0 -5px;	
		}
		.choice_container:after, .col_container:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		.choice_container, .col_container  		    {*zoom: 1;}
		
		.col_container .pod {margin-left:10px;padding:5px;}
		.pod:after	    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		.pod  		    {*zoom: 1;}
		
		.product_hero {margin:0 -5px 10px;padding:5px;}
		.product_hero:after    {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		.product_hero    {*zoom: 1;}
		
		.choice_container a {display:block}
		
		.pod.first{margin-left:0;}
		.col_container .pod {margin:0 0 10px}
		
		.seg_button_link {position:absolute;bottom:0;}

/*-------------------
Block-like things that need consistent margins
------------------- */

		.block,
		.image,
		.widget,
		 ul, ol,
		 table,
		.widget
				{margin-bottom:10px;}
									
		.widget_last {margin-bottom:0;margin-top:10px;}
		a.block {margin:0;}
		section.pre_content .block{margin:0}
		
		.double_block {margin-bottom:20px;}


/*-------------------
Utilities
------------------- */

		.block {display:block;}
		.grid_block {display:block;margin-bottom:20px;}
		.clear {clear:both}
		.clear_left {clear:left}
		.clear_right {clear:right}
		.rt	{float:right}
		.lt	{float:left}
		
		.clear_wrap{}.clear_wrap:after   {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		.clear_wrap 		    {*zoom: 1;}
		
		.center {text-align:center;}

		.flash_outer_wrap {overflow:hidden} /* fix flash overlay toolbar obscuring content */
		
		.img_right {float:right;margin:0 0 5px 5px}
		.pod .img_right {float:right;margin:0 0 0 5px}
		.img_left {float:left;margin:0 5px 5px 0}
		.indent {margin-left:5px;}
		.form_indent {}.form_indent:after   {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
		.form_indent 		    {*zoom: 1;}
		
		.grid_margin {margin:0 10px;}
		
		.secondary_link      {display:block;text-align:center;clear: both;line-height:100%;margin:10px 0 10px;}
		
		.relative	{position:relative}

/*-------------------
IE6 PNG fix: 
htc file must be pathed correctly
------------------- */

		* html img, * html .pf_submit_image, pf_submit_button, #header_logo {behavior:url(/Templates/ion/ion_Framework_v4.0/Masters/iepngfix.htc)}

/*-------------------
iFrame-specific
------------------- */

		body.iframe {text-align:left;}
		
		section.iframe_content {padding-bottom:10px}

		#iframe_container	{margin:0;overflow:hidden;max-width:960px;_width:expression(document.body.clientWidth > 1300? "1300px": "auto" );}
		#iframe_container.facebook	{width:520px;}
		
		#iframe_container section.post_content {padding:0;clear:both}
		
		#iframe_container .form_block.right {float:right}
		
		
		/* facebook specific iframe layout */
		
		#iframe_wrapper.facebook {width:520px;}
		
		#iframe_wrapper.facebook .choice_container{
			margin:0;
			background:none;	
			padding:0;
			-moz-border-radius:none;
			-webkit-border-radius:none;
			border-radius:none;
		}
		
		#iframe_wrapper.facebook .col4 	{width:160px}
		#iframe_wrapper.facebook .col6 	{width:250px}
		
		#iframe_wrapper.facebook footer.iframe {margin:0;width:520px;}
		
		

/*-------------------
Custom
------------------- */


	.align_right {text-align:right}

	.post_form_image {float:left;margin-left:20px;}
	.post_form_image.first {margin-left:0}
	
	
	table.two_col_table{
    border-color: #b7b4a5;
    border-width: 0 0 1px 1px;
    border-style: solid;
	}

	table.two_col_table td.col1 {width:762px}
	table.two_col_table td.col2 {width:85px; text-align:center;}
	table.two_col_table td.col2 .abs_image {margin:-14px auto 0}
	
	table.two_col_table td{
		border-color: #b7b4a5;
		border-width: 1px 1px 0 0;
		border-style: solid;
		margin: 0;
		padding: 10px;
		background-color: #fff;
		
		}
	
	table.two_col_table tr.tan td{
		background-color: #f1ebdd;
	}


	table.two_col_table tr.green td {
	
		background-color:#c8f101;
	
	}

	.two_col_chart a.block_link {display:block;text-align:right;margin-right:60px;text-decoration:underline}
	
	.coverage_plan_image .vert_image {position:relative;float:left}
	.coverage_plan_image .vert_content {position:absolute;bottom:145px;left:}
	
	.coverage_plan_content {width:960px;margin:0 -10px;background: url(vert_content_bg.gif) repeat-y;}
	
	.vert_col_wrap{
		float:left;
		background: url(vert_col_bg.gif) repeat-x top;	
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	.col_562{
		
		width:562px;
		
	}
	
	.col_368{
		
		width:368px;	
		margin-left:30px;
		
	}
	
	.vert_col_wrap h2{
		font-size:14px;	
		text-align:center;
		line-height:35px;
		color:#fff;
		margin-bottom:0;
	}
	
	.vert_col {
		background:#f8f7f7;
		position:relative;
		float:left;
		width:135px;
		padding:0 10px 10px;
		margin-left:33px;
		overflow:visible;
		padding-bottom:160px;
		
		}
		
	.vert_col.first {margin-left:10px}
	
	
	.blue{
		border:2px solid #1475c4;
	}
	
	.gray{
		border:2px solid #b2b4b7;
	}
	
	.yellow{
		border:2px solid #f9c220;
	}
	
	
	.vert_col h3{
		width:146px;
		padding: 0 20px;
		margin:-3px 0 0 -23px;	
		text-align:center;
		line-height:35px;
		color:#000;
		font-size:20px;
		height:48px;
		
	}
	
	
	.vert_col.blue h3{
		background: url(vert_h3_green_bg.png) no-repeat top;
	}
	
	
	.vert_col.gray h3{
		background: url(vert_h3_gray_bg.png) no-repeat top;
	}
	
	.vert_col.yellow h3{
		background: url(vert_h3_yellow_bg.png) no-repeat top;
	}
	
	.vert_col ul {margin-left:.2em;margin-top:13px;}
	
	.vert_col li {background: url(vert_col_li.png) no-repeat left;padding-left:19px;margin-bottom:10px;}
	
	.vert_col .button {background: url(vert_col_btn.png) no-repeat center ;height:32px;line-height:32px;font-size:12px;text-align:center;display:block;color:#fff;margin:10px 0;padding:0;}
	
	.blue_arrow_wrap{
		background: url(blue_down_arrow.png) no-repeat;
		width:147px;
		padding:10px;
		height:98px;	
		text-align:center;
		margin-top: -15px;
		
		margin-left:-14px;
		color:#fff;
	}
	
	.vert_btm_content {
		position:absolute;
		bottom:0px;
		left:10px;
		padding-bottom:30px;
		width:	135px;
	}
	
/* COMPARISON TABLE */
table.custom_compare_table {
	color:#000; 
	font-size:12px; 
	line-height:normal; 
	text-align:center;
	border-collapse: separate;
	border-spacing:2px;
}

.custom_compare_table tr {
	border-collapse: separate;
}

.custom_compare_table td {
	background-color:#e9e9e9;
	text-align:center;
	vertical-align:middle;
	border-collapse: separate;
}
.custom_compare_table td strong,
.custom_compare_table td b {
	font-size:15px; color:#013e7f; font-weight:bold;
}

.custom_compare_table .alt td,
.custom_compare_table td.feature_item {
	background-color:#cacaca;
}

.custom_compare_table td.line_description {
	text-align:left;
}

.custom_compare_table .column_tabs td {
	background-color:transparent;
	/* width:14%; padding:10px 1%; */
	padding:10px 10px; 
	color:#fff;
}
.custom_compare_table .column_tabs td strong,
.custom_compare_table .column_tabs td b {
	font-size:24px;
	line-height:1.1;
	color:#fff;
	font-weight:normal;
}
.custom_compare_table .column_tabs td small {
	font-size:10px;
}
.custom_compare_table .column_tabs td a { 
	color:#fff;
	text-decoration:none;
}
.custom_compare_table .column_tabs td.description { /* width:18%; */ width:169px; }
.custom_compare_table .column_tabs td.colhead {
	-webkit-border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	border-radius: 20px 20px 0px 0px; 
	background-color:#666;
}
.custom_compare_table .column_tabs td.colfoot {
	-webkit-border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px; 
	background-color:#666;
}

.custom_title_block {
	background-color: #001f3e;
	color: #fff;
	padding: 15px;
	margin-bottom: 25px;
	line-height: 1.5;
}

.custom_title_block h1 { color:#fff; font-size: 24px; line-height: 1; }
.custom_title_block h2 { color:#fff; font-size: 16px; line-height: 1.5; }

.custom_indent { margin-left:20px; }

#container .custom_compare_table td img { display:inline; vertical-align:middle; }

/* END COMPARISON TABLE */