/*    File            : /oal/styles/site-styles.css
      Description     : Styles available for use across the AcquisitionLogistics INTERnet web site.    */

.acenter { text-align: center; }
.aleft { text-align: left; }
.aright { text-align: right; }

/*** A-Z LIST STYLES - ACRONYMS PAGE ***/
#abcNav { 
  margin: 0 0 10px; }

#abcNav ul {
  margin: 0 !important;
  padding: 0 !important; 
  border-left: 1px solid silver !important;
  overflow: hidden !important; }

#abcNav ul li {
  list-style-type: none !important;
  padding: 0 !important; 
  float: left !important; }

#abcNav ul a {
  font-size: 0.9em !important; 
  display: block !important;
  padding: 2px 6px !important; 
  border: 1px solid silver !important; 
  border-left: none !important; 
  text-decoration: none !important; }

#abcNav ul a:hover {
  background-color: #eaeaea !important; }

#abcNav ul li.active {
  background-color: #eaeaea !important; }

#abcNav ul li.disabled { 
  color: #ccc !important;
  font-size: 0.9em !important; 
  float: left !important; 
  padding: 2px 6px !important; 
  border: 1px solid silver !important; 
  border-left: none !important; }

#navMainIcon { 
	width: 100%;
	max-height: 100%;
	padding: 10px; }

#navMainIcon ul {
	clear: both;
	margin: 0px;
	padding: 0px;}

#navMainIcon ul li {
	list-style-type: none;
	max-width: 100%;
	height: 110px;
	background-color: #ffffff;
	float: left;
	display: block;
	padding: 0 15px 0 112px;
	font-size: .9em;
	color: #333333;
	text-align: left; }

#navMainIcon li h2 {
	margin: 0;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: normal;
	padding: 10px 0 0 0;
	border-bottom: 1px dotted #999999; }

#navMainIcon ul li a, a:visited {
	text-decoration: none;
	color: #004d70; }

#navMainIcon ul li a:hover { text-decoration: underline; }

#navMainIcon li.vets { 
	background: url("/opal/images/icons/mainVets.png") no-repeat scroll left center #f5f5f5; color:#333333;}

#navMainIcon li.fss { 
	background: url("/opal/images/icons/mainFss.png") no-repeat scroll left center #ffffff; color:#333333;}

#navMainIcon li.log { 
	background: url("/opal/images/icons/mainLog.png") no-repeat scroll left center #f5f5f5; color:#333333;}

#navMainIcon li.ncs { 
	background: url("/opal/images/icons/mainNcs.png") no-repeat scroll left center #ffffff; color:#333333;}

#navMainIcon li.sac { 
	background: url("/opal/images/icons/mainSac.png") no-repeat scroll left center #f5f5f5; color:#333333;}

#navMainIcon li.tac { 
	background: url("/opal/images/icons/mainTac.png") no-repeat scroll left center #ffffff; color:#333333;}

#navMainIcon li.about { 
	background: url("/opal/images/icons/mainAbout.png") no-repeat scroll left center #f5f5f5; color:#333333;}

/*columns are sized by %, numbers indicate what percent*/
/*"l" is for left-floating columns, "r" for right*/
.c20l, .c23l, .c25l, .c29l, .c30l, .c33l, .c35l, .c38l, .c40l, .c45l, .c48l, .c50l, .c55l, .c60l, .c62l, .c65l, .c66l, .c70l, .c75l, .c77l, .c80l { float: left; }

.c20r, .c23r, .c25r, .c29r, .c30r, .c33r, .c35r, .c38r, .c40r, .c45r, .c48r, .c50r, .c55r, .c60r, .c62r, .c65r, .c66r, .c70r, .c75r, .c77r, .c80r { float: right; margin-left: -5px; }

.c20l, .c20r { width: 20%; }
.c23l, .c23r { width: 23%; }
.c25l, .c25r { width: 25%; }
.c29l, .c29r { width: 29%; }
.c30l, .c30r { width: 30%; }
.c33l, .c33r { width: 33.333%; }
.c35l, .c35r { width: 35%; }
.c38l, .c38r { width: 38%; }
.c40l, .c40r { width: 40%; }
.c45l, .c45r { width: 45%; }
.c48l, .c48r { width: 48%; }
.c50l, .c50r { width: 50%; }
.c55l, .c55r { width: 55%; }
.c60l, .c60r { width: 62%; }
.c62l, .c62r { width: 62%; }
.c65l, .c65r { width: 65%; }
.c66l, .c66r { width: 66.666%; }
.c70l, .c70r { width: 70%; }
.c75l, .c75r { width: 75%; }
.c77l, .c77r { width: 77%; }
.c80l, .c80r { width: 80%; }

.cloudFss12 a:link, .cloudFss12 a:visited, .cloudFss12 a:hover {
  line-height: 90%;
  font-size: 12pt !important;
  color: #839097 !important; }

.cloudFss14 a:link, .cloudFss14 a:visited, .cloudFss14 a:hover {
  line-height: 90%;
  font-size: 14pt !important;
  color: #2d3036 !important; }

.cloudFss16 a:link, .cloudFss16 a:visited, .cloudFss16 a:hover {
  line-height: 90%;
  font-size: 16pt !important;
  color: #1f497d !important; }

.cloudFss22 a:link, .cloudFss22 a:visited, .cloudFss22 a:hover {
  line-height: 90%;
  font-size: 22pt !important;
  color: #2c67b0 !important; }

.divBorderLeft { border-left: solid thin #cccccc; }
.divBorderRight { border-Right: solid thin #cccccc; }

.floatLeft { float:left; }
.floatRight { float:right; }

.fontXlarge { font-size: 130%; }
.fontLarge { font-size: 115% }
.fontSmall { font-size: 90%; }
.fontXsmall { font-size: 80%; }

.fontBold { font-weight: bold; }
.fontItalic { font-style: italic; }
.fontSmallCaps { font-variant: small-caps; }

.deviation { color: dodgerblue !important;}
.fontDarkRed { color: #772432; }
.fontNavy { color: #003F72; }
.fontPrimaryRed { color: #c4262e; }
.fontSecondaryBlueGray { color:#839097; }
.fontSecondaryGreen { color:#598527; }
.fontSecondaryGold { color:#ffd457; }
.fontSecondaryLightGray { color:#dcddde; }
.fontSecondaryOlive { color:#b0b579; }
.fontSecondaryOrange { color:#f7955b; }
.fontSecondarySand { color:#dac792; }
.fontVibrant01 { color: #5261ac; }
.fontVibrant02 { color: #ffcf01; }
.fontVibrant03 { color: #fbb161; }
.fontVibrant04 { color: #0194d3; }
.fontVibrant05 { color: #a1a1a4; }
.fontVibrant06 { color: #c0ae00; }
.fontVibrant07 { color: #7ac143; }
.fontVibrant08 { color: #f78f1e; }
.fontVibrant09 { color: #00afdb; }
.fontVibrant10 { color: #fdb913; }
.fontVibrant11 { color: #e2e477; }
.fontVibrant12 { color: #e31b23; }
.fontWhite { color: #ffffff; }

.fssSalesCountdownDays {
  float: right;
  padding-left: 4px;
  height: 150px; }

.fssSalesCountdownText {
  font-size: 16pt;
  text-height: max-size;
  color: #000000;
  height: auto;
  line-height: 120% }

.grey_box {
  clear: both;
  margin: 0 0 25px 0;
  border: 1px solid #c1c1c1;
  background: #f8f8f8;
  padding: 20px;
  -webkit-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .1);
  box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, .1); }

.grey_box h2 {
  margin: -5px 0 3px 0;
  font-size: 1.8em;
  padding: 0;
  text-align: left; }
 
.grey_box h3 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.6em; }

.grey_box h4 {
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  text-align: left; }

.grey_box ul {
  margin-top: 8px;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 35px; }

.grey_box ul li {
  margin-top: 3px;
  list-style: circle outside;
  padding-left: 5px; }

h3.bgLtgrey {
  background-color: #f5f5f5;
  padding: 4px; }

/* Image Styles */
img.imgrt{
  float: right;
  border: none !important; 
  padding: 0px 0px 8px 8px; }

img.imglt {
  float: left; 
  border: none !important; 
  padding: 0px 8px 8px 0px; }

img.responsive {
	max-width: 100%; }

.indentPara {
  text-indent: 15px; }

.indenta {
  text-indent: 15px; }

.indent1 {
  padding-left: 30px;
  text-indent: 15px; }

.indenti {
  padding-left: 45px;
  text-indent: 15px; }

.indentA {
  padding-left: 60px;
  text-indent: 15px; }

/*use this inside of ALL columns to create padding, otherwise columns will stretch in certain browsers*/
.inner { padding: 5px; overflow: hidden; }

.lightbox {
	/** Hide the lightbox */
	display: none;
	/** Apply basic lightbox styling */
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color:#333333; }

.lightbox:target {
    /** Show lightbox when it is target */
    display: block;
    outline: none; }

.lightbox .box {
  	width: -webkit-min-content;
  	width: -moz-min-content;
  	width: min-content;
	min-width:300px;
 	margin: 2% auto;
	padding:20px;
	background-color:#FFF;
	box-shadow: 0px 1px 26px -3px #777777; }

.lightbox .title {
	margin:0;
	padding:0 0 10px 0px;
	border-bottom:1px #ccc solid;
	font-size:22px; }

.lightbox .content {
	display:block;
	padding:10px 0 0 0px;
	font-size:18px;
	line-height:22px; }

.lightbox .close {
	float:right;
	display:block;
	text-decoration:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#858585; }

/*-- Maximum Widths --*/
.mw300 { max-width: 300px; }
  
/**  List Styles  **/
.listCheckmark {
	list-style-position: outside;
  margin-left: 22px;
  padding: 5px 0px 5px 0px;
  line-height: 140%;
  list-style-image: url('../images/bulletCheckmark.png'); }

ul.outside {
	list-style-position: outside;
	}

ol.spacedList li, ul.spacedList li {
	margin-bottom: 1.25em;
	}

ol.decimal {
	list-style-type: decimal;
	}

ol.decimalLeadingZero {
	list-style-type: decimal-leading-zero;
	}

ol.lowerAlpha {
	list-style-type: lower-alpha;
	}

ol.lowerRoman {
	list-style-type: lower-roman;
	}

ol.upperAlpha {
	list-style-type: upper-alpha;
	}

ol.upperRoman {
	list-style-type: upper-roman;
	}

.olist {
	list-style-position: outside;
	padding-left: 40px;
	}

ul.borderList li {
  list-style-type: none;
  border-top: 1px dotted #ccc;
  display: block;
  /*padding: .5em 0 0;*/
  padding: 0.25em 0;
  overflow: hidden; }

ul.circle {
	list-style-type: circle;
	}

ul.disc {
	list-style-type: disc;
	}

ul.noBullet li {
	list-style-type: none;
	display: block;
	/*padding: .5em 0 0;*/
	padding: 0.15em 0;
	overflow: hidden;
	}

ul.square {
	list-style-type: square;
	}

.nowrap {
	white-space: nowrap;
	}

p.more a {
  border-top: none;
  display: block;
  background: transparent url(/oal/images/iconMore.png) right center no-repeat;
  text-align:right;
  font-weight: bold;
  padding-right: 10px; }

p.moreLeft a {
  border-top: none;
  background: transparent url(/oal/images/iconMore.png) right center no-repeat;
  text-align:left;
  font-weight: bold;
  padding-right: 10px; }

/**  Table Styles  **/
table.tblFssNewsNav {
  margin: 0px;
  padding: 2px 6px; 
  border: 1px ridge silver;
  background-color: #f8f8f8; }

table.tblFssNewsNav caption {
  margin: 0;
  padding: 8px 20px;
  font-size: 16px;
  text-align: center;
  border: 1px ridge silver; }

table.tblFssNewsNav td.alignLt {
  text-align: left; }

table.tblFssNewsNav td.alignMid {
  text-align: center;
  border-left: 1px ridge silver; }

table.tblFssNewsNav td.alignRt {
  text-align: right; }

table.tblNoBorder {
  border: none; }

table.tblNoBorder caption {
  margin: 0;
  padding: 8px 20px;
  font-size: 16px;
  text-align:left; }

table.tblNoBorder td {
  margin:0;
  padding: 1px 5px; }

table.tblNoBorder thead {
  margin: 0;
  padding: 8px 6px;
  font-weight: bold; }

table.tblNoBorder th {
  color: #000000;
  background: none;
  text-align: center; }

table.tblSiteNav {
  margin: 0px;
  padding: 2px 6px; 
  border: 1px ridge silver;
  background-color: #f8f8f8; }

table.tblSiteNav caption {
  margin: 0;
  padding: 8px 20px;
  font-size: 14px;
  text-align: center;
  border: 1px ridge silver; }

table.tblSiteNav td {
  text-align: center; }

table.tblSiteNav td.border {
  border-right: 1px ridge silver; }

table.tblStandard {
  border: 1px solid #000; }

table.tblStandard caption {
  margin: 0;
  padding: 8px 20px;
  font-size: 16px;
  text-align:left;
  border: 1px solid #cccccc; }

table.tblStandard td {
  margin:0;
  padding: 5px 5px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc; }

table.tblStandard thead {
  margin: 0;
  padding: 8px 6px;
  font-weight: bold; }

table.tblStandard th {
  color: #000000;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background: none;
  background-color: #f5f5f5;
  text-align: center; }

table.tblStandard tr.ltblue {
  background: #e1ecf8; }

table.tblStandard tr.ltgrey {
  background: #f5f5f5; }

table.tblVaarNav {
  margin: 0px;
  padding: 2px 6px; 
  border: 1px ridge silver;
  background-color: #f8f8f8; }

table.tblVaarNav td.alignLt {
  text-align: left; }

table.tblVaarNav td.alignMid {
  text-align: center;
  border-left: 1px ridge silver; }

table.tblVaarNav td.alignRt {
  text-align: right;
  border-left: 1px ridge silver; }

table td.vertTop {
  vertical-align: top; }

table td.vertMid {
  vertical-align: middle; }

table td.vertBtm {
  vertical-align: bottom; }

.tftable {
  color:#33333;
  width:100%;
  border-width: 1px;
  border-color: #cacaca;
  border-collapse: collapse; }

.tftable th {
  color:#dfdfdf;
  background-color:#192F58;
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #cacaca;
  text-align:left;  }
  
.tftable tr {
  background-color:#ffffff;  }
  
.tftable td {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #cacaca;  }
  
.tftable tr:hover {
  background-color:#e1e6fa;
  font-size:16px; }