/*

Design CSS
by Tyler Gordon
copyright (c) 2007, all rights reserved

*/

/**
 * Batallion 2733 Site Colors
 */
.green { color: #228b22; }
.brown { color: #8b5a2b; }
.lttan { color: #fff8dc; }
.dktan { color: #eed8ae; }

.color1, .row_color_0 { background-color: #fffbed; }
.color2, .row_color_1 { background-color: #fff4c9; }

#pageNav { font-size: 10pt; text-align: left; }
#pageNav h1 { font-size: 11pt; margin: 0; padding-top: 10px; text-align: left; }
#pageNav h1.first { padding: 0; }
#pageNav ul
{
margin: 0;
padding: 5px 0;
border-bottom: 1px solid brown;
text-align: left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#pageNav ul ul { margin: 0; padding-left: 15px; border: 0; }
#pageNav ul li { margin: 0; padding: 0; list-style: none; }
#pageNav ul ul li { padding-left: 0; }
#pageNav ul li a:visited { color: inherit; }

#pageContent{ background-color: #fff8dc; }

#contentHeader
{
margin-bottom: 20px;
}

#contentHeader ul
{
text-align: right;
list-style-image:none;
list-style-position: inside;
list-style-type:none;
}
#contentHeader ul li
{
display: inline;
padding: 0 0 0 .75em;
}
#contentHeader h1
{
margin-bottom: 0px;
}
#contentHeader p
{
margin-top: 0px;
}

.divider { border: 0; border-top: 1px solid brown; }

.footnote { font-size: 80%; }
.sticky {
  font-size: 80%;
  position: relative;
  float: right;
  clear: none;
  width: 40%;
  display: block;
  padding: 5px 10px;
  border: 1px solid #FF6;
  background-color: #FFB;
  color: #BB6;
}
.sticky-bar {
  font-size: 80%;
  width: 50%;
  display: block;
  padding: 5px 10px;
  border: 1px solid #FF6;
  background-color: #FFB;
  color: #BB6;
  margin: 5px auto;
}

.editTag, .editTag:visited, .editTag:hover { font-size: 80%; opacity: 75; -moz-opacity: .75; text-decoration:none; color: #eed8ae; }

.mugshot { width: auto; text-align: center; font-size: 10px; margin: 5px; }
.mugshot img { width: 150px; height: 150px; }
.mugshot a {  text-decoration: none; }

.label {
	font-size: 10px;
}

ul.textList{
margin:0pt;
padding:0pt;
}
ul.textList li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
list-style:none;
}

.forPrint table * { text-align: left; }

.table-row
{
clear:both;
padding:3px 10px;
}
.table-row * { text-align:left; } 

.table-row .float
{
float: left;
}

.table-row > div > p
{
font-size: 125%;
font-weight: bold;
margin: 0;
margin-bottom: 5px;
}

.head-row {
font-weight: bold;
border-top: 2px solid brown;
border-bottom: 1px solid brown;
}

.blank-line
{
border-bottom: 1px solid #8b5a2b;
}

.row1, .row2 { border-bottom:1px dashed #FFF8DC; }
.row1 { background-color: #fff8dc; }
.row2 { background-color: #eed8ae; }

.tag
{
font-size: 7pt;
display: inline;
padding: 2px 5px;
}
.tag_green
{
color: white;
background-color: green;
}

.utility
{
display: inline;
background-color: #eed8ae;
padding: .5em;
}

.note
{
font-size: 8pt;
font-style: italic;
}

.shaded
{
background-color: #eed8ae;
padding: 5px;
margin-bottom: 5px;
}

/**
 * FORM design -------------------------
 */
  /**
   *  pillar DESIGN
   *  two div tags, the first being the label
   */
form.pillar {}
form.pillar div label
{
float: left;
width: 100px;
font-size: 8pt;
}
form.pillar div label + *
{
margin-left: 100px;
}
  /**
   * label_tab DESIGN
   * a simple label tag followed by the input tag
   */
form.label_tab label
{
float: left;
}

form.label_tab label + input
{
margin-left: 75px;
display: block;
}

.notices
{
font-size: 14pt;
}

.border
{
border: 1px solid #eed8ae;
}

.flash /* for the user messages to be displayed at the top of the template */
{
background-color:#FFFFCC;
border:1px solid #CCCC99;
font-size:10pt;
padding:10px;
text-align:center;
font-weight: bold;
}
  .flash ul
  {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  }

.achievement_meter
{
width: 100px;
height: 10px;
background-color: #ffffff;
border: 1px solid #000000;
padding: 1px;
}

.achievement_meter span
{
background-color: #228b22;
height: 100%;
display:block;
}

#activity_patch_list
{
}

.activity_patch_image
{
text-align: center;
}

.activity_patch_name
{
font-size:120%;
font-weight:bold;
text-align:center;
}

.activity_patch_admin
{
font-size:85%;
text-align:center;
}