/***
Supplemental CSS for 2014 version of GMAO homepage

J. Gass, SSAI
***/

a:hover {
  text-decoration:none;
}

div#Homepage-2014-twocol {
  margin:0px; 
  position:relative; 
  top:1px; 
  left:5px; 
  height:150px;
  background-color:transparent;
}

/* Center introduction section */

div#GMAO_intro {
  text-shadow:1px 1px #eee;
  position:relative;
  left:0px;
  top:0px;
  width:514px;
  height:inherit;
  padding:6px;
  margin:0px;
  border:1px solid #ccc;
  background-color:rgba(255,255,255,1);
  background-image:url(/images/wireglobe-60.png);
  background-repeat:no-repeat;
  background-position:0% bottom;
  font-weight:100;
}

div#intro_readmore {
  position:relative;
  left:80%;
  bottom:2px;
  font-weight:900;
}


div#GMAO_intro > h2 {
  font-style:normal;
  color:navy;
  font-weight:100;
}

/***
Highlights Section
***/

div#highlights {
  clear:both; 
  display:inline-block; 
  position:relative;
  left:0px;
  top: 5px;
  width:514px;
  height:350px;
  padding:6px;
  color:#fff;
  border: 1px solid #333; 
  background:  linear-gradient(to bottom, #7187b3, #506080); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7187b3', endColorstr='#506080', GradientType=0 );
}

div#featured_highlight {
  margin-bottom:3px; 
  width:500px; 
  background-color:transparent; 
  color:#000;
}

div.featured_highlight_title {
  margin:2px 6px -6px 0px;
  color:#000;
  text-indent:-0.5em; 
  width:510px;
}

div#featured_highlight > div.wrapper {
  width:inherit; 
  height:125px;
}

div#featured_highlight  div.img_wrapper {
  clear:both;
  float:left; 
  height:100px; 
  width:100px; 
  /* background-color:#fff; */
  margin:0px 6px 0px 0px;
}


div#featured_highlight  div.img_wrapper img {
  box-shadow: 0px 2px 2px 2px  rgba(128,128,128,0.3);
  border:1px solid rgba(128,128,128,0.7);
  border-radius:50px;
}

div#featured_highlight  p.brief {
  line-height:90%;
  text-align:justify;
  font-weight:100; 
  margin:0px 6px 0px 0px;
}

div#featured_highlight  div.readmore {
  clear:both;
  z-index:100;
  position:relative; 
  top:0px;
  left:80%; 
  margin-top:3px;
  margin-bottom:3px;
  font-weight:900;
}

div#highlights div.list-wrapper {
  clear:both;
  margin-top:3px;
  vertical-align:top; 
  width:504px; 
  height:155px; 
  margin:10px auto 0px auto;
  text-align:center;
}

div#highlights div.listitem {
  clear:both;
  display:inline-block; 
  width:116px; 
  height:155px; 
  margin:2px 2px;
  vertical-align:middle;
  text-align:center; 
  font-weight:100;
  /*background: -moz-linear-gradient(#fff, #000);
  background: -webkit-linear-gradient(#fff, #000);
  background: -o-linear-gradient(#fff, #000);
  background: -ms-linear-gradient(#fff, #000);*//*For IE10*/
  /*background: radial-gradient(rgba(141, 161, 175, 0.7), rgba(223, 244, 255, 0.9));*/
  background-color: rgba( 235, 239, 242, 1);
  /*border: 1px solid #8ea0b1;*/
  /* border: 1px solid #667380; */
  border: 1px solid #8797a8;
  border-radius:3px; 
  box-shadow:0px 2px 1px -1px rgba(128, 128, 128, 0.75);
}

div#highlights div.listitem:hover {
  background-color:rgba( 255, 252, 247, 1.0);
  margin:0px;
  width:120px;
  height:159px;
  box-shadow:0px 4px 8px -1px rgba(0, 0, 0, 0.35);
}

div#highlights  div.listitem_title {
  position:relative;
  height:4em;
  margin:3px 3px;
  font-weight:100;
  z-index:2000;
  /*font-variant:small-caps;*/
  text-shadow: 2px 1px 1px #000;
}

div#highlights  div.listitem  img {
  box-shadow:0px 1px 2px -1px rgba(0, 0, 0, 0.75);
  position:relative;
  z-index:1;
}

div#highlights div.listitem div.listitem_title a {
  padding:2px;
  color:#fff;
  //color:#282e33;
  font-style:normal; 
  font-weight:600;
  height:150px;
  text-decoration:none; 
}
/*
div#highlights  div.archive_link a {
color:#333;
font-size:8pt;
font-weight:600;
}
*/

div#snapshots {
  display:inline-block;
  position:relative; 
  top:0px; 
  left: 10px; 
  width:200px; 
  height:525px; 
  color: #fff; 
  background: linear-gradient(#20303b, #456980); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20303b', endColorstr='#456980', GradientType=0 );
  padding:4px 4px 2px 8px; 
  border: 1px solid #333;
}

div.snapshot_item {
  clear:both; 
  height:auto;
  vertical-align:middle;
  margin:2px 2px 6px 2px;
}

div.snapshot_image {
  display:block;
}

div.snapshot_image img {
  border:1px solid #666;
}

div.snapshot_image img:hover {
  border:1px solid #fff;
}

div.snapshot_title {
  display:block;
  width:200px;
  margin-top:2px;
  font-weight:100;
  font-size:8pt;
  line-height:1.125em;
}

div.snapshot_title  a {
  /*font-variant:small-caps;*/
  font-style:normal;
  font-weight:500;
  color:#fff;
  /* text-shadow:1px 1px #333; */
  font-size:8.5pt;
}

div.section_title {
  margin:0px 4px 10px 0px;
  color:#fff;
  font-weight:100;
  font-style:normal; 
  font-size:11pt;
  /*text-shadow:0.05em 0.02em 0.01em #666;*/
  padding: 4px 4px 6px 4px; 
  border-bottom:1px solid #fff;
}

div.section_title-dark {
  margin:-1px 8px 10px 0px; 
  color:#003;
  font-weight:100;
  font-style:normal; 
  font-size:11pt; 
  /*text-shadow:0.01em 0.2em 0.01em #d0d0d0;*/
  padding: 4px 4px 6px 4px; 
  border-bottom:1px solid #003;
}

div#secondrow {
  clear:both;
  display:block; 
  box-sizing: border-box;
  position:relative; 
  top:4px; 
  left:-728px; 
  width:950px; 
  height:275px; 
  vertical-align:middle; 
  margin-bottom: 14px;
}

div.item_divider_light {
  clear:both; 
  margin:8px auto; 
  text-align:center; 
  width:25%; 
  border-top:1px solid #999;
}

div.item_divider_dark {
  clear:both; 
  margin:8px auto 4px 20%; 
  text-align:left; 
  width:10%; 
  border-top:1px solid #999;
}

div#forecasts {
  clear:both; 
  display:inline-block; 
  vertical-align:top; 
  position: absolute; 
  top:0px; 
  left:0px;
  width: 186px; 
  height:inherit; 
  color:#fff;
  /* text-shadow:1px 1px #333; */
  padding:6px 6px 0 6px;
  border: 1px solid #333; 
  background-color: #7187b3;
  background: linear-gradient(to bottom, #7187b3,#506080); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7187b3', endColorstr='#506080', GradientType=0 );
  line-height:110%;
}

div#forecasts p, div#forecasts p a {
  padding-left:0.5em;
  color:#fff;
  font-size:12.6px;
  font-weight:600;
}

div#Homepage-2014-twocol {
  margin:0px; 
  position:relative; 
  top:1px; 
  left:5px; 
  height:150px;
  background-color:transparent;
}

div#gmao_news {
  clear:both; 
  display:inline-block; 
  vertical-align:top; 
  position:absolute; 
  left:205px; 
  top: 0px; 
  width:514px; 
  height:inherit; 
  color:#111; 
  text-shadow:1px 1px #eee;
  background-color: rgba(255, 255, 255, 1);
  padding:6px 6px 0 6px; 
  border:1px solid #666;
}

div#gmao_news  p a {
  padding-left:1.0em;
  color: #000;
  font-size:9pt;
  font-weight:100;
}

div.newstext {
  display:none;
  margin:0.5em 2em;
  font-size:larger;
}

div#gmao_news  div.archive_link a {
  color:#333;
  font-size:8pt;
  font-weight:600;
}

div#system_news {
  clear:both; 
  display:inline-block; 
  position:relative;
  top:0px;
  left:738px;
  width:200px; 
  height:inherit; 
  padding:6px 6px 0 6px; 
  color:#fff;
  /* text-shadow:1px 1px #333; */
  border: 1px solid #333; 
  background:  linear-gradient(to bottom, #7187b3, #506080); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7187b3', endColorstr='#506080', GradientType=0 );
}

div#system_news p a {
  padding-left:0.5em;
  text-indent:-0.5em;
  color:#eee;
  font-size:13px;
  font-weight:500;
}

.briefs_archive_link {
  color:#fff;
  position:absolute;
  top:8px;
  right:14px;
  width:auto;
  text-align:right;
  font-size:8pt;
  white-space:nowrap;
  padding:2px 5px 2px 1.5em;
  background-color:rgba(68, 68, 68, 0.2);
  box-shadow:0px 1px 2px #333;
}

.archive_link {
  color:#fff;
  position:absolute;
  bottom:5px;
  right:10px;
  width:auto;
  text-align:right;
  font-size:8pt;
  white-space:nowrap;
  padding:2px 5px 2px 2.5em;
  background-color:rgba(68, 68, 68, 0.2);
  box-shadow:0px 1px 2px #333;
}

div.archive_link  a {
  font-size:8pt;
  font-weight:600;
  color: #fff;
}

 div.briefs_archive_link a:link !important {
  color:#eee;
  font-size:8pt;
  font-weight:600;
}

div#system_news div.archive_link a {
  color:#eee;
  font-size:8pt;
  font-weight:600;
}

div#handylinks {
  margin-top:0px;
  clear:both;
  display:block;
  position:relative;
  top:0px;
  left:-728px;
  width:950px;
  text-align:center;
  padding-top:4px;
  letter-spacing:0.1em;
  color:#ccc; 
  font-weight:600;
  font-style:italic;
  border:1px solid #333;
  background-color:rgba(128,128,128,0.1);
}

div#handylinks a, div#handylinks span {
  color:#ddd;
  font-size:8pt;
  vertical-align:4px;
}

table.products {
  margin:5px;
  width:inherit;
  border:1px solid #bbb;
  border-collapse:collapse;
  display:table;
  box-shadow: 1px 3px 4px #999;
  /* box-shadow: 5px 5px 5px #888888; */
}

table.products caption {
  text-align:left;
  font-size:11pt;
  font-weight:600;
  background: linear-gradient(#20303b, #456980);
  color: #fff;
  padding:12px 5px 12px 5px;
  box-shadow: 1px 0px 4px #999;
}
table.products th {
  font-size:9pt;
/*   background-image: url(/images/th_bkg.png); */
/*  background-repeat: repeat-x; */
  background-color:#556688;
  text-align:left;
  color:#fff;
  font-weight:normal;
  padding:7px 5px;
  border:0px solid #bbb;
  border-collapse:collapse;
}

table.products tr.odd {
  background-image: url(/images/row_bkg.png);
  background-repeat: repeat-x;
  background-color:#fff;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-collapse:collapse;
}

table.products tr.even {
  background-color:#fcfcfc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-collapse:collapse;
}

table.products td {
  font-size:9pt;
  padding:5px;
  border:0px solid #bbb;
  border-collapse:collapse;
}

table.products td a {
  font-size:9pt;
}