/**
 * Site-specific stylesheet for LANL HostInfo
 * by Mike Lee <mlee@lanl.gov>
 *
 * $Header: /var/CVS/cryptocard/includes/site.css,v 1.1 2013/04/04 15:47:11 btaylor Exp $
 */



/*******************************************************************************
 * Import institutional stylesheets
 */

 @import url("/source/styles/core-layout_tr1.css");
 @import url("/source/styles/core-identity-apps.css");
 @import url("/source/styles/core-layout.css");
 
 /*******************************************************************************
  * Main content div
  */
 
 #pageWrap {
   width: 920px;
   padding: 0;
 }
 
 html body #pageWrap #content-subject {
   width: 860px;
   padding: 10px;
   margin-left: 0;
   margin-bottom: 30px;
   top: 0px;
 }
 
 #globalHeader {
   //height: 83px;
   height: 58px;
 }
 
 #topMenu {
   margin-bottom: -25px;
   width: 881px;
   text-align: left;
   font-family: "Open Sans", sans-serif;
 }
 
 #left{float:left;}
 #right{float:right;width:150px;text-align:right;}
 #center{margin:0 auto;width:100px;}
 
 table tr, table td{
   font-family: "Open Sans", sans-serif;
 }
 
 /*******************************************************************************
  * Headings
  */
 
 h1, table h2, h3 {
   margin: 0;
   font-family: "Open Sans", sans-serif;
 }
 
 h1 {
   margin-top: 3px;
 }
 
 /*******************************************************************************
  * Images
  */
 
 #globalHeader a#lanlInside img#logo {
  background-image: url('/images/lanl-logo.svg');
   position: absolute;
   top: 21px;
   left: 1px;
   background: transparent;
   padding: 0;
   border: 0;
 }
 
 /*******************************************************************************
  * Forms
  */
 
 input {
   background: #f8f8f8;
   border: 1px solid #aaa;
   color: #333;
 }
 
 input.smaller {
   width: 120px;
 }
 
 input.inline {
   background: #f8f8f8;
   border: 0;
   border-bottom: 1px solid #aaa;
   padding: 2px 2px 1px;
 }
 
 input:hover, input:focus {
   background: #d5d5d5;
 }
 
 input.button {
   background: #eee;
   border: 1px solid #aaa;
   color: #333;
   margin-left: 5px;
   font-family: "Open Sans", sans-serif;
   font-size: 0.9em;
 }
 
 input {
   font-family: "Open Sans", sans-serif;
 }
 
 textarea {
   border: 1px solid #aaa;
   width: 200px;
   height: 120px;
 }
 
 /*******************************************************************************
  * Paragraphs
  */
 
 form, ol, ul, dd, p {
   line-height: 120%;
   font-size: 13px;
 }
 
 form, pre, ol, ul, dd, p {
   font-size: 13px;
   color: #333;
   margin: 10px 0;
   padding: 0 15px;
 }
 
 /* This ignores paragraph in footer */
 #content-subject p, #content-subject li {
   max-width: 500px;
 }
 
 /*******************************************************************************
  * Font size tweaks - most text in HostInfo is made larger for readability
  */
 
 pre.small {
   font-size:0.9em;
 }
 
 tt {
   font-size: 1.1em;
 }
 
 form, li, dd, pre, p, .ccsectiondata td, .multhosts td {
   font-size: 13px;
 }
 
 .ccsectiondata form {
   font-size: inherit;
   padding: 0;
 }
 
 .loading {
   font-size: 3em;
   color: #bbb;
   }
 
 a:hover {
  text-decoration: underline;
 }
 
 
 /*******************************************************************************
  * Cryptocard general data displays
  */
 
 .ccdata {
   //margin-top: 5px;
   border-spacing: 0;
   width: 100%;
 }
 
 .ccdata td.menu {
   width: 25%
 }
 
 .ccsectionlabel {
   padding: 10px 0 10px 2.5ex;
 }
 
 .ccsectiondata {
   padding: 0.7em 0 13px;
   /*padding: 10px 0;*/
 }
 
 .ccsectiondata table {
   width: 100%;
   border-spacing: 0;
 }
 
 .ccsectiondata td {
   padding: 3px;
 }
 
 .ccsectiondata pre {
   padding: 2px 0 0;
   margin: 0;
 }
 
 .ccsectiondata form {
   margin: 0;
 }
 
 /* multhosts is the name of the "choose a host" table */
 .multhosts {
   padding: 0 12px;
 }
 .multhosts td {
   padding: 10px 10px 0 0;
 }
 
 /*******************************************************************************
  * Colors
  */
 
 /* D9541A brown, 49407b purple, 07869c (default) is teal */
 /* HostInfo only uses h1 and h2 */
 /*h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:visited:hover {
   color: #F1592A;
 }
 h2, h3, h4 {
   color: #5c5c5c;
 }
 
 a:hover {
   color: #00496e;
 }
 
 a:link {
   color: #007cba;
 }*/
 
 /* Only used when jQuery is running */
 h2 tt { color: #ccc;}
 
 /* Alerts in red and Warnings in yellow appear at the top. */
 .ccdata tr.alertbar h2 {
   color: #a00;
 }
 .ccdata tr.alertbar {
   background: #fee;
 }
 
 .ccdata tr.warningbar h2 {
   color: #750;
 }
 .ccdata tr.warningbar {
   background: #ffd;
 }
 
 .alert {
   color: #a00;
 }
 
 .warning {
   color: #750;
 }
 
 /* Data fields are dark gray, data field labels are black */
 .ccsectiondata td {
   color: #333;
 }
 /* Never mind, labels can be dark gray too */
 .ccsectiondata td:first-child {
   color: #333;
 }
 
 /* Less important information is in light gray */
 td .comment, .comment {
   color: #999;
 }
 
 .multhosts th {
   color: #07869c;
 }
 
 .asterisk {
   color: #07869c;
   font-weight: bold;
 }
 
 /* Only used with jQuery */
 .grayback { background-color: #f4f4f4; }
 
 .indent {
   padding-left: 15px;
 }
 .indent2 {
   padding-left: 30px;
 }
 
 /*******************************************************************************
  * Misc
  */
 
 ol {
   padding-left: 37px;
 }