@charset "utf-8";
/* CSS Document */

/* *******************************************************************************

DO NOT EDIT. 
CONTACT ATIF MALIK OR SHARON YATES PRIOR TO MAKING ANY ADJUSTMENTS TO THIS FILE

Layout Adjustments Specific to eSupport, otherwise always use global-styles.css

**********************************************************************************/

/* ***************************************************************************** */
/* *** Combined from ecare.css *** */

/***********************************************
 *** S T A R T  footer.css *** 
************************************************/

/**************************
FOOTER
**************************/

a img, :link img, :visited img { border: none }

.padding {
	padding:10px 10px 10px 16px;
}
#footer {
	font-family: Verdana, Helvetica, sans-serif;
	color:#666666;
	background-color: #ffffff;
	line-height: 1.5em;
	margin:0 auto;
	width: 985px;
	text-align: left;
	height:47px; 
}
 
#footer a:link {text-decoration:none;color: #3381B7;}
#footer a:active {outline:none;}
#footer a:visited{text-decoration:none;color: #3381B7;}
#footer a:hover{text-decoration:underline;color: #3381B7;}


.prefooter {
	margin-left:4px;
	background:url(//www.att.com/global/images/img_prefooter.gif) 0 4px no-repeat transparent;
	height:29px;
	width:977px;
	padding-top:7px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.fauxcontainer {margin-left:8px;}
.constrained {width:630px;padding-left:150px;}
.constrained a, .bottomLinks a:visited, .bottomLinks a:hover {color:#999999;}

.bottomLinks{clear:both; margin-bottom:10px; color:#cccccc;}
.bottomLinks a, .bottomLinks a:visited, .bottomLinks a:hover{ color:#999999; padding:0 5px;}
#attonweb {
	background-image:url(//www.att.com/global/images/en/img_ATTonWeb_composite.gif);
	background-repeat:no-repeat;
	height:26px; 
	font-size:10px;
}

.attOnWeb {
	position:relative;
	margin-left:108px;
	width:124px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#666;
	padding-top:5px;
}
 #attonweb a {
	font-size:12px;	
	text-decoration:none;
}
.attCom {
	width:130px;
	position:relative;
	margin-left:317px;
	margin-top:-19px;
	line-height:13px;
}

.attNet {
	width:200px;
	position:relative;
	margin-left:500px;
	margin-top:-26px;
	line-height:13px;
}
.copyright {
	clear:both;
	width:550px;
	line-height:1.3em;
	margin:0 3px;
	color:#656565;
	padding-top:10px;
}
.copyright a, .copyright a:visited, .copyright a:hover {color:#858585;}


.logoBlock {
	clear:both;	
	padding-left:0px;
	padding-top:20px;
	position:relative;
	width:840px;
}

.logoBlock img {
	padding-left: 35px;
	padding-bottom:14px;
	vertical-align:middle;   
}
.logoBlock a:first-child img { 
	padding-left:0; 
}

#footer .constrained {
    font-size: 11px;
}


/***********************************************
 *** E N D  footer.css *** 
************************************************/

/***********************************************
 *** usm.css *** 
************************************************/
/*
div#content-header div.usmEcare3Module {
	top:0; 
	right:0;
}
*/
/*
#ie div#content-header div.usmEcare3Module {
	right:9px;
} */
/*
div#content-header ul.secondaryUSM {
	margin-left:40px; position:relative;
}
*/
/********************
USM Module
*********************/

/*
#ie .section-title{
	position:relative;
	z-index:4 !important
}	
span.usmSubTitle {
	color: #666;
    display: block;
    font-size: 8pt;
    font-weight: bold;
    padding: 6px 0 0 12px;
	cursor:default;
}
span.usmSubGrpTitle{
	color: #333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 0 22px;
	cursor:default;
}
#usmModule{
	display:inline;
	position:relative;
	right:6px;
	top:6px;
	z-index:5;
	
}
#usmModule *{line-height:normal; position:relative;}
#usmModule ul{position:absolute;}
#usmModule li {display:block; width:100% !important;}
#usmModule ul, #usmModule li {
	margin:0; 
	padding:0; 
	list-style:none;
}
#usmModule > ul > li{padding-top:2px !important}
#usmModule > ul > li > ul {margin-bottom:10px;min-height:32px !important;}
#usmModule > ul {min-height:32px !important;}
*/
/* usm clicker */
/*
a.usm_click {
	border-style:none;
	color:#666;
	cursor:pointer;
	display:inline-block;
	height:40px;
	outline:medium none;
	text-decoration:none;
	width:279px;
}

a.usm_click span{
	display:inline-block;
	vertical-align:middle;
	width:150px;
	font-size:12px;
	margin-top:3px;
	color:#333;
}
a.usm_click span.singleline{margin: 5px 0 0 0px !important;}

a.usm_click img{
	display:inline-block;
	margin:5px 5px 0 6px !important;
	vertical-align:middle !important;
}
a.usm_click *{
	vertical-align:middle;
}
*/
/***************************************/

/*
.usmSeparator{background:url(/esupport/images/usm/gradSeparator.png) 2px 0px no-repeat transparent;}
li.usmSubSeparator{background: url("/esupport/images/usm/usm-sub-sep.gif") no-repeat scroll 11px 0px transparent;position:relative;top:4px;}
li.usmSubSubSeparator{background: url("/esupport/images/usm/usm-sub-sep.gif") no-repeat scroll 41px 0px transparent;position:relative;top:4px;}
li.usmSubDottedSep{background: url("/esupport/images/usm/usm-sub-dot.gif") no-repeat scroll 21px 0px transparent;position:relative;top:4px;}

.usm_menu {
	display:none;
	width:279px;
	background:url(/esupport/images/usm/dropdown.png) no-repeat scroll 0 100% transparent;
	position:relative;
	top:0px;
	z-index:4;
}
.usm_menu ul {
	width:auto !important;
	clear:both;
}

.usm_menu li a {
	display:inline-block;
	padding:5px 0 0 11px;
	margin: 5px 0;
	clear:both;
}
.usm_menu li.usmTitle > a,.usm_menu li.usmTitle > a:hover {
	color:#333;
	text-decoration:none;
	cursor:default;
}
.usm_menu li.sub a {
	display:inline-block;
	padding: 5px 0 0 21px;
	margin:0 !important;
}
.usm_menu li a:hover {
	
}
.usm_menu li a span{
	vertical-align:middle;
	display:inline-block;
	float:left;
	font-size:12px;
}
.usm_menu li.cancelled a, .usm_menu li.cancelled a:hover{
	color:#FD0200 !important;
}

.usm_menu li a img{
	display:inline-block;
	float:left;
	margin:0 5px 0 0;
	vertical-align:middle
}

.usm_menu li a:hover {
	color:#067ab4;
	text-decoration:underline;
	
}
.usm_menu li.selected a, .usm_menu li.selected a:hover{
	color:#333;
	text-decoration:none;
}

.usm_menu li {
	width:auto !important;
	clear:both;
	margin-left: 5px !important;
	min-height:12px !important;
	display:block;
}

.usm_menu li.sub {
    line-height: 14px;
    margin-left: 36px !important;
    width: 230px !important;
}
#ie .usm_menu li.sub {
    line-height: 14px;
    margin-left: 46px !important;
    width: 215px !important;
}
.usm_menu li.last{
	margin-bottom:10px !important;
}
.usm_menu li.selected{
	background:url(/esupport/images/usm/iconCheckMark.png) no-repeat scroll 90% 10px transparent;
	color:#333;
	text-decoration:none;
}

.usm_menu .linkaccount{
	clear: both;
}

.usm_menu .linkaccount a{
	clear: both;
    display: block;
    min-height: 32px !important;
    padding: 15px 47px 0 47px;
}
*/
/* New Css Start */
/*
.menu_container {
	background: url("/media/att/2011/support/usmspirit.gif") no-repeat !important;
	cursor:pointer;
	display:block;
	height:40px;
	min-height:40px;
	width:279px;
}
.menu_container div:first-child {
	background:url("/media/att/2011/support/usmspirit.gif") no-repeat scroll 0px -257px transparent;
	cursor:pointer;
	display:block;
	height:40px;
	width:279px;
}
.menu_container, .menu_container div:first-child, a.usm_click {
	height:auto !important;
}
.menu_container div:first-child{
	min-height:38px;
}
.menu_container_bot{
	background: url("/media/att/2011/support/usmspirit.gif") no-repeat left bottom; 
	padding-bottom:4px; 
	width:279px;
}
.usmchange{
	background:url("/media/att/2011/support/usmspirit.gif") no-repeat 0 -297px !important;
}
.singleline{
	font-size:11px;
}
*/
/* New Css End */
/**************************************************usm.css ends******************************************************/

/******************** mainSupport_PR.css ***************************/
@charset "utf-8";
/* Point Release added CSS Document */
.width300 {width:300px;}
.width350 {width:350px !important;}
.width116 {width:116px !important;}
.width200 {width:200px !important; vertical-align:middle;}
.topPad3 {padding-top:3px !important}
.topPad30 {padding-top:30px !important}
.rtPad30 {padding-right:30px !important}
.leftPad20 {padding-left:20px !important}
.botPad0 {padding-bottom:0px !important}

.PadLR0 {padding-left:0 !important; padding-right:0 !important;}
.pad-5-5-5-5 {padding:5px;}
.marLR5 {margin-left:5px !important; margin-right:5px !important}

.min135					{ min-height:132px; padding:10px}
.min135.nopad			{ min-height:132px }
	#ie6 .min135			{ height: 120px }



.email_icn {vertical-align:middle;}

/* BEGIN: Breadcrumb CSS */
#breadcrumbs ul li{float:left;}

ul#breadcrumbs li {padding-bottom: 3px; margin-bottom: 10px; float: left; position: relative;}
ul#breadcrumbs li div.tips-container { display: none; position: absolute; top: -50px; left: 0; width: 700px;}
ul#breadcrumbs li div.tips-container div {float: left;}
div.tips-left {
	background: #fff url('/esupport/images/breadcrumbs/left-side-left.gif') top left no-repeat;
	width: 21px;
	height: 44px;
}

div.tips-middle {
	background: #fff url('/esupport/images/breadcrumbs/middle-content-area.gif') top left repeat-x;
	height: 25px;
	padding-top: 20px;
}

div.tips-right {
	background: #fff url('/esupport/images/breadcrumbs/right-side-left.gif') top left no-repeat;
	width: 7px;
	height: 44px;
}

/* END: Breadcrumb CSS */

/* BEGIN: Superstitial code */

table.support-profile-table {
	border: 0;
	padding: 0;
}

table.support-profile-table td {
	padding: 3px;
}

table.support-profile-table-services td {
	padding: 3px;
	vertical-align: middle;
   /* height: 35px;*/
}

span.AttOrange {
	color: #ff7200;
	/* change as per new UI change 
	padding-left: 13px;*/
	padding-left:20px;
}

select.tabSelects {
	width: 230px;
}
/*
div#modalContainer {
	width: 480px;
}*/
div#buttonContainer img {
	float: right;
	margin: 10px 0 10px 10px;
}

#serviceContentDiv, #settingsContentDiv {
	border:1px solid #ccc;
	clear:both;
	padding: 10px;
}

#settingsContentDiv { display: none; }	

/* END: Superstitial code */

.first_110 {
	clear:left;
	display:inline;
	float:left;
	margin-bottom:10px;
	position:relative;
	width:110px;
	padding-top:10px;
}

.col_340 {
	display:inline;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	position:relative;
	width:320px;
	padding-top:10px;
}


.supportTopics_showPg_lft {
		float:left;
		font-size:11px;
		line-height:1.55em;
		margin-top:0;
		padding-bottom:5px;
		padding-left:18px;
		width:300px;
}
.kiosk_3tile 
{
	height:234px;
	background:url("/esupport/images/background/bg_three_tiles.gif") repeat-x scroll 100% 100% transparent;
	text-align:center;
}

.kiosk_3tile_lg
{
	height:234px;
	background:url("/esupport/images/background/bg_three_tiles_lg.gif") repeat-x scroll 100% 100% transparent;
	text-align:center;
}

.kiosk_2tile 
{
	height:234px;
	background:url("/images/eSupport/Backgrounds/bg_two_tiles_AA000PK7.gif") repeat-x scroll 100% 100% transparent;
	text-align:center;
}

.kiosk_icn_pad {
/* UI Change
height:92px; */
height:95px; text-align:center;}
/* hiding for UI Change 
.kiosk_header {padding-top:20px;}
div.kiosk_header h2 { color:#ff7200; font-size: 14px; line-height:16px; font-weight:bold; margin-bottom:11px; height: 35px; } */

/* ECAR1102-292 ( Per Itoro ) */
/* .kiosk_header {padding-top:20px;} */
div.kiosk_header h2 { color:#000; font-size: 14px; line-height:16px; font-weight:bold; margin-bottom:11px; margin-left: 11px;height: 35px; }
/* End of fix for ECAR1102-292 */

.kiosk_tile_connection { background:url("/esupport/images/background/bg_connection_icn.png") no-repeat scroll 100% 100% transparent; position:relative;}
.kiosk_tile_email { background:url("/esupport/images/background/bg_email_icn.gif") no-repeat scroll 100% 100% transparent;}
.kiosk_tile_service { background:url("/esupport/images/background/bg_service_icn.gif") no-repeat scroll 100% 100% transparent;}

.supportTopics_eCart_lft {
		float:left;
		font-size:11px;
		line-height:1.55em;
		margin-top:0;
		padding-bottom:5px;
		width:150px;
}

.supportTopics_eCart_rt {
		float:right;
		font-size:11px;
		line-height:1.55em;
		margin-top:0;
		padding-top:13px;
		padding-bottom:5px;
		width:30px;
}


#submitbox a.feed {
	background:url("/esupport/images/buttons/btn_blue_arrow.gif") no-repeat scroll 100% transparent;
	float:right;
	height:16px;
	line-height:16px;
	padding-right:18px;
}

.rt_support_link {
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	width:350px;
	line-height:16px;
}

.pageMessage {
	border-bottom:1px solid #CCCCCC;
	font-size:11px;
	padding-left: 5px;
	padding-right:5px;
}

.desclftNav {
	float:left;
	width:185px;
}

a.lt_nav_feed {
	background:url("/esupport/images/acc-arrow-right.gif") no-repeat scroll 100% 50% transparent;
	float:left;
	height:20px;
	line-height:18px;
	padding-right:10px;
}

.lt_nav_topics {
	padding-top:10px;
	min-height:120px;
}


/* Ask a Question DropDown Styles Begin */
	form#ask_a_QuestionForm .text { margin-right: 0; }
	#ie form#ask_a_QuestionForm .text { margin-right: -8px; }
	label#askInputLabel { color: #ff7200; font-size: 11px; font-weight: bold; line-height: 14px; margin-bottom: 5px; }
	div#subtitleID { position: relative; }
	form#ask_a_QuestionForm { right: 18px; }
/* Hiding after global Nav integration start 
	img#searchOptions { position: absolute; right: 0; top: 5px; }
	#ie img#searchOptions { top: 6px; }
	#ie6 img#searchOptions { top: 6px; left: 682px; }
	Hiding after global Nav integration End */
	div#search_options_container { 
		display: none;
		background: transparent url(/esupport/images/background/search_bg.gif) top left no-repeat;
        height: 110px; 
		width: 120px;
		z-index: 99999;
		position: absolute;
		right: 0;
		top: 23px;
		padding: 30px 0 0 10px;
	}
	
	div#search_options_container p {
		font-weight: bold;
	}
	
	div#search_options_container ul#searchList li a {
		color: #999;
	}
	
	div#search_options_container ul#searchList li a:hover {
		color: #067ab4;
	}
	
	div.col_230_border_none, div.col_230_border_none div.first_230 {
		position: static;
	}
	
	#ask_a_QuestionForm .text {
		color:#333;
	}
	div#search_options_container ul#searchList li a.setSearchText { color: #067ab4; }
/*  Ask a Question DropDown styles End */

#floatNotesLt
{
	float:left;
	width:50%; 
	font-style:italic;
	padding-left:10px;
	padding-top:10px;
}

#floatNotesRt
{
	float: right; 
	padding-top:10px; 
	padding-right:10px;
}

#icon_links a:link 
{
	color:#0A94D6;
	text-decoration:none;
}

#icon_links p, #icon_links a, #icon_links li, #icon_links span, #icon_links td, #icon_links th, #icon_links strong, #icon_links span, #icon_links select
{
	font-size:11px;;
}

#icon_links .printLinkIcn 
{
	background:url("/esupport/images/ico_print.gif") no-repeat scroll left 50% transparent;
	padding-left:20px;
	text-align:left;
}

#icon_links .emailLinkIcn 
{
	background:url("/esupport/images/ico_email.gif") no-repeat scroll left 50% transparent;
	padding-left:20px;
	text-align:left;
}

.emailLinkIcn2 
{
	background:url("/esupport/images/buttons/btn_share_Email.gif") no-repeat left;
	z-index:10000;
	padding-left:20px;
	
}

#icon_links .facebookIcn {
	background:url("/esupport/images/buttons/btn_share_FB.gif") no-repeat scroll left 50% transparent;
	padding-left:20px;
	text-align:left;
}


#icon_links .twitLinkIcn {
	background:url("/esupport/images/buttons/btn_share_Tweet.gif") no-repeat scroll left 50% transparent;
	padding-left:20px;
	text-align:left;
}
/* PROD12-2960 - 404 error-/esupport/images/buttons/btn_share_Linked.gif -------- Commenting the class as this is not in use ------------
#icon_links .lnkdLinkIcn {
	background:url("/esupport/images/buttons/btn_share_Linked.gif") no-repeat scroll left 50% transparent;
	padding-left:20px;
	text-align:left;
}
*/
#icon_links .delLinkIcn {
	background:url("/esupport/images/buttons/btn_share_Del.gif") no-repeat scroll left 50% transparent;
	padding-left:20px;
	text-align:left;
}

#icon_links .diggLinkIcn {
	background:url("/esupport/images/buttons/btn_share_Digg.gif") no-repeat scroll left 50% transparent;
	padding-left:20px;
	text-align:left;
}

#icon_links .bkMrkLinkIcn {
	background:url("/esupport/images/buttons/btn_share_BM.jpg") no-repeat scroll left 50% transparent;
	padding-left:20px;
	text-align:left;
}

.vAlignTB {vertical-align:text-bottom !important} /* Text Bottom */
.vAlignMid {vertical-align:middle !important}
.topPad15_sp {
	padding-top:15px !important;
}

#ie .topPad15_sp {
	padding-top:0px !important;
}

/* BEGIN: social bookmarking code */

div#shareContainer { position: none; }
div#socialIcons { display: block; position:absolute; background-color: #fff; width:160px; }
#ie div#socialIcons { display: block; position:absolute; background-color: #fff; width:160px;}

/* END: social bookmarking code */
.bullet {
list-style-type:none;
margin:0;
padding:0;
float:left;
}
/* My Support Profile PopUp */
.buttonContainer {
	/* changing for UI Change
	float: right!important;
	padding-right: 20px!important; */

	position:relative;
	text-align:right;
	right:20px;
	}
.buttonContainer input{vertical-align:top!important}
 #navContainer li.active a, .navContainer li.active a.outline {
	outline:none!important
}
.buttonContainer img {
	margin:0 17px 10px;
}

div#left-column-container {
	width: 710px;
	float: left;
}

.col_680 { 
	width:710px;
	border:1px solid #ccc;
	margin-bottom: 0 10px 10px 0;
}

.min255 {
	min-height:205px;
	padding:10px;
}

div#view-more {
	width: 160px;
}

div#view-more a.feed {
	background:url("/esupport/images/acc-arrow-right.gif") no-repeat scroll 100% 50% transparent;
	float:right;
	height: 19px;
	line-height: 16px;
	padding-right: 15px;
}

div#email-cart-column {
	height: 503px;
}

#ie div#email-cart-column {
	height: 524px;
}

div#email-cart-bg {
	height: 483px;
}

#ie div#email-cart-bg {
	height: 523px;
}

div#large_subkiosk { background: url("/esupport/images/background/subkiosk_bg_708x234.gif") no-repeat left top; height: 234px; width: 708px; }

ul#subkioskList { margin-top: 10px; width: 475px; }

ul#subkioskList li { width: 100%; background: url("/esupport/images/buttons/btn-small-white-caged-arrow.gif") no-repeat scroll 0 3px transparent; padding-bottom: 0.6em; padding-left: 18px; border-bottom: 1px dotted #ccc; }

.col_560 { display:inline; float:left; margin-bottom:10px; margin-left:10px; padding-top:10px; position:relative; width:560px; }
/* UI Change for new UI 23-02-2011 Start For articleEmail.jsp */
.error{color:#D8000C;font-size:0.8em;}
label.error{margin-left:10px;}
td.pr-tr span{border:0px solid;display:block;font-weight:bold;height:11px;margin-top:0;padding-bottom:8px;padding-right:5px;padding-top:0;text-align:right;width:200px;}
td.teeny{padding-left:10px;}
.chk-style{color:#067AB4; font-weight:bold;}
/* UI Change for new UI 23-02-2011 End */

/* This 2 classes are for Virtual Expert */
.showSlot {display:block;}
.hideSlot {display:none;}
/* End code for Virtual Expert */

/** BEGIN: CSS Code for B2C-91415 **/

.min186 					{ min-height:164px; padding:10px}
.min186.nopad 			{ min-height:184px }
	#ie6 .min186			{ height:164px; }
	#ie6 .min186.nopad		{ height:184px }


ul#icon_bullet_chat li {
	background:url("/esupport/images/bullet-3x3.gif") no-repeat scroll 6px 6px transparent;
	font-size:11px;
	line-height:1.45em !important;
	padding-left:20px;
}
ul#icon_bullet_chat li.chatIcon {
	background:url("/images/eSupport/Chat/icn_chat-att_AA000M2E.gif") no-repeat scroll 0 2px transparent;
	padding-left:20px;
}
ul#icon_bullet_chat li.repairIcon {
        background:url("/esupport/images/ico_wrench_16x15.gif") no-repeat scroll 0 0 transparent;
        padding-left:20px;
}


.min105					{ min-height: 83px; padding:10px}
.min105.nopad			{ min-height:103px }
	#ie6 .min105			{ height: 83px; }
	
/** END: CSS Code for B2C-91415 **/

/********************************* End mainSupport_PR.css*****************************/




h2 {font-size: 16px !important; font-weight: bold;}
h2.solutionTitle {font-size: 20px !important; font-weight: normal;}

h3 { /* hidding it after glb intregration font-size: 1.3em; */ font-size:13px !important; font-weight: bold; margin: 0 0 5px 0; }
h4 { /* margin: 5px; */ font-size: 1.1em; font-weight: bold; }


div#content {
	padding: 0;
}

.homepage-title {
    height: 4em;
    padding: 10px 0 0 14px;
    position: relative;
}
.homepage-title h1 {
    color: #333333;
    float: left;
    font-size: 2.3em;
    line-height: 1.2;
    margin-right: 10px;
}

div#content-header {
	background: #fff url('/esupport/images/background/content-header-slice_2x56.gif') right bottom repeat-x;
	width: 944px;
	/* hiding height & border for flexi height 
	height: 50px;
	border-bottom: 1px solid #ccc;*/
	padding-left: 14px;
	padding-right: 14px;
	
	/* adding float & padding bottom for flexi height */
	float:left;
	padding-bottom:5px;
	min-height:48px;
}
/* Hiding after global Nav integration start 
#ie div#content-header {
	height: 35px;
}
*/
div#left-content-col, div#middle-content-col, div#right-content-col, div.left_sxn_top, div.left_sxn_middle, div.left_sxn_bottom, 
div.video-container div.video-photo, div.video-container div.video-text, div#content-header-left, div#device-support, 
div#select-device, div#links-row-left, div#links-row-right, div.divider, div#one-tile-left, div#one-tile-right, 
div#kiosk-right-bottom-left, div#kiosk-right-bottom-right, div#filter-left, div#filter-right, div#phone-area, div#select-button-area, 
div#article-content-col, div#left-col, div#right-col, div#shareContainer, div#resizing, div.thumbnail-blob, div.text-blob, 
div.col_225 {
	float: left;
}

div#email-print {
	position: absolute;
	top: 441px;
	right: -10px;
}

div#content-header-left {
padding-top:9px;
position:relative;
}
div.with-mysection {
padding-left:30px;
width:570px;
}
div.without-mysection {
padding-left:10px;
width:585px;
}

/* Hiding after global Nav integration start 
#ie div#content-header-left {
	width: 390px;
	padding-top: 5px;
}

#ie div#content-header-left h1 {
	margin-top: -5px;
}
*/
h1#personalized {
	margin: 0 0 0 23px;
}

h1#personalized {
	margin: 0 0 0 20px;
}

img#personalized-icon {
	position: absolute;
	top: -5px;
	left: -14px;
}

#ie img#personalized-icon {
	top: -20px;
}

div#device-support {
	width: 274px;
}

div#select-device {
	width: 251px;
	margin: 4px 0 0 0;
}
/* Adding important to height after replacing global-style.css 
#ie div#select-device {
	width: 300px;
	margin-top: -12px;
}
*/
p#device-selected {
	text-align: right;
	font-weight: bold;
}

#ie p#device-selected {
	margin-right: 50px;
}

p#device-selected span {
	font-weight: normal;
}

p#personalize {
	margin: 12px 0 0 66px;
	padding: 0;
	text-align: left;
}

/*#ie p#personalize{margin-top:12px;}*/

div#device-container {
	margin: 3px 0 0 0;
}
/* Adding important to height after replacing global-style.css 
#ie div#device-container {
	margin-top: -12px;
}
*/
div#device-top {
	background: #fff url('/esupport/images/background/topSlice_241x5.png') top left no-repeat;
	width: 241px;
	height:5px;
}

div#device-middle {
	width: 209px;
	background: #fff url('/esupport/images/background/middleSlice_1x32.png') left top repeat-x;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	padding: 0 15px;
}

div#device-bottom {
	background: #fff url('/esupport/images/background/bottomSlice_241x4.png') top left no-repeat;
	width: 241px;
	height:4px;
}

img#device-icon {
	float: left;
}

img#selection-arrow {
	float: right;
	margin-top: 10px;
}

span#select-device-link {
	float: left;
	padding: 10px 0 0 20px;
	font-weight: bold;
}

span#select-device-link-with-data {
	float: left;
	padding: 0 0 0 20px;
	font-weight: bold;
}

span#select-device-link-with-details {
	float: left;
	padding: 0 0 0 10px;
	font-weight: bold;
}

#ie span#select-device-link-with-details {
	width: 160px;
}

span#select-device-link-with-details span {
	font-weight: normal;
}

#ie span#select-device-link-with-data {
	width: 150px;
}

div#device-middle p {
	margin-bottom: 0;
}

div.selector {
	/* margin-bottom: 5px; */ margin-bottom:0;
}

div#left-content-col {
	margin: 16px 10px 0 0;
	width: 230px;
}

div.row-seamless-2 {
    padding: 14px 14px 20px 14px;
}

div.askaQDiv {
	width:100%; float:left; margin-bottom:0;
}

div.askaQDivInput {
	background: url("//www.att.com/media/att/2011/support/ask_a_question_sprite.png") no-repeat scroll 0px 3px transparent;
    float: left;
    height: 30px;
    padding: 0;
    width: 150px;
}

div.askaQDivSearch{
	float: left;
    padding: 4px 0 0;
    width: 60px;	
}

#askQInput, #askInput {
  background-color:transparent !important; 
  border: medium none; 
  color: #CCCCCC; 
  font-size: 11px; 
  height: 20px; 
  margin-top: 5px; 
  text-align: left;
  padding:4px 0 0 2px;
}
#ie {
  padding: 3px 0 0 0;
  line-height: 1.7em;
   /* Adding margin right after global Nav integration */
  margin-right:0px !important;
}
#ie #askQInput {
  padding: 3px 0 0 5px;
  line-height: 1.7em;
   /* Adding margin right after global Nav integration */
  margin-right:0px !important;
}

input#askQInput {
	color: #ccc;
	font-size: 1.2em !important;
}

#ie #askQInput {
  line-height: 1.8em;
}

#askFormImageSubmitButton {
	position: absolute;
	right: 42px;
	top: 38px;
}


div#secondary-content {
	margin-top: 14px;
	margin-left: 10px;
	position: relative;
	z-index: 2;
}

div#primary-content {
	margin-left: 12px;
	width: 713px;
}

img#searchOptions {
	position:absolute;
	right:22px !important;
	top: 38px;   
}



div.video-container {
	padding: 10px 10px 0 0;
	border-top: 1px dotted #ccc;
}

div.video-photo {
	padding-right: 10px;
	width: 77px;	
}

div.video-text {
	width: 95px;	
}

div.video-text p.video-link {
	margin-top: 10px;	
}

div#first {
	border: 0;
	margin-top: 0;
}

div#middle-content-col {
	width: 470px;
	margin: 15px 0 5px 0;
}

div#mid-mid {
	margin-top: 15px;
	padding-bottom: 0;
	border-bottom: 1px solid #fff;
}

div.kiosk_3tile, div.kiosk_2tile {
	width: 468px;
	/* changing height after global Nav integration  to 252px. However changing it back to 225 for B2C-88868*/
	height:225px;
}

div.kiosk_1tile {
	width: 464px;
	height:239px;
	position: relative;
}


div#k1 {
	margin: 0 10px;
}

div#k2 {
	margin: 0 17px 0 22px;
}

div#k3 {
	margin: 0 1px 0 10px;
}

div.col_225 {
	width: 210px;
	margin: 10px 0;
	text-align: center;
}

div#k4 {
	margin: 0 5px 0 15px;
}

div#links-row {
	width: 426px;
	padding: 20px 20px 0 20px;
}
div#links-row #supportTopics_graydotted_lft {
	padding-bottom:5px;
}

div#links-row h2 {
	margin-bottom: 10px;
	height:20px;
}

div#links-row p {
	margin: 25px 0 0 0;
}

div#links-row  hr {
	border-top: 0.01em solid #ccc;
	margin: 15px 0;
	height: 1px;
}

div#links-row-left {
	width: 210px;
    /* border-right: 1px solid #ccc; */
    margin-right: 20px;
}


div.divider {
	width: 10px;
	margin: 0 22px 0 8px;
	height: 165px;
	background: #fff url('/esupport/images/background/bg_divider_10x165.gif') top left no-repeat;
}

ul.article-links {
padding: 0;
margin: 0 0 15px 0;
list-style-type: none;
}

ul#supportTopics {
padding: 0;
margin: 0 0 15px 0;
list-style-type: none;
}

ul.article-links li, ul#supportTopics li {
	margin-bottom: 5px; 
}

ul.article-links-arrows li {
	margin-bottom: 9px; 
	line-height: 20px;
}

.min127 {
	min-height:127px;
}

.min129 {
	height: 129px; 
}

.min100 {
	min-height: 100px; 
}

.min120sq {
	min-height: 120px;
}

.min37 {
	min-height:37px;
}

div.promo, div.promotion {
	padding: 14px 14px 0 14px;
}

h2.browse-topics {
	margin-bottom: 10px;
}

div#secondary-content div.box {
	background-position: 100% 100% !important;
	margin-bottom: 0;
	padding-bottom: 20px;
}


div#primary-content div.box {
	margin-bottom: 10px;
}
label {
	float: left;
	margin-right: 10px;
}

label#support-for {
	position: relative;
	top: 4px;
	margin-right: 10px;
}

img#one-tile-kiosk-thumbnail {
	margin-top: 25px;
}
div.kiosk_header h2, #mid-mid h2 {
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    line-height: 16px;
	margin: 0;
	text-align: center;
}
div#kiosk-right-bottom-left {
	width: 180px;
	padding-right: 20px;
}
div#kiosk-right-bottom-right {
	width: 140px;
}

div#kiosk-right-bottom-single {
	width: 340px;
}

div#one-tile-container {
	width: 434px;
	padding:0 15px 15px 15px;
}

div#one-tile-left {
	width: 88px;
}

div#one-tile-right {
	width: 340px;
	padding: 10px 6px 0 0;
}

div#one-tile-right h2 {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

img#one-tile-kiosk-thumbnail {
	margin-top: 25px;
}

div#kiosk-right-bottom-left {
	width: 180px;
	padding-right: 20px;
}
div#kiosk-right-bottom-right {
	width: 140px;
}

div#kiosk-right-bottom-single {
	width: 340px;
}

.arrowLt {
    background: url("/esupport/images/background/iconArrowLeft.png") no-repeat left center;
    padding: 0 0 0 15px;
}

div#questions-container {
	padding: 0 20px;
	width: 424px;
}

div#questions-container h1 {
	font-size: 1.6em;
	margin-bottom: 15px;
	font-weight: bold;
}


div#show-questions-container {
/*	padding: 0 0 10px 0; */
}

div#show-questions-container h3 {
	margin-top: 20px;
}

label#questions-label {
	font-weight: bold;
	margin-top: 5px;
	position: relative;
	top: 5px;
}

#ie label#questions-label {
	margin-top: 10px;
}

ul.question-links {
	padding: 0;
	margin: 0 0 0 13px;
	list-style-type: disc;
}

ul.question-links li, ol.article-links li {
	margin-bottom: 8px; 
	color: #067AB4;
}

ol.article-links {
	padding: 0;
	margin: 0 0 20px 20px;
	list-style-type: decimal;
}

ol.article-links li {
	color: #000;
}

#ie ol.article-links {
	margin-left: 22px;
}

div#primary-content ul#pagination {
	list-style: none outside;
	margin: 0 0 30px 0; width:auto; float:right;
}

div#primary-content ul#pagination li {
	float: left; 
	margin: 0 5px;
}

div#primary-content ul#pagination li#current {
	border: 1px solid #f0f0f0;
	color: #aaa;
	padding: 0 5px;
	position: relative;
	top: -1px;
	left: 2px;
}

div#primary-content ul#pagination li#next {
	border-left: 1px dotted #ccc;
	padding-left: 10px;
}

div#primary-content ul#pagination li#ellipses {
	color: #f0f0f0;
}

div#article-content-col {
    margin: 15px 0;
    padding: 20px;
    width: 663px;
}

div#socials-resizings {
	width: 700px;
	margin-bottom: 30px;
}

div#shareContainer .printLinkIcn {background: url("/esupport/images/ico_print.gif") no-repeat left 60%;
    display: inline-block;
    /* float: left; */
    padding-left: 20px;
    padding-top: 4px;
    text-align: left;
    width: 28px;}
div#shareContainer .fbIcn {
    background:url("/media/att/2011/support/icon_sprite.png") no-repeat scroll 0 -90px transparent;
	height:20px;
	padding-left:0;
	text-align:left;
	width:20px;
}

div#shareContainer .twitIcn {
    background:url("/media/att/2011/support/icon_sprite.png") no-repeat scroll 0 -128px transparent;
	height:20px;
	padding-left:0;
	text-align:left;
	width:20px;
}

div#shareContainer a {
	display: inline;
    /* float: left; */
    padding-left: 0px;padding-right: 0px;padding-bottom: 0px;padding-top: 0px;
}
div#shareContainer #emailArticleLink {padding:0px; height:auto;}
div#shareContainer {
	margin-left: 10px;
}

div#resizing {
	width: 480px;
}

#ie div#resizing {
	width: 487px;
}

div#resizing p {
	float: left;
	margin: 5px 0 0 0;
}

div#resizing ul {
	float: left;
	width: 60px;
	margin: 0;
	padding: 0;
}

div#resizing li {
	float: left;
	list-style: none;
	width: 20px;
}

div#resizing li a {
	color: #000;
	font-weight: bold;
	margin: 5px;
	line-height: 25px;
}

div#resizing li #small {
	font-size: 12px;
	padding: 0 3px;
}

div#resizing li #medium {
	font-size: 15px;
	padding: 0 3px;
}

div#resizing li #large {
	font-size: 18px;
	padding: 0 3px;
}

div#resizing a.activeSize, div#resizing a:hover {
	color: #ff953f;
	border: 1px solid #ccc;
	text-decoration: none;
}

div#article-callout {
	margin-bottom: 20px;
	padding: 10px 0 10px 15px;
	position: static;
	z-index: 99;
}

#ie div#article-callout {
	margin: 20px 0;
}

div.thumbnail-blob {
	width: 225px;
	border-right: 1px solid #eee;
	margin: 10px 0;
}

div#second-blob {
	width: 245px;
	margin-left: 10px;
}

div#last-blob {
	border-right: 0;
	width: 146px;
	margin-left: 10px;
}

div.thumbnail-blob img {
	float: left;
	margin-right: 10px;
}

div.text-blob {
	width: 110px;
}

div#second-blob div.text-blob {


	width: 140px;
}

input#articleSubmitButton {
	margin: 0;
	position: relative;
	top: 1px;
}

form#contact label {
	float: none;
	font-size: 1em;
	margin-right: 16px;
}

form#contact textarea {
	border: 1px solid #ccc;
}

#tertiary-content {
    margin: 0 14px;
    width: 946px;
}

div.answerContent h2 {
	font-size: 17px;
	padding: 10px 0;
}

div.answerContent h3 {
	font-size: 15px;
	margin: 0 0 20px 0;
}

div.answerContent h4 {
	font-size: 13px;
	margin: 0 0 5px 0;
	font-weight: bold;
}

div.answerContent p {
	font-family: arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
	/* Commenting for UI Space issuse (Atif mail - ref KB400841)
	margin: 0 0 20px 0; */
}

div.thumbnail-blob p {
	font-size: 13px;
	margin: 0;
}

div.msg {
    background: none repeat 0 0 #fefce1;
    border:1px solid #FCF7B8;
    margin: 0 0 10px 0;
    padding: 11px 14px 11px 14px;
}

.section-divider {
    background: url("/esupport/images/background/section-divider.gif") no-repeat 50% 0 transparent;
	margin-top: 10px;
}

div.answerContent .section-divider h2, #ie div.answerContent .section-divider h2 {
    font-size: 2em;
	padding: 15px 0 10px 0;
	font-weight: normal;
}

.section-title {
    background: url("/esupport/images/background/grad-heading.gif") repeat-x left bottom #f5f5f5;
    min-height: 55px;
}

div#feedback-container {
	float: right;
	width: 703px;
	/* Hiding after global Nav integration start
	margin-right: 5px; */
}

div#feedback-container h2 {
	font-size: 2em;
	padding: 10px 0;
	float: none;
	/* Hiding after global Nav integration start
	font-weight: normal;*/
}

div#feedback-container div.row-seamless {
	width: 680px;
	margin: 0 auto 20px auto;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}

div#feedback-container div#left-col {
	width: 270px;
	padding: 0 30px 0 15px;
}

div#feedback-container div#left-col div {
	margin-bottom: 40px;
	clear: both;
}

div#feedback-container div#right-col {
	border-left:1px solid #CCCCCC;
	float:left;
	padding-left:30px;
	width:300px;
}

div#rowP {
	margin-bottom: 20px;
}


div.row-seamless h4 {
	margin-left: 0;
}

div.modalContent div.row-seamless {
	/* margin-bottom: 25px;*/
}

#ie div.modalContent div.row-seamless {
	margin-bottom: 0;
}

div.row-seamless p {
	margin-bottom: 20px;
}

span#separator {
	color: #ccc;
}

img#submit-button {
	float: right;
	margin-right: 15px;
	margin-bottom: 30px;
}

p#solution-applies {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

div.thumbnail-blob h3 {
	margin-bottom: 3px;
	font-size: 1.5em;
	font-weight: normal;
}

div.thumbnail-blob h3 a {
	font-weight: normal;
}

img#shareIcons {
	margin-right: 3px;
}

span#text-divider {
	color: #000;
	position: relative;
	top: -1px;
}

span#in-between {
	position: relative;
	color: #000;
/* Hiding after global Nav integration start
	top: -5px; */
	/* Adding after global Nav integration start */
	float:left; 
	/* padding:2px 5px 0 3px; */ padding:6px 13px 0 3px;
	font-size: 1.1em;
}
input.submitbtn{margin-top:1px;}


p#viewing-info {
	margin-top: 14px;
	float: left;
	width: 450px;
}

p#feature-link {
	position: absolute;
	top: 200px;
	right:34px;
}

p#feature-link-left {
	position: absolute;
	top: 200px;
	left: 103px;
}

.modalContent {
    text-align: left;
	padding: 0 25px 20px 25px;
}

p.slot-cta {
	position: absolute;
	bottom: 32px;
	margin-left: 14px;
}

img#okay-button  {
	float: right;
}

div.browse-device-container {
	height: 215px;
	overflow-y: auto;
	overflow-x: hidden;
	/*width: 480px;*/ width:470px;
	display: none;
}

div#nyroModalWrapper {
	overflow: hidden;
}

div.browse-device-container ul li {
    float: left;
    list-style: none outside none;
    text-align: center;
    height:	133px;
    width:	106px;
}

div.browse-device-container ul li img {
    padding: 5px 20px;
}

div.browse-device-container ul li img:hover {
    border: 1px solid #005b95;
    background-color: #fff;
    cursor: pointer;
    cursor: hand;
}

table.browse-text-table {
	border: 0;
	margin: 0;
	width: 100%;
	border-top: 1px dotted #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px dotted #ccc;
	border-left: 1px solid #ccc;
}

table.browse-text-table tr.odd {
	background-color: #e8f0f4 !important;
}

table.browse-text-table td {
	width: 50%;
	border-right: 1px solid #ccc;
	padding: 5px;
}

table.browse-text-table td.last {
	border: 0;
}

table.support-profile-table, table#email-table {
	border: 0;
	margin: 0;
	width: 100%;
}

table.support-profile-table td {
	padding-bottom: 20px;
}

table#email-table td {
	width: 200px;
	padding-bottom: 15px;
}

#ie table#email-table td {
	padding-bottom: 6px;
}

table#email-table td div {
	font-size: .9em;
	margin-top: 11px;
}

table.support-profile-table label {
	margin: 0;
	font-size: 1em;
}

table.support-profile-table a {
	position: relative;
	top: 2px;
}

div#filter-selected-container label { 
	color: #0096d6;
	font-weight: bold;
	margin: 0;
}

div.filter-selected-container {
	width: 490px;
	/* margin-bottom: 10px; */
}

div#filter-left {
    margin: 0;
    padding: 0 0 0 10px;
    width: 250px;
}


#ie div#filter-left {
	width: 285px;
}

div#filter-left h1 {
    color: #0096D6;
    font-size: 30px;
    left: -10px;
    top: 0px;
}
#filter-left h4, #filter-right h4{margin:6px 5px 8px 0;}
#filter-right div.selector{top:0;}
#filter-right div.checker{margin-top:7px !important;}
div#filter-right h1 {
    color: #0096D6;
    font-size: 30px;
    left: 50px;
    top: 0;
}


#ie div#filter-left h1, #ie div#filter-right h1 {
    top: 0;
}

div#filter-right {
background: url("/esupport/images/background/faded_divider_2x82.gif") no-repeat scroll left top #fff;
border: none;
padding-left: 70px;
width: 150px;
}

#ie div#filter-right {
	width: 160px;
	padding-left: 30px;
}

h1.steps {
	position: absolute;
}

p#no-see {
	/* Hiding top nafter global Nav integration */
	top: 20px;
	right: 0;
}

div#phone-selected-area {
	/* width: 525px;*/
}

div#phone-area {
	background:#FFFFFF url(/esupport/images/background/faded_divider_2x82.gif) no-repeat scroll 107px 9px;
	width:122px;
}

div#select-button-area {
	width: 338px;
	visibility: hidden;
}

h1#phone-selected-text {
	margin: 0 5px;
	width: 300px;
	color: #0096d6;
}

img#save-button {
	top: 20px;
	right: -40px;
}

img#okay-button {
	float: right;
	margin-top: 20px;
}

input#save-button {
	right: 3px;
	top: -15px;
}

input#modal-save-button {
    position: relative;
    top: 60px;
	right: 5px;
}

div.nothing-selected {
	width: 90%;
	height: 175px;
	background: #fff url("/esupport/images/background/bg_no_phone_174x160.png") no-repeat 150px center;
	text-align: center;
}

.asterix {
    color: #f00;
    font: 12px arial;
}

.modalContent h2 {
	font-weight: normal;
}

table#email-table td div#modalError {
	margin-bottom: 10px;
	font-size: 1.1em;
}

.tab-group {
	/* width: 520px; */ width:500px;
	/*height:220px;*/ height:auto;
}

.tabs a, .ajaxtabs a {
    top: 1px;
}

div#secondary-content h2 {
	margin-bottom: 5px;
}

div#note-area {
	margin-bottom: 20px;
}

table#feedback-table {
	border: 0;
	padding: 0;
}

table#feedback-table td {
	width: 25px;
}

table#feedback-table label {
	font-size: 1.1em;
}

div#feedback-container table#feedback-table td div.radio {
	margin-bottom: 0;
}

table#feedback-table td img {
	position: relative;
	top: 5px;
}

#ie table#feedback-table td img {
	top: 0;
}

td.separator {
	width: 30px;
}

div#note-area p {
	margin-bottom: 15px;
}

div#right-col h4 {
	margin-bottom: 10px;
	font-size: 1.1em;
}

div#right-col p {
	margin-bottom: 10px;
}
/* Hiding after global Nav integration start 
a#shareLink {
	margin-right: 10px;
}
*/
#ie div#socialIcons {
	position: absolute;
	z-index: 99999;
}

div.modalContent hr {
	border-top: 0.01em solid #ccc;
	height: 1px;
	width: 525px;
}

form#ask_a_QuestionForm div#specific {
	clear: both; float:left;  width:100%;
	margin: 4px 0 0 0;
}

form#ask_a_QuestionForm div#specific label {
	margin-right: 0;
	width: 200px; margin-bottom:0;
}

form#show-questions div#specific label {
	margin-right: 0;
	width: 210px;
}

form#show-questions div#specific label span {
	font-weight: bold;
}

form#ask_a_QuestionForm label span {
	position: relative;
	font-weight: bold;
	font-size: 11px;
	top: -4px;
}




/*****************
 MODAL TREATMENT
*****************/
.nyroModal{}/*empty class so it shows up in dreamweaver*/
div#nyroModalFull {
	font-size: 1.2em;
	color: #333;	
}
div#nyroModalLoading {
	border: 1px solid #e3e3e3;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(/esupport/images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 3px solid #F00;
	line-height: normal;
	padding: 24px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}



div#nyroModalWrapper {
	background: #fff;
	border: 1px solid #e3e3e3;
/* Adding for new layout UI change*/
	-moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow:0 0 15px;
}


a#closeBut {
	position: absolute;
	display: block;
	top: 18px;
	/* removing for new layout UI change
	right: 0;*/
	right:15px;
	/* removing for new layout UI change
	width: 84px;*/
	height: 20px;
/*	text-indent: -9999em;*/
/* removing for new layout UI change
	background: transparent url(/esupport/images/btn_close.gif) 45px 1px no-repeat;*/
	background: transparent url(/esupport/images/btn_close.gif) right 5px no-repeat;
	outline: 0;
	padding-top:5px;
	/* Adding for new layout UI change */
	padding-right:23px;
	font-size:11px;
	color:#067AB4;
	text-decoration:none;

}

a#closeBut2 {
    position: absolute;
    display: block;
    top: 18px;
    right:15px;
    height: 20px;
    background: transparent url(/esupport/images/btn_close.gif) 30px center no-repeat;
    outline: 0;
    padding-top:5px;
    padding-right:23px;
    font-size:11px;
    color:#067AB4;
    text-decoration:none;

}

h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalContent {
	/* removing for new layout UI change
	overflow: hidden;*/
	text-align: left;
	overflow-y: auto;
	overflow-x: hidden;
	
}
#nyroModalWrapper{width:550px;}

div.wrapperImg div#nyroModalContent {
	position: relative;
/*	overflow: auto;*/
	text-align: left;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
/*	overflow: auto;*/
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}

/* NEW MODAL STYLES */
#ie .modalHeader { 	top:3px; }
#ie .modalHeader h1 {padding: 17px 0 0 15px; margin: 0; }


.modalContent {
	position: relative;
	padding:0px;
	width:550px;
	font:11px Arial;

}
.modalPrint {position:absolute;top:20px;right:30px;}
.printModalLink {
	background:url('/esupport/images/icon_print.gif') 0px 3px no-repeat;
	width:30px;
	height:20px;
	padding-left:20px;
}
.modalButtons {position:relative;top:20px;margin-bottom:15px;}
.bt_right {float:right;}

.topPad5{padding-top:.5em}

/* Adding css for new layout UI Change */
#nyroModalContent{position: relative;}
#modalHdr{padding:20px 15px 0;}


/* Adding css for new layout UI Change 25Feb2011 */
#modalHdr div.title{font-size:2.0em;font-weight:normal;}
.modalContent div.modalheader{
	background:transparent url(/esupport/images/background/bg_modal_top.gif) repeat-x scroll left bottom;
	border-bottom:1px solid #CCCCCC;
	/*padding:0 1px 14px;*/ 
	padding:0;
	/*width:550px;*/
}
#modalContainer{padding:14px 20px 20px 30px;}
#modalContainer td#emailTextArea {
	font-size:1.7em;
	font-weight:normal;
	padding-bottom:5px;
	width:200px;
}


ul#navContainer {margin: 15px 0 0 0;padding: 0;float: left;}
#navContainer li{display: inline; float:left;background:#fff;}
#navContainer li#settings,#navContainer li#services{-moz-border-radius: 5px 5px 0 0;border: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 0px solid #ccc;}
#navContainer li#settings{margin-left:-1px;}
#navContainer li a{float: left;padding:10px;text-decoration: none;}
#navContainer li.active{border: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-bottom: 0px solid #ccc;}

#navContainer li.active a, .navContainer li.active a.outline {
    background-color: #fff;
    display: block;
    outline: medium none !important;
    position: relative;
    top: 2px;
}



.tabs a.active{color:#333;}
.tabs li{min-height:37px !important;}
.tabs a.current{height:19px; padding-top:7px !important; border-bottom:1px solid #ff0000 !important; background:white !important;}
.tabs .deact{min-height:17px !important;}
.tab-group{*margin-top:0;}
.tab-group .tabcontent{height:225px; overflow:hidden;}

#serviceContentDiv{margin-top:-1px; float:left; width:460px; }


/* Hiding after global Nav integration start */
body{/* font-size:12px; */ color:#333; font-family:Arial;}
p, li,p a, li a, dt a, dd a, dd p, td a, th a, h2 a, h3 a, h4 a, h5 a, h6 a, td, label {font-size:12px;}

a{font-size:12px; color:#278CBE;}
a:hover{color:#278CBE;}

a.view-more, a.link_primary {
	background:url("/esupport/images/global/iconArrow.png") no-repeat scroll right center transparent;
	/*line-height:50px;*/
	padding:0 15px 0 0;
}

#solutionFinder{-moz-border-radius:5px 5px 5px 5px; padding-bottom:1px;}
#left-content-col .first_194 div.pad-5-5-5-5{padding:0;}
span#select-device-link{font-size:11px;font-weight:bold;padding:0 0 0 20px !important; width:140px;}

div.checker{float:left; padding-right:4px;}
form#ask_a_QuestionForm div#specific label {width:175px; padding-top:5px;}
form#ask_a_QuestionForm .text{margin-top:1px; margin-left:2px; float:left; }



#modalContainer span#checked label {text-align:left;}

p.showingdata{float:left; font-size:12px; padding-right:15px;font-weight:bold;}

.addthis_toolbox .hover_menu{z-index:1;}

td.pr-tr span{width:200px; padding-bottom:10px; text-align:right; font-weight:bold;}

div#primary-content ul#pagination, #pagination1{float:right; margin-right:20px;}

.kiosk_3tile p, #kioskID p{height:45px; font-size:11px;}

#serviceDropdown{float:left;}

/* img#searchOptions{position:relative !important; top:0 !important;} */

div.first_194{width:200px; float:left;}
div.clear{clear:both; height:1px; overflow:hidden;}

.buttonContainer{width:175px; float:right;}

.hidden{display:none;}

.row-seamless{/* margin-top:25px; */ margin-top:10px;}

/* #links-row .article-links, #links-row-right, #links-row-left{margin-bottom:25px;} 
#links-row ul.article-links{min-height:135px;}*/
#links-row-right{width:185px;}

.tabs{z-index:1;}
.tabs a.current, .ajaxtabs a.current {border-bottom:1px solid #FFF  !important;}
.tab-group {z-index:0;}
.tabs, .ajaxtabs {min-height:38px !important;}

/***********************
Invalid use of tags 
***********************/
#left-column h1, #secondary-content h1, li > p, p > ul, th > p, td > p, th > label{border:0px dashed red !important; font-size:12px !important; color:#333 !important; font-weight:normal !important; background:none !important} 

a.link_primary{line-height:15px !important;}
a.arrow{background:url("//www.att.com/images/global/link_right_arrow.gif") no-repeat scroll left center transparent !important;padding-left:20px;}



/* Modal pop up */
.modalContent{background:#fff !important;}
span.printbtn a{margin:0 5px; text-decoration:none;}

div#show-questions-container #specific label {width:auto !important; padding-top:6px !important;}
div#show-questions-container #specific label span {font-size:12px;}
form#ask_a_QuestionForm .text {color:#000;}


form#solution-no-form div#improveSol{clear:both;}

#modalContainer .informational-message {
background:#FFEFE5 url(/esupport/images/exclamation_big.gif) no-repeat scroll 5px 5px;
border:1px solid #FF7200;
color:#FF7200;
display:none;
font-weight:bold;
margin-bottom:10px;
padding:9px 5px 9px 30px;
}

#nyroModalContent div#ie{width:auto !important;}
.modalWrapper{background:#fff;}
.tooltip_sticky .modalWrapper{float:left;}
.tooltip_sticky div#ie{width:auto !important;}
.tooltip_sticky .modalWrapper{width:540px !important;}


/* Adding for article content page */
.answerContent table{border:0px solid #ccc;}
.answerContent td{padding:2px;border:1px solid #ccc;}
#ie .answerContent table{border:0px solid #ccc;}
#ie .answerContent td{border:1px solid #ccc;}

.answerContent ol{list-style:decimal; margin-left:30px;}
.answerContent ol ol{list-style-type:lower-alpha;}
.answerContent ul{list-style:disc; margin-left:30px;}
.answerContent ul ul{list-style-type:circle;}



/* Adding for select-device */
#ie div.selector select{top:3px;}
#select-device div.selector{width:165px;}

.support-profile-table div.selector, .support-profile-table-services div.selector{width:225px; top:0;}
#ie .support-profile-table div.selector, #ie .support-profile-table-services div.selector{width:225px !important;}

/* Ask a question */
form#ask_a_QuestionForm .textInput-wrapper, form#ask_a_QuestionForm span.textInput-wrapper span{background:none;}

/* Adding for asterix in personalised module */
.tabBody .asterix{padding-left:5px;}

#show-questions-container input#askFormImageSubmitButton{position:relative !important; right:0!important; top:0;}
/* Update for New UI Changes 18 Mar 2011 */
div#right-col p {margin-bottom:0.5em;}
.chat_Icon {background:url("/images/eSupport/Chat/icn_chat-att_AA000M2E.gif") no-repeat scroll 0 0 transparent;color:#067AB4;float:left;font-size:12px;height:15px;padding-left:20px;text-decoration:none;}
.repair_Icon {background:url("/esupport/images/ico_wrench_16x15.gif") no-repeat scroll 0 0 transparent;color:#067AB4;float:left;font-size:12px;height:15px;padding-left:20px;text-decoration:none;}
#articleFeedback .row-seamless #right-col .link_primary {background:url("/esupport/images/buttons/btn_blue_caged_arrow.gif") no-repeat scroll 0 0 transparent;float:left;color:#067ab4;padding-left: 20px;text-decoration:none;font-size:12px;height:15px;padding-bottom:6px;}
#secondary-content div.min186 ul li a {background:transparent url(/esupport/images/bullet_icon.gif) no-repeat scroll left 2px;padding:0 0 0 20px;}

/* Search page */
#show-questions-container div.selector{width:120px;}
#ie #show-questions-container div.selector{top:3px;}


	.roundedbox{float:left; width:100%; border:0px solid #ff0000;}
	.roundedbox-top{float:left; width:100%; background:url(/esupport/images/background/curve/curve-top-left.gif) no-repeat; height:4px;}
	.roundedbox-top img{float:right;}
	.roundedbox-text{border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding:16px 14px; float:left;}
	.roundedbox-bot{float:left; width:100%; background:url(/esupport/images/background/curve/curve-bot-left.gif) no-repeat; height:4px;}
	.roundedbox-bot img{float:right;}
	div#primary-content div.roundedbox, div#tertiary-content div.roundedbox{margin-bottom:10px;}
	div#primary-content div.roundedbox div.roundedbox-text, div#tertiary-content div.roundedbox div.roundedbox-text{width:200px;}
	
	/* Web accessibility */
	.roundedbox-top span{background:url(/esupport/images/background/curve/curve-top-right.gif) no-repeat; height:4px; width:4px; float:right;}
	.roundedbox-bot span{background:url(/esupport/images/background/curve/curve-bot-right.gif) no-repeat; height:4px; width:4px; float:right;}

	div#tertiary-content div.articlemidcol div#article-content-col{margin:0; padding:0;}
	div#tertiary-content div.articlemidcol div.roundedbox{margin:15px 0;width: 705px;}
	div#tertiary-content div.articlemidcol div.roundedbox div.roundedbox-text{padding: 20px; width: 663px;}


	#topicTree ul{float:left; clear:both; width:200px;}
	#topicTree ul li ul {width:185px;}
	#topicTree ul li ul li ul{width:170px;}
	#topicTree ul li ul li ul li ul{width:155px;}
		#ie #topicTree ul li ul{margin-left:15px !important;}
/* ALLOWS PROPER CONTENT FORMATTING WITHIN Toggle sections*/
.1trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
.1trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.1trigger a:hover { color: #ccc; }
.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.1toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.1toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
}


.toggle_header {
	color:#067AB4;
	float:left;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* margin-top: -5px;
	height: 25px;*/
	padding-left:20px;
	text-decoration:none;
	cursor:pointer;
	line-height: 13px;
    padding:6px 10px 6px 30px;
}
.toggle_header a {
	color:#067AB4;
	float:left;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}
.toggle_colapse {
	background: url(/esupport/images/toggle_plus.png) 10px 5px no-repeat; 
	background-color:#efefef;
        float:left;
        width:100%;
        margin-bottom:10px;
	
}

.toggle_expand {
	background: url(/esupport/images/toggle_minus.png) 10px 5px no-repeat; 
	background-color:#e9f0f6;
        float:left;
        width:100%;
        margin-bottom:10px;
	
}
#articleContent ol ol ol {
    list-style-type: lower-roman;
}
#articleContent ul ul ul {
    list-style-type: disc;
}

.toggle_container {margin-top:10px; padding-left: 20px; text-align:left; float:left; width:95% ;margin-bottom:10px;}

.toggle_botPad20	{padding-bottom:20px !important}
	#ie .toggle_botPad20	{padding-bottom:10px !important}

/* end: ALLOWS PROPER CONTENT FORMATTING WITHIN Toggle sections*/

div#right-col br {
clear:both;
float:none;
font-size:0.1em;
line-height:10px;
}
.repair_Icon {padding-bottom:6px;}
#ie div#right-col br {line-height:20px;}
.hover_menu{z-index:5;}

ul.question-links li div.desc{display:inline;}
ul.question-links li div.desc div{display:inline;}

.gn_prefooter{float:left; width:100%;}
#footer{float:left; margin-top:20px;}
.bg-gr-bottom-shadow{clear:both;}
/* added for the SearchSolutionPanel.jsp */
#emptySearch li{list-style:disc;margin-left:14px;}
div.refillbg{background:transparent url(/esupport/images/background/refillingbg.gif) no-repeat scroll 210px 35px;overflow:hidden;position:relative;}

/* For JIRA Ticket ECAR1102-668 */
.spacertd{height:4px; overflow:hidden;}
.buttonContainer a{outline:0;}
table.emailarticletable{height:395px;}

#ie div.box{margin-top:0 !important;}

#promoidList div.promotion{padding:5px 0 0 0;}
#promoidList div.box{padding:14px 14px 0 14px !important;}
#promoidList div.box #promo-a a img, #promoidList div.box #promo-f a img, #promoidList div.box #promo-c1 a img, #promoidList div.box #promo-c2 a img ,#promoidList div.box #promo-c3 a img, #promoidList div.box #promo-d a img {width:228px; height:132px; margin-left:-14px; margin-top:-10px;}
#promoidList div.box p.slot-cta-promo{padding-bottom:20px;}


div.askaQDivInput input#askQInput{margin-top:5px; height:18px; padding-top:2px; width:131px;}
#ie div.askaQDivInput input#askQInput{padding-top:0; width:129px;}



#show-questions-container div.askaQDivInput{margin-top:-3px;}
#show-questions-container form#ask_a_QuestionForm .text{margin-top:4px;}

#breadcrumbs{padding: 15px 15px 15px 0;}
#ie #breadcrumbs{padding: 12px 15px 15px 0;}

#middle-content-col p {word-wrap: break-word;}

.answerContent ol li ul li ul li ul {list-style:disc;}
#ie #articleContent .section-divider{float:left; width:100%:}

#ie #relatedSolutions ul.article-links{width:100%; float:left;list-style-type: disc; margin-left:5px;}
#ie #relatedSolutions ul.article-links li{list-style-type: disc; width:100%;margin-left:25px;}

div#standalone-left-column { width: 723px; }
div#standalone-banner { background:transparent url(/esupport/images/background/ipv6_banner.jpg) no-repeat; width: 471px; height: 136px; padding: 60px 0 0 235px; margin-bottom: 25px; }
div#standalone-banner h1 { color: #036; margin: 0 0 8px 0; }
div#standalone-content h2 { margin: 12px 0 8px 0; }
div#standalone-content { width: 677px; }
div#standalone-content ul { list-style: disc; width: 647px; margin: 10px 0 20px 35px; background:transparent url(/esupport/images/background/ipV6_landing_computer.jpg) no-repeat right 0; }
div#standalone-content ul li { width: 360px; margin: 0 0 10px 0; }
p#ipv6-p-tile { bottom: 20px; }
#ie p#ipv6-p-tile { bottom: 23px; }
ul#breadcrumbs123 li { margin-left: 10px; }

div#ustHeader { position: relative; background:transparent url("/media/att/2011/support/troubleshoot/Troubleshoot_Slices_0000_Marquee-Area-Laptop-Image_TT000T7J.png") no-repeat; width: 974px; height: 289px; }
div#ustHeader h2 { padding: 30px 0 10px 355px; }
div#ustHeader h3 { padding: 0 0 10px 445px; }
div#ustHeader p#ustP { padding: 0 0 10px 445px; width: 320px; }
div#ustHeader p#download { padding: 10px 0 10px 505px; }
div#ustHeader p#watch { padding: 0 0 10px 505px; }
div#ustHeader p.macfix { top: 250px; right: 50px; }
div#main-container ul#breadcrumbs123 { margin: 10px 0 10px 17px; }
div#u-verse-support-tool-content-2 { background:transparent url("/media/att/2011/support/troubleshoot/Troubleshoot_Slices_0003_Its-Always-On-Image_TT000T7M.png") no-repeat right 0; width: 972px; height: 583px; }
div#u-verse-support-tool-content-2 h1#title { margin: 0 0 80px 30px; }
div#u-verse-support-tool-content-2 h1,
div#u-verse-support-tool-content-2 h2,
div#u-verse-support-tool-content-2 p,
div#u-verse-support-tool-sub-block-3 h1,
div#u-verse-support-tool-sub-block-3 h2,
div#u-verse-support-tool-sub-block-3 p,
div#u-verse-support-tool-content-3 h1,
div#u-verse-support-tool-content-3 h2,
div#u-verse-support-tool-content-3 p
{
    width:368px;
    margin: 15px 0;
}
div#u-verse-support-tool-sub-block-2 h1,
div#u-verse-support-tool-sub-block-2 h2,
div#u-verse-support-tool-sub-block-2 p,
{
	width: 325px;
	margin: 15px 0;
}
div#u-verse-support-tool-content-3 { background:url("/media/att/2011/support/troubleshoot/Troubleshoot_Slices_0004_Fix-It-Fast-Image_TT000T7O.png") no-repeat 0 0; width: 382px; height: 375px; padding: 160px 0 0 590px; }
div#u-verse-support-tool-sub-block-4 p
{
	margin:15px 0;
	position:relative;
	width:375px;
	z-index:105;
}
div#u-verse-support-tool-sub-block-4 h1,
div#u-verse-support-tool-sub-block-4 h2,
div#u-verse-support-tool-sub-block-4 p
{
	width: 375px;
	margin: 15px 0;
}
div#u-verse-support-tool-content-3 ul { list-style: disc; }
div#u-verse-support-tool-content-3 ul li {margin: 0 0 5px 13px; }
div#u-verse-support-tool-sub-block-2 { width:886px; height:325px; padding-top: 70px; margin: 0 auto; }
div#u-verse-support-tool-sub-block-2 img { float: right; position: relative; top: -73px; }
div#u-verse-support-tool-sub-block-3 img#big-hand { position: relative; top: -95px; z-index: 99; }
div#u-verse-support-tool-sub-block-3 { height: 830px; }
#ie div#u-verse-support-tool-sub-block-3 img#big-hand { top: -25px; }
div#u-verse-support-tool-sub-block-3 img#horiz { position: absolute; right: 0; top: 240px; }
div#u-verse-support-tool-sub-block-3 div { position: absolute; top: 90px; left: 500px; }
div#u-verse-support-tool-sub-block-3 div#u-verse-support-tool-sub-block-4 {position: relative; top: -350px; height:402px; width: 880px; left: 45px; }
#ie div#u-verse-support-tool-sub-block-3 div#u-verse-support-tool-sub-block-4 { top: -280px; }
div#u-verse-support-tool-sub-block-4 h1 {padding-top: 120px;}
#ie div#u-verse-support-tool-sub-block-4 h1{padding-top: 155px;}


/************
VOIP Install STYLES - Start
*************/

.topPad15 {padding-top:15px;}
.lefPad15 {padding-left:15px;}
.marTop15 {margin-top:15px;}
.p14 	  {font-size:14px;}
.ffarial {font-family:arial;}
.tutBox {
    background-color: #FFFFFF;
    background-image: url("/media/att/2011/support/voip-gateway/tutTab.gif");
    background-repeat: no-repeat;
    height: auto;
    margin-left: 10px;
    min-height: 130px;
    padding-left: 10px;
    padding-top: 15px;
}
.inlineLinkBox {position:relative;top:14px}
.twoColBullets {list-style: disc;}
.twoColBullets li {padding:5px;margin-left:20px;}
.imgBox {padding:20px 0 0 12px; float:left; position: relative;}
.tutTxtBox {position:relative; float:left; margin-top:35px; width: 200px;}
.noListBullet ul {
	list-style: none;
	margin:0px !important;
}
.noListBullet li {
	list-style: none !important;
	padding-bottom:10px;
}
.noBorder {border:none;}

#content-header_ipdsl { 
	float: left;
	background-image: none !important;
	margin-top:10px;
	padding-left:28px !important;
}
#ie #content-header_ipdsl { 
	float: left;
	background-image: none !important;
	margin-top:10px;
}

#content-section-header {
    background: url("/esupport/images/background/content-header-slice_2x56.gif") repeat-x scroll right bottom #FFFFFF;
    float: left;
    min-height: 37px;
    padding-left:20px;
    padding-top: 15px;
    width: 690px;
}

.left_ipdsl {
	 background: url("/media/att/2011/support/voip-gateway/3800Device.png") no-repeat scroll right 8px #FFFFFF !important;
	 min-height:285px;
}
.right_ipdsl {
    background: url("/media/att/2011/support/voip-gateway/3801Device.png") no-repeat scroll right 8px #FFFFFF !important;
	 min-height:285px;
}

.box710 {
    float: left;
    width: 710px;
}

.mediaLinkAndCaption {
    float: left;
    margin: 5px 14px 0 3px;
    width: 105px;
}

.mediaLink {
    height: 75px;
    margin-bottom: 5px;
    position: relative;
}
.mediaLink img.thumb {
    margin: 0;
}

.mediaLink img.play {
    position: absolute;
	left: 85px;
    top: -85px;
}

#ie .mediaLink img.play {
    position: absolute;
	left: 85px;
    top: -5px;
}

.mediaLinkContent {
	float:left;
	margin-top:15px; 
	padding-left:10px; 
}

.w265 {
    float: left;
    margin: 0 14px 14px 0;
    width: 265px;
}
table#account-type-table { width: 420px; border: 0; padding: 0; margin: 20px 0 20px 90px; }
table#account-type-table td { padding-right: 30px; }
table#account-type-table td#acctTypeText { font-weight: bold; width: 100px; vertical-align: top; }
table#account-type-table td#acctTypeOptions { width: 320px; }
.acctTypeTextError { color: #f00; }
table#account-type-table input { margin-right: 10px; }
table#account-type-table label { width: 100%; margin: 0 0 7px 0; }
input#continue-button { float:right; margin: 15px 0; }
p.acctOverlayP { width: 85%; font-weight: bold; }
div.full { display: none; }
table.support-profile-table-services label { margin: 0; }
div#requiredFieldsDiv { margin: 0 0 20px 20px; }
div#requiredFieldsDiv p { margin: 0 0 20px 0; }
div#requiredFieldsDiv hr { width: 93%; }
form#allForm div.errorMsg.box { margin: 0; padding: 0; }
form#allForm div.errorMsg.box p:first-child { padding: 8px 14px 5px 60px; margin: 0; }
form#allForm div.selector-error { background: url("//www.att.com/images/global/forms/sprite-err.png") no-repeat -482px -130px; }
form#allForm div.selector-error span { background: url("//www.att.com/images/global/forms/sprite-err.png") no-repeat -268px 0; }
select#at1 { width: 217px; }
div[class ^="ServiceRow"] { margin-left: 32px; }
#localization-modal .modalContent div.modalheader{
	width:650px;
}
table.support-profile-table-services label.subcat{text-align: right; width: 133px; margin-right:10px;}
.errorMsgtd label{color:#ff0000;}
.errorMsgtd div.selector, .errorMsgtd div.selector span, .errorMsgtd div.checker span, .errorMsgtd div.radio span, .errorMsgtd div.uploader,.errorMsgtd div.uploader span.action, .errorMsgtd div.button, .errorMsgtd div.button span{background-image: url(/esupport/images/global/forms/spriteerror.png);}

.errorMsg.box p.exclam{color:#fd0200; background:url(//www.att.com/images/global/iconError46x43.png) top left no-repeat; padding:8px 14px 5px 60px;}
.fltL{float:left;}
.fltR{float:right;}
.destxt{width:370px;}
div.hr{background:#E3E3E3; width:510px; float:left;margin:0 0 20px; height:1px;}
.w265 {
    float: left;
    margin: 0 14px 14px 0;
    width: 265px;
}
label#zipLabel { font-weight: bold; position: relative; top: 10px; }
#ie label#zipLabel { top: -10px; }
.lclZipError { border: 1px solid #f00; }
.pd6{padding: 6px 0 0;}
.bghgt{background-color:#ccc;height: 1px;}

/************
VOIP Install STYLES - End
*************/


/** BEGIN: eSupport Landing Page Functions **/

.chat-table{margin-bottom:70px}
.chat-table tr th{font-weight:bold;text-align:left;white-space:nowrap;}
.chat-table tr td, .chat-table tr th {border-bottom:1px dotted #e5e5e5;padding:20px;line-height:1.3em}
.chat-table .chat-link{white-space:nowrap;padding-right:60px}
.chat-table .chat-note{padding-left:0px;padding-right:0px}
.chat-table .msgOut{margin-bottom:0px}

.w25per {margin-top:24px}
.w25per img {margin-left:30px}
.w304{float:left; width:304px; margin:0 14px 14px 0}
.w304.last{margin-right:-14px; clear:right}
.support-box .borderRt{border-right:1px solid #ccc;}
.support-box .noBorder{border-right:none !important}
.support-box .row-seamless {min-height:360px}
.supportLinkContainer{margin-bottom:40px}
ul.supportLinkList {padding:5px 0 14px 0}
ul.supportLinkList li{padding-top:.55em}
ul.supportLinkList li.last{line-height:3em}

.moreSupportLink {padding:14px 0 5px 35px; position:relative;}
a.arrowUp{background:url(https://www.att.com/olam/images/brand30/greyArrow.png) right no-repeat; padding:0 24px 0 0px; margin-left:0}
#ie .moreSupportLink a.arrowUp{background:url(https://www.att.com/olam/images/brand30/greyArrow.png) right no-repeat; padding:0 24px 0 0px; margin-left:0; display:inline-block}

.secondaryLinksContainer{background:#fff url(//www.att.com/images/eSupport/Backgrounds/212820_thumb_support-links-background-large.png) 0 0 no-repeat; width:238px; position:absolute; bottom:0; left:-11px; padding-bottom:20px}
.secondaryLinksContainer img{position:absolute; top:7px; left:-26px}
.secondaryLinksContainer h4 {font-size:1.4em; padding:20px 0 10px 14px}
.secondaryLinksContainer ul.secondaryLinks {font-size:.9em;}
.secondaryLinksContainer ul.secondaryLinks li{margin:10px 14px 14px 14px}
.link-divider{background:url(https://www.att.com/olam/images/brand30/support-link-divider.png) 14px 0 no-repeat; position:relative; width:235px}
.bottom{position:absolute; bottom:0}
#primary-content-full .row-seamless {padding-top:20px;padding-bottom:9px}

.nobullet {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;

    width: 100%;
}
.nobullet li {    
    line-height: 1.45em !important;
    padding-left: 10px;
}
ul#icon_nobullet_chat li {   
    font-size: 11px;
    line-height: 1.45em !important;
    padding-left: 20px;
}
ul#icon_nobullet_chat li.repairIcon {
    background: url("/esupport/images/ico_wrench_16x15.gif") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}
ul#icon_nobullet_chat li.chatIcon {
    background: url("/images/eSupport/Chat/icn_chat-att_AA000M2E.gif") no-repeat scroll 0 2px transparent;
    padding-left: 20px;
}

/** END: eSupport Landing Page Functions **/
/* ***************************************************************************** */

/* ***************************************************************************** */
/* *** Combined from esupport.css *** */
.breadcrumb {
	height: 25px;
	position: relative;
	width: 974px;
	padding-bottom:15px;
	/* display: none; */
}

.breadcrumb, .inline-links {font-size: 1.2em; color: #000;}
.breadcrumb, .inline-links a {font-size: 1em;}

div h6.table-title{font-size:1.4em; font-weight: bold;} 
#secondary-content .promo h4, .promo h4 {font-size:1.4em; padding-bottom:.2em;}


/***************************************
Layout Adjustments Specific to eSupport,
Otherwise always use global-styles.css
****************************************/


/***********************
MARQUEE Specific Items
************************/
#promoTraveler {
	height: 270px;
	width: 704px;
	background: url("/media/att/2011/support/Traveler/mrq_traveler_bgfull.jpg") no-repeat left top;
}

#promoTravelerBox {
	float: right;
	width: 390px; 
	margin-left: 315px; 
	padding-top: 30px; 
	text-align: left;
}

/****************
Drop Down Lists
***************/
#countryDDL {
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px; 
	background:#dfeef5; 
	border:1px solid #dfeef5; 
	margin-bottom:14px; 
	position:relative; 
	zoom:1; 
	min-height: 56px;
}



/*******************************************
Width Adjustments not found in Global Styles
********************************************/
.w160{float:left; width:150px; margin:0 14px 14px 0;}
.w175{float:left; width:175px; margin:0 14px 14px 0;}
#ie .w175 {width: 165px;}
.w209{float:left; width:209px; margin:0 14px 14px 0;}
.w218{float:left; width:218px; margin:0 140x 14px 0;}
.w220{float:left; width:220px; margin:0 14px 14px 0;}
.w300{float:left; width:300px; margin:0 14px 14px 0}
.w375{float:left; width:375px; margin:0 14px 14px 0;}
#ie .w375 {width: 365px;}
#countryDDL .w375{position:relative; left:-1px;}

/********************************************
Margins & Padding Adjustments not found in Global Styles
*********************************************/
#ie .botMar40{ margin-bottom: 0px;}
.pad10 {padding:10px;}

#ie .ie7PadTop20{
	padding-top: 20px;
	height: 35px;
	line-height: 35px;
}

.dotTop td{background:#fff url(//www.att.com/images/global/row-seam-dotted.gif) top repeat-x;}
.fpo_promoImg {float:left; margin-top: 4px; padding-right: 10px;}
.fpo_promoSecImg {float:left; margin-top: 3px; padding-right: 10px;}


/********************************************
Table Adjustments not found in Global Styles
*********************************************/
.tableContainer {
	margin-top: 0;
	padding-top: 0;
	height: 270px;
	overflow: auto;
}

#ie .tableContainer {
	height: 230px;
	width: 725x;
	overflow-x: hidden;
}

/***********************************************
Social Map Position
************************************************/
.socialMedia {
	position: absolute; 
	top: 150px; 
	right: -42px;
}



/* ***************************************************************************** */

/* ************************************addition for tree_component.css***************************************** */
/* TREE LAYOUT */
.tree ul {
	margin:0 0 0 0px;
	padding:0 0 0 0;
	list-style-type:none;
}
.tree li {
	display:block;
	/* min-height:18px;
	line-height:18px; */
	padding:0 0 0 15px !important;
	margin:0 0 0 0;
	/* Background fix */
	clear:both;
	/* _height:18px;
	#height:auto; */
}
.tree li ul {
	display:none;
}
.tree li a,
.tree li span {
	/*
	vertical-align:bottom;
	display:-moz-inline-stack;
	*/
	display:inline-block;
	line-height:16px;
	height:16px;
	padding:1px 4px 1px 1px !important;
	color:black;
	white-space:normal;
	text-decoration:none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:4px 1px; 
	border:0;
	margin:0;
}
#ie .tree li a{position:static !important}
.tree li a:hover, 
.tree li a.hover {
	background-color: #e7f4f9;
	border:1px solid #d8f0fa;
	padding:0px 0px 0px 15px !important;
	background-position:3px 0px; 
}
.tree li a.clicked,
.tree li a.clicked:hover,
.tree li span.clicked {
	background-color: #beebff;
	border:1px solid #99defd;
	padding:0px 3px 0px 22px !important;
	background-position:3px 0px; 
}
.tree li span.clicked {
	padding:0px 3px 0px 20px !important;
}

.tree li a input,
.tree li span input {
	margin:0;
	padding:0 0;
	display:block;
	height:12px !important;
	border:1px solid white;
	background:white;
	font-size:10px;
	font-family:Verdana;
}
.tree li a input:not([class="xxx"]),
.tree li span input:not([class="xxx"]) {
	padding:1px 0;
}
.locked li a {
	color:gray;
}
/* FOR DOTS */
.tree ul {
	background-position:6px 1px;
	background-repeat:repeat-y;
}
.tree li {
	background-position:7px center;
	background-repeat:no-repeat;
}
.tree li.last {
	background-position:5px top;
	background-repeat:no-repeat;
	float:left;
}
/* NO DOTS */
.no_dots ul {
	background:transparent !important;
}
.no_dots li, .no_dots li.last {
	background-color:transparent !important;
}
.no_dots li.leaf {
	background-image:none !important;
	background-color:transparent !important;
}

/* OPEN OR CLOSE */
.tree li.open ul {
	display:block;
}
.tree li.closed ul {
	display:none !important;
}


/* FOR DRAGGING */
.tree #dragged {
	padding:0 3px;
	margin:0;
	background:white;
	opacity: .85;
	filter: alpha(opacity=85);
	position:absolute;
	top:-10px;
	left:-10px;
}
.tree #dragged.last,
.tree #dragged:last-child {
	background:white;
}
.tree #dragged ul ul {
	display:none;
}

/* RTL modification */
.rtl * {
	direction:rtl;
}
.rtl ul {
	margin:0 5px 0 0;
}
.rtl li {
	padding:0 15px 0 0;
}
.rtl li.last {
	background-position:right top;
	float:right;
}
.rtl li a,
.rtl li span {
	float:right;
	padding:1px 23px 1px 4px !important;
	background-position:right 1px; 
	margin-right:1px;
}
.rtl li a:hover, 
.rtl li a.hover {
	background-color: #e7f4f9;
	border:1px solid #d8f0fa;
	padding:0px 23px 0px 3px !important;
	background-position:right 0px; 
	margin-right:0px;
}
.rtl li a.clicked,
.rtl li a.clicked:hover,
.rtl li span.clicked {
	background-color: #beebff;
	border:1px solid #99defd;
	padding:0px 23px 0px 3px !important;
	background-position:right 0px; 
	margin-right:0px;
}
.rtl li span.clicked {
	padding:0px 21px 0px 3px !important;
}
.rtl ul {
	background-position:right 1px;
}
.rtl li {
	background-position:right center;
}
.rtl #dragged li.open {
	background-position: right 5px;
}

/* CONTEXT MENU */
.tree .context {
	display:none;
	position:absolute;
	list-style-type:none;
	margin:0;
	padding:0;
}
.tree .context .separator {
	display:none;
}
.tree .context a {
	display:block;
	margin:0;
	padding:0;
}
.mobileOnly{display:none;}
.tree li, x:-moz-any-link { #overflow:auto; overflow:visible; }
/** FF2 stuff **/
.tree li a, x:-moz-any-link { display:inline; float:left; }
.tree li, .tree li ul, .tree li.open ul, x:-moz-any-link { clear:both; }
.tree li a, x:-moz-any-link, x:default { display:inline-block; float:none; }
.tree li ul, .tree li.open ul, x:-moz-any-link, x:default { clear:none; }
/* ************************************closed addition for tree_component.css***************************************** */
.modalHeader{height:56px!important;}
#cboxContent {background-color:#FFFFFF !important;}
div.selector span {padding:0 21px 0 0px !important;}

/* ************* for pagination code change*************** */
div#primary-content div#pagination {
    float: right;
    left: -10px;
    margin: 0 0 30px;
    position: relative;
    top: -50px;
    width: auto;
}

/* ********** B2C-159070 :: eSupport Landing ********** */
.ShadowForBox {box-shadow: 0 0 10px #DDDDDD;}


.imgContainer {text-align: center; padding-top: 29px; padding-bottom: 0;}
.tabHdrContainer h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px !important;
	color: #069;
	padding-bottom: 10px;
	height:21px;
}

.grayBack {
	position: relative;
	background: #f5f5f5;
}

.groupTabInd li {
	/*background: url("//www.att.com/olam/images/brand30/secondary_nav_divider.gif") repeat-y scroll right bottom transparent;*/
	border-color: -moz-use-text-color;
	border-left: medium none;
	border-right: medium none;
	border-style: none;
	border-width: medium;
	margin-right: 0;
}	

#tabPanel .tabs li.active {
	background: url("/media/att/2013/support/Billing/bg-tab-active.png") no-repeat top;
}

#tabPanel .tabs li.active a.active .tabHdrContainer h2 {color: #fff;}
#tabPanel a.active {color: #fff;}
#tabPanel a.current{
	height:100%; 
	padding-top:7px !important; 
	border-bottom:0px;	
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-color:transparent;
}
.contentContainer {padding: 40px 30px;}

#landing h3, h3.serviceTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
}

h3.serviceTitle {padding-left: 10px;}

#landing ul.landingLinks {padding-top: 16px; padding-bottom: 26px;}
#landing ul.landingLinks li {margin-bottom: 8px;}

.toolsContainer {padding: 40px 20px;}
.toolsContent {padding-top: 30px;}

.w290 {float:left; width:290px; margin: 0;}
.w300 {float:left; width:300px; margin: 0;}

.toolImg {float: left; padding-right: 8px;}

/* ********** B2C-159070 :: eSupport Landing ********** */

@media print {
	/* ***************************************************************************** */
	/* *** Added Print styles to accommodate Jira Ticket request *** */
	/* *** Prod12-2677 :: Remove Print style sheet *** */
	/* *** Combined from article-print.css *** */
	#globalNav, #breadcrumbsBox, #content-header, #left-content-col, #feedback-container, #socials-resizings, .bg-top-shadow,
	.bg-gr-bottom-shadow, .gn_prefooter, #footer, .roundedbox-top { display: none; }
	.roundedbox-top, .roundedbox-text, .roundedbox-bot, .bg-top-shadow, .bg-mid-shadow, html, body, .bg-gr-bottom-shadow {  background: none; }
	* { margin: 0; padding: 0; background: none; border: 0; }
	body * { margin: 0; padding: 0; background-color: #fff; float: none !important; }
	div.answerContent * { background-color: #fff; font-size: 12pt;}
	h2 {  font-size: 15pt; }
	#wrapper { margin: 0; }
	.roundedbox-text, #articleContent { width: 650px; border: 0; }
	/**********************************************************************************/
	
	/**********************************************************************************/
	/* *** Combined from print.css *** */
	/* Links */
	a:link, a:visited { background: transparent; color:#067AB4; text-decoration: underline;}
	a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
	a[href^="http://"] {color:#067AB4; }
	
	/* Table */
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #e3e3e3;  font-weight: bold; }
	td { border-bottom: 1px solid #e3e3e3; }
	th,td { padding: 4px 10px 4px 0; }
	tfoot { font-style: italic; }
	thead {display: table-header-group;}
	tr {page-break-inside: avoid;} 
	
	
	#ie .noprint{display:none !important}
	#ie .autoPadDiv{position:static !important}
	
	.section-title{border-bottom:1px solid #e3e3e3 !important}
	.mod-accordion h4{border-top:1px solid #e3e3e3}
	.mod-accordion h4.first{border-bottom:1px solid #e3e3e3}
	
	.box				{background:#fff; border:1px solid #e3e3e3 !important; margin-bottom:14px}
	#content			{background:#fff; margin-bottom:60px;}
	.top-round		{border-bottom:1px solid #e3e3e3}
	.bottom-round	{border-top:1px solid #e3e3e3}
	
	#universal-nav form div input{border:1px solid #e3e3e3}
	.dropShadow{background:#fff !important}
	
	.section-title{background-image:none !important; background-color:#f5f5f5 !important}
	
	.tabs li,
	.ajaxtabs li{border:1px solid #e3e3e3; border-bottom:none}
	.tabs a span,
	.ajaxtabs a span{font-weight:normal !important; color:#e3e3e3 !important}
	.tabs a.current span,
	.ajaxtabs a.current span{font-weight:bold !important; color:#000 !important}
	.tab-group{top:-3px; border:1px solid #e3e3e3 !important}
	
	/**********************************************************************************/
}

/*************** New styles for USM Changes in Agile Project Start**********************/
#content-header-usm {
	background: none;
	width: 912px;
	height: 115px;	
	margin: 9px 30px 20px 30px;
	float: left;
	z-index: 3;
	position: relative;
}
#content-header-no-usm {
	background: url("//www.att.com/esupport/images/background/content-header-slice_2x56.gif") repeat-x scroll right bottom #fff;
    float: left;
    min-height: 48px;
    padding-left: 9px;
    padding-right: 14px;
    width: 949px;
}
#content-header-left-usm {	
	float: left;
	padding: 0;
	height: 64px;
}

#content-header-left-usm h1 {
	margin: 0;
	padding: 0;
	font-size: 2em;
}

#content-header-no-usm h1 {
	margin-left: 15px;
	padding: 13px 0 0;
	font-size: 2em;
}

#select-your-device-no-usm { position: relative; top: 3px; right: 20px; }
#content-header-left-usm p {
	font-size: 12px;
	color: #666;
}
#content-header-left-usm p a {
	font-size: 12px;
}
#select-device-usm {
	float: right;
	text-align: right;
	position: relative;
	top: 5px;
}
#content-header #content-header-left h1 {
	font-size: 2em;
	margin: 0;
	padding: 0;
}
#dsm-container { 
	background: transparent url(//www.att.com/media/att/2012/support/images/bg_grad_dsm_row.png) repeat-x 0 0;
	height: 70px;
	width: 942px; 
	padding: 0 30px 0 0;
	margin-left: -30px;
	border-bottom: 1px solid #ccc;
}

#dsm-choice { float: left; width: 80px; height: 70px; padding-left: 20px; background: transparent url(//www.att.com/media/att/2012/support/images/img_usm_device_bg.png) no-repeat 0 0;}
.with-gophone-icon { float: left; margin-left: -10px; margin-top: -5px; padding-right: 12px;}
.pipe { color: #ccc; padding: 0 5px; }
.usm-phone { font-size: 14px; }
/*
#dsm-choice h2 { font-weight: normal; float: left; font-size: 18px !important; position: relative; top: 27px; left: 25px; }
#dsm-choice h2#dsm-support { position: relative;}
#dsm-choice h2#dsm-support a { position: absolute; top: 20px; }
*/
#dsm-button h2, #dsm-button-auth h2 { font-weight: normal; font-size: 18px !important;display: block;}
#dsm-choice img { float: left; margin-top: 10px; padding-right: 10px; }
#dsm-choice img.noDevice-icon { padding-left: 6px; padding-right: 16px; }

/* Changes brought in by el */
/* #usm-container a.usm_click img { margin: 5px 0 0 0px !important } */
#dsm-button { position: relative; float: left; width: auto;}
/* #dsm-button-auth { position: relative;} */
#ie #dsm-button { position: relative;}
#ie #dsm-button-auth { position: relative;}
#dsm-button-personalize { float: right; position: relative; top: 15px; left: -15px; }
 
.dsm-button-spacing {padding: 12px 0px 10px 5px; color: #333;}

#dsm-button span.spacing {display: block; padding-top:4px;}
#ie #dsm-button span.spacing {display: block; padding-top:0px;}


/* #dsm-container a.usm_click { width: 182px; } */

#usm-container {
	width: 288px; 
	position: absolute;
	top: 114px;
	left: -41px;	
	display: none;
}
#ie #usm-container {
	width: 288px; 
	position: absolute;
	top: 50px;
	left: -12px;	
	display: none;
}
#usm-container-top { 
	background: transparent url(//www.att.com/media/att/2012/support/images/bg_usm_dropdown_top.png) no-repeat 0 0;
	height: 30px;
	width: 288px; 
}
#usm-container-bottom { 
	background: transparent url(//www.att.com/media/att/2012/support/images/bg_usm_dropdown_bottom.png) no-repeat 0 bottom;
	width: 238px; 
	padding: 0 25px;
	position: relative;
}
#view-others { position: absolute; top: -12px; left: 56px; }
#usm-close { float: right; cursor: pointer; margin-right: -5px; }
#usm-inner-container {
	width: 238px;
	margin: 0 0 20px 0;
}
#usm-inner-container h3 {
	margin-left: 5px;
	margin-bottom: 9px;
	font-size: 12px !important;
	font-weight: bold;
	color: #333;
}
#usm-inner-container h3 span {
	font-size: 12px;
	color: #333;
}
/*.usm-secondary, .usm-secondary-individual { margin-left: 5px; border-top: 1px dotted #dbdbdb; }*/
.usm-primary p { float: left; border-bottom: 1px solid #dbdbdb; width: 185px; padding-bottom: 10px; margin-left: 10px; }
.usm-secondary p, .usm-secondary-individual p { position: relative; width: 160px; float: left; padding: 10px 0 10px 0; margin-bottom: -7px; }
.usm-secondary p.last { border-bottom: 1px solid #dbdbdb; }
.usm-secondary-individual p { border-bottom: 0; }
.usm-primary img { float: left; margin-right: 2px;}
.usm-secondary img, .usm-secondary-individual img { float: left; padding: 0px 0px;}
.usm-secondary p img, .usm-secondary-individual p img { padding: 0 0 0 0; margin-left: 96px; position: absolute; }
.first_230 { z-index: -999px; }



.content .usm-secondary p a, .usm-secondary-individual p a { font-size: 12px; }
.unauth-device { border-top: 0px; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px }
#currentuser-icon {float: right; padding: 25px 5px 0 0; margin: 0 0 0 0; }
.unauth-device p span { font-size: 12px;  }
.current-device a:hover, .current-device a { color: #333; }
.content p a.arrowRt, .content p a.link_primary { 
	font-size: 12px;
}

p#supportForGoPhone {
	margin-left: 21px;
}

p#personalizeSupport {
	margin: 10px 0 0 74px;
	padding: 0;
	text-align: left;
}

/*************** New styles for USM Changes in Agile Project End**********************/



/* ************ BEGIN: Modal Styling , New styles for DSM Changes in Agile Project *********** */
#dsm-force-display{padding-bottom:20px;}
#dsm-force-display h2{background: url("//www.att.com/media/att/2012/global/ico/ico_infonote_15x15_blue.png") no-repeat 0 3px;}
#dsm-force-display p, #dsm-force-display h2{ padding-left:25px;}
.modalContent { width: 100%; }
.modalHeader h1 { font-size: 20px; width:auto; position:absolute; }
#deviceSelectionDivContainer  a#closeBut { font-size: 12px; right: 18px; top: 12px;}
/*#modalContainer { padding: 20px 40px; }*/
#dsm-modal-container-upper { width: 760px; margin-bottom: 0; }
#dsm-models { width: 449px; float: left; height: 50px; font-size: 14px; color: #666; padding: 12px 20px; }
#dsm-models p, #dsm-search p { font-size: 14px; color: #666; }
#dsm-models div.selector { width: 138px; margin-right: 0; }
#dsm-models div.selector span{ color: #333; font-size: 14px; white-space: normal;}
#dsm-models select { width: 138px; }
#dsm-separator { width: 40px; top: 32px; left: 7px; position: relative; float: left; height: 64px; font-size: 14px; color: #666; font-weight: bold; }
#dsm-search { width: 183px; float: left; height: 50px; font-size: 14px; color: #666; padding: 12px 20px;}
#dsm-search #right-rail-search { background: url("//www.att.com/media/att/2012/support/images/dsm-search-bg_grey.png") repeat-x scroll 100% 10% transparent; height: 24px; width: 183px; }
#ie #dsm-search #right-rail-search{height: 29px; }
#dsm-search .ask_a_question_box { height: 16px; font-size: 14px; color: #666; width: 143px;}
#ie #dsm-search .ask_a_question_box { width: 143px;}
#dsm-search button { 
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: inline;
    float: right;
    height: 20px;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding-top: 20px;
    width: 25px;
	position: relative;
	top: -23px;
	left:4px;
}
h2.dsm-no-result{background: url("http://www.att.com/media/att/2012/support/images/ico-alert-yellow-16x16.png") 10px  no-repeat; padding-left:35px !important;}
#ie #dsm-search button {margin-top: 15px; top:-38px; height: 23px; width:25px;}
#ie #dsm-search button {margin-top: 15px; top:-38px; height: 23px; width:25px;}
#dsm-modal-container-lower { width: 755px; }
#dsm-modal-container-lower .section-title { min-height: 38px; background: none; border-bottom: 1px solid #e3e3e3; }
#dsm-modal-container-lower h2 { font-size: 14px !important; color: #333; float: left; padding-left: 20px; margin: 0; line-height: 38px !important; }
#dsm-modal-container-lower p { position: relative; top: 3px; float: right; padding-right: 20px; line-height: 32px; }
#dsm-devices-container { height: 360px;  overflow: auto; }
.dsm-row { margin-bottom: 1px; margin-top: 3px; float: left; }
.dsm-row-w575 { width:575px; }
.dsm-row  ul li{ color:#4682B4;}
.dsm-row div { float: left; padding-top: 2px; padding-bottom: 16px; margin: 0 0 0 5px; width: 136px; height: 157px; border: 1px solid #fff; }
.dsm-row div img { margin-bottom: 5px; padding: 4px; border:1px solid #FFF}
#ie .dsm-row div img { margin-left:-17px; margin-bottom: 5px; padding: 4px; border:1px solid #FFF;}
li.dsm-selected { text-decoration: underline; cursor: pointer; color: #3381b7; /* background-color: #e5f4ff; border: 1px solid #cbe8ff; padding-top: 2px; padding-bottom: 16px; margin: 0 0 0 5px; height: 137px; width: 136px; */ }
li.dsm-selected img {
    border: 1px solid #3381b7;
    cursor: pointer;
    padding:3px;
}
.dsm-row .first{ margin-top: 15px; }
#dsm-buttons-container { /* float: right; */ margin: 6px 0 20px 0; width: 755px;}
#dsm-buttons-container img { margin-left: 20px; }
#dsm-current { float: left; width: 144px; border-right: 1px solid #e3e3e3; background-color: #eee; margin: 0; padding: 0; height:360px; }
#dsm-current div,#dsm-current div span{ width: 114px; position: relative; color: #333; font-size: 12px; font-weight: bold; background-color: #FFF; margin: 10px 15px 0 15px; padding-bottom: 10px; }
#dsm-current div img { margin: 7px 7px 10px 7px; }
#dsm-current div img#current-selection { position: absolute; left: -9px; top: 0; margin: 37px 9px 30px 9px; }
#dsm-current-text {padding:0;margin: 0px ;}
#ie #dsm-current-text {margin: 0px 0px 2px 0px; }

#current-selection-header { background: repeat-x scroll left 0 #f5f5f5; float: left; width: 124px; border-right: 1px solid #e3e3e3; }

/* added per us8728 */
.select-device-ns {min-height: 40px;height: 40px;}
.select-device-ns h2, .select-device-ns p {display: none;}
.select-device-ns h2.nm {display: block;line-height: 40px !important;}
.select-device-ns h2 img {padding-right:5px;vertical-align: middle;}
.select-device-ns-img {width: 140px;height: 100px;position: absolute;left: 50%;top: 50%;margin-left: -70px;margin-top: -50px;}
.select-device-ns-img h2, .gray{color: #666 !important;}
#dsm-buttons-container #cancelBut {padding-left: 10px;line-height: 25px;}
#dsm-buttons-container #save-button {margin-right: 20px;top:576px !important;}
#ie #dsm-buttons-container #save-button {margin-right :8px !important;margin-top:-20px;}
#dsm-models{padding-right:0px !important; width:470px !important;}
#deviceSelectionDivContainer #modalContainer{padding:20px 20px 20px 24px !important;}
#ie #modalContainer{ padding-left:20px;}
#ie .modalHeader{width:800px; margin-left:0px;}
#dsm-modal-container-lower #dsm-current,#dsm-modal-container-lower #current-selection-header{display:none;}
#deviceSelectionDivContainer #cancelBut{color:#3381B7;}
#ie #deviceSelectionDivContainer .modalHeader h1 {padding-left:22px !important;}
#ie #modalContainer{margin:-4px 0px 0px -6px !important;}
/* #ie #deviceSelectionDivContainer #dsm-buttons-container{margin-top:0px !important} */

/* Component containers */
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6 repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus 
    { border: 1px solid #999999/*{borderColorHover}*/; margin: -1px; background: #dadada repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; cursor: default;}
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

.styled_forms span.textInput-wrapper {
    background: url("//www.att.com/images/global/forms/input-right.gif") no-repeat scroll 100% 1px transparent;
}

.styled_forms span.textInput-wrapper.focus, .styled_forms span.textInput-wrapper:focus {
background: url("//www.att.com/images/global/forms/input_right-focus.gif") no-repeat scroll 100% 1px transparent;
}

/* Autocomplete under DSM Search 
----------------------------------------- */
.ui-autocomplete { position: absolute; cursor: default; max-height: 300px; overflow-y: auto; overflow-x: hidden; text-align: left; background: white; z-index: 99996; top: 492px; left: 215px; width: 200px;}
#deviceSelectionDiv .ui-autocomplete{ top: 61px !important; left: 21px !important;}
.ui-menu .ui-menu-item {font-size: 12px; zoom: 1; width: 100%; border-bottom: 1px dotted #ccc; padding: 2px; line-height:1.15;}
.ui-autocomplete-category { font-size: 14px; font-weight: bold; padding: .1em .2em; margin: .4em 0 .4em; border: none; width: 100%;}
.ui-menu { list-style:none; padding: 0; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .1em .2em; margin: .4em 0 .1em; zoom: 1; font-weight: normal;}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -5px; }
.ui-menu .ui-menu-item a.ui-state-hover {border: 0px solid #def1ff/*{borderColorHover}*/; background: #def1ff/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; cursor: default; }
.ui-menu .ui-menu-item a.ui-corner-all { -moz-border-radius: 0px/*{cornerRadius}*/; -webkit-border-radius: 0px/*{cornerRadius}*/; -khtml-border-radius: 0px/*{cornerRadius}*/; border-radius: 0px/*{cornerRadius}*/; margin: -1px; line-height:1.15; padding: 5px;}
.ui-widget-content{background:white!important;}
/* ************ END: Modal Styling , New styles for DSM Changes in Agile Project *********** */

#gvp_overlayDiv{opacity:0.5 !important;}

#ie .emailarticleh{margin-top:-25px;}
#captchaInclude{padding-left:10px !important}
 label.error {float:left !important;}
#capchaVError{color:#D8000C;font-size: 0.8em;}
.emailarticletable input{float:left !important;;}
.emailarticletable label{float:left !important;;}
.pr-tr span{ padding:0px;}
#captchaInclude{height:60px;}
td{vertical-align:top  !important;}
/* #nyroModalContent #ie .modalContent{margin-left:-15px !important;}*/
#nyroModalContent .modalContent{padding:0px !important;}
#nyroModalContent #modalHdr{padding:15px 15px 5px 15px !important;}
#captchaImage img{border:0px !important;}

.livePersonTile
{
 margin-bottom:10px;
}

/**********Live Person Styles , will be removed later on Start ***********************/

.chat-agent-active-rght, .chat-agent-busy-rght, .chat-agent-unavailable-rght {
	font-size:12px;
	padding:3px 38px 5px 0;
}
.chat-agent-active-left, .chat-agent-busy-left, .chat-agent-unavailable-left {
	font-size:12px;
	padding: 3px 0 5px 36px;
}
.chat-agent-active-sm-rght, .chat-agent-busy-sm-rght, .chat-agent-unavailable-sm-rght {
	font-size: 12px;
	padding:3px 26px 5px 0;
}
.chat-agent-active-sm-left, .chat-agent-busy-sm-left, .chat-agent-unavailable-sm-left {
	font-size:12px;
	padding: 3px 0 5px 24px;
}
.chat-agent-active-rght {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-active-22.png) no-repeat 100% 50% transparent;
}
.chat-agent-active-left {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-active-22.png) no-repeat 0% 50% transparent;
}
.modal-chat-agent-active-left {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-active-sm.png) no-repeat 0% 0 transparent; height: 27px;
	padding-left: 40px;
}
.chat-agent-active-sm-rght {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-active-16.png) no-repeat 100% 50% transparent;
}
.chat-agent-active-sm-left {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-active-16.png) no-repeat 0% 50% transparent;
}
.chat-agent-busy-rght {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-busy-22.png) no-repeat 100% 50% transparent;
}
.chat-agent-busy-left {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-busy-22.png) no-repeat 0% 50% transparent;
}
.chat-agent-busy-sm-rght {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-busy-16.png) no-repeat 100% 50% transparent;
}
.chat-agent-busy-sm-left {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-busy-16.png) no-repeat 0% 50% transparent;
}
.chat-agent-unavailable-rght {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-unava-22.png) no-repeat 100% 50% transparent;
}
.chat-agent-unavailable-left {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-unava-22.png) no-repeat 0% 50% transparent;
}
.chat-agent-unavailable-sm-rght {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-unava-16.png) no-repeat 100% 50% transparent;
}
.chat-agent-unavailable-sm-left {
	background: url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-unava-16.png) no-repeat 0% 50% transparent;
}
.chat-tile {
	margin-bottom:10px;
	padding:15px;
	position:relative;
}
.chat-tile h2 {
	font:16px Arial;
	font-weight:normal;
	padding-bottom:15px;
}
.chat-tile p {
	font:12px Arial;
}
.chat-tile a.btmLink {
	font:12px Arial;
	bottom:15px;
	position:absolute;
}
.chat-tile-active {
	background: url(//www.att.com/media/att/2013/chat-assets/bg-tile-ChatAgent-active.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:200px;
}
.chat-tile-busy {
	background: url(//www.att.com/media/att/2013/chat-assets/bg-tile-ChatAgent-busy.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:200px;
}
.chat-tile-unavailable {
	background: url(//www.att.com/media/att/2013/chat-assets/bg-tile-ChatAgent-unava.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:200px;
}
.chat-tile-active-wide {
	background: url(//www.att.com/media/att/2013/chat-assets/bg-tile-w239-ChatAgent-active.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:209px;
}
.chat-tile-busy-wide {
	background: url(//www.att.com/media/att/2013/chat-assets/bg-tile-w239-ChatAgent-busy.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:209px;
}
.chat-tile-unavailable-wide {
	background: url(//www.att.com/media/att/2013/chat-assets/bg-tile-w239-ChatAgent-unava.jpg) no-repeat 100% 100% transparent;
	height:95px;
	width:209px;
}
.chat-icon-active {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-status-active-19.png) no-repeat 0 50% transparent;
	padding-left:25px;
}
.chat-icon-busy {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-status-busy-19.png) no-repeat 0 50% transparent;
	padding-left:25px;
}
.chat-icon-unavailable {
	background:url(//www.att.com/media/att/2013/chat-assets/ico-ChatAgent-status-unava-19.png) no-repeat 0 50% transparent;
	padding-left:25px;
}

/** BEGIN: Chat code borrowed from production **/

.chat-modalHeader  { padding: 20px 30px 15px; background: none; height: auto !important; }
.chat-modalHeader h1 { padding: 0; }
.chat-logo { text-indent: -9999px; background:url(http://www.att.com/media/att/2013/chat-assets/logo-ATT-chatmodal.png) no-repeat 0 50% transparent; }
.chat-modalContent {padding: 0 30px 30px; }
.chat-modalContent .box {margin: 0; }
.chat-modalContent * { font-family: Arial; font-size: 14px; color: #333; }
.chat-row-seam { border-top: 1px solid #e3e3e3; border-bottom: 0; padding: 15px 0; }
textarea.chat-liveperson { width: 90%; border: 0; padding: 15px 10px; }
.chat-modalButtons { top: 0; margin-bottom: 45px; }
a.chat-cancel-button { font-size: 12px; }

/** END: Chat code borrowed from production **/
/**********Live Person Styles , will be removed later on End ***********************/

#feedbackoverlay #buttonContainer1 a{float:right !important; margin-bottom:10px !important;}
#feedbackoverlay .buttonContainer img{margin:0px !important;}
#feedbackoverlay .modalheader{background: url("/esupport/images/background/bg_modal_top.gif") repeat-x scroll left bottom transparent; border-bottom: 1px solid #CCCCCC; height: 57px; padding: 0;}
#feedbackoverlay #modalHdr{padding-top:20px !important;}

div#faqArticleContent p.answerText sup {font-size: 14px\9;}
/** Adding for jira EC1308M-27 **/
.emailarticletable #captchaInclude{padding-left: 0 !important;}

/**********Adding for jira PROD12-8523 for alignment of button  ***********************/
#feedbackSubmitButton{margin-top: 15px;}


/* Video callout box for grid view in the article*/
div.faqArticleVideoGrid { margin: 0; padding: 12px 18px 12px 12px; min-height: 62px; overflow: hidden; border-bottom: 1px dotted #ccc; }
div.faqArticleVideoGrid div.videoLeft { width:290px;float:left;padding-right:15px; }
div.faqArticleVideoGrid div.videoRight { width:310px;float:left; }
div.faqArticleVideoGrid div.videoGraphic { float: left; width: 110px; height: 62px; }
div.faqArticleVideoGrid img.videoThumbnail { border: 1px solid #eee; float:left; font-size:12px; line-height:16px; width:110px; height:65px;}
div.faqArticleVideoGrid img.videoThumbnailOverlay { position:relative; float:left; z-index:3; left:35px; top:-57px; }
div.faqArticleVideoGrid p.videoText { margin: 0 0 0 128px; font-size: 0.82em; line-height: 1.38em; }
div.faqArticleVideoGrid p.videoText + p.videoText { margin-top: 6px; }
div.faqArticleVideoGrid p.videoTitle { margin: 0 0 0 128px; font-size: 0.82em; line-height: 1.38em;font-weight:bold; }
div.mobileVideoSeparator { display:none; }

#ie8 #communitydiscussions{margin-top: -25px !important;margin-left:-10px;}
/* Adding this for accessibility issues */
.row-seamless .focus, a#closeBut:focus, .buttonContainer a:focus, .modalHeader h1:focus{outline: 1px dotted #000000;}

/* Adding css for jira PROD12-11174 */
.tab-content .tabs a.current{background-color: transparent !important;}

/* Begin -- Feedback Component*/
styled_forms > div {margin-bottom: 0;}
.feedback-tabs-container {
	width: 300px;
}
#feebackComments{height:120px;}
.feedback-tabs-container.box, #feebackComments.box {										
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	margin-bottom: 0;
}
.feedback-tabs-container .feedback-tabs {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 300px;
}																
.feedback-tabs-container .feedback-tabs div:first-child:not(:last-child) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.feedback-tabs-container .feedback-tabs div:not(:first-child):not(:last-child) {
	border-radius: 0 0 0 0;
}
.feedback-tabs-container .feedback-tabs div:last-child:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.feedback-tabs-container .feedback-tabs div {
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#067AB4;
	cursor: pointer;
	border-right: 1px solid #e3e3e3;
	display: inline-block;
	font-size: 12px;
	float: left;
	height: 35px;
	*height: 15px;
	padding: 12px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100px;
	*width: 75px;
	background: url("//www.att.com/Common/indc/images/global/grad-heading.png") repeat-x scroll 0 100% #F5F5F5;																																			
}
.feedback-tabs-container .feedback-tabs div.last {
	border-right: none;
}
.feedback-tabs-container .feedback-tabs div.active {
	background:none;
	background-color: #0081C2;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;									
	color: #fff;									
}														
.feedback-tabs-container .feedback-tabs div.active:after {
	display: block;
	content: "";
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAHCAYAAAA4R3wZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEU0RjE3OUQyQjdCMTFFMzk2NTNDRDczM0U1NTNCMkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEU0RjE3OUMyQjdCMTFFMzk2NTNDRDczM0U1NTNCMkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9IjhFOUYxOTE3QTU1MzhCMzBGRTU5MERENDBBMjc4M0I4IiBzdFJlZjpkb2N1bWVudElEPSI4RTlGMTkxN0E1NTM4QjMwRkU1OTBERDQwQTI3ODNCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsZ/l0sAAABKSURBVHjaYvz//z8DDtALxHJAHAHEfzFkQRqx4An/EWA1ELOhq8GmafJ/TIChmRhNWDUTqwkG1sE0wzRN+088AGsmVRMMbAQIMACc/zGJ0yWTkgAAAABJRU5ErkJggg==) no-repeat;
	bottom: -15px;
	height: 20px;
	margin-left: 30px;
	position: absolute;
	width: 20px;
	z-index:10;
}								
.feedback-tabs-container .feedback-tabs div.selected:hover, .feedback-tabs-container .feedback-tabs div.selected:focus {
	color: #fff;
	text-decoration: none;
}
#feebackComments div.row-seamless {
	width: 680px;
	margin: 0 auto !important;
	padding: 15px 0;
	border-bottom: none !important;
}
#feebackComments div.row-seamless p {
	margin-bottom: 10px;
}
#feebackComments textarea {
	border: 1px solid #e3e3e3;
	color: #333;
	height: 80px;																	
	resize: none;
	width: 330px;
}
.w336{float:left; width:336px; margin-right:14px}
.w336.last{margin-right:-14px; clear:right}

/* End -- Feedback Component*/

/* Begin:    B2C-190973 Create Custom CSS Class for Existing KB Article Code */
.cxtBox {
	background: none repeat scroll 0 0 #FFFFFF;	
	border-radius: 5px;
	margin-bottom: 14px;
	min-height: 10px;
	padding: 14px 14px 24px;
	float:left;
	width:623px;
}
.boxBorder{
	border: 1px solid #D5D5D5;
}
ul.cxtLinkList {
	margin:0px;
	padding:0;
}
.cxtBox a[target="_blank"] {
	color: #067AB4;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.38em;
	text-decoration: none;
}
ul.cxtLinkList li.cxtListBullet {
	background: url("//www.att.com/images/global/link_right_arrow.gif") no-repeat scroll left 50% transparent !important;
	font-family: Arial, sans-serif;
	font-size: 0.82em;
	line-height: 1.2em;
	list-style-type: none;
	padding: 3px 0 3px 20px;
}
ul.cxtLinkList li.cxtListBullet a {
  color: #067ab4;
  cursor: pointer;
  font-size: 1em;
  line-height: 1.2em;
  text-decoration: none;
}
ul.cxtLinkList li.cxtListBullet a:hover {
  color: #067ab4;
  cursor: pointer;
  text-decoration: underline;
}
ul.cxtLinkList li.cxtListBullet a:focus {
  color: #067ab4;
  font-weight: normal;
  outline: 2px solid #FFF83F;
  text-decoration: none;
}
.MarginTop16 {
	margin-top: 16px !important;
}
.cxtBoxHeading {
	line-height:24px;
	color:#333333;
	font-size: 16px;
	font-weight:bold;
}

.answerText {
	display: block;
	font-size: 0.82em;
	line-height: 1.38em;
	margin: 12px 0 0;
	padding: 0;
}
.imgBlock {
	width: 85px;
	float: left;
}
.txtBlock {
	width:520px;
	float: left;
}
/* End:    B2C-190973 Create Custom CSS Class for Existing KB Article Code */

/* Begin: B2C-188855 css for DigitalLife on esupport Landing page */
.DigitalLife{margin:15px 0 0 40px;}
.DigitalLife .imgContainer1{margin-right:24px; float:left;margin-top:-3px;}
.DigitalLife .txtContainer1{float:left;}
.DigitalLife .txtContainer1 h2{font-size:18px !important; margin-bottom:20px;}
.DigitalLife .txtContainer1 h2 a{font-size:18px !important;}
.DigitalLife .txtContainer1 ul{margin-bottom:20px;}
.DigitalLife .txtContainer1 li {list-style: disc;margin-left: 15px;}
.DigitalLife, .DigitalLife h3, .DigitalLife li{font-size:14px !important}
/* End: B2C-188855 css for DigitalLife on esupport Landing page */


#tieredNav #primaryMenu #primary_Search .autoSuggest ul{overflow-y:hidden;}
.emailarticletable input{margin-bottom:3px;}
.emailarticletable input.error{padding:0px; border-radius:0;margin:0 0 3px 10px !important;}
#articleEmail label.error{word-break:break-all; padding:5px 15px !important;}
.emailarticletable{float:left;}