/*for development work*/
.border_1 { border: 1px solid purple; }
.border_red { border: 1px solid red; }
.border_blue { border: 1px solid blue; }
.border_green { border: 1px solid green; }
/* ========================================================================= */
/* Mozilla/FF show the scrollbar by default */
html { height: 100%; }
body { min-height: 100.01%; }
/* ========================================================================= */
/* SPACING, PADDING */
.nobr
{
  white-space: nowrap;
}
.lh-11
{
  line-height: 1.1;
}
.lh-12
{
  line-height: 1.2;
}
.lh-13
{
  line-height: 1.3;
}
.lh-14
{
  line-height: 1.4;
}
.lh-15
{
  line-height: 1.5;
}
.lh-20
{
  line-height: 2.0;
}

/* navigation
--------------------------------------------------*/
#navigation {
/* background-color:#670001;  */
 /*background-color:#990000;*/
background:#0066ff url(../images/nav-bg-brick15.gif) repeat-x; 
}

#navigation li {border-color:white;}

#navigation a {color:white;}

#navigation .selected,
#navigation a:hover

  /* {background-color:#670001;}  */
  {background-color: #333}

 #navigation #s {border-color:#FFF9EA;} 


/* navigation
--------------------------------------------------*/
#navigation {
  height:2.5em;
  line-height:2.5em;
  font-size:16px;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:2px solid; 
 
  white-space:nowrap;
}

#navigation li a {
  display:block;
  padding:0 18px;
  font-size:0.8em;
  text-transform:uppercase;
  /* letter-spacing:1px; */
  text-decoration:none;
}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation form {
  float:right;
  height:100%;
  width:189px;
  padding:0 15px;
  border-left:1px solid;
  line-height:0;
}

#navigation form fieldset {
  /* centering the search form could've
  been done way more elegant but IEWin
  and Opera refused to follow the rules */
  margin-top:7px;
  border:0 solid; /* Opera */
}

* html #navigation form fieldset {margin-top:7px;}

#navigation #s {
  height:1.5em;
  width:140px;
  margin:0 5px 0 0;
  padding:0;
  border:1px solid;
  font-size:0.8em;
  vertical-align:middle;
}

#navigation #searchbutton {
  height:2em;
  width:auto;
  padding:0 1px;
  border:1px solid;
  font-size:9px;
  letter-spacing:1px;
  text-align:center;
  vertical-align:middle;
}



/* ========================================================================= */
/* OUTLINES, LINES, BORDERS */
.dashedline
{
  color: #000;
  border-style: dashed;
}
.dottedline
{
  color: #000;
  border-style: dotted;
}
.underline
{
  border-top: 0px none transparent;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px solid #000;
}
.underline_grey
{
  border-top: 0px none transparent;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px solid #ccc;
}
.underline_dkgrey
{
  border-top: 0px none transparent;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px solid #666;
}
.underline_dotted_grey
{
  border-top: 0px none transparent;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px dotted #333;
  text-decoration: none;
  * line-height: 1.3em; /*for ie*/
}
.underline_dashed_grey
{
  border-top: 0px none transparent;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px dashed #888;
  text-decoration: none;
}
.border_none
{
  border: none;
  border: 0 0;
  background-color: transparent;
  border-color: transparent;
}
.border_rounded_sm
{
  padding: 1px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.border_rounded
{
  padding: 1px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* ========================================================================= */
/* ALIGNMENTS */
.centered, .center
{
  text-align: center;
}
.align_left
{
  text-align: left;
}
.align_right
{
  text-align: right;
}
.clearLeft, .clearleft
{
  clear: left;
}
.clearRight, .clearright
{
  clear: right;
}
.clearBoth, .clearboth
{
  clear: both;
}
.floatLeft, .floatleft
{
  float: left;
}
.floatRight, .floatright
{
  float: right;
}

/* ========================================================================= */
/* COLORS */
.nocolor, .nocolor:hover, a.nocolor, a.nocolor:hover, a.nocolor:visited, a.nocolor:link,
.nocolor a, .nocolor.a:hover, .nocolor.a:visited, .nocolor.a:link,
a.nocolor img, img.nocolor, label a.nocolor, label a.nocolor:visited
{
  background-color: transparent;
  border-color: transparent;
  background: none;
  border: none;
}
.text_color_red
{
  color: #c00;
}
.text_color_grey
{
  color: #ccc;
}
.text_color_dkgrey
{
  color: #6e6e6e;
}
.text_color_white
{
  color: #fff;
}

/* ========================================================================= */
/* SPACING */
.padding_0
{
  padding: 0;
}
.padding_3
{
  padding: 3px;
}
.padding_5
{
  padding: 5px;
}
.padding_8
{
  padding: 8px;
}
.padding_10
{
  padding: 10px;
}
.padding_15
{
  padding: 15px;
}
.padding_20
{
  padding: 20px;
}
.padding_l_5
{
  padding-left: 5px;
}
.padding_r_5
{
  padding-right: 5px;
}
.padding_t_5
{
  padding-top: 5px;
}
.padding_l_8
{
  padding-left: 8px;
}
.padding_r_8
{
  padding-right: 8px;
}
.padding_t_8
{
  padding-top: 8px;
}
.padding_l_20
{
  padding-left: 20px;
}
.padding_r_20
{
  padding-right: 20px;
}
.margin_0
{
  margin: 0;
}
.margin_2
{
  margin: 2px;
}
.margin_3
{
  margin: 3px;
}
.margin_5
{
  margin: 5px;
}
.margin_5
{
  margin: 8px;
}
.margin_10
{
  margin: 10px;
}
.margin_15
{
  margin: 15px;
}
.margin_20
{
  margin: 20px;
}
.margin_30
{
  margin: 30px;
}
.margin_l_0
{
  margin-left: 0;
}
.margin_l_3
{
  margin-left: 3px;
}
.margin_l_5
{
  margin-left: 5px;
}
.margin_l_10
{
  margin-left: 10px;
}
.margin_l_15
{
  margin-left: 15px;
}
.margin_l_20
{
  margin-left: 20px;
}
.margin_l_30
{
  margin-left: 30px;
}
.margin_r_3
{
  margin-right: 3px;
}
.margin_r_5
{
  margin-right: 5px;
}
.margin_r_10
{
  margin-right: 10px;
}
.margin_r_15
{
  margin-right: 15px;
}
.margin_r_20
{
  margin-right: 20px;
}
.margin_r_30
{
  margin-right: 30px;
}
.margin_l_20p
{
  margin-left: 20%;
  * margin-left: 40px;
}
.margin_r_20p
{
  margin-right: 20%;
  * margin-right: 40px;
}
.margin_l_10p
{
  margin-left: 10%;
  * margin-left: 20px;
}
.margin_r_10p
{
  margin-right: 10%;
  * margin-right: 20px;
}
.margin_t_10
{
  margin-top: 10px;
}
.margin_t_15
{
  margin-top: 15px;
}
.margin_t_20
{
  margin-top: 20px;
}
.margin_t_30
{
  margin-top: 30px;
}
.margin_b_5
{
  margin-bottom: 5px;
}
.margin_b_10
{
  margin-bottom: 10px;
}
.margin_b_15
{
  margin-bottom: 15px;
}
.margin_b_20
{
  margin-bottom: 20px;
}
.margin_b_30
{
  margin-bottom: 30px;
}


/* ========================================================================= */
/* FORM LAYOUTS */
.form_unit,
.form_unit_clear
{
  float: left;
  margin: 0 1em 0.5em 0;
}
.form_unit
{
  white-space: nowrap;
}
.form_unit_clear
{
  clear: both;
}
.form_unit_30em
{
  width: 30em;
}

.label_5em,
.label_8em,
.label_10em,
.label_12em,
.label_15em,
.label_20em,
.label_25em,
.label_30em,
.label_match
{
  float: left;
}

.label_match
{
  width: 13em;
  * width: 12em;/*for ie*/
}

.label_5em { width: 5em; }
.data_5em  { padding-left: 5em; }

.label_8em { width: 8em; }
.data_8em  { padding-left: 8em; }

.label_10em { width: 10em; }
.data_10em  { padding-left: 10em; }

.label_12em { width: 12em; }
.data_12em  { padding-left: 12em; }

.label_15em { width: 15em; }
.data_15em  { padding-left: 15em; }

.label_20em { width: 20em; }
.data_20em  { padding-left: 20em; }

.label_25em { width: 25em; }
.data_25em  { padding-left: 25em; }

.label_30em { width: 30em; }
.data_30em  { padding-left: 30em; }

.data_indent_02em { padding-left: 0.2em; }
.data_indent_05em { padding-left: 0.5em; }
.data_indent_1em  { padding-left: 1em; }

.form_unit div
{
  margin: 0 0 0.4em 0;
}

.form_unit label
{
  margin: 0 0.6em 0.2em 0;
}

/* ========================================================================= */
/* POSITIONING */
.rel_top_3,
.rel_top_5
{
  position: relative;
}
.rel_top_3
{
  top: 3px;
}
.rel_top_5
{
  top: 5px;
}


/* ========================================================================= */
/*
CSS_SHADOW :
This is a non-image way to "simulate" a shadow (with offset & color etc.). Will stretch to width/height.
  <div class="css_shadow_blur"><div class="css_shadow"><div class="css_shadow_content">
  <p>Duis autem vel eum, eu feugiat nulla facilisis at vero.</p>
  </div></div></div>
"CENTERED":
  <div class="align_center_wrap"><div class="align_center">
  <div class="css_shadow_blur" style="width: 90px;"><div class="css_shadow"><div class="css_shadow_content">
  <img src="" width="80" height="60" alt="" />
  </div></div></div>
  </div></div>
*/
/* ========================================================================= */
.css_shadow_blur
{
  margin-left: 4px;
  margin-top: 4px;
  background-color: #ccc;
  color: inherit;
}
.css_shadow, .css_shadow_content
{
  position: relative;
  bottom: 2px;
  right: 2px;
}
.css_shadow
{
  background-color: #666;
  color: inherit;
}
.css_shadow_content
{
  color: #000;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}

/* ========================================================================= */
.abbr
{
  border-bottom: 1px dotted #666;
  cursor: help;
}
abbr
{
  border-bottom: 1px dotted #666;
  cursor: help;
}
.uppercase
{
  text-transform: uppercase;
}
/*
input[disabled]
{
  color: #666;
}
*/

.poor_mans_drop_shadow
{
  border-top: 1px solid #aaa;
  border-right: 2px solid #444;
  border-bottom: 2px solid #444;
  border-left: 1px solid #aaa;
}

.transbg_50, .transbg_50 td
{
  * filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Global/cssImages/transbg_50.png');
}
/* non-ie */
.transbg_50[class]
{
 background-image: url(/Global/cssImages/transbg_50.png);
}


/* HACKS */

/* THE HOLLY HACK http://www.positioniseverything.net/articles/hollyhack.html */
/* Hides from IE5-mac \*/
* html .buggybox { height: 1%; }
/* End hide from IE5-mac */

/* for containers containing a float - to "stretch" the container all around the float */
/* http://www.positioniseverything.net/easyclearing.html */
/* <div class="clearfix"></div> */
.clearfix:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-block; }
/* hides from ie-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from ie-mac */

/* This is a hack to prevent a 1 pixel top border caused by the new wrapper functionality 10/20/06 */
#TopWrapperContainer
{
	display:none;
}