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

/* Updates: Solution Sender styles added;
			link text font-size updates;
			h3 + h4 spacing fix;
			div.faqExpandableContent margin-top increased */

/****************************************
  FAQ Container Div
*****************************************/
div#faqArticleContent {
  font-family:Arial, sans-serif;
  font-size:16px;
  color:#333;
  font-weight:normal;
  margin:0;
  padding:0;
  text-align:left;
}

/****************************************
  Paragraphs
*****************************************/
div#faqArticleContent p.answerText {
  font-size:0.82em;
  line-height:1.38em;
  display:block;
  margin:0;
  padding:0;
}
div#faqArticleContent p.answerText + p.answerText,
div#faqArticleContent ol + p.answerText,
div#faqArticleContent ul + p.answerText,
div#faqArticleContent div.faqTableContent + p.answerText {
  margin:12px 0 0 0;
}

/****************************************
  Headings
*****************************************/
div#faqArticleContent h3.answerHeading {
  font-size:0.95em !important;
  color:#333;
  font-weight:bold;
  line-height:1.38em;
  margin:20px 0 3px 0;
  padding:0;
}
div#faqArticleContent p.answerText + h4.answerSubheading,
div#faqArticleContent ol.answerSteps + h4.answerSubheading,
div#faqArticleContent ul.answerItems + h4.answerSubheading,
div#faqArticleContent div.faqArticleNote + h4.answerSubheading,
div#faqArticleContent div.faqTableContent + h4.answerSubheading {
  font-size:0.82em;
  color:#333;
  font-weight:bold;
  line-height:1.38em;
  margin:16px 0 3px 0 !important;
  padding:0;
}
div#faqArticleContent h3.answerHeading + h4.answerSubheading {
  font-size:0.82em;
  color:#333;
  font-weight:bold;
  line-height:1.38em;
  margin:6px 0 3px 0;
  padding:0;
}
div#faqArticleContent div.faqExpandableContent h4.expandableSubheading {
  font-size:0.82em;
  color:#333;
  font-weight:bold;
  line-height:1.38em;
  margin-bottom:3px;
  padding:0;
}
div#faqArticleContent div.faqExpandableContent p.answerText + h4.expandableSubheading,
div#faqArticleContent div.faqExpandableContent ol.answerSteps + h4.expandableSubheading,
div#faqArticleContent div.faqExpandableContent ul.answerItems + h4.expandableSubheading,
div#faqArticleContent div.faqExpandableContent div.faqArticleNote + h4.expandableSubheading,
div#faqArticleContent div.faqExpandableContent div.faqTableContent + h4.expandableSubheading {
  font-size:0.82em;
  color:#333;
  font-weight:bold;
  line-height:1.38em;
  margin-top:16px !important;
  padding:0;
}
/****************************************
   Notes
****************************************/
div.faqArticleNote {
  background-color:#f7f7f7;
  border:1px solid #ccc;
  padding:8px 10px 8px 14px;
  text-align:left;
}
div.faqArticleNote p.noteText {
  font-size:0.82em;
  line-height:1.38em;
  display:block;
  margin:0;
  padding:0;
}
div.faqArticleNote p.noteText + p.noteText {
  margin-top:9px;
}

/****************************************
   Lists
****************************************/
div#faqArticleContent ol.answerSteps {
  list-style:decimal none outside;
}
div#faqArticleContent ul.answerItems {
  list-style:disc none outside;
}
div#faqArticleContent ol.answerSteps ul,
div#faqArticleContent ol.answerSteps ol {
  list-style:disc none outside;
}
div#faqArticleContent ul.answerItems ul,
div#faqArticleContent ul.answerItems ol {
  list-style:circle none outside;
}
div#faqArticleContent ol.answerSteps li,
div#faqArticleContent ul.answerItems li {
  font-family:Arial, sans-serif;
  font-size:0.82em;
  line-height:1.38em;
  color:#333;
  font-weight:normal;
  margin:4px 0 0 20px;
}
div#faqArticleContent ol.answerSteps li ul li,
div#faqArticleContent ul.answerItems li ul li,
div#faqArticleContent ol.answerSteps li ol li,
div#faqArticleContent ul.answerItems li ol li {
  font-size:1em;
  line-height:1.38em;
  margin:4px 0 0 10px;
}

/****************************************
  Tables
****************************************/
div#faqArticleContent div.faqTableContent {
  padding-bottom:4px;
}
div#faqArticleContent table.answerData {
  display:block;
  border-collapse:collapse;
  padding-bottom:4px;
  width:auto;
}
div#faqArticleContent table.answerData caption.dataCaption {
  font-size:0.82em;
  line-height:1.38em;
  font-style:italic;
  color:#999999;
  text-align:left;
  padding-bottom:4px;
}
div#faqArticleContent table.answerData th.columnHeader {
  font-size:0.82em;
  line-height:1.38em;
  font-weight:bold;
  background-color:#f7f7f7;
  border:1px solid #ccc;
  padding:4px 6px;
  text-align:left;
}
div#faqArticleContent table.answerData th.rowHeader {
  font-size:0.82em;
  line-height:1.38em;
  font-weight:normal;
  background-color:#ffffff;
  border:1px solid #ccc;
  padding:6px;
  text-align:left;
}
div#faqArticleContent table.answerData td {
  font-size:0.82em;
  line-height:1.38em;
  font-weight:normal;
  border:1px solid #ccc;
  text-align:left;
  padding:6px;
}
.alignCenter {
  text-align:center !important;
}
br.tableData {
  display:block;
  margin-bottom:9px;
}

/****************************************
   Links
****************************************/
div#faqArticleContent a[target="_blank"] {
    color: #067ab4;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.38em;
    text-decoration: none;
}
div#faqArticleContent a[target="_blank"]:hover {
    color: #067ab4;
    cursor: pointer;
    font-weight: normal;
    text-decoration: underline;
}
div#faqArticleContent a[target="_blank"]:focus {
    color: #067ab4;
    font-weight: normal;
    outline: 2px solid #FFF83F;
    text-decoration: none;
}
div#faqArticleContent a[target="_self"] {
    color: #067ab4;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.38em;
    text-decoration: none;
}
div#faqArticleContent a[target="_self"]:hover {
    color: #067ab4;
    cursor: pointer;
    font-weight: normal;
    text-decoration: underline;
}
div#faqArticleContent a[target="_self"]:focus {
    color: #067ab4;
    font-weight: normal;
    outline: 2px solid #FFF83F;
    text-decoration: none;
}
div#faqArticleContent a.solutionLink {
  font-family:Arial, sans-serif;
  font-size:1em;
  line-height:1.38em;
  color:#067AB4;
  font-weight:normal;
  text-decoration:none;
  cursor:pointer;
}
div#faqArticleContent a.solutionLink:hover {
  color:#067AB4;
  font-weight:normal;
  text-decoration:underline;
  cursor:pointer;
}
div#faqArticleContent a.solutionLink:focus {
  color:#067AB4;
  font-weight:normal;
  text-decoration:none;
  outline:2px solid #FFF83F;
}

/****************************************
  Expandables
****************************************/
div#faqArticleContent p.answerText + div.faqExpandableContent,
div#faqArticleContent ol.answerSteps + div.faqExpandableContent,
div#faqArticleContent ul.answerItems + div.faqExpandableContent,
div#faqArticleContent h3.answerHeading + div.faqExpandableContent,
div#faqArticleContent h4.answerSubheading + div.faqExpandableContent,
div#faqArticleContent div.faqTableContent + div.faqExpandableContent {
  margin-top:16px;
}
div#faqArticleContent div.faqExpandableContent {
  font-size:1em;
}
div#faqArticleContent div.faqExpandableContent a#toggleAll {
  font-size:0.78em;
  padding-bottom:8px;
}
div#faqArticleContent div.faqExpandableContent div.expandableFloatClear {
  clear:both;
  height:0px;
}
span.toggle_header a {
  color:#067AB4;
  float:left;
  font-family:Arial,sans-serif;
  font-size:1.2em;
  font-weight:normal;
}

/****************************************
  Images
****************************************/
div.imageContainer {
	margin-top:9px;
	margin-bottom:9px;
	overflow: hidden;
}
div.imageBoxLeft{
	float:left;
	margin:9px 9px 9px 0;
}
div.imageBox{
	float:left;
	margin:9px 9px 9px 0;
}
div#faqArticleContent img.answerGraphic {
  display:block;
  border:none;
  margin:9px 0;
}

/****************************************
  Helper classes
****************************************/
.addMarginTop9 {
  margin-top:9px !important;
}
.addMarginBottom9 {
  margin-bottom:9px !important;
}
.addMarginTop12 {
  margin-top:16px !important;
}
.addMarginBottom12 {
  margin-bottom:16px !important;
}
.addMarginTop16 {
  margin-top:16px !important;
}
.addMarginBottom16 {
  margin-bottom:16px !important;
}
div#faqArticleContent .nonVisualContent {
  position:absolute;
  left:-10000px;
  top:auto;
}

/****************************************
  Solution Sender content
****************************************/
div.solutionSenderBox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #d5d5d5;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 14px;
    min-height: 10px;
    padding: 14px 14px 24px;
    position: relative;
}
div#faqArticleContent div.solutionSenderBox h3.solutionSenderHeading {
  color: #333333;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 1em;
  margin: 0 0 7px;
  padding: 0;
}
div.solutionSenderLinks {
  margin: 0 0 0 40px;
  padding: 0 0 0 15px;
}
img.solutionSenderIcon {
  float: left;
  margin: 0;
  padding-right: 10px;
}
ul.solutionSenderLinkList {
  margin: 0;
  padding: 0;
}
ul.solutionSenderLinkList li.solutionSenderListBullet {
  background: url("//web-archive.nli.org.il/National_Library/20160526010038oe_///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.solutionSenderLinkList li.solutionSenderListBullet a {
  color: #067ab4;
  cursor: pointer;
  font-size: 1em;
  line-height: 1.2em;
  text-decoration: none;
}
ul.solutionSenderLinkList li.solutionSenderListBullet a:hover {
  color: #067ab4;
  cursor: pointer;
  text-decoration: underline;
}
ul.solutionSenderLinkList li.solutionSenderListBullet a:focus {
  color: #067ab4;
  font-weight: normal;
  outline: 2px solid #FFF83F;
  text-decoration: none;
}
.addTopPadding14 {
    padding-top: 14px !important;
}
.addBottomPadding14 {
    padding-bottom: 14px !important;
}

/* Video callout box */
div#faqArticleContent div.faqArticleVideo { margin: 0; padding: 12px 18px 12px 12px; min-height: 62px; border: 1px solid #ccc; }
div#faqArticleContent div.faqArticleVideo div.videoGraphic { float: left; width: 110px; height: 62px; }
div#faqArticleContent div.faqArticleVideo img.videoThumbnail { border: 1px solid #eee; float:left; font-size:12px; line-height:16px; width:110px; height:65px;}
div#faqArticleContent div.faqArticleVideo img.videoThumbnailOverlay { position:relative; float:left; z-index:3; left:35px; top:-57px; }
div#faqArticleContent div.faqArticleVideo p.videoText { margin: 0 0 0 128px; font-size: 0.82em; line-height: 1.38em; }
div#faqArticleContent div.faqArticleVideo p.videoText + p.videoText { margin-top: 6px; }


/* Article answer content td aligning  */
.answerContent td {vertical-align:top;}

.thumbnailArticle {
	display: block;
	text-align: center;
	outline-style: none;
}
.persistArticle {
    cursor: pointer;
    display: block;
}
.overlayArticle {
    background: url("/National_Library/20160526010038oe_/http://www.att.com/media/att/2013/support/icons/ico-imagezoom-50.png") no-repeat scroll 50% 50% transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.expandableImgBox {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E3E3E3;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 14px;
    min-height: 10px;
    position: relative;
} 


/******************************************************************************************************************************
*******************************************************************************************************************************
	Code below specifically for Knowledge Article Tabbed Content
	Code in this ENTIRE section is NOT to be altered
	Please contact Sharon Yates for additions, corrections or any changes required
/******************************************************************************************************************************
/*****************************************************************************************************************************/

/* *** Reset for articleTabLinks table *** */
.answerContent table {border: none; margin: 1px;}
#ie .answerContent table {border: none; margin: 1px;}

.answerContent td.CellWidth {padding: 0;}
.answerContent td.tabPrevTall {padding: 0;}
.answerContent td.tabNextTall {padding: 0;}
.answerContent td.tabNext_noLink {padding: 0;}

div#faqArticleContent a[target="_self"] {
    color: #3381b7;
    cursor: pointer;
    line-height: 16px;
    text-decoration: none;
}

div#faqArticleContent td.active a[target="_self"] {
    color: #3381b7;
	font-weight: bold;
    cursor: pointer;
	font-size: !important 12px;
    line-height: 16px;
	text-align: center;
    text-decoration: none;
	vertical-align: top;
}

div#faqArticleContent a[target="_self"]:hover {
    color: #3381b7;
    cursor: pointer;
    font-weight: normal;
    text-decoration: underline;
}
div#faqArticleContent a[target="_self"]:focus {
    color: #3381b7;
    font-weight: normal;
    outline: 2px solid #FFF83F;
    outline: none;
    text-decoration: none;
}
/* *** /Reset for articleTabLinks table *** */

.tabBox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E3E3E3;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 14px;
    min-height: 10px;
    position: relative;
}

#itemCount {padding-top: 12px; padding-right: 20px; padding-bottom: 12px;}

table #articleTabLinks {
	position:relative;
	margin-bottom: 12px;
	margin-left: 0;
	padding-left: 0;
	border: none;
	border-collapse: collapse;
	empty-cells: show;
}

tr.articleTabs {
	margin-left: 0;
	background:url("//web-archive.nli.org.il/National_Library/20160526010038oe_///www.att.com/media/att/2013/support/ui-common/caro-bg-def.png") repeat-x 100% bottom;
	/* border-bottom: 1px solid #E3E3E3; */
	min-height: 120px;
	width: !important 702px;
	max-width: 702px;
	bottom: 0;
	vertical-align: bottom;
	overflow: hidden;
}

tr.articleTabs td {
	margin-right: 0; 
	margin-left: 0; 
	font-size: !important 12px; 
	line-height: 16px; 
	text-align: center; 
	vertical-align: top; 
	border: none;
}

tr.articleTabs td.tabPrevTall {width: 41px; height: 120px; margin-top:0; padding:0; border-right: 1px solid #E3E3E3;}
tr.articleTabs td.tabNextTall {width: 41px; height: 120px; margin-top:0; padding:0;}
tr.articleTabs td.tabNext_noLink {width: 43px; height: 120px; float:right; padding:0;}
tr.articleTabs td.cellWidth {width: 115px; border-right: 1px solid #E3E3E3; overflow: hidden;}


#ie .answerContent td.tabPrevTall {border-top: none; *border-right: 1px solid #e3e3e3; border-bottom: none; border-left: none;}
#ie .answerContent td.cellWidth {border-top: none; *border-right:  1px solid #e3e3e3; border-bottom: none; border-left: none;}
#ie .answerContent td.tabNextTall {border-top: none; border-right:  none; border-bottom: none; border-left: none;}
#ie .answerContent td.tabNext_noLink {border-top: none; border-right:  none; border-bottom: none; border-left: none;}


.articleTabs td a {
	background: transparent;
	color: #3381b7;
	text-align: center;
	text-decoration: none;
	width: !important 115px;
	line-height: 16px;
	margin-right: 0;
	margin-left: 0;
}

.articleTabs td.active {
	background: url("//web-archive.nli.org.il/National_Library/20160526010038oe_///www.att.com/media/att/2013/support/ui-common/caro-bg-active-w-arw-120.png") no-repeat center bottom;
	height: 120px;
	vertical-align: top;
	width: !important 115px;
	max-width: 115px;
	margin-right: 0;
	margin-left: 0;
}

.articleTabs td.active a {
    color: #fff;
	font-weight: bold;
    cursor: pointer;
	font-size: !important 12px;
    line-height: 16px;
	text-align: center;
    text-decoration: none;
	vertical-align: top;
}

#tabHead1, #tabHead2, #tabHead3, #tabHead4, #tabHead5, #tabHead6, #tabHead7, #tabHead8, #tabHead9, #tabHead10 {padding: 0 5px 0 5px;}


.articleTabs img.next120 {margin-top:0; height:120px; width:40px; vertical-align: middle; text-align: center;}
.articleTabs img.prev120 {margin-top:0; height:120px; width:40px; vertical-align: middle;} 

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

.tabcontent {height: auto; width: 702px; padding: 0;}
.row-seamless {padding: 0 25px 9px 25px;}

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

tr.articleTabsSmall {
	margin-left: 0;
	background:url("//web-archive.nli.org.il/National_Library/20160526010038oe_///www.att.com/media/att/2013/support/ui-common/caro-bg-def.png") repeat-x 100% bottom;
	/* border-bottom: 1px solid #E3E3E3; */
	min-height: 53px;
	width: !important 702px;
	max-width: 702px;
	bottom: 0;
	vertical-align: bottom;
	overflow: hidden;
}

tr.articleTabsSmall td {
	margin-right: 0; 
	margin-left: 0; 
	font-size: !important 12px; 
	line-height: 16px; 
	text-align: center; 
	vertical-align: top; 
	border: none;
}

tr.articleTabsSmall td.tabPrevShort {width: 41px; height: 53px; margin-top:0; padding:0; border-right: 1px solid #E3E3E3;}
tr.articleTabsSmall td.cellWidth {width: 120px; border-right: 1px solid #E3E3E3; overflow: hidden;}
tr.articleTabsSmall td..tabNextShort {width: 41px; height: 53px; margin-top:0; padding:0;}
tr.articleTabsSmall td.tabNextShort_noLink {width: 43px; height: 53px; float:right;}

#ie .answerContent td.tabPrevShort {border-top: none; *border-right: 1px solid #e3e3e3; border-bottom: none; border-left: none;}
#ie .answerContent td.tabNextShort {border-top: none; border-right:  none; border-bottom: none; border-left: none;}
#ie .answerContent td.tabNextShort_noLink {border-top: none; border-right:  none; border-bottom: none; border-left: none;}

tr.articleTabsSmall td a {
	background: transparent;
	color: #3381b7;
	text-align: center;
	text-decoration: none;
	width: !important 120px;
	line-height: 16px;
	margin-right: 0;
	margin-left: 0;
	vertical-align: top;
}

.articleTabsSmall td.active {
	background: url("//web-archive.nli.org.il/National_Library/20160526010038oe_///www.att.com/media/att/2013/support/ui-common/caro-bg-active-w-arw-60.png") no-repeat center bottom;
	height: 53px;
	vertical-align: top;
	width: !important 120px;
	max-width: 120px;
	margin-right: 0;
	margin-left: 0;
	text-decoration: none;
}

.articleTabsSmall td.active a {
    color: #fff;
	font-weight: bold;
    cursor: pointer;
	font-size: !important 12px;
    line-height: 16px;
	text-align: center;
    text-decoration: none;
	vertical-align: top;
}

.articleTabsSmall img.next60 {margin-top:0; height:53px; width:40px; vertical-align: middle;}
.articleTabsSmall img.prev60 {margin-top:0; height:53px; width:40px; vertical-align: middle;}


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

.answerContent ol{list-style:decimal;}
	.answerContent ol ol{list-style-type:decimal;}
	.answerContent ol ol ol{list-style-type:lower-roman;}
	.answerContent ul{list-style:disc;}
	.answerContent ul ul{list-style-type:circle;}
	.answerContent ul ul ul{list-style-type:disc;}
	
	#articleContent ol{list-style:decimal;}
	#articleContent ol ol{list-style-type:decimal;}
	#articleContent ol ol ol{list-style-type:lower-roman;}
	#articleContent ul{list-style:disc;}
	#articleContent ul ul{list-style-type:circle;}
	#articleContent ul ul ul{list-style-type:disc;}
	
	ol {list-style-type: decimal;}
	ol ol {list-style-type: decimal;}
	ol ol ol {list-style-type: lower-roman;}
	ul {list-style-type: none;}
	ul ul {list-style-type: none;}
	ul ul ul {list-style-type: none;}
	
	.topMar5 {margin-top: 5px;}
	
	.custom_button { cursor:pointer }

	div#resizing li a{float:left; line-height:18px !important; margin-top:0px;}
	div#resizing p {margin: 9px 0 0 !important;}
	#ie div#resizing p {margin: 0px 0 0 !important;}
	
	/*Adding for jira PROD12-7719*/
	.toggle_container, .toggle_expand, .toggle_colapse{position:relative;}
	.cboxIE .w306 textarea{width:325px;height:100px;}
	#ie8 .modalHeader{margin-top: -35px;margin-left:-10px;}
	#ie8 #modalContainer{padding:0px 0 0 5px !important;}
	#ie8 .w306{width:329px !important; height:128px !important; margin:0px;}
	#ie8 .w306 textarea.uniform{width:329px !important; height:124px !important; margin:0px;}
	#ie8 .w306 label{line-height: 1.3em;}
	
	div.solutionTxt{margin-top:-80px; padding-left:0px;}
	#ie div.solutionTxt{margin-top:-60px; padding-left:0px;}
	.pad-0-10-0-10{padding:0px 10px 0px 10px;}
	.border_right{border-right:1px solid #ccc; margin-right:10px;}
	#videoTitleText{display:block; float:left; width:100%; border:0px solid #000;}
	#videoUrl{float:left; border:0px solid #ff0000;}
	#video{float:left; width:100%; display:block; border:0px solid #000;}
	#ALL{margin-top:20px;}
	#nyroModalCloseButton{position:absolute; right:34px; top:-5px; text-align:right;}
	p {font-size: 1em; line-height: 1em;}
/******************************************************************************************************************************
*******************************************************************************************************************************
	Code in this ENTIRE section is NOT to be altered
	Please contact Sharon Yates for additions, corrections or any changes required
/******************************************************************************************************************************
/*****************************************************************************************************************************/