/**************************************************************************/
/* Document  styles */
/**************************************************************************/

html, body, p, form {
	padding: 0;
	margin: 0;
	border: 0;
}
		
body, .planName, .bigNBold, 
select.dropDown, .asterisk, .labelText, .labelSubText, .textInput input, .summaryContainer table {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size:12px;
	line-height: 15px;
}

a, a:visited, a:active, a:hover {
	color:#3366CC;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a:visited{
	color:#336699;
}

.moreLink {
	font-size:11px;
	margin:0 3px 0 0;
	line-height:10px;
}

.noLink {
	text-decoration:none;
}

/**************************************************************************/
/* Global styles */
/**************************************************************************/

#wrapper, #header, #logo, .warning, .question, #print, #bodyContent, #footerContainer, .formFieldRow, #finalField, #required, #required .note,
.dash, select.dropDown, .lnpFields, .lnpEdit, 
.formField, .formField select.dropDown, .fieldLabel, .asterisk, .labelText, .labelSubText, 
.textInput, .textInput input,
.btnBar, .hRule, .bigNBold, .butCollapsed, .butExpanded, .moreLink, .summaryContainer table {
	float:left;
	margin:0;
	padding:0;
}

#wrapper, #footerContainer, .btnBar, .formFieldRow, .formField .textInput, .formField .textInput, .formField .textInput input, .formField select.dropDown, .fieldLabel {
	clear:both;
}

#wrapper, #header, #footerContainer {
	width:780px;
}

#wrapper {
	padding:0 10px 0 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:760px;
}
html>body #wrapper {
	width:760px;
} 

#header {
	height:66px;
	padding:0 0 0 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:770px;
}
html>body #header {
	width:770px;
} 

/* Body Content refers to everything in the visual interface except the header and footer */
#bodyContent {
	width:760px;
}



/**************************************************************************/
/* Global images */
/**************************************************************************/

#logo, .warning, #print, .butCollapsed, .butExpanded {
	background-repeat: no-repeat ;
	background-position: top left ;
	overflow: visible ;
}

#logo {	
	width:235px;
	height:48px;
}

.warning {	
	background-image:url(/static/subscribe/images/icon_warning.gif);
	width:20px;
	height:16px;
}
.question {	
	background-image:url(/static/subscribe/images/icon_question.gif);
	width:34px;
	height:34px;
}

#print {
	background-image:url(/static/subscribe/images/icon_print.gif);
	width:15px;
	height:14px;
}

.butCollapsed, .butExpanded {
	width:5px;
	height:9px;
	margin:0 7px 0 0;
	background-image:url(/static/subscribe/images/but_collapsed.gif);
}

.butExpanded {
	width:9px;
	height:10px;
	margin:0 3px 0 0;
	background-image:url(/static/subscribe/images/but_expanded.gif);
}



/**************************************************************************/
/* Styles for footer */
/**************************************************************************/

#footerContainer {
	margin:50px 0 20px 0;
	border-color:#88898B;
	border-style:solid;
	border-width:0;
	border-top-width:1px; 
	border-bottom-width:1px; 
	background:#F5F5F5;
}

#footer {
	width:755px;
	margin:20px 0 20px 0;
	color: #87888A;
	font-size:11px;
	text-align: center;
}


/**************************************************************************/
/* Styles for SubBox containing summary info */
/**************************************************************************/

.summaryContainer .subBoxBody, #orderInfoTop {
	background:#F2F2F2;
}

.summaryContainer .itemText {
	margin:0 0 0 5px;
}

.summaryContainer table {
	font-size: 11px;
	line-height:16px;
}

.summaryContainer .label, .summaryContainer .value {
	vertical-align:top;
}

.summaryContainer .label {
	background: #E0E0E0;
}

.summaryContainer .value {
	background: #FFFFFF;
}



/**************************************************************************/
/* feedback styles*/
/**************************************************************************/
/* for providing the user with feedback messages after a success*/
.feedbackSuccess {
	padding: 0 0 10px 0;
}

.feedbackError {
	padding: 10px 0 0 0;
}



/**************************************************************************/
/* Font styles */
/**************************************************************************/

strong, strong.blue, strong.green, strong.red, .planName, .bigNBold {
	font-weight: bold;
}

.planName, .bigNBold {
	font-size: 14px;
}

.planName, .bigNBold, .formField .asterisk, .formField .labelSubText, .formField .labelText {
	line-height:18px;
}

#required {
	margin:0 0 2px 0;
}

.asterisk {
	font-size:20px;
	line-height:14px;
}

.labelSubText {
	font-size:10px;
	margin:0 0 0 5px;
}

.note {
	font-size:11px;
	line-height:14px;
}

strong.blue {
	color: #275680;
}

strong.green {
	color: #339900;
}

strong.grey {
	color: #87888A;
}

strong.red, .feedbackError {
	color:#FF0000;
}

.plan .desc .name, .deviceTitle {
	/* The Orange style used for the plan names */
	color: #EE9140;
}

.labelSubText, .asterisk {
	color:#333399;
}



/**************************************************************************/
/* form element styles*/
/**************************************************************************/
/* Drop down styles (for select/combo boxes) */
select.dropDown {
	font-size: 12px;
}



/**************************************************************************/
/* lnp frm phone number fields */
/**************************************************************************/

.lnpFields, .lnpEdit {
	margin: 10px 0 0 0;
	width:680px;
}

.dash { 
	float:left;
	text-align:center; 
	line-height: 20px; 
	height:18px; 
	padding:0 5px;
}



/**************************************************************************/
/* text input styles */
/**************************************************************************/

.formFieldRow {
	width:745px;
	margin:10px 0 0 0;
}

#finalField {
	margin:0;
}

.formField {
	margin:0 10px 0 0;
}

.textInput {
	height:16px;
}
/* commented backslash hack v2 (prevents Mac IE5 from parsing the following line) \*/
.textInput { height:22px; border-width:2px; border-style:inset; voice-family: "\"}\""; voice-family:inherit; height:18px; } html>body .textInput { height:18px; }
/* recover from hack */

.textInput input {
	background:#FFFFFF;
	height:14px; 
	line-height:14px;
}
/* commented backslash hack v2 (prevents Mac IE5 from parsing the following line) \*/
.textInput input { 	height:18px; line-height:18px; border:0; }
/* recover from hack */

/* LNP form field widths */
#tnf_1, #tnf_2 {
	width:44px;
}
#tnf_3 {
	width:48px;
}


/**************************************************************************/
/* Buttons */
/**************************************************************************/

.btnBar {
	padding: 15px 200px 0 200px;
	width:760px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:360px;
}
html>body .btnBar {
	width:360px;
}


/**************************************************************************/
/* Lists */
/**************************************************************************/
.bulletList ul {	list-style: outside disc;	padding-left:15px;	margin:0;}
/* commented backslash hack v2 (prevents Mac IE5 from parsing the following line) \*/
.bulletList ul {	list-style: url(/static/subscribe/images/disc.gif) outside disc;	padding-left:15px;	margin:0;}
/* recover from hack */
.bulletList ul li {
	line-height: 15px;
	margin-left: 5px;
	margin-bottom: 15px;
	padding-left:0;
}
.bulletList ul ul {	list-style: outside circle; margin: 10px 0 0 20px;	padding-left: 0;}
/* commented backslash hack v2 (prevents Mac IE5 from parsing the following line) \*/
.bulletList ul ul {	list-style:url(/static/subscribe/images/circle.gif) outside circle; margin: 10px 0 0 20px;	padding-left: 0;}
/* recover from hack */
html>body .bulletList ul ul {
	margin: -5px 0 0 20px;
}
.bulletList ul ul li {
	margin:0;
	padding-left:0;
}
.msgBox .bulletList ul li {
	margin-bottom:5px;
}
.msgBox .bulletList ul {
	margin-top:10px;
}