@import "/stylesheets/common.css";

body {
  margin: 0;
  padding: 0;
}

body, td {
font-family: Verdana, Arial;
font-size: 11pt;
}

table { width: 100% }

.section-spacer { width: 8px }

#page {
  width: 788px;
  border: solid 1px #41659c;
  margin: 0 auto;
}

#masthead {
  height: 110px;
  background-color: #41659c;
  width: 100%;
}

#masthead td, #masthead a {
  font-family: Verdana;
  color: white;
  background-color: #41659c;
}

.ds-logo img{
  color: #41659c;
  border: none;
}

#masthead .portlet-masthead {
  width: 290px;
}

#masthead .masthead_image_fixed {
  width: 122px;
  height: 80px;
  color: white;
  font-weight: bold;
  float:left;
}
#header {
 padding-left: 50px;
}

#header td {
 text-align: center;
}

#top_portlets {
 width: 330px;
}

#masthead .headline a {
  font-size: 10px;
  font-family: Verdana;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 4px;
  margin-top: 4px;
}

#masthead .summary, #masthead .summary a {
  font-size: 9px;
  font-family: Verdana;
  text-decoration: none;
  text-align: left;
  margin-bottom: 2px;
}

#masthead .source a {
  font-size: 9px;
  font-family: Verdana;
  font-style: italic;
  text-decoration: none;
}

#masthead .photo img {
  border: 1px solid white;
}

#masthead .timestamp {
  font-size: 10px;
  font-family: Verdana;
}

#masthead .account-info {
  font-size: 10px;
  font-family: Verdana;
}

#topmenu {
  background-color: #eeeeee;
  height: 22px;
  width: 100%;
  border-bottom: solid 1px #41659c;
  padding: 3px 10px 3px 10px;
}

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

#topmenu .page_link a {
 margin-right: 20px
}

#topmenu a {
  font-size: 11px;
  font-family: Verdana;
  font-weight: bold;
  text-decoration: none;
  color: #34517c;
}

#leftmenu {
  background-color: #edf1f8;
  border-right: solid 1px #41659c;
  width: 161px; /* safari requires a width */
}

#leftmenu td, #leftmenu a {
  font-size: 12px;
  font-family: Verdana;
  text-decoration: none;
  color: #4d4d4d;
}

#leftmenu .menuheader {
  height: 20px;
  background-color: #41659c;
  color: white;
  font-size: 10px;
  font-family: Verdana;
  font-weight: bold;
  padding-left: 5px;
}

#leftmenu .menuitems {
  padding: 10px;
}

#leftmenu .menuitem {
 margin-bottom: 3px;
}

#main {
  padding: 3px 10px 20px 10px;
  width: 100%; 
}

.portlet {
  position: relative;
}

.section {
 width: 294px;
}

.left_column {width:299px}
.right_column {width:292px}

.headline-main-underline, .headline-main-underline a,
.headline-main, .headline-main a {
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  color: #003399;
  text-decoration: none;
}

.headline-main {
  margin-bottom: 10px;
}

.headline-underline, .headline-underline a,
.headline, .headline a {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  color: #003399;
  text-decoration: none;
  margin-bottom: 5px;
  margin-top: 5px;
}

.headline-underline, .headline-underline a,
.headline-main-underline, .headline-main-underline a {
 text-decoration: underline;
}

.summary, .summary a {
  font-family: Verdana;
  font-size: 10pt;
  color: black;
  text-decoration: none;
  text-align: justify;
  margin-bottom: 5px;
}

.source, .source a {
  font-family: Verdana;
  font-size: 11px;
  color: #606060;
  text-decoration: none;
  /*border: 1px solid blue;*/
}

/*
div is added to div.source so source would be on the same line as email icon in FF
source does not have a width so it would fit even when there are stars for ratings on the left
if large width is specified, source will go down even if actual source can still fit on the line
*/
div.source {
  float: right;
}

.topic, .topic a {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #2e785a;
  text-decoration: none;
}

.topic_only { margin-bottom:-4px }

.good-news{
margin-left: 3px;
margin-bottom: -8px;
margin-top: 9px;
}

.table-with-photo{
border-spacing: 0px;
}

.line {
  clear: both;
  height: 10px;
  border-bottom: 1px solid gray;
  margin-bottom: 10px;
}

.photo img {
margin-bottom: 4px;
}

.portlet_photo_of_the_day a,
.portlet-main-photo a,
.portlet-photo a {
  text-decoration: none;
}

.portlet-main-photo .photo img, .portlet_photo_of_the_day .photo img {
border: 1px solid black;
}

.caption a, .photo-source a, .caption, .photo-source {
  font-family: Verdana;
  font-size: 10px;
  color: black;
}

textarea.caption {
  width: 24em;
}

span.caption {
  margin-right: 5px;
}

.caption a { text-decoration:none }

#middle_photos {
  width: 100%;
  /*height: 190px;*/
}

#middle_photos .headline {
  font-family: Times New Roman;
  font-size: 18px;
  font-weight: bold;
  color: #41659c;
}

.photo_dots {
  font-family: Times New Roman;
  font-size: 18px;
  color: #999999;
  font-weight: normal;
}

#middle_photos .caption,
#middle_photos .source
 {
  font-family: Verdana;
  font-size: 10px;
  color: #666666;
}

#middle_photos textarea.caption {
  width: 18em;
}

#middle_photos .portlet-photo {
 width: 180px;
}

#markets { 
font-size: 11px;
font-family: Verdana;
color: black;
font-weight: bold;
}

#markets td a {

font-size: 11px;
font-family: Verdana;
color: #746075;
font-weight: normal;
}

#leftbottom {
  text-align: center;
  border-right: solid 1px #41659c;
}

.portlet-substory{
 /*border: 1px solid blue;*/
 margin-top: 3px;
}

.substory-symbol {
 margin-left: 4px;
 margin-right: 4px; 
}

.symbol-story{
 margin-top: 3px;
}

.symbol-photo{
 margin-top: 1px;
}

.symbol-audio{
 margin-top: 3px;
}

.symbol-video {
  margin-top: 1px;
}

.symbol-poll {
  margin-top: 1px;
}

.symbol-discussion {
  margin-top: 1px;
}

.symbol-speech {
  margin-top: 1px;
}

div.substory-symbol li
{
width: 8px;
}

div.substory-symbol{
  float: left;
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-decoration: underline;
  display: inline;
}

.substory-symbol a img { border:none }

div.column-prefix, 
div.column-prefix a {
  /*float: left;*/
  color: #746075;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  display:inline;
}
#COE .headline { display:inline }
.portlet-columnsoped {margin-bottom: 0px}

#COE td { padding-bottom:10px }

.portlet-columnsoped .headline,
.portlet-columnsoped .headline a {
  margin-left: 3px;
  color: #746075;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  font-family: Verdana;
}

.portlet-columnsoped .source,
.portlet-columnsoped .source a {
  margin-left: 0px;
  color: #003399;
  font-size: 10px;
  font-style: italic;
  text-decoration: none;
}

.substory-heading, .substory-heading a {
 font-size: 11px;
 font-family: Verdana;
 color: black;
 text-decoration: none;
 margin-bottom: 5px;
 /*border: 1px solid blue;*/
}

.portlet-bitsandpieces {
 height: 10px;
}

.portlet-bitsandpieces .headline,
.portlet-bitsandpieces .headline a {
  color: black;
  text-decoration: none;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
}

.portlet-livechat, .portlet-bitsandpieces {
margin-bottom: 10px;
}

.portlet-livechat .headline,
.portlet-livechat a {
  font-family: Verdana;
  color: #746075;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

.portlet-livechat a span.author {
  font-weight: normal;
}

 .portlet-livechat a.delicious_link {
  font-weight: normal;
  color: gray;
  font-size: 9px;
}

.portlet-livechat a span.source,
.portlet-livechat a span.time {
  font-family: Verdana;
  color: #746075;
  font-size: 10px;
  font-weight: normal;
  font-style: italic;
  text-decoration: none;
}

.livechat-form,
.livechat-form input {
  font-size: 10px;
}

.instructions {
font-size: 10px;
font-family: Verdana;
color: #746075;
font-weight: normal;
}

#archived_notice, 
#archived_notice a { 
/*width: 100%;*/
background-color: green;
color: white;
font-weight: bold;
text-align: center;
}

a.star_rating, a.star_rating:visited {
	text-decoration: none;
	color: blue;
}

a.rating_selected, a.rating_selected:visited { color:red }

.stale {
  background-color: yellow;
}

.stale2 {
  background-color: red;
}

.source{
/*width: 150px;*/
text-align: right;
}
* html .source {
/*width: 146px;*/
}
* html .source .portlet-columnsoped {
/*width: 142px;*/
}

.email{
width: 20px;
float: left;
margin-top: 2px;
}

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

 _STARS

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

/*Problem with position:absolute on IE/Win*/
/*article_bottom_container is the parent container of stars, email, source*/
/*.stars is floated left so it is not the parent container*/
/*rating_text displays poor, fair, good, very good or excellent*/

/* Hides from IE-Mac \*/
* html .article_bottom_container {
height: 1%;
}
/* End hide from IE-Mac */

.article_bottom_container {
  position: relative; /* has to be relative for absoluted positioned popup_stars, at least */
}

/* share bar for photos follow the caption */
.photo-fields .article_bottom_container {
  display: inline-block;
  line-height: 11pt;
  top: 2px;
}
.photo-fields .article_bottom_container div {
  display: inline;
  float: none;
}
.photo-fields .email {
}
.photo-fields .delicious {
  margin-left: 7px;
}
.photo-fields .stars {
  margin-left: 7px;
}
/* end share bar for photos */

.portlet-livechat .article_bottom_container {
  margin-top: 8px;
}

.portlet-bitsandpieces .article_bottom_container {
  margin-top: 8px;
}

.stars{
  float: left;
  margin-top: 1px;
  width: 18px;
	/*margin-right: 4px;*/
}


.rating_text {
  position:absolute;
  font-size: 10px;
  top: -10px;
  left: 0;
  width: 100px;
  color: #746075;
}

.empty_star, .solid_star {
  margin-right: 2px;
}

.star_image {
  border: none;
}

.popup_stars {
  position: absolute;
  width: 155px;
  top: 0;
  left: 0;
  border: 1px solid #FF6600;
  background-color: white;
  padding: 4px 0px 4px 10px;
  margin-left:-1px;
  font-size: 11px;
  z-index: 5;
}

.close_popup_stars, .score { margin-left:5px }

.portlet-coolvideoandaudio .stars{
  margin-top: 1px;
}

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

 _DELICIOUS

 *******************************************/
.delicious {
  float: left;
	margin-top: 1px;
}
.delicious img {
	border: none;
}

.delicious_link{
  color: gray;
  font-size: 9px;
  text-decoration:none;
}
 
.portlet-bitsandpieces .email{
/*float: none;*/
}


li.headline{
list-style-position: outside;
margin-left:12px;
}

.portlet-coolvideoandaudio .headline, .portlet-coolvideoandaudio .headline a {
 font-size: 11px;
 font-family: Verdana;
 color: black;
 text-decoration: none;
 margin-bottom: 5px; 
 font-weight:normal;
}

.portlet-coolvideoandaudio .email{
 margin-left: 2px;
 margin-top: 3px;
}

.portlet-coolvideoandaudio .substory-symbol{
 margin-right: 6px;
}

.cva{
}

.portlet-livechat .email{
  margin-top: 2px;
}

/*
Livechat sources don't have a div with class source, only span with class source
Other sources are floated to the right using div.source
*/

.portlet-livechat .source {
  float: right;
}

/*Logout button for editors*/
.logout_button input {
background-color: red;
color:white;
font-weight: bold;
}

.orange { color:#FFA500 }

/* live chats delicious link hack for IE */
* html .del { margin-top:-5px }

.photo_right {
  float: right;
  margin: 6px 0px 2px 8px;
}
.photo_left {
  float: left;
  margin: 6px 8px 2px 0px;
}

/* Layout page info */
.lp_info_heading { 
  text-decoration: underline;
  font-weight: bold;
  margin: 12px 0;
}

#registration_required_count.lp_info_heading {
  padding-top: 12px;
}

.lp_info_heading .section_not_fine {background-color: red;}
.lp_info_heading .section_close {background-color: yellow;}
.section_not_fine .section {background-color:red}

/* Registration required notices*/
#registration_required_notices li {
  list-style:none;
  background-color: #FFA500;
  margin: 0 0 4px 0;
  padding: 4px;
}

#registration_required_notices ul {
  padding: 0; 
  margin: 0;
}

/* background color of articles which require registration */
.registration_required { background-color:#FFA500 }

#registration_required ul {
padding: 0;
}

#registration_required li{
list-style:none;
background-color:orange;
margin: 0 0 4px 0;
padding: 2px;
}

/* Highligh source in LP where sso is Associated Press */
.sso_ap { background-color:#FFB6C1 }

/* Proof notice for backend */
.status_message {
  padding: 7px;
}
.status_message_overlined {
  padding: 7px;
  border-top: 1px solid;
}
#ProofNotices {
  background-color: #FF8888; 
  border: 1px solid; 
  margin-bottom: 7px; 
  margin-top: 7px;
}
.OpedReportNotice{
  text-align:center;
  background-color:red;
  border:1px solid black;
}
.OpedReportNotice a{
  color:white;
}

.full_info {
  border: 1px solid #CCC;
}
.full_info td {
  padding-left: 3px;
  font-size: 13px;
}
.full_info a, .full_info a:visited {
  text-decoration: none;
}

.other-items-links, .other-items-links:visited {
	text-decoration: underline !important;
}

.columns-disclaimer {
  color: #746075;
  font-size: 10px;
  font-weight: normal;
  padding: 3px;
}
.columns-disclaimer a {
  color: #746075;
  font-size: 10px;
  text-decoration: underline;
  font-weight: normal;
}

.blog_source {
  font-weight: normal;
  font-style: italic;
}

.hidden {
  display:none;
}

.blog_class {
  margin-left:3px;
  float:left !important;
}