div.dropdown_nav_inactive,
div.dropdown_nav_active,
div.dropdown_nav
{
    margin-left: 4em;
    margin-top: 0.5em;
    width: 100px;
    height: 19px;
    float: left;
    text-align: left;
    background: #fff url(../components/dropdown.gif) top right no-repeat;
    border: 1px solid black;
}

div.dropdown_nav_inactive div,
div.dropdown_nav_active div,
div.dropdown_nav div
{
    margin-left: 0;
    margin-top: 0;
    z-index: 10000;
    border: none;
    width: 80px;
    height: 13px;
    float: none;
    padding: 2px;
}

div.dropdown_nav_inactive a,
div.dropdown_nav_active a,
div.dropdown_nav a
{
    border-bottom: 0;
    display: none;
    color: black;
    font-weight: normal;
}

div.dropdown_nav_inactive a:hover,
div.dropdown_nav_active a:hover,
div.dropdown_nav a:hover
{
	border-bottom: 0;
    background-color: #ccc;
    color: black;
}

div.dropdown_nav_active div,
div.dropdown_nav:hover div
{
    width: 80px;
    margin-left: -1px;
    margin-top: -1px;
    background: white none;
    position: absolute;
    border: 1px solid black;
    top: auto;
    left: auto;
    height: auto;
}

div.dropdown_nav_active span,
div.dropdown_nav:hover span
{
    color: #ccc;
    clear: both;
}

div.dropdown_nav_active a,
div.dropdown_nav:hover a
{
	border-bottom: 0;
    display: inline;
    width: 80px;
    float: left;
    border: none;
}


/* Turn off list bullets */
ul.expandable_tree  li { list-style: none; background-image: none;} 
/* Control how "spaced out" the tree is */
ul.expandable_tree    { margin-left:5px; padding:0;}
ul.expandable_tree ul { margin-left:2px; padding:0; }
ul.expandable_tree li { margin:3px 5px 3px 16px; padding:0; }
/* Provide space for our the button inside the LI */
ul.expandable_tree  span.button,
ul.expandable_tree  span.spacer
{ 
	padding-left: 15px; 
}
/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.expandable_tree li.open   span.button { cursor: pointer; background: url(minus.gif)  left center no-repeat; }
ul.expandable_tree li.closed span.button { cursor: pointer; background: url(plus.gif)   left center no-repeat; }
ul.expandable_tree li.spacer  span.button { cursor: default; background-image: none; }
/* Sublists are visible or not based on class of parent LI */
ul.expandable_tree li.open   ul { display: block; }
ul.expandable_tree li.closed ul { display: none; }

input.date_picker 
{
  width: 40%;
}

.form_row input.date_picker
{	
    width: 20%;
	clear: none;
}

div.date_picker			
{
    display: none;
}

div.date_picker_focus, div.date_picker_error
{	
    z-index: 5;	
}

.form_row .date_picker_focus
{	
    position: relative;
	left: 35%;
}

.form_row .date_picker_error
{	
    width: 20%;
	position: absolute;
	left: 70%;
	margin: 2px 0 0 0;
	padding: 0 0 1px 5px;
}

div.date_picker_error
{
    color: #fff;
    background-color: #800;
    font-weight: bold;
}    

div.date_picker div,
div.date_picker_focus div
{
    font-size: 90%;
    padding: 0.25em;
    border: 1px solid #07737F;
    background-color: #bcbcda;
}

* html #content div.date_picker_focus div *
{       /* IE just doesn't seem to do percentages properly */
    font-size: 10pt;
}

div.date_picker div
{
    display: block;
    position: absolute;
    margin-left: 21em;
    margin-top: 0em;
    visibility: hidden;
}

div.date_picker_focus div
{
    width: auto;
    height: auto;
    display: block;
    margin-left: 11em;
    margin-top: 1.7em;
    position: absolute;
    top: auto;
    left: auto;
	z-index:1;
}

* html div.date_picker div			{	margin-left: 0em;		}
* html div.date_picker_focus div		{	margin-left: -12.5em;	}

div.date_picker_focus div table
{
    margin: 0;
    padding: 0;
}

div.date_picker_focus div th,
div.date_picker_focus div td
{
    width:  2em; 
    height: 1.5em; 
    border: 1px solid #eef;
    text-align: center;
}

div.date_picker_focus div tr.buttons th,
div.date_picker_focus div tr.buttons td
{
    width: auto;
    height: 3em;
}

div.date_picker_focus div tr.buttons th
{
    font-size: 110%;
    font-weight: bold;
}

/* this is the default cell - most of days in the date picker fall back to this style */
div.date_picker_focus div td	
{ 
    font-weight: normal;
    background-color: #efefef;
    cursor: pointer;
}


/* style the different classes of cells, the order of these stylings is quite crucial, 
   because we can't use ".we:hover" so we rely on specificity and order 
   of declaration instead.
   
   Ideally we would style combinations as well, such as .we.current, and .we.today, 
   but IE wouldn't get it anyway...
*/
div.date_picker_focus div td.today  { background-color: #cfc; }
div.date_picker_focus div td.we     { background-color: #cba2a2; }

div.date_picker_focus div td:hover,
div.date_picker_focus div td.sfhover
{ 
    background-color: #ddf;
    color : #00f;
}

/* nmd MUST come after :hover or else it is overriden, and the non-month-days will appear to be selectable */
div.date_picker_focus div td.nmd { color: #bbf; background-color: #e6e6e6; cursor: auto; }

div.date_picker_focus div td.current
{ 
    border: 1px solid #00f;
}

div.date_picker input,
div.date_picker_focus input 
{
    width: 10em;
}

div.tabs
{
    margin: 0;
    padding: 0;
    /*width: 78em;*/
}

div.tabs ul.tab_buttons li
{
    width: auto;
    display: inline;
    border: 2px solid black;
    border-width: 2px 2px 0px 2px;
    padding: 0 1px 0 0;
    margin: 0 5px;
    background-image: none;
}

div.tabs ul.tab_buttons li:last-child
{
    padding: 0 4px 0 0;
}
	
div.tabs div
{
    background-color: #f8f8f8;
    border: 1px solid black;
	min-width: 920px;
}

div.tabs ul.tab_buttons li span
{
	border-color: #eee;
    border-width: 0 2px;
	left: 2px;
    margin: 0 -2px;
    padding: 0 6px;
    position: relative;
    font-weight: bold;
    background-color: #eee;
	float:none;
}


div.tabs ul.tab_buttons li a
{
	border-color: #ddd;
    border-width: 0 2px;    
	left: 2px;
    margin: 0 -2px;
    padding: 0 6px;
    position: relative;
    background-color: #ddd;
    background-image: none;
    border-bottom: 1px solid black;
}