@import url(/css/formatted-form.css);

/*
 * Articles Styles
 */

div.articles ul {
  margin-bottom: 0 0 1.5em 0;
  list-style: none;
}
div.articles ul li {
  margin: 0;
  overflow: hidden;
  display: inline-block;
}
div.articles ul li {
  display: block;
}
div.articles ul.horizontal {
  overflow: hidden;
  display: inline-block;
}
div.articles ul.horizontal {
  display: block;
}
div.articles ul.vertical li {
  margin-bottom: 1.25em;
  padding-bottom: 1.25em;
  background: url(/img/dotted-line.gif) bottom left repeat-x;
}
div.articles ul.horizontal li {
  float: left;
  width: 45%;
  margin-right: 3%;
  padding-bottom: 1.5em;
}
div.articles ul li p.thumbnail {
  float: left;
  border: 1px solid #bbc7cb;
  padding: 1px;
  margin-right: 10px;
}
div.articles ul li p.thumbnail img {
  display: block;
}
div.articles ul li div.with-thumbnail {
  float: left;
  width: 367px;
}
div.articles ul li h3.newspaper {
  color: #ad1300;
  font-size: 0.9em;
  text-transform: uppercase;
  margin-bottom: 3px;
}
div.articles ul li h4.title {
  font-family: georgia, serif;
  font-size: 1.3em;
  margin-bottom: 6px;
}
div.articles ul li h4.title a {
  color: #424242;
}
div.articles ul li p.date {
  font-size: 0.9em;
  color: #ad1300;
  font-weight: bold;
  margin: -1px 0 4px 0;
}
div.articles ul li p.summary {
  margin: 0;
}
div.articles ul li p.download-version-available {
  font-size: 0.9em;
  font-weight: bold;
  margin: 5px 0 0 0;
}
p.no-articles-available {
  margin-bottom: 2em;
}

/*
 * Article Styles
 */
 
div#article h3 {
  font-family: georgia, serif;
  font-size: 1.3em;
  margin-bottom: 10px;
}
div#article p.date {
  font-size: 0.9em;
  color: #ad1300;
  font-weight: bold;
}
div#article p.summary {
  overflow: hidden;
}
div#article p.main-image {
  float: right;
  width: 250px;
  border: 1px solid #bbc7cb;
  padding: 1px;
  margin: 0 0 10px 10px;  
}
div#article p.main-image span.caption {
  display: block;
  background: #ddd;
  color: #000;
  border-top: 1px solid #fff;
  padding: 5px;
  text-align: center;  
  font-size: 0.9em;
}
div#article p.main-image img {
  display: block;
}
div#article p.download-version {
  background: #e2e1e1;
  padding: 8px;
  font-size: 0.9em;
  margin-bottom: 1.5em;
}
div#article p.download-version a {
  color: #053c6b;
  font-weight: bold;
}
div#article p#subscribe-to-read-full-article {
  clear: both;
  margin: 1.5em 0 0 0; 
  padding-top: 1.3em;
  background: url(/img/dotted-line.gif) top left repeat-x;    
  text-align: right;
  font-weight: bold;
}
div#article #send-to-a-friend-link {
  margin-top: 2px;
  padding-top: 0;
  background: none;
  text-align: right;
  font-weight: bold;  
}

/*
 * Articles Search bar Styles
 */
 
#articles-search {
  padding: 8px;
  border-bottom: 1px solid #949494;
  background: url(/img/linkbar-background.gif) #b7b7b7 repeat-x;
  font-size: 0.9em;  
  overflow: hidden;
  display: inline-block;
}
#articles-search {
  display: block;
}
#articles-search p.search {
  width: 175px;
  float: left;
  margin: 0;
}
#articles-search p.search label {
  margin-right: 3px;
}
#articles-search p.search input {
  width: 100px;
  font-size: 0.9em;  
}
#articles-search p.filter {
  width: 150px;
  float: left;
  margin: 0;
}
#articles-search p.filter label {
  margin-right: 3px;
}
#articles-search p.filter select {
  font-size: 0.9em;  
}
#articles-search p.submit {
  width: 130px;
  float: left;
  text-align: right;
  margin: 0;
}
#articles-search p.submit input {
  width: 120px;
}