/* global upgrade modal styles*/
	
	.tcTable embed, .tcTable object{
		z-index:99 !important;
	}
	
	.upgModalBackgroundClass{
		background-color:#666666;
		opacity: 0.7;
		filter:alpha(opacity=70);
	}
	
	.content .loginLayer  td,
	.content .lineToUpgradeLayer td,
	.content .accountLayer td,
	.content .phoneNumberLayer td,
	.content .phoneNumberLayerWithCart td,
	.content .zipCodeLayer td,
	.content .errorLayer td {
		padding:0px !important;
		margin:0px !important;
		border-bottom: 0px solid white !important;
		border:none;
		vertical-align:inherit; /* re-centers the pages available. */
	}

	#upgradeModal .outer{
		/*sets the outer bezel for the modals*/
		background-color:#FFFFFF !important;
		border-color:#333333 #C6C3C6 #C6C3C6 #333333;
		border-style:solid;
		border-width:2px;
		padding:5px;
	}

	#upgradeModal {
		/*sets the inner bezel for the modals*/
		background-color:#FFFFFF;
		border-color:#C6C3C6 #333333 #333333 #C6C3C6 !important;
		border-style:solid;
		border-width:3px;
	}
	
	/* Error messaging boxes  */
	
	.content #errorMessagingText{
		margin:0px;
		color:red;
	}
	
	.content #errorMessagingList, .error #loginError {
		padding:5px 0px 0px 0px;
		margin:0px;
		color:red;
	}
	
	.content .errorMessagingTable{
		margin: 5px 0px 0px;
	}

/* login pop-up layers */	

	.loginLayer{
		width:260px;
	}


	.loginLayer .error{
		color:red !important;
	}

	.outer{
		border:1px solid #999;
		background-color:#FFF !important;
		
	}
	.content .loginLayer{
		margin:0px 15px 15px;
	}
 	
	.content .loginLayer .title{
		font-weight: bold;
	}
	
	.content .loginLayer .red{
		color:red;
	}
	
	.content .loginLayer #login, .content .loginLayer #password{
		width:187px;
	}
	
	.loginLayer .actionBox{
		float:none;
		display:inline !important;
		font-size:11px;
		padding:0 2px;
	}

	.content .loginLayer .centerImage {
    display: block;
    margin-left: auto;
    margin-right: auto 
	}
	

/* lineToUpgradeLayer pop-up layers */
	
	.lineToUpgradeLayer{
		width:410px;
	}
	.content .lineToUpgradeLayer{
		margin:0px 15px 15px;
	}
 	
	.content .lineToUpgradeLayer .title{
		font-weight: bold;
		margin: 0pt;
	}
	

	.content .lineToUpgradeLayer .red{
		color:red;
	}
	

	.lineToUpgradeLayer .actionBox{
		float:none;
		display:inline !important;
		font-size:11px;
		padding:0 2px;
	}

	.lineToUpgradeLayer .errorMessagingBox{
		margin: 0pt 0pt 10px; 
		display: none  !important;
	}

	.lineToUpgradeLayer .upgradeNumberType{
		vertical-align: middle; 
		margin: 0px;
	}	
	
	.lineToUpgradeLayer .m15b{
		
		margin: 10px;
	}
	
	.lineToUpgradeLayer .upgradeNumberSize3{
		vertical-align: middle; 
		width: 25px;
	}	
	
	.lineToUpgradeLayer .upgradeNumberSize4{
		vertical-align: middle; 
		width: 35px;
	}
	
	.lineToUpgradeLayer .continueButton{
		vertical-align: middle; 
		margin-left: 10px;
	}
	
	.lineToUpgradeLayer #localFooter{
		margin:5px 0px 0px 0px;
		width:auto;
	}
	
	
/* account pop-up layers */
	
	.accountLayer{
		width:600px;
	}
	
	.accountLayer .accountHeader{
		background-color:darkGray;
		margin:15px 0px 0px 0px;
		padding:3px 10px;
	}
	.content .accountLayer {
		margin:0px 15px 15px;
	}
 	
	.content .accountLayer .title{
		font-weight: bold;
	}
	

	.accountLayer .errorMessagingBox{
		margin: 0pt 0pt 10px; 
		display: none  !important;
	}
	

	.content .accountLayer #login, .content .accountLayer #password{
		width:187px;
	}
	

	.accountLayer .actionBox{
		float:none;
		display:inline !important;
		font-size:11px;
		padding:0 2px;
	}


	.content .accountLayer .centerImage {
    display: block;
    margin-left: auto;
    margin-right: auto 
	}
	
	
	.accountLayer .errorTable, .accountLayer .accountTable{
		width:100%;
	}

	.accountLayer .accountHeader{
		margin: 15px 0pt 0pt; 
		padding: 3px 10px;
	}
	.accountLayer .accountSubHeader{
	
	border-style: solid; 
	border-color: #ffff00 #cc9900 #cc9900 #ffff00;
	border-width: 1px;
	}

	.accountLayer .lightgreyBG {
		background-color:#CCCCCC;
	}
	
	.accountLayer .yellowBG {
		background-color:#FFE100;
	}
	
	.accountLayer .blueBText {
		color:#148AB2;
		font-size:11px;
		font-weight:bold;
	}
	
	.accountLayer .blackBText {
		color:#000000;
		font-size:11px;
		font-weight:bold;
	}
	
	
	/* phoneNumber pop-up layers */
	
	.phoneNumberLayer{
		width:600px;
	}
	
	.phoneNumberLayer td{
		padding:0px !important;
		border-bottom: 0px solid white !important;
		border:none;
		vertical-align:inherit; /* re-centers the pages available. */
	}
	
	/* 	remove they style=" blah blah blah " from the div's in the gray bar and replace 
			with classes next and prev.
	*/
	
	.phoneNumberLayer .next{
		margin:7px 5px 5px 0px;
	}
	
	.phoneNumberLayer .prev{
		margin:7px 0px 5px 5px;
	}
	.content .phoneNumberLayer{
		margin:0px 15px 15px;
	}
 	
	.content .phoneNumberLayer .title{
		font-weight: bold;
		margin:0pt;
	}
	

	.phoneNumberLayer .errorMessagingBox{
		margin: 0pt 0pt 10px; 
		display: none  !important;
	}
	

	.content .phoneNumberLayer #login, .content .phoneNumberLayer #password{
		width:187px;
	}
	

	.phoneNumberLayer .actionBox{
		float:none;
		display:inline !important;
		font-size:11px;
		padding:0 2px;
	}


	.content .phoneNumberLayer .centerImage {
    display: block;
    margin-left: auto;
    margin-right: auto 
	}
	
	
	.phoneNumberLayer .errorTable, .phoneNumberLayer .phoneNumberTable{
		width:100%;
	}

	.phoneNumberLayer .phoneNumberHeader{
		margin: 15px 0pt 0pt; 
		padding: 3px 10px;
	}
	.phoneNumberLayer .phoneNumberSubHeader{
	
	border-style: solid; 
	border-color: #ffff00 #cc9900 #cc9900 #ffff00;
	border-width: 1px;
	}

	.phoneNumberLayer .lightGreyBG {
		background-color:#CCCCCC;
	}
	
	.phoneNumberLayer .yellowBG { 
		background-color:#FFE100;
	}
	
	.phoneNumberLayer .blueBText {
		color:#148AB2;
		font-size:11px;
		font-weight:bold;
	}
	
	.phoneNumberLayer .blackBText {
		color:#000000;
		font-size:11px;
		font-weight:bold;
	}
	
	.phoneNumberLayer .lightYellowBG{
		background-color:#ffc;
	}
	
	.phoneNumberLayer .boldLink {
		font-weight:bold;
		text-decoration:none;
	}
	
	.phoneNumberLayer .boldLink {
		margin: 15px 0pt 0pt; 
		padding: 3px 10px;
	}
	.phoneNumberLayer .tableStyle {
		width:100%;
	}
/* Phone number layer with shopping cart */
	
	.phoneNumberLayerWithCart{
    padding:0px 15px 15px 15px;
	}
	.phoneNumberLayerWithCart .tableStyle {
		width:570px;
	}
	
/* zipcode pop-up layers */
	
	.zipCodeLayer{
		width:250px;
	}

	.content .zipCodeLayer{
		margin:0px 15px 15px;
	}
 	
	.content .zipCodeLayer .title{
		font-weight: bold;
	}
	
	.content .zipCodeLayer .red{
		color:red;
	}
	
	.content .zipCodeLayer #zipCode, .content .zipCodeLayer #password{
		width:187px;
	}
	
	.zipCodeLayer .actionBox{
		float:none;
		display:inline !important;
		font-size:11px;
		padding:0 2px;
	}

	.content .zipCodeLayer .centerImage {
    display: block;
    margin-left: auto;
    margin-right: auto 
	}
	
	
	.content .zipCodeLayer .section1 label, .content .zipCodeLayer .section1 input {
		display:inline;
		vertical-align:42%;
	}

	.content .zipCodeLayer .infoMessagingBox {
		width:auto !important;
	}
	
/* Error layer */

	.errorLayer{
		width:500px;
	}

	.content .errorLayer{
		padding:5px 15px 0 15px;
	}
	
	.content .errorLayer title{
		font-size:12px;
	}
	
	.content .errorlayer .errorText{
		color:red;
	}

	/* overriding common.css for errors in modals */
	/* removeing all styles from common.css:99 and nx_main.css:200 */
	.content #errorMessagingBox, .content .errorMessagingBox {
		background-color:#fff;
		background-image:none;
		border:none;
		display:block;
		padding:0px;
	}
	
	
	.content .errorLayer .errorMessagingText, 
	.content .errorLayer .errorMessagingList{
		color:red;
	}
	
/* end of Error layer */	
	
	
/* Taken from phones.css */
.overlay{
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	padding-bottom:-5px;
}

.aRight{
	text-align:right;
}

.aLeft{
	margin-bottom:-16px;
	text-align:left;
}

#upgradeModalDialogId a.actionBox{
	display:inline;
 	text-align:center;
	border:1px solid #b1b1b1;
	text-decoration:none;
	vertical-align:middle;

}
a.actionBox:hover{
	text-decoration:none;
}
a.actionBox img{
	vertical-align:middle;
	margin:0;
	padding:0;
}

.upgrade-price td{
	border-bottom:1px solid #CCCCCC;
	padding:5px 0 5px 15px !important;
	vertical-align:top;
	width:auto !important;
}

#upgradeModal .aRight{
	margin:0px 0px 1px 0px;
}

/* added for the account refresh message */

#upgradeModal .acctRefreshMsg{
	margin:0 0 10px 17px;
}

td.error{
	border-bottom:none;
	padding:0;
}

/*override of footer style */

#localFooter{
	width:auto;
}