/*	---------------------------------------------------------------
		@filename		state-news.css
		@author			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;
}

#article-pagination-bottom .pagination {
    display: inline;
    float: right;
    margin-bottom: 0 !important;
    margin-left: 7px !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    white-space: nowrap;
}

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

#state-news-intro {
	background:url("/about/global/images/backgrounds/bg_beige_callout.gif") repeat scroll 0 0 transparent;
	float:left;
	height:70px;
	margin-bottom:20px;
	margin-top:0px;
	width:474px;
}

#state-news-intro h2{
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
	margin-left:15px;
	float:left;
}

#state-sort-wrapper{
	float:right;
	margin-right:112px;
	margin-top:15px;
	margin-bottom:15px;
}

#state-sort-wrapper h3{
	font-weight:bold !important;
	font-size:12px !important;
	margin-bottom:6px !important;
}
#state-sort-btn{
	float:right;
	margin-top:31px;
	margin-right:-237px;
}
#news-sort-wrapper{
	font-weight:bold;
	font-size:16px;
	margin-bottom:14px;
}
#news-sort-wrapper h2{
	font-weight:bold;
	font-size:16px;
/*	margin:20px 0 20px 0;*/
	margin:0;
} 
.dj_ie #news-sort-wrapper {
	margin-top:2px;
}
.dj_ie7 #news-sort-wrapper {
	margin-top:1px;
}
#news-sort-wrapper h3{
	font-weight:normal !important;
	font-size:12px !important;
	margin-bottom:7px !important;
}

#news-sort-wrapper span.list-numbers{
	font-weight:normal;
	font-size:13px;
	padding-left:4px;
}

#iframe0 {
   margin-top:-18px;
}
#month-sort-wrapper{
	float:left;
	margin-right:10px;
	margin-top:2px; 
}
.dj_safari #month-sort-wrapper{
	margin-right:10px;
}
#month-sort-wrapper h3{
    font-size:12px;
    font-weight:normal;    
    margin-bottom:8px;  
}
 
#category-sort-wrapper{
	float:left;
	margin-right:33px;
	margin-top:2px;
}
.dj_safari #category-sort-wrapper{
	margin-right:32px;
}
.dj_ie  #category-sort-wrapper{ 
	margin-right:40px;
}
#category-sort-wrapper h3{
    font-size:12px;
    font-weight:normal;    
    margin-bottom:8px;    
}

#news-item-sort-wrapper{
	float:left;
	margin-right:10px;
}

#news-sort-btn{
	float:left;
	margin-top:12px;
	margin-bottom:12px;
}

#list-numbers-news{
	background:none;
	float:left;
	font-size:13px;
	font-weight:normal;
	margin-top:-34px;
	margin-left:124px;
}

#rss-news{
	background:transparent url(/about/global/images/global/usps_about_rss_icon.gif) no-repeat;
	padding-left:20px;
	font-size:12px;
	font-weight:normal;
	margin-top:3px;
	cursor:pointer;
	height:15px;
}
#rss-news a{
	color:black !important;
	font-size:11px !important;
}
.select-small .select-current .select-current-text {
	text-transform:uppercase;
}
.select-current{
	margin-left:-15px;
}

/*	
	=========== 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: 10px;
	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;
}

p {
	padding-left:0;
	padding-bottom:15px;
/*	width:470px; */
	color:#202020;
}
/*	
	=========== 4d. Right Sidebar Promo Bucket ===========
	
*/


#main-repeat .promo-bucket #promo-one { position: relative;}
#main-repeat .promo-bucket #promo-one p {
 padding-bottom: 10px;
}


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

#fact-sheets{
	height:130px;
}


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

#media-contacts p{
	padding-left:0px;
}

#main-repeat #media-contacts { padding-bottom: 7px; }

/*	
	=========== 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: 474px;
}

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

.layout-3col-tmpl #template-core #content hr{
	background-color:#E2E2E2;
	color:#E2E2E2;
	margin-left:0px;
	width:718px;
	margin-bottom:0px;
}
.layout-3col-tmpl #template-core #promo-sidebar {
	margin-top:-5px;
	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;
}

.ls-canvas .ls-area, .ls-canvas .ls-area-body{
	overflow:visible;
}

#PHX_RightRail{
	margin-left:25px;
	margin-top:40px;
}
#content .button-link {
	margin-top:-10px;
}

.list-table{
	margin:-14px 0 0 5px;
	width:470px; 
}
.dj_ie7 .list-table{
	margin:-27px 0 0 5px;
}
.list-table tr td{
	height:15px;
}
.list-table td.file-type {
	width:70px;
}

#content li {
	list-style:none;
}
/*.list-table td.title {
	width:150px;
}*/
#sort-year {
   padding: 127px 0 16px;
}
 
.dj_ie7 #sort-year {
   padding: 82px 0 16px;
}
.dj_ie7 #sort-year ul{
	width: auto; 
	text-align: left; 
	margin-top: 15px;
}
#sort-year li{
	display:inline;
}

#sort-year li.first {
	border:medium none;
	padding-left:0;
}

#sort-year li {
	border-left:1px solid #CACACB;
	color:#202020;
	display:inline;
	font-size:1.6em;
	padding:0 6px 0 8px;
}
#sort li.first{list-style:none outside none;}

#content span.list-numbers {
font-size:13px;
font-weight:normal;
}
/*Drop down backgrounds had to be repositioned in order for them to line up correctly to the dropdown itself*/
.select-frame-inner{
	margin-left:-15px;
}
/*Bottom pagination was to far to the right and not seen. This brings it back into it's correct place*/
#article-pagination-bottom {
	/* TK-Removed
	float:left;
	width: 476px;*/
    float: right;
    margin-right: -31px;
    margin-top: -22px;
    text-align: right;
    width: 285px;
}
.dj_ie #article-pagination-bottom {
   margin-right: 0;
}

/*margins for main content */
#ls-row-2-area-2 {
	margin-right:8px;
	/*Addition by Asad Khan*/ margin-bottom:3px;
}
/*Additions by Asad Khan*/
#ls-row-2-area-3 {
	margin-top:25px;/*changed from 30px BV*/
}

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

#ls-gen3-ls-fxr{
padding-bottom:51px;
}

#list-numbers{
	/*TK-Removed
	margin-right:85px !important;
	margin-left:10px;*/
	display: inline;
	float: right;
	margin: 0 !important;
	white-space: nowrap;
	/*Addtion by Asad Khan */ 
	/*margin-left:200px !important; removed BV*/
}

.info-module{
margin-left: 23px !important;
}

#sort-year ul li a.current{
color: #717171;
cursor:text;
}

/*Added BV*/
#news-toolbar-bottom{
	/*margin-top: -4px; */ /*Addition by Asad Khan */ margin-top: -3px;
}/*end BV add*/
#news-toolbar-bottom a{
	text-decoration:none;
}

.promo-bucket{
margin-left:23px;
}
#stateList .select-inner{
	margin-left: 0px;
}
#stateList .select-inner, #stateList .select-b, #stateList .select-t, #stateList .select-current{
    width: 194px !important;
}
#stateList .select-frame{width:207px !important;}
#stateList .select-frame-inner{width: 199px !important;}
#stateList li{ margin-left: 0px;}

#categoryList .select-frame  .select-frame-inner .select-b,
#categoryList .select-frame  .select-frame-inner .select-t{
	width:135px !important;
}
#categoryList .select-frame  .select-frame-inner, #categoryList .select-current{
	width:145px !important;
}
#categoryList .select-frame{
	width:185px !important;
}
#categoryList .select-frame  .select-frame-inner .select-inner{
	width:143px !important;
}
#ls-row-2 {
    margin-top: 13px;
	min-height:635px;
}