html 
{
  margin: 0;
  padding: 0;
}
body
{
  font-family: Tahoma, Arial, sans serif;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4
{
  color: #000060;
}
pre, code
{
  display: block;
  white-space: pre;
  padding: 1em 0 0 1em;
  background-color: #e0e0e0;
  border: 1px solid;
}

a, a:visited, a:link { color: black;  text-decoration: none;  border-bottom: 1px solid #c0c0c0; }
a:hover              { color: black;  text-decoration: none;  border-bottom: 1px solid black; }

#header
{
   margin-top: 0;
   padding: 0 1em;
   border-top: 2px solid #f0f0f0;
   border-bottom: 4px solid #c0c0c0;
   background-color: #f0f0f0;
}

#left
{
  margin: 0;
  padding: 1em;
  margin-right: 0.2em;
  float: left;
}

#nav
{
  margin: 0em;  
  padding: 0em;
  list-style: none;
  width: 11em;
  font-size: 80%;
}

#nav li
{
  margin: 0.2em;
}

#nav li a
{
  text-align: center;
  display: block;
  width: 100%;
  border: 1px dotted black;
  padding: 0.2em;
  text-decoration: none;
  color: black;
  background-color: #f0f0f0;
}

#nav li a:hover
{
  border: 1px solid black;
  text-decoration: underline;
}

/* second level menu */
#nav ul
{
  display: none;
  list-style: none;
  margin-left: 0em;
  padding-left: 0em;
}
#nav li.open a
{
  border: 1px solid black;
  font-weight: bold;
}
#nav li.open ul
{
  display: block;
}
#nav li:hover ul
{
  display: block;
}

#nav li.open ul li a,
#nav li ul li a
{
  border: 0;
  border-right: 3px solid #f0f0f0;
  text-align: right;
  font-weight: normal;
}

#nav li.open ul li a:hover,
#nav li ul li a:hover
{
  border: 0;
  border-right: 3px solid black;
}

#nav li ul li.popup ul,
#nav li ul li.popup:hover ul li ul
{
	position: absolute;
	left: -999em;
	z-index: 3;	
	width: 12em;
}

#nav li ul li.popup:hover ul,
#nav li ul li.popup:hover ul li:hover ul
{
	left: auto;
    background-color: white;
	margin-left: 10.8em;
	margin-top: -1.6em;
	border: 1px solid black;
	padding: 0.1em;
}

#nav li ul li.popup:hover ul li:hover ul
{
	left: auto;
    background-color: white;
    margin-left: 11.6em;
	margin-top: -1.95em;
	border: 1px solid black;
	padding: 0.0em;
}


#nav li ul li.popup:hover ul li,
#nav li ul li.popup:hover ul li a
{
    background-color: white;
}

#nav li ul li.popup:hover ul li a
{
    width: 11em;  
}

#content
{
    position: absolute;
	margin-left: 12em;
	font-size: 90%;
}

* html #content
{
    margin-left: 0em;
}

/* dvdlist stuff */

table.highlight_rows th,
table.highlight_rows tr:hover th
{
	background-color: #ddf;	
	color: black;
	cursor: default;
}

table.highlight_rows 
{
  font-size: 9pt;
}

table.highlight_rows tr
{
	background-color: white;
	cursor: pointer;
}
table.highlight_rows tr:hover,
table.highlight_rows tr.lineHiLite
{
	background-color: #eef;
	color: blue;
	cursor: pointer;
}


/* forms --------------------------------- */

form
{
	font-family: Tahoma;
	font-size: 8pt;
}

fieldset
{
	background: lightgrey;
	font-weight: bold;
	width: 500px;
}

/* elements on the left */
label, label a 
{
	float: left;
	clear: left;
	text-align: right;
	width: 120px;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

/* elements on the right */
form input, form select, form textarea, form a, form span
{
	float: left;
	clear: right;
	text-align: left;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
}

form textarea
{
	width: 370px;
}

/* the 'other' box for 'dropdown combo' boxes */
form input.nf_other_box
{
    display: none;
}

/* special overrides for the member_selector form, as they look silly at 500px wide, and don't want labels either */
fieldset.member_selector
{
	width: 160px;
}

fieldset.member_selector label
{
	float: left;
	clear: left;
	text-align: right;
	width: 0px;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

textarea
{
	margin-bottom: 5px;
}

/* read only elements : */
form span
{
	font-size: 9pt;
}
form span.multiline
{
	margin-bottom: 1em;
}

/* form comment */
form span.comment
{
	font-size: 8pt;
	margin-bottom: 0.5em;
}

/*the submit and cancel buttons */
form button.submit,
form button.cancel,
form a.cancel
{
	margin: 1em;
	float: left;
	text-align: center;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

form button.cancel
{
	clear: left;
}

#content form a.cancel	/* when scripting is disabled, this link will show, try to make look as much like a real button as possible. */
{
	float: left;
	clear: left;
	width: auto;
	font-size: 			113%;
	text-align: center;
	background-color: #D4D0C8;
	color: black;
	border-top:    1px solid white;
	border-left:   1px solid white;
	border-bottom: 2px solid #606060;
	border-right:  2px solid #606060;
	font-weight: normal;
	padding: 0.20em 1em;
}

#cancel_button	{	display: none;   }
#cancel_url     {   display: block; }

/* create space for the floating elements */
form br 
{
	clear: both;
}

a.tooltip 
{
    border: none;
}

a.tooltip span
{
    position:absolute;
    left: -999px;
    top : auto;
    width: auto;
    background-color: #ffffe1; 
    border: 1px solid black; 
    color: black; 
    padding: 1px; 
    font-family: Tahoma; 
    font-size: 8pt;
    margin: 1.4em 0 0 -20em;
}

a.tooltip:hover span
{
    left: auto;
}