/*
 * #01 - Columns
 * #02 - Sections
 * #03 - Lists
 * #04 - Forms
 * #05 - Tables
 * #06 - Other
 */

/* #01 - COLUMNS **************************************************************/

.col-ab { float: left;  width: 132px; }
.col-ch { float: right;  width: 444px; }

.col-ac { float: left;  width: 210px; }
.col-df { float: right;  width: 210px; }
.col-dh { float: right;  width: 366px; }

.col-af { float: left;  width: 444px; }
.col-gl { float: right;  width: 444px; }

.col-ah { float: left;  width: 600px; }
.col-il { float: right;  width: 288px; }

.col-ai { float: left;  width: 678px; }
.col-jl { float: right;  width: 210px; }

.col-al { width: 912px; }

/* WITHIN ROUNDED CORNER BOX */

.rc-tr .col-ae { float: left;  width: 354px; }
.rc-tr .col-fh { float: right;  width: 198px; }

.rc-tr .col-af { float: left;  width: 432px; }
.rc-tr .col-gl { float: right;  width: 432px; }

/* FOOTER COLUMNS */

#inner-footer div
{
	float: left;
	margin: 15px 24px 0 0;
	padding-bottom: 1px; /* allow room for link underlines (in all browsers) */ 
}

#inner-footer .col-a { width: 78px;  margin-top: 9px; }
#inner-footer .col-bd { width: 210px; }
#inner-footer .col-ef { width: 132px; }
#inner-footer .col-gi { width: 210px; }
#inner-footer .col-jl { width: 234px;  margin-right: 0;  text-align: right; }

/* #02 - SECTIONS *************************************************************/

/* Rounded Corners */
.rc-tl { background: transparent url('../images/rc_tl.gif') no-repeat 0 0; }
.rc-tr
{
	background: transparent url('../images/rc_tr.gif') no-repeat right 0;
	padding: 18px 12px 0;
	overflow: hidden;
}
.rc-bl { background: transparent url('../images/rc_bl.gif') no-repeat 0 0; }
.rc-br
{
	background: transparent url('../images/rc_br.gif') no-repeat right 0;
	height: 18px;
	overflow: hidden;
}

/* Live Chat */
.chat { margin-bottom: 12px; }
.chat-top { display: block;  margin-bottom: 6px; }
.chat-bottom { display: block;  margin-bottom: 0px; }

/* Index - Bottom Bar */
.bottom-bar .col-af { margin-left: 12px; }
.bottom-bar a { float: left; }
.bottom-bar .bb-text { float: left;  width: 288px;  margin-left: 12px; }

/* Support Landing - Buttons */
.support-btn
{
	display: block;
	width: 210px;
	height: 71px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin-bottom: 12px;
}
body#support a.support-btn { border: none; }

#support-btn_tech { background: transparent url('../images/btn_support-landing.gif') no-repeat 0 0; }
#support-btn_tech:hover { background-position: -444px 0; }

#support-btn_hardware { background: transparent url('../images/btn_support-landing.gif') no-repeat 0 -71px; }
#support-btn_hardware:hover { background-position: -444px -71px; }

#support-btn_care { background: transparent url('../images/btn_support-landing.gif') no-repeat 0 -142px; }
#support-btn_care:hover { background-position: -444px -142px; }

#support-btn_trouble { background: transparent url('../images/btn_support-landing.gif') no-repeat -234px 0; }
#support-btn_trouble:hover { background-position: -678px 0; }

#support-btn_guides { background: transparent url('../images/btn_support-landing.gif') no-repeat -234px -71px; }
#support-btn_guides:hover { background-position: -678px -71px; }

#support-btn_billing { background: transparent url('../images/btn_support-landing.gif') no-repeat -234px -142px; }
#support-btn_billing:hover { background-position: -678px -142px; }

/* FAQs */
.faq-list li { margin-bottom: 6px; }
.faq-item { margin-bottom: 48px; }
.faq-item p { margin-bottom: 12px; }
.faq-item p.sub-info { margin: 12px 48px; }

/* #03 - LISTS ****************************************************************/

ul, ol
{
	list-style-position: outside;
	list-style-type: disc; /* ol lists will have to be put in a class (see below) */
	padding-left: 24px; /* may not accommodate longer ordered lists with double-digit ordered items */
	margin-bottom: 24px; 
}
ul li { padding-left: 3px; }
ul.nobreak, ol.nobreak { margin-bottom: 0; }
ul.spaced li, ol.spaced li { margin-bottom: 12px; }
ul.spaced ul, ol.spaced ol { margin-top: 6px; }
ul.spaced ul li, ol.spaced ol li { margin-bottom: 6px; }
ul.spaced ul.close, ol.spaced, ol.close { margin: 0 0 6px; }
ul.spaced ul.close li, ol.spaced ol.close li { margin-bottom: 0; } 

ol { list-style-type: decimal; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.lower-roman { list-style-type: lower-roman; }
ul.no-style, li.no-style { list-style-type: none; }

/* #04 - FORMS ****************************************************************/

.input-select { height: 22px; }
#avail-area .input-select { width: 366px; }
#avail-area input.form-image { margin-left: 12px;  vertical-align: -11px; }

fieldset { border: none; } /* bordering is done with rounded corner boxes */

label
{
	float: left;
	width: 132px;
	margin-top: 6px;
}

.input-text
{
	width: 288px;
	height: 22px;
	padding: 6px 0 0 4px;
}

.input-note { margin-left: 132px; }

.pseudo-form-field
{
	width: 576px;
	overflow: hidden;
	margin-bottom: 12px;
}
.pseudo-form-field .label {	float: left;  width: 132px; }
.pseudo-form-field .text { float: left;  width: 288px; }

#internet-set,
#voice-set { overflow: hidden; }

#internet-set div { float: left;  width: 132px; }
#voice-set div { float: left;  width: 96px; }

#internet-set input,
#voice-set input { width: auto; }

#internet-set label,
#voice-set label { float: none;  display: inline; }

textarea { width: 288px;  height: 108px; }

#submit { width: 86px; }
body#sign-up #submit { float: right;  margin: 12px 24px 0 0; }

.errorbox
{
    border: 2px solid red;
    background: #ffe5e5;
    padding: 12px;
    margin-bottom: 12px;
    overflow: hidden;
}
.errorbox .icon { float: left;  width: 54px; margin-left: 12px; }
.errorbox .message { float: right;  width: 494px;  padding-top: 12px; }

/* SUPPORT FORM */

#support-form .input-select { width: 314px; }
#support-form .input-text { width: 308px; }
#support-form textarea { width: 311px; }
#support-form label { width: 96px; }
#support-submit { margin-right: 12px; }

body#support .errorbox { padding: 6px; }
body#support .errorbox .icon { margin-left: 0; }
body#support .errorbox .message { width: 360px; }

/* #05 - TABLES ***************************************************************/


table#res-int-plans th
{
	text-indent: -9999px;
	overflow: hidden;
	background: #fff no-repeat 0 0;
	height: 40px;
}
table#res-int-plans .th2 { width: 186px;  background: url('../images/res-int_tbl_plans.gif') 0 0; }
table#res-int-plans .th3 { width: 177px;  background: url('../images/res-int_tbl_plans.gif') -186px 0; }
table#res-int-plans .th4 { width: 159px;  background: url('../images/res-int_tbl_plans.gif') -363px 0; }
table#res-int-plans td { text-align: center; }
table#res-int-plans .rowhead { width: 156px;  text-align: left; }
table#res-int-plans tr { height: 32px; }
table#res-int-plans tr.even { background: #f0f2f2; }
table#res-int-plans tr.even td.rowhead { background: #fff url('../images/tbl_row_gradient.gif') repeat-y 0 0; }

table#res-int-what-plan th
{
	text-indent: -9999px;
	overflow: hidden;
	background: #fff no-repeat 0 0;
	height: 52px;
}
table#res-int-what-plan .th1 { width: 241px;  background: url('../images/res-int_tbl_what-plan.jpg') 0 0; }
table#res-int-what-plan .th2 { width: 231px;  background: url('../images/res-int_tbl_what-plan.jpg') -241px 0; }
table#res-int-what-plan .th3 { width: 206px;  background: url('../images/res-int_tbl_what-plan.jpg') -472px 0; }
table#res-int-what-plan tr.devices td
{
	text-indent: -9999px;
	overflow: hidden;
	background: #fff no-repeat 0 0;
	height: 75px;
}
table#res-int-what-plan tr.devices td#td1 { background: url('../images/res-int_tbl_what-plan.jpg') 0 -52px; }
table#res-int-what-plan tr.devices td#td2 { background: url('../images/res-int_tbl_what-plan.jpg') -241px -52px; }
table#res-int-what-plan tr.devices td#td3 { background: url('../images/res-int_tbl_what-plan.jpg') -472px -52px; }
table#res-int-what-plan tr.users td { height: 174px; }

table#res-int-charges { margin-bottom: 12px; }

caption
{
	color: #326cb0;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 12px; /* IE doesn't like margin, but padding works in all browsers */
}

table.tbl-generic { width: 678px;  border: 1px solid #929497; }
table.tbl-generic th { height: 36px;  background: url('../images/tbl_generic-header.gif') repeat-x 0 100%; }
table.tbl-generic th,
table.tbl-generic td
{
	border-bottom: 1px solid #929497;
	border-right: 1px solid #929497;
	padding: 6px 12px;
}
table.tbl-generic tr.bottom td,
table.tbl-generic td.bottom { border-bottom: none; }
table.tbl-generic th.end,
table.tbl-generic td.end { border-right: none; }
table.tbl-generic tr.even td { background: #f0f2f2; }
table.tbl-generic tr.even td.first { background: #f0f2f2 url('../images/tbl_row_gradient.gif') repeat-y 0 0; }
table.tbl-generic th.narrow { width: 60px; }

table#res-voice-features { text-align: center; }

table#tbl-hardware { width: 600px; }
table#tbl-hardware th,
table#tbl-hardware td { text-align: center; }
table#tbl-hardware th.first,
table#tbl-hardware td.first { text-align: left; }

body#news table.tbl-generic { width: 576px; margin-bottom: 24px; }

.table-note { margin-top: 24px;  color: #000; }
body#res-int .table-note { margin-top: 42px; }

/* #06 - OTHER ****************************************************************/

.align-l { text-align: left; }
.align-c { text-align: center; }
.align-r { text-align: right; }
.align-t { vertical-align: top; }
.clear { clear: both; }
.inline-btn { vertical-align: -11px; }
.nudge-top { margin-top: 6px; }
.section { display: block;  margin-bottom: 24px;  overflow: hidden; }
.section-small { display: block;  margin-bottom: 12px;  overflow: hidden; }
.section-big { display: block;  margin-bottom: 48px;  overflow: hidden; }