@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    background: #fff;
    text-align: left;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote { margin: 0 0 1em 1.5em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative; }

  /* (en) Text Alignment for #topnav content */
  /* (de) Textausrichtung für #topnav Inhalte */
  #topnav { text-align: right; } 

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  #header #topnav {
    position:absolute;
    top: 10px;
    right: 10px;
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3 { margin-left: 0; margin-right: 0; }
  .hidecol1 #col3 { margin-left: 0; margin-right: 200px; }
  .hidecol2 #col3 { margin-left: 200px; margin-right: 0; }

  .hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator     YAML Builder V1.0.3b (http://builder.yaml.de)
 * @file        basemod.css
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #005500 url("images/bg_green.gif") repeat-x top left fixed; padding: 10px 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { width: auto;  min-width: 740px; max-width: 80em; background: #fff; }
  #page { padding: 5px; }
  #header { padding: 45px 2em 1em 20px; color: #000; background: #fff; }
  #topnav { color: #aaa; background: transparent; }
  #nav { }
  #nav_main {  }
  #main { margin: 10px 0; background: #fff; }
  #footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { /*margin-left: 20px;*/ }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

 /* #col1 { float: left; width: 225px;  margin:0 }
  #col2 { float: right; width: 225px;  margin:0 }
  #col3 { width: auto; margin: 0 225px 0 225px}
  #col1_content { padding: 0 10px 0 20px }
  #col2_content { padding: 0 20px 0 10px }
  #col3_content { padding: 0 10px }
  */
  #no_columns #col1 { display:none }
  #no_columns #col2 { display:none }
  #no_columns #col3 { display:none }
  
  #two_columns #col1 { float: left; width: 25%;}
  #two_columns #col2 { display:none;}
  #two_columns #col3 { width: auto; margin: 0 0 0 25%;}
  #two_columns #col1_content { /*padding: 0 10px 0 0*/ }
  #two_columns #col3_content { /*padding: 0 0 0 10px*/ }
  
  #three_columns #col1 { float: left; width: 25%;  margin:0; }
  #three_columns #col2 { float: right; width: 25%;  margin:0; }
  #three_columns #col3 { width: auto; margin: 0 25% 0 25%;}
  #three_columns #col1_content { padding: 0 10px 0 20px; }
  #three_columns #col2_content { padding: 0 20px 0 10px; }
  #three_columns #col3_content { padding: 0 10px; }
	
}@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; }

  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic; } /* 14px */

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic; }
  blockquote { margin: 0 0 1em 1.5em; }

  strong,b { font-weight: bold; }
  em,i { font-style:italic; }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note { background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
  .important { background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
  .warning { background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { text-align:center; margin: 0.5em auto; }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

 /* a { color: #900; text-decoration:none; }
  a:focus,
  a:hover,
  a:active { background-color: #fee; text-decoration:underline; }
  */
  a {color: #009900};
  a:link {color: #009900}     /* unvisited link */
  a:visited {color: #009900}  /* visited link */
  a:hover {color: #8CC63F}   /* mouse over link */
  a:active {color: #009900}   /* selected link */
 /* #topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent; }*/
  
  #footer a { color: #aac; background:transparent; font-weight: bold; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active { color: #fff; background-color: transparent; text-decoration:underline; }

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff; }
  tbody th { background: #ccc; color: #333; }
  tbody th.sub { background: #ddd; color: #333; }

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }
}


a{
	text-decoration:none;
	cursor: pointer;
}
/*#col1, #col2{
	border: 1px solid #006600;
}*/
#col1, #col2, #col3{
	min-height: 450px;	
}
#main {
	min-height: 450px;
}

#login_form{
	width: 400px;
}
#login_form li{
	padding: 5px;
	clear: left;
}
#login_form label{
	width: 100px;
	float: left;
}
.req{
	color:#FF0000;
}
/* for page validation */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	font-size: 10px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
.error{
	text-align: center;
	color: #C31812;
}

/* password strength */
.psContainer {
	height:18px;
	width:100px;
	border:1px solid #000;
	margin-left: 200px;
	background-color:#DDDDDD;
}
.psStrength {
	background-image:url('/images/strength.jpg');
	height:18px;
	width:0px;
}
/****************************FORMS**********************************/
.pro_form{
	font-size:1.4em;
	width: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
	clear: left;
}
.pro_form ul{
	list-style-type:none; 
	margin:0; 
	padding:0;
}
.pro_form li{
	margin: 5px;
}
.pro_form fieldset{
	width: auto;
	display:block;
	line-height:1.5em;
	border:1px solid #003800;
	font-size:0.75em;
	color:#000000;
	margin: 0;
	background-color: #FFFFFF;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.pro_form legend{
	border:1px solid #003800;
	/*font-family: "Courier New", Courier, mono;*/
	color:#FFFFFF;
	font-size:1.6em;
	font-weight:normal;
	font-style:normal;
	margin-bottom:12px;
	padding:6px;
	background-color: #003800;
	background-image: none;
}
.pro_form label{
	clear:left; 
	display:block; 
	float:left; 
	width:150px; 
	text-align:right; 
	padding-right:10px; 
	color:#003800; 
	font-size: 1.3em;
	font-style:normal;
	
}

.pro_form label.checkbox{
	clear: none; 
	float:left; 
	display: inline;
}
.pro_form input{
	padding:0; 
}
.pro_form input.checkbox{
	clear: none; 
	float:left; 
	display: inline;
	position: relative;
	top: 3px;
}

.pro_form select {margin-left:0em; border:1px dotted #e1e1e1;}

/*.pro_form textarea {width:425px; height:12em; border:1px solid #e1e1e1; padding:5px; margin: 10px; overflow:auto;}*/

.pro_form option {background:#fff; color:#003800;}

.pro_form optgroup {background:#fff; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif;}

.pro_form optgroup option {background:#fff; color:#990033;}

.pro_form #button1, .pro_form#two #button2 { background:#666; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:12px;}

.pro_form #button1:hover, .pro_form#two #button2:hover {background:#990033; border-bottom:1px solid #4A0018; border-right:1px solid #4A0018;  color:#fff; border-top:1px solid #cc0033; border-left: 1px solid #cc0033;}
.pro_form a{
	font-size: 12px;
	font-style: normal;
}
.pro_form .req{
	color:#FC1009;
}
.pro_form .checkbox{
	width: 600px;
	margin: 0px auto;
}
.pro_form .checkbox label{
	clear: none;
	width: 130px;
}
.pro_form .checkbox input{
	display: inline;
	float: left;
}
.pro_form .checkbox div{
	clear: both;
}
.select_multiple_container {  
 position:relative;  
} 

.select_multiple_submit {  
 background-image:url("/images/popup_footer.gif");  
 background-image:top center;  
 background-repeat:repeat-x;  
 padding:10px;  
 height:22px;  
 text-align:rightright;  
} 

.select_multiple_label {  
 margin-left:5px;  
 font-family:"Lucida Grande",Verdana;  
 font-size:11px;  
} 

.select_multiple_container {  
 width:300px;  
 position:absolute;  
 top:0;  
 left:0;  
 z-index:500;  
 border:1px solid #222;  
 border-top:none;  
} 

.select_multiple_container .select_multiple_header {  
 background-image:url("/images/black_background.gif");  
 background-repeat:repeat-x;  
 background-position:top center;  
 color:#eee;  
 font-family:"Lucida Grande",Verdana;  
 font-weight:bold;  
 font-size:12px;  
 margin:0;  
 padding:7px 0 8px 10px;  
 background-color:#000;  
} 

table.select_multiple_table td {  
 height:27px;  
 border-bottom:1px solid #ddd;  
 font-family:"Lucida Grande",Verdana;  
 color:#333;  
 font-size:11px;  
} 

table.select_multiple_table tr._even {  
 background-color:#FCFCFC;  
} 

table.select_multiple_table tr._odd {  
 background-color:#F7F7F7;  
} 

table.select_multiple_table tr.selected {  
 background-image:none;  
 background-color:#D9E9FE;  
} 

.select_multiple_name {  
 padding-left:15px;  
 font-weight:bold;  
} 

.select_multiple_checkbox {  
 text-align:rightright;  
} 

.select_multiple_checkbox input {  
 margin-right:15px;  
}  
.tooltip {  
	border:1px solid #000;  
	background-color:#fff;  
	height:25px;  
	width:200px;  
	font-family:"Lucida Grande",Verdana;  
	font-size:10px;  
	color:#333;  
} 
.preload1 {background: url(green_menu/three_1.gif);}
.preload2 {background: url(green_menu/three_1a.gif);}

#green_nav li{
	margin: 0;
	line-height: normal;
}
#green_nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(green_menu/three_0.gif) repeat-x; position:relative; z-index:6; font-family:arial, verdana, sans-serif;}
#green_nav li.top {display:block; float:left; height:38px;}
#green_nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(green_menu/three_0.gif);}
#green_nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(green_menu/three_0.gif) right top no-repeat;}
#green_nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(green_menu/three_0a.gif) no-repeat right top;}

#green_nav li:hover a.top_link {color:#fff; background: url(green_menu/three_1.gif) no-repeat;}
#green_nav li:hover a.top_link span {background:url(green_menu/three_1.gif) no-repeat right top;}
#green_nav li:hover a.top_link span.down {background:url(green_menu/three_1a.gif) no-repeat right top;}

/* Default list styling */

#green_nav li:hover {position:relative; z-index:200;}

#green_nav li:hover ul.sub
{left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:202px; height:auto; z-index:300;}
#green_nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:202px; font-weight:normal;}
#green_nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:200px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#green_nav li ul.sub li a.fly
{background:#bbd37e url(green_menu/arrow.gif) 80px 6px no-repeat;}
#green_nav li:hover ul.sub li a:hover 
{background:#6a812c; color:#fff; border-color:#fff;}
#green_nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(green_menu/arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#green_nav li:hover li:hover ul,
#green_nav li:hover li:hover li:hover ul,
#green_nav li:hover li:hover li:hover li:hover ul,
#green_nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:202px; z-index:400; height:auto;}

#green_nav ul, 
#green_nav li:hover ul ul,
#green_nav li:hover li:hover ul ul,
#green_nav li:hover li:hover li:hover ul ul,
#green_nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#green_nav li:hover li:hover a.fly,
#green_nav li:hover li:hover li:hover a.fly,
#green_nav li:hover li:hover li:hover li:hover a.fly,
#green_nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(green_menu/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#green_nav li:hover li:hover li a.fly,
#green_nav li:hover li:hover li:hover li a.fly,
#green_nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(green_menu/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 



#simple_nav, 
#simple_nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color: #009900 #FFCC00 #FFCC00 #009900; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}
#simple_nav {height:25px; padding:0;}

#simple_nav li {float:left;}
#simple_nav li li {float:none;}
/* a hack for IE5.x and IE6 */
* html #simple_nav li li {float:left;}

#simple_nav li a {display:block; float:left; color:#009900; padding:0 5px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap; border-right: 1px solid #8CC63F;}
#simple_nav li li a {height:20px; line-height:20px; float:none; border: none;}

#simple_nav li:hover {position:relative; z-index:300;}
#simple_nav li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #simple_nav li:hover ul {left:10px;}

#simple_nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #simple_nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#simple_nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#simple_nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#simple_nav li:hover > a {text-decoration:underline; color:#8cc63f;} /* over */


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#simple_nav li:hover li:hover ul,
#simple_nav li:hover li:hover li:hover ul,
#simple_nav li:hover li:hover li:hover li:hover ul,
#simple_nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#simple_nav li:hover ul ul,
#simple_nav li:hover li:hover ul ul,
#simple_nav li:hover li:hover li:hover ul ul,
#simple_nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#simple_nav li:hover a,
#simple_nav li:hover li:hover a,
#simple_nav li:hover li:hover li:hover a,
#simple_nav li:hover li:hover li:hover li:hover a,
#simple_nav li:hover li:hover li:hover li:hover li:hover a,
#simple_nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#8cc63f;} /* over */

/* hide futher possible paths */
#simple_nav li:hover li a,
#simple_nav li:hover li:hover li a,
#simple_nav li:hover li:hover li:hover li a,
#simple_nav li:hover li:hover li:hover li:hover li a,
#simple_nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#009900;}/* GENERAL STYLES */
div.menu a {
	display:block;
	font-size:11px;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}
.menu {

	position: absolute;

	top: 0;

	left: 0;

	font-family: verdana;

}

.menu a {

	display: block;

	text-decoration: none;

	cursor: default;

	outline: none;

	font-size: 11px;

}

.menu .separator {

	height: 1px;

	padding: 0;

	overflow: hidden;

	display: block;

}

.menu ul, .menu li {

	margin: 0;

	padding: 0;

	list-style: none;

}

.menu .submenu {

  position: relative;

}

.menu .submenu .menu {

  position: absolute;

}

/* FIREFOX STYLES */

.menu.firefox, .firefox .menu {

	width: 12em;

	background: #F4F5EB;

} 

.menu.firefox ul, .firefox .menu ul {

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-right: 1px solid #666;

	border-bottom: 1px solid #666;

	padding: 2px 0;

}

.menu.firefox a, .firefox .menu a {

	color: #555;

	padding: 4px 15px;

	margin: 0 2px;

}

.menu.firefox a:hover, .firefox .menu a:hover {

	background: #006;

	color: #fff;

}

.menu.firefox a.disabled, .firefox .menu a.disabled {

	color: #bbb;

}

.menu.firefox a.disabled:hover, .firefox .menu a.disabled:hover {

	background: #F4F5EB;

	color: #bbb;

}

.menu.firefox .separator, .firefox .menu .separator {

	border-bottom: 1px solid #fff;

	background: #999;

	margin: 2px 4px;

}

/* GOOGLE STYLES */

.menu.google {

	width: 10.5em;

	background: #fff;

}

.menu.google ul {

	border-top: 1px solid #ccc;

	border-left: 1px solid #ccc;

	border-bottom: 1px solid #676767;

	border-right: 1px solid #676767;

}

.menu.google a {

	color: #00c;

	text-decoration: none;

	padding: 2px 5px;

	cursor: pointer;

	font-size: 12px;

}

.menu.google a:hover {

	background: #D3E3FE;

}

.menu.google a.disabled {

	color: #bbb;

}

.menu.google a.disabled:hover {

	background: #fff;

	color: #bbb;

}

.menu.google .separator {

	background: #ccc;

}

/* DESKTOP STYLES */

.menu.desktop {

	width: 14em;

	background: #f9f8f7;

}

.menu.desktop ul{

	border: 1px solid #666;

	padding: 1px 0;

}

.menu.desktop a {

	color: #555;

	padding: 3px 0 3px 25px;

	margin: 0 1px;

	border: 1px solid #f9f8f7;

	cursor: pointer;

}

.menu.desktop a.disabled {

	color: #bbb;

	cursor: default;

}

.menu.desktop .separator {

	border-bottom: 1px solid #fff;

	background: #999;

	margin: 2px 4px;

}
.menu.desktop a.new {
  background: #f9f8f7 url(proto.menu/page.png) 2px 50% no-repeat;
}
.menu.desktop a.close {
  background: #f9f8f7 url(/images/icons/3/icon/cross.png) 2px 50% no-repeat;
}
.menu.desktop a.refresh {
  background: #f9f8f7 url(/images/icons/2/03/16/22.png) 2px 50% no-repeat;
}
.menu.desktop a.edit {
  background: #f9f8f7 url(proto.menu/page_edit.png) 2px 50% no-repeat;
}
.menu.desktop a.copy {
  background: #f9f8f7 url(proto.menu/page_copy.png) 2px 50% no-repeat;
}
.menu.desktop a.delete {
  background: #f9f8f7 url(proto.menu/page_delete.png) 2px 50% no-repeat;
}
.menu.desktop a.save {
  background: #f9f8f7 url(proto.menu/page_save.png) 2px 50% no-repeat;
}
.menu.desktop a.xsl {
  background: #f9f8f7 url(proto.menu/page_excel.png) 2px 50% no-repeat;
}
.menu.desktop a.doc {
  background: #f9f8f7 url(proto.menu/page_word.png) 2px 50% no-repeat;
}
.menu.desktop a.pdf {
  background: #f9f8f7 url(proto.menu/page_acrobat.png) 2px 50% no-repeat;
}
.menu.desktop a.send {
  background: #f9f8f7 url(proto.menu/email.png) 2px 50% no-repeat;
}
/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */
/*.menu.desktop a.enabled:hover {
	background-color: #0A246A;
	color: #fff;
}*/
.menu.desktop a.enabled:hover {
	background-color:#B6BDD2;
	border:1px solid #0A246A;
}/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1.4em;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align:left;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.navbarHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}/** Growler Notice Custom Styling **/
div.Growler-notice {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	margin-left: 			auto;
	margin-right: 			auto;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
	min-height: 			40px;
}

div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
}

div.Growler-notice-exit {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

/** Plain Theme **/
div.plain {
	color: 					#000;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background-color: 		#EDEDED;
	border: 				1px solid #777;
}

div.plain div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
	padding: 				2px 10px;
}

div.plain div.Growler-notice-exit {
	float: 					right;
	cursor:					pointer;
	margin: 				0px;
	padding: 				0px 0px 2px 2px;
	width: 					10px;
	height: 				10px;
	color: 					#BFBFBF;
}
div.plain div.Growler-notice-body {
	padding: 5px;
}


/** Mac OS X Theme **/
div.macosx {
	color: 					#000;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background: #d7d7d7 url(/js/growler/images/macosx.jpg) repeat-y 0;
	border: 				1px solid #C9C9C9;
}

div.macosx div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
	padding: 				5px 10px;
}

div.macosx div.Growler-notice-exit {
	width: 					15px;
	height: 				15px;
	float: 					left;
	cursor:					pointer;
	margin: 				4px;
	margin-left: 			1px;
	font-size: 				0em;
	color: 					transparent;
	background: transparent url(/js/growler/images/macosx_exit.png) no-repeat left 0;
}
div.macosx div.Growler-notice-exit:hover {
	background: transparent url(/js/growler/images/macosx_exit_over.png) no-repeat left 0;
}
div.macosx div.Growler-notice-body {
	padding: 2px 0 10px 25px;
}

/** Candybars Theme **/
div.candybar {
	color: 					#000;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background-color: 		#F5F7FA;
	border: 				1px solid #19304B;
}

div.candybar div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				10px;
	background: 			url(/js/growler/images/candybars.jpg) repeat-x;
	padding: 				5px 10px;
}

div.candybar div.Growler-notice-exit {
	float: 					right;
	cursor:					pointer;
	margin: 				3px;
}
div.candybar div.Growler-notice-body {
	border-top: 1px solid #999;
	padding: 10px;
}

/** Construction Theme **/
div.atwork {
	color: 					#FFF;
	width: 					253px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	text-align: 			left;
	display: 				none;
	min-height: 			40px;
	background: 			#4d4d4d url(/js/growler/images/atwork.png) repeat-y 0;
	border: 				1px solid #222;
}

div.atwork div.Growler-notice-head {
	font-weight: 			bold;
	font-size:				12px;
	padding: 				5px 20px;
	color: 					#efca23;
	
}

div.atwork div.Growler-notice-exit {
	float: 					right;
	cursor:					pointer;
	margin: 				3px;
}
div.atwork div.Growler-notice-body {
	padding: 2px 0 10px 25px;
}

div.datepicker {
 position: absolute;
 text-align: center;
 border: 1px #C4D5E3 solid;
 font-family: arial;
 background: #FFFFFF;
 font-size: 10px;
 padding: 0px;
}
div.datepicker table {
 font-size: 10px;
 margin: 0px;
 padding: 0px;
 text-align: center;
 width: 180px;
}
div.datepicker table thead tr th {
 font-size: 12px;
 font-weight: bold;
 background: #e9eff4;
 border-bottom:1px solid #c4d5e3;
 padding: 0px;
 margin: 0px;
}
div.datepicker table tbody tr {
 border: 1px white solid;
 margin: 0px;
 padding: 0px;
}
div.datepicker table tbody tr td {
 border: 1px #eaeaea solid;
 margin: 0px;
 padding: 0px;
 text-align: center;
}
div.datepicker table tbody tr td:hover,
div.datepicker table tbody tr td.outbound:hover,
div.datepicker table tbody tr td.today:hover {
 border: 1px #c4d5e3 solid;
 background: #e9eff4;
 cursor: pointer;
}
div.datepicker table tbody tr td.wday {
 border: 1px #ffffff solid;
 background: #ffffff;
 cursor: text;
}
div.datepicker table tbody tr td.outbound {
 background: #e8e4e4;
}
div.datepicker table tbody tr td.today {
 border: 1px #16518e solid;
 background: #c4d5e3;
}
div.datepicker table tbody tr td.nclick,
div.datepicker table tbody tr td.nclick_outbound {
 cursor:default; color:#aaa;
}
div.datepicker table tbody tr td.nclick_outbound {
 background:#E8E4E4;
}
div.datepicker table tbody tr td.nclick:hover,
div.datepicker table tbody tr td.nclick_outbound:hover {
 border: 1px #eaeaea solid;
 background: #FFF;
}
div.datepicker table tbody tr td.nclick_outbound:hover {
 background:#E8E4E4;
}
div.datepicker table tfoot {
 font-size: 10px;
 background: #e9eff4;
 border-top:1px solid #c4d5e3;
 cursor: pointer;
 text-align: center;
 padding: 0px;
}

.waiting {
	background-image:url('/images/protoload/waiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

.bigWaiting {
	background-image:url('/images/protoload/bigWaiting.gif');
	background-repeat:no-repeat;
	background-position:center 20%;
	background-color:white;
}

.blackWaiting {
	background-image:url('/images/protoload/blackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

.bigBlackWaiting {
	background-image:url('/images/protoload/bigBlackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}/* START AUTOCOMPLETE */
.ac_holder{
	position:relative;
}
.ac_field{	
	background-image:url(/css/autocomplete/autocomplete_leftcap.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.ac_field_busy{
	background-image:url(/css/autocomplete/autocomplete_spinner.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

div.autocomplete
{
	position: absolute;
	background-image: url(/css/autocomplete/ac_pointer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autocomplete div.ac_header,
div.autocomplete div.ac_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(/css/autocomplete/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autocomplete div.ac_footer
{
	background-image: url(/css/autocomplete/ul_corner_br.gif);
}

div.autocomplete div.ac_header div.ac_corner,
div.autocomplete div.ac_footer div.ac_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	/*background-image: url(images/autocomplete/ul_corner_tl.gif);*/
	background-color: #333;
	background-position: top left;
	background-repeat: no-repeat;
}
div.autocomplete div.ac_footer div.ac_corner
{
	background-image: url(/css/autocomplete/ul_corner_bl.gif);
}
div.autocomplete div.ac_header div.ac_bar,
div.autocomplete div.ac_footer div.ac_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autocomplete ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autocomplete ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autocomplete ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autocomplete ul li a:hover
{
	background-color: #444;
}
div.autocomplete ul li.ac_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autocomplete ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autocomplete ul li a span small
{
	font-weight: normal;
	color: #999;
}
div.autocomplete ul li a span small 
{
	font-weight: normal;
	font-size: 11px;
	color: #FEED23;
	text-decoration:none;
	display: inline;
	padding-left: 10px;
}
div.autocomplete ul li a span a /* clickable stuff */
{
	font-weight: normal;
	font-size: 11px;
	color: #FEED23;
	text-decoration:none;
	cursor: pointer;
	display: inline;
}
div.autocomplete ul li a span a:link {color: #FEED23}     /* unvisited link */
div.autocomplete ul li a span a:visited {color: #FEED23}  /* visited link */
div.autocomplete ul li a span a:hover {color: #EA3301}   /* mouse over link */
div.autocomplete ul li a span a:active {color: #FEED23}   /* selected link */
div.autocomplete ul li.ac_highlight a span small
{
	color: #ccc;
}

div.autocomplete ul li.ac_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(/css/autocomplete/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autocomplete ul li.ac_highlight a span
{
	background-image: url(/css/autocomplete/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autocomplete ul li a .tl,
div.autocomplete ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autocomplete ul li a .tr
{
	right: 0;
}

div.autocomplete ul li.ac_highlight a .tl
{
	left: 0;
	background-image: url(/css/autocomplete/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autocomplete ul li.ac_highlight a .tr
{
	right: 0;
	background-image: url(/css/autocomplete/hl_corner_tr.gif);
	background-position: bottom right;
}
div.autocomplete ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}
div.autocomplete ul em
{
	font-style: normal;
	color: #6EADE7;
}
/* END AUTOCOMPLETE */#applesearch{
	float: left;
	clear: both;
}
#applesearch .sbox_l  {
	background: white url('applesearch/srch_l.bak.gif') no-repeat top left;
	float: left;
	width: 19px; height: 19px;
	clear: none;
}

#applesearch .sbox_r  {
	background: white url('applesearch/srch_r.bak.gif') no-repeat top left;
	float: left;
	width: 19px; height: 19px;
	clear: none;
}
#applesearch .sbox{
	clear: none;
}
#applesearch .sbox input {
	background: url('applesearch/srch_bg.bak.gif') center top repeat-x;
	float: left;
	border: 0;
	height: 19px; width: 250px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
	height: 16px;
	overflow: hidden;
	clear: none;
}
#applesearch .indicator{
	position: relative;
	z-index:10;
	left: -18px;
}
html>body #applesearch .indicator{
	left: -16px;
	top: 4px;
}