@charset ISO-8859-1;
 
 /****************************
  *  * 	Army.ca Style Sheet
  *   *	http://Army.ca
  *   ****************************/
 
 /* The main body of the entire forum. */
 body {
 	background-color: #263658;
 	font-size: 10pt;
 	color: #ffffff;
 	text-align: left;
 	margin: 0;
 	font-family: 'Open Sans', Trebuchet MS, verdana, arial, helvetica, sans-serif;
 	margin: 0px;
 	padding: 0px;
 }
 
 P {
 	font-size: 10pt;
 	color: #ffffff;
 	text-align: left;
 }
 
 h1 {
 	color: #236b8e;
 	font-family: 'Krona One', 'Merriweather', serif;
 	font-size: 30px;
 	font-weight: 300;
 	line-height: 40px;
 	margin: 0 30px 40px;
 	text-align: center;
 	text-shadow: #ffd527 -1px -1px;
 }
 
 h2 {
 	color: #236b8e;
 	font-size: 10pt;
 	font-weight: bold;
 	text-align: Left
 }
 
 h3 {
 	color: #236b8e;
 	font-size: 10pt;
 	font-weight: normal;
 	text-align: Left
 }
 
 h4 {
 	color: #ff9900;
 	font-size: 10pt;
 	font-weight: normal;
 	text-align: Left
 }
 
 td {
 	color: #9ea6db;
 	FONT-SIZE: 10pt;
 }
 
 .nav,.nav:link,a:link,a:active {
 	text-decoration: none;
 	color: #ffd527;
 	font-weight: normal;
 }
 
 a:visited,.nav:visited {
 	text-decoration: none;
 	color: #ba9800;
 	font-weight: normal;
 }
 
 a.nav:hover,a:hover {
 	text-decoration: none;
 	color: #3b5363;
 	font-weight: normal;
 }
 
 a:link.hidden,a:visited.hidden,a:active.hidden,a:hover.hidden {
 	text-decoration: none;
 	color: #ffffff;
 	font-style: normal;
 }
 
 .highlink {
 	font-weight: bold;
 	color: #ffffff;
 }
 
 p.ad {
 	z-index: 10;
 	position: absolute;
 	top: 0px;
 	right: 0px;
 	clear: left;
 }
 
 p.forumad {
 	z-index: 10;
 	position: absolute;
 	top: 17px;
 	right: 300px;
 	clear: left;
 	display: inline;
 }
 
 p.logo {
 	z-index: 10;
 	position: absolute;
 	top: 65px;
 	right: 40px;
 	clear: left;
 }
 
 p.header {
 	z-index: -10;
 	position: absolute;
 	top: 109px;
 	left: 0px;
 	clear: left;
 }
 
 p.first {
 	width: 80%;
 }
 
 /* Block header (main page): Ribbons */
 .block_header:after,.block_header:before {
 	content: '';
 	position: absolute;
 }
 
 .block_header {
 	font-size: 1em;
 	position: relative;
 	color: #061c3b;
 	text-shadow: 0 1px rgba(255, 255, 255, .8);
 	background-color: #52869f;
 }
 
 .block_header.left {
 	margin: 0px 0px 30px -9px;
 	padding: 10px 0 10px 30px;
 	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0),
 		#263658 );
 	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0),
 		#263658 );
 	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0),
 		#263658 );
 	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0),
 		#263658 );
 	background-image: linear-gradient(left, rgba(255, 255, 255, 0), #263658
 		);
 }
 
 .block_header.right {
 	text-align: right;
 	margin: 0px -9px 30px 0px;
 	padding: 10px 30px 10px 0;
 	background-image: -moz-linear-gradient(left, #263658, rgba(255, 255, 255, 0)
 		);
 	background-image: -webkit-linear-gradient(left, #263658, rgba(255, 255, 255, 0)
 		);
 	background-image: -o-linear-gradient(left, #263658, rgba(255, 255, 255, 0)
 		);
 	background-image: -ms-linear-gradient(left, #263658, rgba(255, 255, 255, 0)
 		);
 	background-image: linear-gradient(left, #00330, rgba(255, 255, 255, 0) );
 }
 
 .block_header:before,.block_header:after {
 	border-style: solid;
 	border-color: transparent;
 	bottom: -6px;
 }
 
 .block_header.left:before {
 	border-width: 0 6px 6px 0;
 	border-right-color: #3f4e72;
 	left: 0;
 }
 
 .block_header.right:after {
 	border-width: 0 0 6px 6px;
 	border-left-color: #3f4e72;
 	right: 0;
 }
 
 /* Background Banner */
 .backbanner {
 	width: 100%;
 	color: #132646;
 	font-size: 150pt;
 	font-variant: small-caps;
 	word-spacing: 3px;
 	white-space: nowrap;
 	overflow: hidden;
 	letter-spacing: 8px;
 	font-weight: bolder;
 	z-index: -20;
 	position: absolute;
 	left: 0px;
 	top: 175px;
 }
 
 /* Private Notification */
 .privbanner {
 	color: #ff9900;
 	font-size: 50pt;
 	font-variant: small-caps;
 	word-spacing: 3px;
 	white-space: nowrap;
 	overflow: hidden;
 	letter-spacing: 8px;
 	font-weight: bolder;
 	z-index: 20;
 	position: absolute;
 	right: 200px;
 	top: 40px;
 }
 
 .footer {
 	font-size: 7pt;
 	text-align: center;
 }
 
 /* Highlighted text - such as search results. */
 .highlight {
 	color: #ed1c24;
 	display: inline;
 	font-weight: bold;
 }
 
 /* Alternate colour for contrast of highlighted text */
 .lowlight {
 	color: #ffc927;
 	display: inline;
 	font-weight: normal;
 }
 
 /* Inline class */
 .inline {
 	display: inline;
 }
 
 td.headerrow {
 	font-size: 11pt;
 	text-align: center;
 	font-weight: bold;
 	color: #236b8e;
 	background-color: #3f4e72;
 	padding: 1pt;
 }
 
 td.menu {
 	font-size: 7pt;
 }
 
 tr.odd {
 	background-color: #236b8e;
 }
 
 tr.even {
 	background-color: #445277;
 }
 
 tr.inner {
 	background-color: #236b8e;
 	font-size: 6pt;
 }
 
 tr.outer {
 	background-color: #334265;
 	font-size: 6pt;
 }
 
 tr.menu {
 	font-size: small;
 	font-variant: small-caps;
 }
 
 /* Stylized Army.ca Tables */
 #army-table
 {
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
 	font-size: 12px;
 	margin: 45px;
 	text-align: left;
 	border-collapse: collapse;
 }
 
 #army-table th
 {
 	padding: 8px;
 	font-weight: normal;
 	font-size: 13px;
 	color: #ff9900;
 	background: #236b8e;
 }
 #army-table td
 {
 	padding: 8px;
 	background: #334265;
 	border-top: 1px solid #061c3b;
 	color: #ffffff;
 }
 
 #army-table tbody tr:hover td
 {
 	background: #445277;
 }
 
 /* "data" portion of tables (I.E. label) */
 .data {
 	color: #9ea6db;
 	text-align: right;
 	line-height: 16px;
 	background-color: #52869f;
 }
 
 /* value portion of tables (I.E. RHS) */
 .value {
 	color: #9ea6db;
 	text-align: left;
 	line-height: 16px;
 	background-color: #3b5363;
 }
 
 input {
 	font-size: 8pt;
 	font-weight: normal;
 	color: #ffd527;
 	border: 1px solid #52869f;
 	background-color: #203052;
 }
 
 input:focus {
 	color: #9ea6db;
 	border: 1px inset #061c3b;
 	background-color: #54869f;
 }
 
 input {
 	font-size: 8pt;
 	font-weight: normal;
 	color: #ffd527;
 	border: 1px solid #52869f;
 	background-color: #203052;
 }
 
 /* No style for checkboxes */
 input.check {
 	
 }
 
 /* Explicitly clear the style for some checkboxes */
 input.clear {
 	border: 0px;
 	background-color: #263658;
 }
 
 input.submit_safe {
 	color: #023101;
 	font: bold 84% 'trebuchet ms', helvetica, sans-serif;
 	background-color: #88c38c;
 	border: 1px solid;
 	border-color: #322511 #100a02 #322511 #100a02;
 }
 
 input.submit_safe:hover {
 	color: #88c38c;
 	background-color: #023101;
 	border: 1px solid;
 	border-color: #322511 #100a02 #322511 #100a02;
 }
 
 input.submit_danger {
 	color: #310101;
 	font: bold 84% 'trebuchet ms', helvetica, sans-serif;
 	background-color: #c38888;
 	border: 1px solid;
 	border-color: #322511 #100a02 #322511 #100a02;
 }
 
 input.submit_danger:hover {
 	color: #c38888;
 	background-color: #310101;
 	border: 1px solid;
 	border-color: #322511 #100a02 #322511 #100a02;
 }
 
 option.option_safe {
 	background-color: #024e0f;
 	color: #ffffff;
 }
 
 option.option_danger {
 	background-color: #ff0000;
 	color: #ffff00;
 }
 
 textarea {
 	color: #101010;
 	background-color: #A2A8BF;
 }
 textarea:focus {
 	background-color: #69a2bf;
 	color: #101010;
 }
 
 /* Selects are a bit smaller, because it makes them look even better 8). */
 select {
 	font-size: 90%;
 	color: #9ea6db;
 	background-color: #54869f;
 	font-family: verdana, sans-serif;
 }
 
 select:focus {
 	color: #9ea6db;
 	background-color: #69a2bf;
 	font-family: verdana, sans-serif;
 }
 
 /* Standard horizontal rule.. ([hr], etc.) */
 hr,.hrcolor {
     border: 0;
     height: 1px;
     background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
     background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
     background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
     background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
 }
 
 /*******************************
  *  * 	Menu Classes
  *   * 	*******************************/
 .menublock {
 	margin: 0px;
 	padding: 0px;
 	border-spacing: 0px;
 }
 
 .menuitems {
 	font-size: 8pt;
 }
 
 #menu {
 	max-width: 100%;
 	width: 100%;
 	border: 1px solid #9ea6db;
 	margin: 0px;
 	background-color: #95a3cc;
 }
 
 #menu .menuitem a:link,#menu .menuitem a:visited {
 	color: #0a2637;
 	border-right: 1px solid #9ea6db;
 	font-size: 8pt;
 	text-decoration: none;
 	display: block;
 	background-color: #95a3cc;
 	padding: 0px 7px 0px 7px;
 }
 
 #menu .adminmenuitem a:link,#menu .adminmenuitem a:visited {
 	color: #0a2637;
 	border-right: 1px solid #9ea6db;
 	font-size: 8pt;
 	text-decoration: none;
 	display: block;
 	background-color: #52869f;
 	padding: 0px 7px 0px 7px;
 }
 
 #menu .chatmenuitem a:link,#menu .chatmenuitem a:visited {
 	color: #0a2637;
 	border-right: 1px solid #9ea6db;
 	font-size: 8pt;
 	text-decoration: none;
 	display: block;
 	background-color: #a76122;
 	padding: 0px 7px 0px 7px;
 }
 
 #menu .menuitem a:hover,#menu .menuitem a:active {
 	font-size: 8pt;
 	color: #307ea8;
 	text-decoration: none;
 	display: block;
 	background-color: #3f4e72;
 	padding: 0px 7px 0px 7px;
 }
 
 .menuskin {
 	position: absolute;
 	width: 165px;
 	background-color: #3b5363;
 	border: 2px solid #9ea6db;
 	font: normal 12px Verdana;
 	line-height: 14px;
 	z-index: 100;
 	visibility: hidden;
 }
 
 .menuskin a {
 	text-decoration: none;
 	color: #6b97ae;
 	padding-left: 10px;
 	padding-right: 10px;
 }
 
 #mouseoverstyle {
 	background-color: #6b97ae;
 }
 
 #mouseoverstyle a {
 	color: #3f4e72;
 }
 
 /*******************************
  *  * 	Army.ca Portal Classes
  *   * 	*******************************/
 
 /* The invisible block holding all the center blocks */
 .centercolumn {
 	width: 60%;
 	vertical-align: top;
 }
 
 /* A center block */
 .centerblock {
 	width: 98%;
 	border: 3px ridge #111166;
 	background-color: #061c3b;
 	margin: 2px;
 	padding: 5px;
 	margin-bottom: 15px;
 	border-collapse: collapse;
 	z-index: 5;
 }
 
 /* The invisible block holding all the left/right hand blocks */
 .leftcolumn,.rightcolumn {
 	width: 19%;
 	vertical-align: top;
 	z-index: 5;
 }
 
 /* A left/right hand block */
 .leftblock,.rightblock {
 	width: 100%;
 	border: 2px inset #111188;
 	background-color: #2c3b5e;
 	margin: 0px;
 	padding: 0px;
 	margin-bottom: 15px;
 }
 
 /* The title text in a block */
 .blocktitle {
 	color: #236b8e;
 	font-size: 10pt;
 	font-weight: bold;
 	text-align: Center;
 }
 
 /* Used for displaying recent uploads block */
 .ssirecentuploads {
 	height: 110px;
 	width: 110px;
 	display: inline;
 }
 
 /* Portal Header */
 .portalheader {
 	width: 100%;
 	background-color: #041941;
 	margin: 0px;
 	padding: 4px;
 }
 
 /* Portal Body */
 .portalbody {
 	width: 100%;
 	margin: 0px;
 	padding: 3px;
 }
 
 /* Portal Footer */
 .portalfooter {
 	width: 100%;
 	border-top: 1px solid #111188;
 	background-color: #38466a;
 	margin: 0px;
 	padding: 2px;
 }
 
 /* Used to display warnings */
 .warning {
 	padding: 20px;
 	background-color: #ffbaba; /* Red */
 	margin-bottom: 15px;
 	padding: 10px;
 	border: 1px solid;
 	text-align: center;
 	color: #d8000c;
 }
 @CHARSET "ISO-8859-1";
 
 /* Get rid of that gap at the top */
 body {
 	padding-top: 0px;
 }
 
 /* New block used to recover browser flow after position: absolute is used in the menu */
 /* Yeah this creates a gap, but it's needed to center the Staff Bar. */
 .newblock {
 	display: inline-block;
 	position: static;
         height:0px;
 	margin-top: 20px;
 	padding: 0px;
 }
 
 /* Style for Staff Bar (top of page, staff only) */
 .staffbar {
 	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
 	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
 	box-shadow:inset 0px 1px 0px 0px #f9eca0;
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #061c3b), color-stop(1, #38466a) );
 	background:-moz-linear-gradient( center top, #061c3b 5%, #38466a 100% );
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#061c3b', endColorstr='#38466a');
 	background-color:#061c3b;
 	-webkit-border-top-left-radius:5px;
 	-moz-border-radius-topleft:5px;
 	border-top-left-radius:5px;
 	-webkit-border-top-right-radius:5px;
 	-moz-border-radius-topright:5px;
 	border-top-right-radius:5px;
 	-webkit-border-bottom-right-radius:5px;
 	-moz-border-radius-bottomright:5px;
 	border-bottom-right-radius:5px;
 	-webkit-border-bottom-left-radius:5px;
 	-moz-border-radius-bottomleft:5px;
 	border-bottom-left-radius:5px;
 	text-indent:0;
 	border:1px solid #e65f44;
 	color:#c92200;
 	font-family:Arial;
 	font-size:15px;
 	font-weight:bold;
 	font-style:normal;
 	text-decoration:none;
 	width: 98%;
 	display: flex;
         text-align: center;
         padding: 2px 4px 2px 4px;
 }
 .staffbaritem:hover {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #38466a), color-stop(1, #061c3b) );
 	background:-moz-linear-gradient( center top, #38466a 5%, #061c3b 100% );
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#38466a', endColorstr='#061c3b');
 	background-color:#38466a;
 }
 
 .staffbaritem {
         font-size: 7pt;
         color: #ffffff;
         font-weight: bold;
         text-align: center;
         margin: 0;
         padding: 0px 6px 0px 6px;
         border-left: solid 1px #95c85a;
         border-right: solid 1px #95c85a;
 }
 
 /* Style for Alert Bar (top of page, notifications) */
 .alertbar {
 	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
 	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
 	box-shadow:inset 0px 1px 0px 0px #f9eca0;
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
 	background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
 	background-color:#f0c911;
 	-webkit-border-top-left-radius:15px;
 	-moz-border-radius-topleft:15px;
 	border-top-left-radius:15px;
 	-webkit-border-top-right-radius:15px;
 	-moz-border-radius-topright:15px;
 	border-top-right-radius:15px;
 	-webkit-border-bottom-right-radius:15px;
 	-moz-border-radius-bottomright:15px;
 	border-bottom-right-radius:15px;
 	-webkit-border-bottom-left-radius:15px;
 	-moz-border-radius-bottomleft:15px;
 	border-bottom-left-radius:15px;
 	text-indent:0;
 	border:1px solid #e65f44;
 	display:inline-block;
 	color:#c92200;
 	font-family:Arial;
 	font-weight:bold;
 	font-style:normal;
 	height:65px;
 	line-height:65px;
 	width:98%
 	text-decoration:none;
 	text-align:center;
 	text-shadow:1px 1px 0px #ded17c;
 	display: block;
         padding: 3px 6px 3px 6px;
 }
 .alertbar:hover {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911) );
 	background:-moz-linear-gradient( center top, #f2ab1e 5%, #f0c911 100% );
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911');
 	background-color:#f2ab1e;
 }
 .alertbaritem {
 	font-size: 24pt;
 	color: #ff0000;
 	font-weight: bold;
 	text-align: center;
 	margin: 0;
 	padding: 0;
 }
 
 /* Button ad */
 #upper_section #buttonad {
 	padding: 0.7em;
 	border-right: solid 1px #ADADAD;
 	float: left;
 }
 
 /* Banner ad */
 #upper_section #bannerad {
 	padding: 2.1em 0.7em 1.9em 0.7em;
 	border-left: solid 1px #ADADAD;
 	float: right;
 }
 
 /* We're adding an ad to the right of the user info box (total time logged, etc.) */
 #upper_section ul,#upper_section form {
 	float: left;
 }
 
 input[type="submit"] {
         -moz-box-shadow:inset 0px 1px 0px 0px #307ea8;
         -webkit-box-shadow:inset 0px 1px 0px 0px #307ea8;
         box-shadow:inset 0px 1px 0px 0px #307ea8;
         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #082a47), color-stop(1, #111188) );
         background:-moz-linear-gradient( center top, #082a47 5%, #111188 100% );
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#082a47', endColorstr='#111188');
         background-color:#082a47;
         -webkit-border-top-left-radius:3px;
         -moz-border-radius-topleft:3px;
         border-top-left-radius:3px;
         -webkit-border-top-right-radius:0px;
         -moz-border-radius-topright:0px;
         border-top-right-radius:0px;
         -webkit-border-bottom-right-radius:3px;
         -moz-border-radius-bottomright:3px;
         border-bottom-right-radius:3px;
         -webkit-border-bottom-left-radius:0px;
         -moz-border-radius-bottomleft:0px;
         border-bottom-left-radius:0px;
         text-indent:0;
         border:1px solid #69a2bf;
         display:inline-block;
         color:#ffffff;
         font-family:Arial;
         font-size:10px;
         font-weight:normal;
         font-style:normal;
         height:20px;
         line-height:20px;
         text-decoration:none;
         text-align:center;
         text-shadow:1px 1px 0px #689324;
 }
 
 input[type="submit"]:hover {
         background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #111188), color-stop(1, #082a47) );
         background:-moz-linear-gradient( center top, #111188 5%, #082a47 100% );
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111188', endColorstr='#082a47');
         background-color:#111188;
 }
 
 input[type="submit"]:active {
         position:relative;
         top:1px;
 }
 
 /* Afghan Operations */ /* No image borders, please */
 img.ao_badge_img {
 	border: 0px;
 	vertical-align: middle;
 }
 
 /* AO Badge Section */
 .ao_badge {
 	border: 4px groove #f88b0a;
 	background-color: #e4c697;
 	margin: 0ex 4ex;
 	padding: 0.7ex;
 	color: #311d01;
 	font-size: 0.9em;
 	float: right;
 }
 
 a.ao_badge_link:hover {
 	text-decoration: none;
 }