/*	---------------------------------------------------------------
		@filename		manual-chapter.css
		@author			david.milton@akqa.com - modified by adam.abouraya@akqa.com
		@description	Page layout + global style definitions for the content page individual components
		
		Contents
		0. General layout rules
		1. Navigation
			1a. Sub-nav Menu
			1b. Get-help Menu
		2. Main Content Page Components
			2a. Tab Block Container
			2b. Drawer Container
		3. 
		4. Minor Page Components
		4a. FAQ Link
		4b. Page Intro
		4c. Page Header with Image
		4d. Right Sidebar Promo Bucket
		4e. Might Find Helpful container
		4f. Related Publications container

	--------------------------------------------------------------- */

/*	
	=========== 0. General layout rules ===========
*/
a:hover, .pagination a:hover, a:focus, .pagination a:focus  {
	color:#717171;
}

#previous-chapter-cmplx {
   float:right;
   margin-right:4px;
   margin-top:4px;
}

#previous-chapter-cmplx  a:hover img.sl{
   background-position: 0px -97px;
}
 
#next-chapter-cmplx {
   float:right;
   margin-right: 2px;
   margin-top:4px;
}
.phxMainConTentTitle {
   margin-left: 10px;
}
/* =====================================  BEGIN Chapter Select Link Toggling =========================================*/
#activePreviousChapterImg {
   display:inline-block;
   cursor: pointer;   
}


#activePreviousChapterTxt {
   display:inline-block;
   cursor: pointer;
}

#activeNextChapterImg {
   display:inline-block;
   cursor: pointer;
}

#activeNextChapterTxt {
   display:inline-block;
   cursor: pointer;
}


/* ---------------------------------------------------------------------------------- */

#inactivePreviousChapterImg {
   display:inline-block;
   cursor: default !important;
}

#inactivePreviousChapterImg img {
   background:url("/about/global/images/global/sprites/pagination-arrows.gif") no-repeat scroll 0 -97px transparent;
}

#inactivePreviousChapterImg :hover {
   cursor:default !important;
}

#inactivePreviousChapterTxt {
   color: #808080;
   display: inline-block;
   cursor: default !important;
   margin-left:5px;
}

#inactivePreviousChapterTxt  :hover{
   cursor: default !important;
}

#inactiveNextChapterImg {
   display:inline-block;
   cursor: default !important;
}

#inactiveNextChapterImg img {
background:url("/about/global/images/global/sprites/pagination-arrows.gif") no-repeat scroll 0 -117px transparent;
}


#inactiveNextChapterTxt {
   color: #808080;
   display: inline-block;
   cursor: default !important;
   margin-right: 3px;
}

#chapterList {
   margin-top: -4px;
}





/*    
    =========== 1. Navigation Overides ===========
*/

.select-wrapper .select-small .select-current {
   font-family: Arial;
   font-size: 9px;
   font-weight: bold;
   text-transform: uppercase;
}
.select-wrapper{z-index:0 !important;}
.layout-3col-tmpl #sub-nav-sidebar, .layout-2col-tmpl #sub-nav-sidebar  {
 border-top: none !important;
/*    
    =========== 1a. Overides ===========
*/
//for logo in header - overrides about.css
  .left { margin-left:115px; }
  .pagination, .fontStyle15 ul {
     margin-right: 1px;
  }

}

/*	
	=========== 2. Major Page Components ===========
*/

/*	
	=========== 2a. Content Tab Container ===========
	
*/

#tabs,
.tabs{
	height:36px;
	position:relative;
	z-index:100;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_tall_sprite.png) repeat-x 0px -36px;
}

.tab-panel {
	min-height: 300px;
}


#tabs span.cap,
.tabs span.cap{
	position:absolute;
	top:0px;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_tall_sprite.png) no-repeat 0px 0px;
	height:36px;
}

#tabs span.cap-right,
.tabs span.cap-right{
	background-position:-4px 0px;
	width:4px;
	right:0px;
}

#tabs span.cap-left,
.tabs span.cap-left{
	background-position:0px 0px;
	width:4px;
	left:0px;
}

.bottom{
	height:37px;
	position:relative;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_alt3.png) no-repeat;
	padding: 10px 0 0 10px;
}
	
.bottom span.cap{
	position:absolute;
	top:0px;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_tall_sprite.png) no-repeat 0px -72px;
	height:36px;
}
.bottom span.cap-right{
	display:none;
	background-position:-4px -72px;
	width:4px;
	right:0px;
}
.bottom span.cap-left{
	display:none;
	background-position:0px -72px;
	width:4px;
	left:0px;
	}

#tab-content .tab-panel {
	padding: 20px;
}

#tab-content .pane-left {
	float: left;
	width:47%;
}

#tab-content .pane-right {
	float: right;
	width:47%;
}
		
#tabs div {
	float:left;
}

#tabs .button-div {
	padding:10px 0 0 10px;
}
	
#tabs h2 {
	color:#363636;
	font-size:1.2em;
	height:34px;
	line-height:34px;
	margin:0 7px 0 13px;
	display:inline;
	font-weight:normal;
}

#tabs span.button-link {
	margin-top:8px;
	display:inline;
	position:relative;
	font-size:.9em;
	background-position:0px -130px;
}

.tab-panel {
	padding: 10px;
}

.tab-panel.hidden {
	display: none;
}

#tabs .dijitInline {
	float:none;
	margin:0;
}
/*	
	=========== 2a1. Tabbed Content design-list ===========
	
*/
.tab-panel .design-list h3 {
	color: #202020;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 5px 0;
}

.tab-panel .design-list p {
	color: #202020;
	margin-bottom: 10px;
	padding-left: 0;
	width: 450px;
}	
.tab-panel .design-list ul {
}
.tab-panel .design-list li {
	border-bottom: 1px solid #d9d9d9;
	padding: 20px 0;
}
.tab-panel .design-list li img {
}
.tab-panel .design-list li.last {
	border-bottom: none;
	padding-bottom: 0;
}
.tab-panel .design-list li img {
	float: left;
	height: 118px;
	margin-right: 10px;
	width: 144px;
}
.tab-panel .design-list li .description {
	float: left;
	width: 298px;
}
.tab-panel .design-list li .description p {
	font-size: 1.1em;
	margin: 5px 0;
	width: 290px;
}
.tab-panel .design-list li .description p.get-started {
	margin: 0;
}

.tab-panel .design-list li img.logo, 
.tab-panel .design-list li h3 {
	float: none;
	height: 25px;
	width: auto;
}
.tab-panel .design-list p.get-started a {
	color: #2f6fa9;
	font-size: 1.2em;
	font-weight: bold;
}

/*	
	=========== 2b. Content Drawer Container ===========
	
*/

.content-drawers dl {
	width:476px;
	
}
.content-drawers dl dt {
	background: transparent url(/about/global/images/backgrounds/sprite_drawer_top.gif) left 4px no-repeat;
	font-size: 1.2em;
	font-weight: bold;
	height: 38px;
	padding-left: 7px;
	margin-top: 8px;
	width: 469px;	
}
.content-drawers dl dt.first {
	margin-top: -3px;
}
.content-drawers dl dt.open {
	background: transparent url(/about/global/images/backgrounds/sprite_drawer_top.gif) left -34px no-repeat;
	height: 34px;
	margin-top: 10px;
}

.content-drawers dl dt a {
	background: transparent url(/about/global/images/backgrounds/sprite_drawer_top.gif) -250px -64px no-repeat;
	display: block;
	color: #666666;	
	display: block;
	height: 26px;
	padding: 12px 0 0 7px;
}

.content-drawers dl dt.open a {
	background: transparent url(/about/global/images/backgrounds/sprite_drawer_top.gif) -250px -102px no-repeat;
	padding-top: 8px;
}

.content-drawers dl dd {
	height: auto;
	overflow: visible;
	display: none;
}

.content-drawers dl dd .drawer-content {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	min-height: 150px;
	padding: 10px;
	position: relative;
	width: 454px;
}
.content-drawers dl dd .drawer-content .split-left {
	float: left;
	width: 225px;
}
.content-drawers dl dd .drawer-content .split-right {
	float: right;
	width: 225px;
}

.content-drawers dl dd .drawer-content h3 {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 10px;
}
.content-drawers h2.empty {
	color: red;
	font-size: 2.0em;
	font-weight: bold;
	padding: 30px 20px;
}

.content-drawers dl dd .drawer-content p {
	font-size: 1.1em;
	padding-left: 0;
}

.content-drawers dl dd .drawer-content p.buttons {
	position: absolute;
	bottom: 15px;
	left: 10px;
}

.content-drawers dl dd .drawer-bottom {
	background: transparent url(/about/global/images/backgrounds/sprite_drawer_btm.gif) 0 0 no-repeat;
	height: 6px;
	width: 476px;
}
/*	
	=========== 4. Minor Page Components ===========
*/
/*	
	=========== 4a. FAQ Link ===========
	these are global - on every 3-column content template and on most 2-column template pages
*/

#faq-link {
	background:transparent url(/about/global/images/backgrounds/faq_link_bg.jpg) no-repeat;
	height: 30px;
	margin: 30px 0 0 0;
	padding: 9px 0;
	width: 232px;
}
.layout-2col-tmpl #template-core #faq-link {
	float: right;
	width: 217px;
}

#faq-link h2 {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 3px;
}

#faq-link p {
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 0 15px;
}

/*	
	=========== 4b. Page Intro ===========
	these are global - on every 3-column content template and on most 2-column template pages
*/
.page-intro h1 {
	margin-top:-3px;
	padding-bottom: 0px;
	font-size: 24px;
}
.page-intro h3 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom:15px;
	padding-top:12px;
	width:600px;
}

.page-intro p {
	font-size: 11px;
	padding-left: 0;
	width: 500px;
}
/*	
	=========== 4c. Page Intro Header ===========
	
*/
.layout-2col-tmpl .page-intro-header,
.layout-3col-tmpl .page-intro-header {
	background: none;
	height: auto;
	padding: 0px;
	width: 500px;
	color:#202020;
}

.page-intro-header .page-intro {
	float: left;
	width: 500px;
	color:#202020;
}
.page-intro-header .page-intro p {
	/*width: 420px;*/
	color:#202020;
}
.page-intro-header .page-intro-image {
	float: left;
	text-align: center;
	width: 330px;
}

#content{
	/*margin-top:75px;*/
}

#content p {
	padding-left:0;
	padding-bottom:15px;
	color:#202020;
}


#news-toolbar{
margin-top:-28px !important;
}

#news-toolbar-bottom{
	margin-top:-6px;
	margin-bottom:0px;
    font-weight:bold;
	font-size:11px;
	width: 200px;
     
}
	
#news-toolbar ul{
	display:block;
	float:right;
	margin: -5px 0 5px 20px;
    font-family: Arial;
    font-size: 11px;
    font-style: bold:
}
	
#news-toolbar li{
	display:inline;
	margin-right:0;
    padding-left:5px;
    border-left: 1px solid #D3D3D3;
}
#news-toolbar li.share{
	background:transparent url(/about/global/images/news/usps_about_share_icon.gif) no-repeat;
	padding-left:19px;
	padding-bottom:3px;
	cursor:pointer;
    border-left: none;
}	
#news-toolbar li.download{
	/*background:transparent url(/about/global/images/news/usps_about_download_icon.gif) no-repeat;*/
	padding-left:19px;
	margin-right: 0;
    border-left:medium none;
	}		
#news-toolbar a{
	margin-right:0;
	}
#news-toolbar a.download-pdf{
	margin-left:5px;
	padding-right:0px;
	}

#news-chapter-select{
	float:left;
	margin: 8px 0 14px 1px;
	width:100%;
	height:69px;
	background: transparent url(/about/global/images/backgrounds/bg_beige_callout_large.gif);
}
	
#news-chapter-select h3{
	margin-top:15px;
	margin-bottom:10px;
	margin-left:15px;
	font-weight:bold;
	font-size:13px;
	}

#news-chapter-select select{
	margin-left:15px;
    width:225px;
}
	
#chapter-select-btn {
	position:relative;
	margin:-29px 0 0 250px;
}
.dj_safari #chapter-select-btn {
	margin:-43px 0 0 255px;
}
.dj_safari .pagination{
	margin-top:30px !important;
}
#news-chapter-select ul{
	float:right;
	margin-top:-17px;
	margin-right:10px;
	clear: both;
	}	

#news-chapter-select li{
	display:inline;
	font-weight:normal !important;
	font-size:11px;
	}
#news-chapter-select li.chptr-previous {
	border-right:1px solid #D3D3D3;
	margin-right:5px;
	padding-right:7px;
}
#news-chapter-select li.chptr-next{
	margin-left:0px;
	}
	
#news-chapter-select li.chptr-previous  :hover, #news-chapter-select li.chptr-next:hover{
	cursor:pointer;
	cursor:hand
}

#article-pagination-top,
#article-pagination-bottom {
	margin-right:0px;
}



#article-pagination-bottom  .pagination{
	margin-top:-15px !important;
	}
	
#pagination, .pagination {
	margin:25px 0 0 !important;
	padding-top:0px !important;
}
	

#chapter-display{
/*	float: left;
	display:inline;
	font-size:11px;*/
	/*Addition by Asad Khan */ 
	/*margin-top:5px;*/
	}
#chapter-display .active-chptr{
	font-weight:bold;
}





/* =====================================  END Chapter Select Link Toggling ========================================= */
/* =====================================  BEGIN TOOL TIP =========================================================== */
/* Apply this class to anchors for displaying tooltips (pop-up messages when hovering over link) 
   format is <a id="" class="tooltip" href=""><span>message goes here</span>A Text label</a> 
*/
.anchortip {
   position:relative; 
   z-index:24; 
   background-color:#F3F3F3;
   color:#025B90;
   text-decoration:none
}

.anchortip:hover{
   z-index:25; background-color:#ff0
}
				
.anchortip span{
   display: none
}
				
.anchortip:hover span{ /*the span will display just on :hover state*/
   display:block;
   position:absolute;
   top:2em; left:2em; 
   width:15em;
   border:1px solid #0cf;
   background-color:#cff; 
   color:#000;
   text-align: center;
   color:red;
   font-size:10px;
}
/* ====================================== END TOOL TIP ============================================================= */
/*	
	=========== 4d. Right Sidebar Promo Bucket ===========
	
*/


#PHX_RightRail {
margin-top: -500px;
margin-left: 700px;
}

#video-player,
#fact-sheets,
#audio-release,
#media-contacts{
	background: transparent url(/about/global/images/backgrounds/bg_promo.jpg) no-repeat 0 0;
	border: none; 
	height: auto;
	margin-top: 10px;
	width: 234px;
}

#video-player img{
  	margin-left: -5px;
	margin-top: 10px;
  	width: 213px;
  	height:115px;
}
#video-player p {
	width:215px;
}

#fact-sheets{
	height:130px;
}

#audio-release{
   height:auto;
   padding: 5px 0 0 10px
}
#audio-release img{
  height:16px;
  width:13px;
  margin-left:-5px;
}

#media-contacts hr,
#audio-release hr,
#fact-sheets hr {
	background-color:#E2E2E2;
	color:#E2E2E2;
	margin-left:15px;
	width:205px;
	margin-bottom:10px;
}

#audio-release a,
#fact-sheets a {
	margin-left:25px;
}
#audio-release a{margin-left:-3px;}

#media-contacts p{
	padding-left:0px;
}
/*	
	=========== 4e. Might Find Helpful links container ===========
	
*/
#find-helpful {
	margin-top:10px;
}
#find-helpful-header {
	height:36px;
	position:relative;
	z-index:10;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_tall_sprite.png) repeat-x 0px -36px;
}
#find-helpful-header h2 {
	line-height:36px;
	font-size:1.3em;
	color:#656565;
	text-indent:13px;
	height:36px;
}
#find-helpful-header span.cap {
	position:absolute;
	top:0px;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_tall_sprite.png) no-repeat 0px 0px;
	height:36px;
}
#find-helpful-header span.cap-right {
	background-position:-4px 0px;
	width:4px;
	right:0px;
}

#find-helpful span.cap-left {
	background-position:0px 0px;
	width:4px;
	left:0px;
}

#find-helpful-body {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	min-height: 100px;
	padding: 15px 10px 10px 13px;
	width: 451px;	
}
#find-helpful-body p {
	font-size: 1.1em;
	padding: 0;
	margin-bottom: 8px;
}
#find-helpful-body p a {
	font-weight: bold;
}

#find-helpful-body h2.empty {
	color: red;
	font-size: 2.0em;
	font-weight: bold;
	padding: 30px 20px;
}
/*	
	=========== 4f. Related Publications links container ===========
	
*/
#related-pubs {
	margin-top:10px;
}
#related-pubs-header {
	height:36px;
	position:relative;
	z-index:10;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_tall_sprite.png) repeat-x 0px -36px;
}
#related-pubs-header h2 {
	line-height:36px;
	font-size:1.3em;
	color:#656565;
	text-indent:13px;
	height:36px;
}
#related-pubs-header span.cap {
	position:absolute;
	top:0px;
	background:transparent url(/about/global/images/global/sprites/gry_hdr_tall_sprite.png) no-repeat 0px 0px;
	height:36px;
}
#related-pubs-header span.cap-right {
	background-position:-4px 0px;
	width:4px;
	right:0px;
}

#related-pubs span.cap-left {
	background-position:0px 0px;
	width:4px;
	left:0px;
}

#related-pubs-body {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	min-height: 100px;
	padding: 15px 10px 10px 13px;
	width: 209px;	
}

#related-pubs-body p {
	font-size: 1.1em;
	padding: 0;
	margin-bottom: 8px;
}

#related-pubs-body p a {
	font-weight: bold;
}

#related-pubs-body h2.empty {
	color: red;
	font-size: 2.0em;
	font-weight: bold;
	padding: 30px 20px;
}
/*	
	=========== 4g. Info-block container ===========
	
*/
.info-block {
	padding: 10px 30px 30px 10px;
	min-heght: 300px;
}

.info-block p {
	border-top: 1px solid #d9d9d9;
	font-size: 1.1em;
	padding: 20px 0 10px 0;
	margin-top: 10px;
}
.info-block p.first {
	border-top: none;
	padding-top: 0;
}
.info-block p.link {
	border: none;
	margin-top: 0;
	padding-top: 0;
}
.info-block p.link a {
	font-size: 1.2em;
	font-weight: bold;
}

/*============================================override layout rules for the template models==========================================*/
.layout-3col-tmpl #template-core #content {
	border: 0px dotted #ccc;
	float: left;
	width: 715px;
}

.layout-3col-tmpl #template-core #content img{
	float:right;
	border: 0px;;
	margin-left:10px;
	margin-bottom:0px;
	height:165px;
	width: 232px;
}

.layout-3col-tmpl #template-core #content h3{
	font-weight:bold;
	font-size: 14px;
	margin-bottom:10px;
}

hr#gray-hr-line {
    background-color: #CCCCCC;
    border-bottom: medium none;
    color: #CCCCCC;
    margin: -2px 0 18px !important;
    width: 700px;
}
 
 /*{
	background-color:#E2E2E2;
	color:#E2E2E2;
	margin-left:0px;
	width:718px;
	margin-bottom:15px;
}*/


.layout-3col-tmpl #template-core #promo-sidebar {
	margin-top:20px;
	border: none;
	width: 234px;
}
.layout-3col-tmpl #template-core #content .content-drawers {
	border:none;
	height: auto;
	width:476px;
}
.layout-2col-tmpl #template-core #faq-link,
.layout-3col-tmpl #template-core #promo-sidebar #faq-link {
	border: none;
	margin: 30px 0 0 0;
	width: 234px;
}
.layout-2col-tmpl .page-intro-header,
.layout-3col-tmpl .page-intro-header {
	border: none;
}

.layout-3col-tmpl #template-core #content .page-intro {
	border: none;
	height: auto;
	padding: 30px 10px 20px 10px;
}
.c1271271421395, #c1271271421395{width:100%}

p{padding-left:0;}
.phxMainContentTitle p {
    padding: 0 0 4px 2px;
}
.dj_safari #news-chapter-select .select-current{
	width:225px !important;
}

.pagination a img.sl{background-position:0px -17px;}
.pagination a img.dl{background-position:0px  3px;}
.pagination a img.sr{background-position:0px -37px;}
.pagination a img.dr{background-position:0px -57px;}
.pagination a:hover img.sl{background-position:0px -97px;}
.pagination a:hover img.dl{background-position:0px -97px;}
.pagination a:hover img.sr{background-position:0px -117px;}
.pagination a:hover img.dr{background-position:0px -137px;}

/* show the overflow of the navbar li's BV*/
.ls-canvas .ls-area {
	overflow:visible;
}
.ls-canvas .ls-area-body {
	overflow:visible;
}

#template_core{
/*min-height:500px;*/
margin-top:-14px;
}

#ls-row-2-area-2{
	margin-left:8px;
}

.phxMainContentTitle h3{
padding-top:12px;
}

#ls-row-2-area-1{
margin-top:-4px;
}

#mainContentTitleHR
{
margin-top:11px;
}

#bottom_pagination{
margin-top: -4px !important;
}

#chapter-display{
	display:inline !important;
	font-size:11px;
	line-height:3;
}
.dj_safari #chapter-display{
	float:left;
	margin-top: -7px;
}
.dj_safari #news-chapter-select{
	margin: 11px 0px 14px 1px;
}
.dj_safari .pageNumberLink current{
	margin-top: -7px;
}
.dj_ie span.pill-btn-blue span, .dj_ie span.pill-btn span.hover {
    margin-top: 15px;
}
.dj_ie7 span.pill-btn-blue span, .dj_ie7 span.pill-btn span.hover {
    margin-top: 10px;
}
#top_pagination{
margin-bottom: 0px !important;
margin-top: 10px !important;
}

#ls-row-2{
	padding-bottom:0 !important;
	padding-top: 3px;
	*padding-bottom:12px !important;
}

#adobe-download {
    padding-bottom: 0;
    position: relative;
    top: -24px;
}