/*=========================================================================================== 
|
| Project Name: Avenue.PM
| File Name   : style_main.css
| Description : Main Cascading Style Sheet
| 
  http://www.w3schools.com/css/css_reference.asp

|--------------------------------------------------------------------------------------------
|      C O P Y R I G H T
|--------------------------------------------------------------------------------------------
| Copyright (c) 2005, Fairchild Web Productions          All rights reserved.
===========================================================================================*/

.ignore 
{ display: none;
}

/*-----------------------------------------------------------------------------------------*/
/* --- main stuff --- */
body, div, img, ul, dl, form, p
{ margin: 0;
  padding: 0;
}

body
{ background: #fff;
  background-color: #cecece;
  text-align:center;
}

body, span, textarea, select, input, button, label
{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #000;
}

p, ul
{ font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  line-height: 1.5;
  margin-bottom: 10px;
}

p
{ margin-top: 5px;
}

ul
{ margin-left: 10px;
}

li
{ margin: 2px 5px 0 5px;
  font-size: 12px;
}

.hr
{ margin: 5px 0;
  padding: 0;
  border: 1px solid #f87200;
  border-width: 1px 0;
  height: 1px;
  line-height: 1px;
  background: #fff;
  clear: both;
}

hr
{ display: none;
}

h1, h2, h3, h4, h5, h6, h7, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding:0px;
	margin:0px;
	border:0px;
	/*font-size:24px;*/
	/*text-transform:uppercase;*/
	text-decoration:none;
	color:#333;
}
h1 {
	font-size:19px;
}
h2 {
	font-size:17px;
}
h3 {
	font-size:15px;
}
/*
h1
{ font-size: 25px;
  margin: 10px 0 5px 0;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-weight: bold;
  color:#444;
}

h1.img
{ padding: 0 0 0 40px;
  background: transparent no-repeat 0px 50%;
}

h2
{ font-size: 22px;
  margin: 10px 0 5px 0;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-weight: bold;
  color:#444;
}


h3
{ font-size: 20px;
  font-weight: normal;
  font-family: palatino, georgia, serif;
  color:#333;
  margin: 10px 0 5px 0;
}

h4
{ font-size: 15px;
  font-weight: bold;
  font-family: Tahoma, Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color:#333;
  margin: 10px 0 5px 0;
}

h4.img
{ padding-left: 24px;
  background: transparent no-repeat 0px 50%;
}

h5
{ font-size: 13px;
  font-weight: bold;
  font-family: Verdana, "Trebuchet MS", sans-serif;
  color:#333;
  margin: 10px 0 5px 0;
}

h5.img
{ padding-left: 24px;
  background: transparent no-repeat 0px 50%;
}

h6
{ font-size: 13px;
  font-weight: normal;
  font-family: Verdana, "Trebuchet MS", sans-serif;
  color:#333;
  margin: 10px 0 5px 0;
}
*/

sub
{
  vertical-align: text-bottom;
}

.underline
{ border-bottom: 1px solid #b0b0b0;
}

.spacer 
{ clear: both; 
  line-height: 0;
  font-size: 0px;
  height: 0;
}

/*-----------------------------------------------------------------------------------------*/  
/* --- links --- */
a
{ display: inline;
  color: #f87200;
  font-size: 12px;
  text-decoration: underline;
}

a img
{ border: 0;
}

a.img, a.img_small
{ padding: 1px 0 1px 22px;
  background: transparent no-repeat 0px 50%;
}

a.img_small
{ padding: 2px 0 3px 22px;
  font-size: 11px;
}

a.img_button
{ padding: 2px 8px 3px 27px;
  /*height: 20px;*/
  margin: 1px 5px 5px 10px;
  background: #d0d0d0 no-repeat 3px 55%;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #606060;
  border-right: 1px solid #606060;
  color: #000000;
  text-decoration: none;
  font-size: 11px;
}

a.img_button:hover, .button:hover
{
  background-color: #e0e0e0;
}

a.img_button:active, a.img_button:focus, .button:active, .button:focus
{
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #606060;
  border-left: 1px solid #606060;
}

a:hover
{ text-decoration: none;
}

a.sm_link
{ font-size: 11px;
}

a.menu_link:hover
{ background-color: #ffffff; 
}

/*-----------------------------------------------------------------------------------------*/ 
/* --- box stuff --- */
.box
{ margin: 5px 0;
  float: left;
}

.box h1
{ margin: 0;
  font-size: 12px;
  font-weight: bold;
  font-family: tahoma, verdana, arial, sans-serif;
  color: #fff;
  padding: 0 0 2px 10px;
  background: #2db32d;
  border: 2px solid #2db32d;
}

.box h2
{ margin: 0;
  font-size: 13px;
  font-weight: bold;
  font-family: tahoma, verdana, arial, sans-serif;
  color: #000;
  padding: 3px 5px 3px 10px;
  background: #40ff40;
  border: 1px solid #2db32d;
}

.box h3
{ margin: 0;
  font-size: 12px;
  font-weight: bold;
  font-family: tahoma, verdana, arial, sans-serif;
  color: #000;
  padding: 0 0 2px 2px;
  border-bottom: 3px solid #2db32d;
}

.box h4
{ margin: 0;
  font-size: 13px;
  font-weight: bold;
  font-family: tahoma, verdana, arial, sans-serif;
  color: #000;
  padding: 0 0 2px 2px;
}

.box h5
{
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  font-family: tahoma, verdana, arial, sans-serif;
  color: #000;
  padding: 0 0 2px 10px;
  border-top: 2px solid #2db32d;
  border-bottom: 1px solid #2db32d;
}

.box .field
{ padding: 10px;
  margin: 0;
  border: 1px solid #b0b0b0;
  background: #e7e7e7;    
}

.error_div
{ position: relative;
  clear: both;
  padding-left: 100px;
  font-size: 11px;
  color: #ff0000;
  font-weight: bold;
}

.error_msg
{ font-size: 11px;
  color: #ff0000;
  font-weight: bold;
}

.box .label_b
{ padding: 4px;
  float: left;
  width: 100px;
  text-align: right;
  font-size: 11px;
  font-weight: bold;
  clear: both;
}


.sidebar .field
{
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  padding: 5px;
}

.sidebar
{ margin-bottom: 0px;
}

.sidebar .dropdown
{
  display: none;
  border: 1px solid #b0b0b0;
  border-right: 1px solid #606060;
  border-bottom: 1px solid #606060;
  background: #e7e7e7;
  position: absolute;
  width: 120px;
  margin-left: 10px;
}

/*-----------------------------------------------------------------------------------------*/
/* --- form stuff --- */

textarea, input, select, button 
{ font-size: 11px;
}

/*
textarea, input, select, button 
{ font-size: 11px;
  margin: 1px 0 8px 10px;
  display: inline;
  vertical-align: middle;
}



input
{ padding: 3px;
  font-size: 11px;
  border: 1px solid #b0b0b0;
}

input[type="hidden"]
{ display: none;
}

label 
{ padding: 4px 0;
  font-size: 11px;
  width: 100px;
  font-weight: normal;
  color: #303030;
  text-align: right;
  float: right;
}

form label
{
  cursor: pointer;
}

.required
{
  font-weight: normal;
  color: #ff4040;
  margin-right: 5px;
}

label.label_top
{ float: left;
  clear: both;
  text-align: left;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  width: auto;
}

input.label_top
{ 
  float: left;
  clear: both;
  margin: 0 0 5px 0;
}

.newline
{ clear: both;
}

.form_table, .info_table
{ border-collapse: collapse;
  margin: 0;
  padding: 0;
}

.form_table td, .info_table td
{ vertical-align: top;
}

.info_table span, .form_table span
{ font-size: 11px;
  font-family: tahoma, verdana, arial, sans-serif;
}

.info_table span.value, .form_table span.value
{ line-height: 15px;
  padding: 3px 0;
  margin: 0 0 0 10px;
  display: block;
}

.form_table span.help
{ line-height: 15px;
  padding: 3px 0;
  margin: 0 0 0 10px;
}

.form_table span.value
{ margin-bottom: 8px;
}

.checkbox
{
  margin-left: 10px;
  margin-bottom: 5px;
}

.checkbox input
{
  vertical-align: middle;
  margin: 3px 2px 0 0;
  border: 0;
}

.checkbox label
{
  vertical-align: middle;
  padding: 0;
  margin: 3px 0 5px 2px;
  text-align: left;
  float: none;
  clear: none;
  cursor: pointer;
  position: relative;
  width: auto;
}

.button
{ margin-bottom: 0;
  height: 20px;
  padding: 2px 8px 3px 8px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #606060;
  border-right: 1px solid #606060;
  background-color: #d0d0d0;
  color: #000000;
  font-size: 11px;
  text-align: center;
  float: right;
  cursor: pointer;
}

.blue_button
{ margin-bottom: 0;
  height: 24px;
  font-weight: bold;
  padding: 2px 8px 3px 8px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #3b44b3;
  border-right: 1px solid #3b44b3;
  background-color: #a9b0ff;
  color: #000000;
  font-size: 11px;
  text-align: center;
  float: right;
  cursor: pointer;
}

.green_button
{ margin-bottom: 0;
  height: 24px;
  font-weight: bold;
  padding: 2px 8px 3px 8px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #2db32d;
  border-right: 1px solid #2db32d;
  background-color: #40ff40;
  color: #000000;
  font-size: 11px;
  text-align: center;
  float: right;
  cursor: pointer;
}

select
{ border: 1px solid #b0b0b0;
  font-size: 11px;
  padding: 2px;
}

textarea
{
  border: 1px solid #b0b0b0;
  padding: 3px;
  font-size: 11px;
  overflow: auto;
}

*/

/*-----------------------------------------------------------------------------------------*/
/* --- Notes --- */

/*
.note
{ padding: 5px;
  margin: 10px 0;
  border: 1px solid #b0b0b0;
  border-width: 0 1px 1px 0;
  background: #ffffb0;
  color: #000000;
  font-size: 11px;
  overflow: hidden;
}

.note h3
{ font-weight: bold;
  font-family: tahoma, verdana, arial, sans-serif;
  color: #000;
  font-size: 11px;
  margin: 0;
}

.note p
{ margin-top: 5px;
  margin-bottom: 0;
}
*/

/*
.note p+p
{ 
  margin-top: 5px;
}
*/

.system_msg
{ border: 1px solid;
  margin: 10px;
  font-size: 11px;
  overflow: hidden;
  font-family: tahoma, verdana, arial, sans-serif;
  padding: 7px 10px 7px 40px;
  color: #000;  
}

.system_msg.failure
{ border-color: #ff4040;
  background: #ffcfcf url("../img/failure_20.gif") no-repeat 10px 50%;
}

.system_msg.success
{ border-color: #2db32d;
  background: #cfffcf url('../img/success_20.gif') no-repeat 10px 50%;
}

.system_msg.warning
{ border-color: #ffc140;
  background: #ffffb0 url('../htm/img/warning_20.gif') no-repeat 10px 50%;
}

.system_msg.processing
{ border-color: #3b44b3;
  background: #d4d8ff url('../img/processing_20.gif') no-repeat 10px 50%;
}

.system_msg.no_img
{
  background-image: none;
  padding-left: 10px;
}

/*-----------------------------------------------------------------------------------------*/
/* --- Other --- */
.image_list, .image_list_small
{ padding: 0 5px;
  font-size:11px;
}

.image_list div
{ font-size: 11px;
  color: #606060;
  padding-left: 40px;
  background: transparent no-repeat 0px 3px;
}

.image_list_small div
{ font-size: 11px;
  color: #505050;
  padding-left: 24px;
  background: transparent no-repeat 0px 0px;
}

.image_list h5, .image_list_small h5
{
  color: #404040;
}


.site_tour_menu, .right_sidebar
{ width: 200px;
  margin: 10px 0;
  padding-left: 10px;
  float: right;
  border-left: 1px solid #b0b0b0;
}

.site_tour_menu h5
{ padding: 0;
  margin: 0 0 5px 0;
}

.signup_link
{ /*background-color: #ff4040;
  border: 1px solid #ffa0a0;
  border-bottom-color: #b32d2d;
  border-right-color: #b32d2d;*/
  
  background-color: #3b44b3;
  border: 2px solid #d4d8ff;
  border-bottom-color: #000000;
  border-right-color: #000000;
  
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding: 5px 20px;
  margin: 8px 0;
  font-family: Verdana, sans-serif;
  float: left;
  text-decoration: none;
}

.signup_link:hover
{ background-color: #ffc140;
  border: 2px solid #ffe0a0;
  border-bottom-color: #b3872d;
  border-right-color: #b3872d;
  color: #000000;
}

.bold
{ font-weight: bold;
}

/*-----------------------------------------------------------------------------------------*/
.popup
{
  text-align: left;
  position:absolute;
  z-index:50;
}

table.popup_frame
{
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

td.popup_frame
{
  height: 15px;
  width: 15px;
  background-color: #000000;
  opacity: .30;
  filter: alpha(opacity=30); 
  -moz-opacity: 0.30;
}

td.popup_content
{
  background: #ffffff;
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  margin: 0;
  padding: 0;
}

.popup_iframe
{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 49;
}

.popup .box 
{
  margin: 0;
}

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

h2.page_title
{
  padding: 0 0 0 24px;
  margin: -5px 0 10px 0;
  font-weight: normal;
  background: transparent no-repeat 0px 50%;
  border-bottom: 1px solid #b0b0b0;
  font-size: 19px;
  color: #000000;
}

.tooltip
{
  /*display: none;*/
  position: absolute;
  z-index: 110;
  margin-left: 5px;
}

.tooltip_text, .toolbar .tooltip
{
  display: none;
  border: 1px solid #b0b0b0;
  background: #ffffb0;
  padding: 5px;
  color: #000000;
  font-size: 11px;
  line-height: 1.4;
  /*overflow: hidden;*/
}

.toolbar .tooltip
{
  margin: 10px 0 0 5px;
}

.legend
{
  float: right;
  width: 16px;
  height: 14px;
  margin: 5px 10px 5px 5px;
  border: 1px solid #000000;
  padding: 1px;
  font-size: 11px;
  color:#ffffff;
  text-align: center;
}


.totals_table
{
  table-layout: fixed;
  border-collapse: collapse;
  color: #000000;
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  margin: 0;
  float: left;
  clear: both;
  border-top: 2px solid #606060;
  border-bottom: 2px solid #606060;
}

.totals_table td
{
  border-right: 1px solid #b0b0b0;
  height: 18px;
  padding: 3px 0 3px 10px;
  width: 100px;
  vertical-align:middle;
}

.totals_table .total_label
{
  border-left: 1px solid #b0b0b0;
  border-right: 0;
  text-align: right;
  vertical-align: top;
  padding-left: 0;
}

.totals_table img
{
  vertical-align: middle;
  margin: 0 6px 0 0;
}

.totals_table .alt td
{
  background-color: #f0f0f0;
}