/* twocolumn.css - Structure for 2 column pages. Generally this includes articles, blogs, and non-search data project pages.*/

.content {
float:left;
width:625px;
}
.content-data {
float:right;
width:782px;
}
.widgets {
float:left;
margin-left:10px;
width:336px;
}
.side-nav {
float:left;
width:180px;
margin-right:10px;
}
/* homepage-structure.css - Special structure for the home page. This is in addition to twocolumn.css for general structure.*/

#current-articles {
float:right;
width:315px;
}

.packages {
float:left;
width:274px;
.width:272px;
margin-right:10px;
}

/* for 728 below masthead for special ad run */

#leaderboard-a {
background-color:#EEEEEE;
line-height:1;
margin-bottom:10px;
margin-top: 5px;
padding:10px;
text-align:center;
width:954px;
}

#position-1.ad {
background:transparent none repeat scroll 0 0;
float:none;
height:92px;
overflow:hidden;
padding-left:0;
padding-top:0;
width:100%;
}

/* homepage-feature.css - CSS for feature-story and secondary-stories */

#yellow-gradient{
	background: url(http://static.usnews.com/images/homepage/yellow-gradient-slice.gif) repeat-x 0 top;
	height:12px;
	width:100%;
}
#features  {
border-top:2px #CCCCCC solid;
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
height:100%;
overflow:auto;
background-color:#EBF1F6;
margin-bottom:8px;	
}
#features h1 a {
font-size:0.8333em;
}
#features h3 {
padding-bottom:5px;
font-size:1.33333em;
}
#features h4 {
font-size:1em;
margin-left:2px;
padding-bottom:1px;
color:#780808;
text-transform:uppercase;
}
#features h4 a {
color:#780808;
}
#features .promo {
border-bottom:1.2px solid #CCCCCC;
border-top:none;
norder-left:none;
border-right:none;
margin-bottom:8px;
overflow:auto;
height:100%;
padding-bottom:6px;
}
#features span {
font-weight:bold;
text-transform:uppercase;			
}
#features p {
font-size:1.2em;
font-weight:normal;
line-height: 1.3em;
color:#333;
}
#features p.image-caption { display: none; }
#features li {
font-size:1.1em;
}
#features li.last {
margin-bottom:1px; /*Prevents overflow when outlined.*/
}
#features img {
border:none;
float:left;
}
#feature-story {
float:right;
margin:8px 3px;
_margin:8px 0px;
overflow:auto;
padding-left:5px;
width:336px;
}
#feature-story img {
float:none;
padding:2px 0 5px;
}
#secondary-stories {
border-right:1px solid #CCCCCC;
overflow:auto;
height:100%;
margin-top:5px;
margin-bottom:7px;
padding:3px 6px 0px;
width:263px;
}
#features .bottom,
#features #feature-story .promo {
border-bottom:none;
margin-bottom:0;
padding-bottom:1px;
}


/* homepage-packages.css - Styles for the left-rail on the homepage only A lot of this is porbably duplicated from widgets module. Need to rethink this. */

.packages .promo {
overflow:auto;
height:100%;
border:1px solid #ccc;
margin-bottom:8px;
padding:3px 8px 10px;
}
.packages .promo h4 {
padding:4px 1px;
font-size:1em;
}
.packages .promo h4,
.packages .promo h4 a {
color:#780808;
text-transform:uppercase;
}
.packages .promo h3 {
font-size:1.2em;
}
.packages .promo p {
font-size:1.2em;
}
.packages .promo ul {
font-size:1.1em;
}
.packages .promo img {
float:left;
background-color:#FFFFFF;
}
.packages .text-image-left {
clear:left;
}
.packages .image-caption {
display:none;
}

/*Special Homepage Widgets*/

#page .circ-ad {
background-color:#edf2f6;
padding-top:10px;
}
#page .circ-ad img {
padding:0;
margin-bottom:10px;
}
.circ-ad #adleft,
.circ-ad #adright {
float:left;
width:120px;

}
.circ-ad #adleft {
margin-right:10px;
}
.circ-ad #adright img {
margin-bottom:10px;
}

#more-video {
	display:block;
	padding-right:10px;
	text-align:right;
}
.rankings {
background-color:#F0F5F8;
border-top:1px solid #CCCCCC;
clear:left;
margin:10px -8px -10px;
text-align:center;
padding:5px 0;
}
.rankings li {
display:inline;
}
#recentblogs img,
.recentblogs img {
border:1px solid #CCCCCC;
display:block;
margin-top:6px;
padding:2px;
float:none;
}
#recentblogs strong,
.recentblogs strong {
color:#780808;
}
#recentblogs .text-only,
.recentblogs .subwidget {
margin:5px 0;
}
.recentblogs .text-image-left,
.recentblogs .text-image-left img {
margin-right:0px;/* For IE6 */
}
#current-articles .faux-list ul {
display:none;
}
/*currentarticles.css - Yellow middle column on section pages and homepage.*/

#current-articles {
background-color:#f5f5e9;
border: #CCCCCC thin solid;
padding: 5px 9px 0px 15px;
overflow: hidden;
}
#current-articles h3 {
padding-top:2px;
font-size:1.2em;
}
#current-articles h3 .timestamp {
color: #333333;
font-weight: normal;
font-size: .9em!important;
font-family:Arial, Helvetica, sans-serif;
}
#current-articles .email-rss { margin: 0; padding: 0; }
#current-articles h4 { margin-top: 1em; padding: 0; }

#current-articles h4,
#current-articles h4 a,
#current-articles h4 a:hover  {
color:#780808;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
}
#current-articles p {
clear:right;
display:inline;
padding-bottom: 7px;
font-size:1.2em;
}
#current-articles ul.related-links {
list-style-image: url(http://static.usnews.com/images/global/article-list-bullet.gif);
background:none;
font-size:1.1em;
margin-left:15px;
.margin-left: 5px;
padding-bottom:7px;
}
#current-articles li {
text-indent:-16px;
marging-left:10px;
line-height: 1.3em;
}
/* newsletter.css - Newsletter and RSS Feed widget at the bottom of every right rail.*/

#syndication {
	background-color:#EEF4F9;
	border:1px solid #CCCCCC;
	margin-bottom:8px;
	overflow: auto;
	height:100%;
}
	#syndication p,
	#syndication ul {
		font-size: 1.2em;
		list-style-image: url(http://static.usnews.com/images/global/article-list-bullet.gif);
		margin-top: 6px;
	}
	#syndication h3 {
		font-size: 1.2em;
	}

#newsletters, #feeds, #mobile {
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 9px 5px 12px;
}
#feeds, #mobile {
	border-right: 1px dotted #cccccc;
	border-bottom: 0px;
	float: left;
	width: 43%;
}
#syndication h2 {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
}
#syndication h2 a, #syndication h2 a:hover {
		color:#780808;
}
#mobile {
	border: 0px;
}
	#feeds h2 img {
		border:none;
		padding:0;
	}

	#page img#RSSicon { /* feeds */
		margin: 0px 5px 0 -5px;
		padding: 2px;
		background-color:none;
		border:none;
		float:left;
	}
#newsletters {
	border-top: 0px;
}
	#newsletters form { padding: 4px 0; }
	#newsletters input {
		width: 270px;
		height: 17px;
		border: 1px solid #7d8084;
		font: 1.1em georgia;
		padding: 2px 0 0 4px;
	}
	#newsletters input#submit {
		background: #EEF4F9;
		border: 0px;
		text-align: left;
		width: 9em;
		color: #204894;
		cursor:pointer;
	}

#external-widgets {
	clear: both;
	padding: 5px 9px;
	border-top: 1px dotted #cccccc;
}


/* tabs.css - For widgets that use the tab interface. This could be greatly enhanced with dynamicly sized width tabs etc.*/	

.tabs
 {
	border-bottom: 1px solid #BBC0C7;
	color: #0F2D49;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em !important;
	font-weight: bold;
	height: 24px;	
	margin: 12px 0px 0px 0px !important;
	overflow:hidden;
	padding: 0px;
	list-style-position:outside;
	width: auto;
	z-index: 1;
	float:none;
}
 .content ul.tabs {
	margin: 12px 0px !important;
}
	.tabs li {		
		float: left;
		font-weight:bold;
		height: 22px; 
		list-style-type: none;
		list-style-image:none;
		overflow: hidden;
		text-indent:0;
		width: 129px;
}
	.tabs a,
	.tabs a.active {
		background: #D3DAE2 url(http://static.usnews.com/images/global/tab-bg.gif) no-repeat 0 0;
		border-bottom: 0px; 
		color: #1F5DA6;
		display:block;
		height: 17px;
		margin: 2px 5px 0px 5px;
		-moz-outline-style: none;
		padding: 0px 0 5px 0;
		position: absolute;
		text-align: center;
		text-decoration: none; 
		width: 119px;
		font-size:1em;
		line-height:1.9em;
		font-weight:bold;
		_overflow:hidden;
}
	.tabs a.active {
		background: #D3DAE2 url(http://static.usnews.com/images/global/tab-bg-active.gif) no-repeat 0 0;
		border-bottom: 2px solid #FEFFFF;
		color: #0F2D49;
	}
			.tabs a:hover {
				text-decoration: underline;
			}
.even {
	background-color: #EBF1F6
}
/*--TAB CSS not sepcific to most popular widget ---------------------------------------*/

#tab_interface div.containers div.container { 
	display: none; 
	padding:15px 10px;
}
#tab_interface div.containers div.container.active { display: block; }

/*-----------------------------------------*/
#mostpopular {
	background: #D3DAE2;
	border: 1px solid #D8DCD4;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom: 1px;
}
	#mostpopular h2 {
		font-size: 1.0em;
		font-weight: bold;
		padding: 0 0 7px 11px;
	}
#most_popular_items ol { 
	background-color:#FFFFFF; 
	/* display: none; */
}
	#most_popular_items ol li {
		padding: 4px 5px 4px 30px;
		text-indent: -1.6em;
		font-size:1.1em;
	}
/* #most_popular_items ol:not(:target) {display: none} */
#most_popular_items ol:target {display: block}
#most_popular_items ol.active {display: block}
ol#most_viewed li, ol#most_emailed li {
	.list-style-image:none;
}

/* band-aid to kill most-emailed */
#mostpopular #most_emailed_tab { display: none; }

/* widget.css - Anything with class="promo" is a widget that should go here. */

.widgets .promo,
#section-left .promo {
overflow:hidden;
height:100%;
border:1px solid #ccc;
margin-bottom:8px;
padding-bottom:10px;
padding:7px 10px 10px;
}

#section-left .promo {
	margin: 2px 0;
	font-size: 1.1em;
}

.widgets .promo h4 {
padding:0 1px 4px;
font-size:1em;
}
.widgets .promo h4,
.widgets .promo h4 a,
#section-left .promo h4,
#section-left .promo h4 a {
color:#780808;
text-transform:uppercase;
}
.widgets .promo h3 {
font-size:1.2em;
}
.widgets .promo p {
font-size:1.2em;
}
.widgets .promo ul {
font-size:1.1em;
}
.widgets .promo #None {
padding-bottom:3px;
}
.widgets .promo .editors{
border-bottom:1px dotted #cdcdcd !important;
margin-bottom:10px;
}
.widgets .promo img {
background-color:#FFFFFF;
}
.widgets .text-image-left {
clear:left;
}
.widgets .text-image-right {
clear:right;
}
.widgets .text-image-bottom {
margin-top:10px;
}
.widgets .image-caption {
display:none;
}

/*Dynamic Widgets*/

.subwidget {
zoom:1;/* Ran into Clearspring issues with height:100%, zoom does the same thing. This is pretty much only for IE6. */
overflow:auto; /* This is important because otherwise bullets from related-links stretch out behind a photo in right rail widgets. This clears the float. - RH */
}
.subwidget .timestamp {
color:#333333;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
}
#section-specific .subwidget {
border-bottom:1px solid #CCCCCC;
margin-bottom:0;
padding-bottom:6px;
}
.widgets h4 span {
color:#333333;
font-family:arial;
font-size:0.9em;
padding-left:3px;
text-transform:none;
}

/* Turns dynamic widget h3's into li's */
.faux-list h3 { 
background-image:url(http://static.usnews.com/images/list-style-blue.gif);
background-position:left 7px;
background-repeat:no-repeat;
font-size:1.1em !important;
padding-left:16px;
padding-top:2px;
}
.faux-list h3,
.faux-list h3 a { font-weight: normal !important; }

/* Two-Columns */
ul.ranking-column1,
ul.ranking-column2 {
float:left;
width:48%;
}
.twocolumn-left,
.twocolumn-right {
float:left;
margin-top:10px;
width:45%;
}
.twocolumn-left {
clear: left;
}
.twocolumn-right {
border-left:1px solid #CCCCCC;
margin-left:3px;
padding-left:10px;
}

/* Navyblue Widget */
.navyblue {
background-color:#00528e;
}
#page .navyblue h4,
#page .navyblue h4 a,
#page .navyblue h3,
#page .navyblue h3 a,
#page .navyblue p {
color:#fff;
}
.lightblue {
background-color:#EBF1F6;
}
/* Quote Widget */
.quote .blurb {
font-weight:bold;
color:#0147b9;
}
.quote big {
font-size:1.3em;
}
.quote .blurb p {
line-height:1.2em;
}
.quote .cite {
text-align:right;
margin-right:10px;
margin-bottom:8px;
}
.quote .cite p {
line-height:1em;
font-style:italic;
}
.quote .cite strong {
color:#780808;
}
.quote .related-links li {
list-style-image:none;
list-style-type:none;
}

/* Voter Guide Widget */
.voter-guide h1,
.promo.voter-guide h4,
#feature-primary.voter-guide h4 {
    background: url(http://www.usnews.com/dbimages/master/7340/TH_PR_081020votersguidebanner.png) no-repeat top center;
    height: 30px;
    overflow: hidden;
    text-indent: -666em;
    width: 310px;
}

.voter-guide h1 {
    width: 100%;
}

/* Miscellaneous Business Widgets */
.best-careers-2009-3col {
background-color:#F3F1E4;
border:1px solid #ccc;
margin-bottom:5px;
overflow:hidden;
padding:10px 5px;
}
.best-careers-2009-3col #feature-primary-photo {
float:none;
margin:0;
width:100%;
}
.best-careers-2009-3col .joblist {
margin-top:1em;	
overflow:auto;
}
.best-careers-2009-3col ul {
float:left;
list-style-position:outside;
margin-left:1.5em;
width:29%;
}

.creditcards { width: 177px; padding: 0 !important; }
table.ehs_rate_table { border: 0 !important; margin: 5px 0 !important; }
#section-articles div.election2008coverage { overflow: hidden; }
#section #section-articles div.election2008coverage .text-image-left img { border: 0px; }

/* Faux Loomia (look a little like Loomia) */
.faux-loomia {
padding:0 !important;
}
.faux-loomia h4 {
background-color:#ccc;
padding:7px 11px 4px !important;
}
.faux-loomia div#None {
padding-bottom:0 !important;
}
.faux-loomia div#None ul {
padding:0 10px 3px;
}
.faux-loomia div#None ul li {
margin-bottom:1em;
}
.faux-loomia p.footer {
background-color:#ccc;
text-align:center;
}

/* Best Places Simple Search Widget */
.best-places-simple-search #feature-primary-photo {
display:none;
}
.best-places-simple-search .bp_tabs {
position:relative;
}
.best-places-simple-search ul.tabs {
border-bottom:none;
height:22px;
margin-bottom:0 !important;
padding-bottom:0 !important;
}
.best-places-simple-search .tabs li {
font-family:Helvetica,Arial,sans-serif;
width:80px;
}
.best-places-simple-search .tabs a {
background-color:#D3DAE2;
background-image:url(http://www.usnews.com/dbimages/master/11223/tabs_blue_75x22.png);
background-position:0 0;
background-repeat:no-repeat;
border-bottom: none;
color:#fff;
font-weight:normal;
padding-bottom:3px;
position:relative;
width:75px; 
}
.best-places-simple-search .tabs a.active {
background-color:#D3DAE2;
background-image:url(http://www.usnews.com/dbimages/master/11224/tabs_gray_75x22.png);
background-position:0 0;
background-repeat:no-repeat;
color:#0F2D49;
}
.best-places-simple-search .containers {
border-top:5px solid #2a4074;
}
.best-places-simple-search form {
display:none;
}
.best-places-simple-search form.active {
border:1px solid #2A4074;
display:block;
overflow:auto;
margin-bottom:12px;
_height:100%;
}
.best-places-simple-search .browseByState {
position:absolute;
right:0;
top:0;
}
.best-places-simple-search img.splash {
float:left;
}
.best-places-simple-search .facetGroup {
float:left;
overflow: hidden;
width:185px;
}
.best-places-simple-search .facet {
margin:0 10px;
}
.best-places-simple-search h3 {
color:#780808;
font-size:1.2em;
padding-bottom:4px;
}
.best-places-simple-search .state {
margin-bottom:1em;
width:100%;
}
.best-places-simple-search .fixedPosTooltip {
width:4em;
}
.best-places-simple-search #retire_hospital .fixedPosTooltip {
width:10em;
}
.best-places-simple-search .facet ul li {
clear:both;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
font-family:Verdana,Helvetica,Arial,sans-serif;
}
.best-places-simple-search .facet ul li input {
float:left;
}
.best-places-simple-search .facet ul li label {
float:left;
margin-top:4px;
width:85%;
}

/* Video: America's Best Hospitals Widget */
/* kill the bullets, center the links */
.healthination ul.related-links li {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
text-align:center;
}

/* list margin fix */
#supplementary-content div.promo ul li {
list-style-position:outside;
margin-left:10px;
}

/* subscribe */
.subscribe {
font-size:104.16%;
}
.subscribe h4 {
color:#797979;
font-size:1.4em;
text-transform:uppercase;
}
.subscribe .text-image-left img {
border:none;
}
.subscribe h3 {
font-size:1.3em;
}
.subscribe h3 a {
color:#000;
}
.subscribe p {
font-size:1.3em;
line-height:1.2;
margin-bottom:10px;
}
.subscribe li {
font-size:1.3em;
line-height:1.2;
}/* widget-video.css - Stylings for the video widget on the homepage */
.video-widget {
padding: 0 4px !important;
background: #000 url(http://static.usnews.com/images/homepage/video-widget-bg.png) top left repeat-x !important;
color:#fff;
overflow: hidden !important;
}
* html .video-widget { width: 262px; } /* for IE6 */

.video-widget h3 {
font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;
margin-top: 0;
padding: 3px 0 4px 7px;
width: 95%; /* for IE6/7 */
}
.video-widget h3.video {
background: url(http://static.usnews.com/images/homepage/video-icon.png) 0% 50% no-repeat;
padding: 11px 0 7px 20px;
}

.video-widget a,
.video-widget a:visited,
.video-widget a:hover,
.video-widget h3,
.video-widget h3 a,
.video-widget h3 a:visited { color:#fff; }

.video-widget p {
margin: 0;
padding: 0;
}
.video-widget img { float: none !important; }

.video-widget h4,
.video-widget h4 a,
.video-widget h4 a:visited { padding: 5px 0; }

.video-widget h3.podcast-kicker {
font-size: 1.1em;
margin-top: 4px;
border-top: 1px solid #666;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 0 !important;
}
.video-widget ul.related-links {
padding:0 0 8px 10px;
}
.video-widget ul.related-links li {
list-style-image:none;
list-style-type:disc;
}
/* widget-usnewsweekly.css - Styles for the U.S. News Weekly promo widget that appears on the homepage */

#page .usnewsweekly {
overflow:visible;
}

.widgets .usnewsweekly {
*padding-bottom: 0px;
}

.usnewsweekly .text-image-left p {
font-size:1em;
margin-bottom:6px;
text-align:center;
text-transform:uppercase;
}
.usnewsweekly .text-image-left img {
margin-right:0px;
padding-right:0px;
}

.widgets .usnewsweekly .text-image-left img {
margin-left: 30px;
}

.widgets .rankings {
background-color:#F0F5F8;
border-top:1px solid #CCCCCC;
clear:left;
margin:10px -10px -13px;
padding:5px 0;
text-align:center;
}

.rankings li {
display:inline;
}
/*polls.css - Styles for polls from the poll builder.*/
.poll label {
display:block;
overflow:hidden;
height:100%;
font-size:1.1em;
padding: 4px 0 4px 0;
}
.poll label input {
float:left;
}
.poll .view-results {
padding-left:8px;
font-size:1.1em;
}

/*modal.css - Styles for modal window photo gallery. */

#viewer-holder {
	position:absolute;
	top:315px;
	width:auto;
	z-index:1900;
}
#shadow-right,
#shadow-left{
	background-repeat:no-repeat;
	background-position:bottom;
	width:13px;
	position:absolute;
}
#shadow-right {
	right:-13px;
	background-image:url(http://static.usnews.com/images/modal/shadow-right.png);
	/*_behavior: url(http://static.usnews.com/images/modal/iepngfix.htc);*/
}
#shadow-left {
	left:-13px;
	background-image:url(http://static.usnews.com/images/modal/shadow-left.png);
	/*_behavior: url(http://static.usnews.com/images/modal/iepngfix.htc);*/
}
#shadow-bottom {
	background-image:url(http://static.usnews.com/images/modal/shadow-bottom2.png);
	/*_behavior: url(http://static.usnews.com/images/modal/iepngfix.htc);*/
	background-repeat:no-repeat;
	background-position:bottom;
	width:auto;
	height:14px;
}
#viewer-content {
	background-color:#FFFFFF;
	background-image:url(http://static.usnews.com/images/modal/large-bg-slice.gif);
	background-repeat:repeat-x;
	border-top:1px solid #bdc3ca;
	padding:0pt 25px 10px;
	text-align:center;
}
#viewer-close {
	position:absolute;
	right:15px;
	top:18px;
	width:16px;
	height:16px;
	text-indent:-9999px;
	background-image: url(http://static.usnews.com/images/modal/large-close.gif);
	background-repeat:no-repeat;
	float:none;
}
#viewer-close:hover {
	cursor:pointer;
}
#viewer-holder img {
	border:3px solid #ced4db;
	text-align:center;
	float:none;
	margin-top:5px;
}
#viewer-content h4 {
	font-size:1.6em;
	font-weight:bold;
	color:#0f2d49;
	margin:12px 0 21px;
	text-align:left;
}
#viewer-descrip {
	font-size:1.2em;
	padding-top:10px;
}
#viewer-nav {
	margin:10px 0;
	padding:6px 0;
	clear:both;
	background-image: url(http://static.usnews.com/images/modal/nav-bg-slice.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #dcdfd8;
}
	#viewer-nav a {
		color:#1f5da6;
		font-size:1.3em;
		font-weight:bold;
	}
	#viewer-nav a.gray { color:#CCC; }
	#viewer-nav span {
		font-size:1.2em;
		padding:0 12px;
	}
.hide {
	display:none;
}
.ie6-fix {
	_right:100%;
	_left:100%;
}/* ad-interstitial.css - Styles to make interstitial ads work. */
/* styling div that contains iframe; to edit iframe content, go to stitial.css */

#interstitial {
left:0;
overflow:hidden;
position:fixed;
top:0;
z-index:9999991;
}
* html #interstitial {
position:absolute;
}
#interstitial iframe {
border:0 none;
height:100%;
overflow:hidden;
width:100%;
}

#interstitial a {
color:#fff;
display:block;
font-family: Arial, Geneva, sans-serif;
font-size:1.1em;
position:absolute;
right:25px;
text-align:right;
text-decoration:underline;
top:50px;
width:100%;
}