#testing {padding:0; margin:0; border-width: 2px; color:#AF0007;}

a			{font-weight:normal;color:#07687F; border-bottom: 1px solid #07687F; text-decoration:none;}
a:hover 	{color:#0B9DBF; border-bottom: 1px solid #0B9DBF; }

body 
{
    margin: 0; 
    padding: 0; 
    font: x-small sans-serif;
    color: black;
    text-decoration:none;
	background: #F9F9F9;
}

#content
{
	font-size: 120%;
    position:relative;
    margin: 20px auto 100px auto;
	clear: left;
    max-width: 1100px;
	min-width: 900px;
	padding: 0 20px;
}

#content-share
{
    position:relative;
    margin: 15px 15px 25px 15px;
	clear: left;
}

.profimg
{
	margin: 12px 35px 0 0;
	border: thick solid #808080;
	float: left;
}

/* used for Changes Saved, and Couldn't Save changes type messages */
p.status, p.error
{
  padding: 1em;
  font-weight: bold;
}
p.status { background-color: #060; color: #fff; }
p.error  { background-color: #800; color: #fff; }

.infotxt { color: #c42; }

.fl {float:left}
.fr {float:right}

.tb {position:absolute; top: 50px; right: 30px;}

/* Since IE seems to be completely incapable of putting bullets in their proper place on li, we'll 
   just use a background image instead */
ul
{
	margin: 0;
	padding: 0;
}
ul li 
{
	margin: 0.5em 1em;
	padding: 0 0 0 2em;
	background: url(../images/arrow_small.gif) no-repeat 0em 0.25em;
	list-style-type: none;
}

ol li
{
  list-style-type: inherit;
}

a.mailto
{
	direction: rtl;
	unicode-bidi:  bidi-override;
}

#help, 
#content div.popup_box
{
	position:absolute; 
	display:none; 
	z-index:5;
	background-color: #eee;
	width: 400px;
	border: 1px solid black;
}

#help
{
    font-size: 120%;
	left: 30%;
	top: 40px;
}

#content div.popup_box
{
    font-size: 110%;
	right: 0;
}

#help, #help *, 
#content div.popup_box, #content div.popup_box *
{
  margin: 0;
  padding: 0;
}

#help ul li,
#content div.popup_box ul li
{
    margin: 0.5em 1em 0.5em 1em;
    padding-left: 2em;
	background: url(../images/arrow_small.gif) no-repeat 0em 0.25em;
	width: 		 auto;
}

#help p,
#content div.popup_box p
{
	width: auto;
}

#help div.help_title,
#content div.popup_title
{
	background: #ccc;
	width: 98%;
    font-weight: bold;
	padding: 1%;
	height: 20px;
}

#help div.help_title h3,
#content div.popup_title h3
{
    font-size: 120%;
    font-weight: bold;
	width: 80%;
	float: left;
	height: 20px;
}


#help div.help_title h3			{	font-size: 120%; font-weight: bold;	}
#content div.popup_title h3		{	font-size: 110%; font-weight: bold; }

#help div.help_title a,
#content div.popup_title a
{
	display: block;
    background: #ccc url(../images/icons/close.gif) 0px 0px no-repeat;
    text-indent: 16px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    margin: 1px;
    float: right;
    border: 0;
}

#help div.help_title a:hover,
#content div.popup_title a:hover
{
    background-position: 0px -20px;
    border: 0;
}

#help div.help_content p,
#content div.popup_content p
{
  font-size: 110%;		
  margin: 0.8em;
  text-indent: 0;
  text-align: left;
}

#help div.help_content h3,
#help div.help_content h4,
#content div.popup_content h3,
#content div.popup_content h4
{
	background-color: #ccc;
	color: black;
	width: 100%;
	margin: 1.5em 0 0.5em 0;
    font-weight: normal;
    text-indent: 1em;
}

#help div.help_content h3	{	font-size: 120%;	}
#help div.help_content h4	{	font-size: 105%;	}
#content div.popup_content h3 {	font-size: 120%;	}
#content div.popup_content h4 {	font-size: 120%;	}

h1, h2, h3, h4, h5 
{
	font-family: 'Exo', Helvetica, Helvetica Neue, Sans-Serif;
    font-weight:bold;
	margin: 10px 0 5px 0;
}

h1 {	font-size: 170%;	text-align: center;		}
h2 {    font-size: 150%;							}
h3 {    font-size: 140%;							}
h4 {    font-size: 120%;							}
h5 {	font-size: 110%;	font-weight: normal;	}

div.divp,
p
{
    /*max-width: 825px;*/
    margin: 0 0 10px 10px;
    /*width: 		600px;*/
    /*text-align: justify; */
}

li
{
     width: 450px;
}

.index_page li.hruletop,
.index_page li.hrulebottom
{
	display: none;
}

.content acronym {  cursor: help; border-bottom: 1px dotted #000; }

.view_name {padding: 0 20px 0 0;}
	
table.highlight_rows tr td
{
	cursor: pointer;
}

table.highlight_rows tr:hover td,
table.highlight_rows tr.sfhover td
{
	color: #0B9DBF;
	text-decoration: underline;
}

#content table#training_table tr td,
#content table#training_table tr th
{
	border: 0;
	margin: 0;
	white-space: nowrap;
	font-size: 90%;
}
#content table#training_table tr td a.tooltip
{
    white-space: normal;
}

.indent_me  { margin-left: 14pt; width: 500px; }

strong{font-weight:bold;}

table 
{
    border: 0px;
    padding: 0px;
	width: 100%;
}
th 
{ 
    background-color:#f1f1f1; 
    font-weight: bold;
    text-align : left;
	font-size: 110%;
}

table.memberdetails
{
  width: 100%;
  background-color: #f1f1f1;
  padding: 1px;
}

table.viewmemberdetails
{
  width: 75%;
  background-color: #f1f1f1;
  padding: 1px;
  margin: 0 0 0 25%;
}

table.memberdetails td
{
  /*border: 1px solid #f1f1f1;*/
  padding: 0 0 0 5px;
}

table.memberdetails input
{
	width:90%;
}

table.memberdetails input[type=checkbox]
{ 
	width: auto;
    position: relative;
	left: -1%;
}

table.memberdetails td.boxed
{
  /*border: 1px solid black;*/
}


table.memberdetails td.boxed_multiline
{
  /*border: 1px solid black;*/
}

table.memberdetails td.boxed_email
{
  /*border: 1px solid black;*/
}


table.memberdetails_sdcs
{
  width: 100%;
  background-color: #f1f1f1;
  border: none;
  padding: 1px;
}

td span
{
  padding-right: 5px;
}
td span.ticked
{
  font-weight: bold;
}

#records
{
    position:relative;
    margin: 10px;
	clear: left;
	width: 900px;
}

#records.NewDivers, #records.Converts, #records.NewDiveLeaders
{
    width: 100%;
}

#bday_today
{
	color:#e9e9e9;
	text-align:center;
	background-image: url(/images/birthday.jpg);
	background-position: top;
	padding: 5px; 
	margin: 20px auto; 
	border: solid 2px #006E7B; 
	left: 190px; 
	width: 450px;
}

#bday_today span
{
    font-size: 12pt;
	font-weight: bold;
}

#bday_today span.hpbday
{
    font-size: 14pt;
}

#bday_later
{
	width: 400px; 
	left:190px;
	margin: 5px 15px; 
	text-align:right;
	float: right;
	clear: right;
}

#tile_container
{
	width: 170px;
	height: 700px;
	margin: 0 0 0 50px;
	text-align: center;
	float: right;
	clear: right;
}

/* present / absent list for minutes : */
#minutes
{
	width:700px;
}

#minutes dl
{
	width: 700px;
	padding: 0;
	float: left;
}

#minutes dl dt
{
	float: left;
	width: 30%;
	padding: 0.1em 5%;
	margin: 0 ;
	font-weight: bold;
	clear: left;
}

#minutes dl dd
{
	width: 50%;
	padding: 0.1em 5%;
	float: left;
	margin: 0 ;
}

#minutes dl > dd
{
	padding: .25em 5% .25em 5%;
}

/* The football results fixtures ~table~ */
#football_results
{
	width: 600px;
}

#football_results dl
{
	width: 500px;
	padding: 0;
	float: left;
}

#football_results dl dt
{
	float: left;
	width: 30%;
	padding: 0.1em 5%;
	margin: 0 ;
	font-weight: bold;
	clear: left;
}

#football_results dl dd
{
	width: 50%;
	padding: 0.1em 5%;
	float: left;
	margin: 0 ;
}

#football_results dl > dd
{
	padding: .25em 5% .25em 5%;
}

/* trips actions drop downs */

#trip_actions, #trip_actions ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

#trip_actions img
{
	border : 0;
}

#trip_actions a 
{
	border: 0;
	display: block;
	width: 128px;
	color: black;
	background-color: #D6E9E9;
	text-decoration: none;
	font-weight: normal;
	padding: 2px;
}

#trip_actions a:hover 
{
	color: #D6E9E9;
}

#trip_actions li { /* all list items */
	float: left;
	width: 137px; /* width needed or else Opera goes nuts */
	padding: 5px 0px 5px 0px;
	margin: 5px 20px 10px 0;
	text-align: center;
	border: 1px solid #07737F;
	color: black;
	background-color: #D6E9E9;
	font-weight: bold;
	cursor: pointer;
	background-image: none;
}

#trip_actions a
{
	display: block;
}

#trip_actions li ul { /* second-level lists */
	position: absolute;
	background: #D6E9E9;
	width: 137px;
	border: solid 1px black;
	padding: 0px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 4;
}

#trip_actions li ul li { /* second-level lists */
	width: auto;
	padding : 0px;
	margin: 2px;
	border: 1px solid #D6E9E9;
	text-align: left;
}

#trip_actions li ul a
{
	margin: 0;
	border: 0;
}

#trip_actions li ul a:hover
{
	background-color: #ccf;
	border: 0;
	color: black;
}

#trip_actions li:hover ul, #trip_actions li.sfhover ul { /* lists nested under hovered list items */
    position:absolute;
	left: auto;
	border: solid 1px #08828F;
	margin-top: 5px;
	margin-left: -1px;
}

/* forms stuff */

form
{
	font-family: Tahoma, sans-serif;
}

fieldset
{
	background: #ddd;
}

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

fieldset table label	/* multi column stuff */
{
  width: 120px;
}

fieldset table span
{
  width: 50px;
}

fieldset#mail-compose, input#subject
{
  width: 96%;
}

fieldset#mail-compose, textarea[name~=body]
{
    margin: 0% 4%;
    width: 92%;
}

label, 			/* these two elements are the the label and cancel button NOT in a fieldset */
a.cancel 		/* they do NOT override the label and a.cancel inside a fieldset because the */
{				/* rule has higher specificity 												*/
  width: 90px;
}

.form_row {
	width: 100%;
	clear: both;
}

/* elements on the right */
form input, form select, form textarea, form span, td input
{
	font-size: 100%;
	float: left;
	clear: right;
	text-align: left;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	border:thin solid #999999;
	padding: 1px 3px;
}

select#lesson, select#teacher, .SignOffTraining input.date_picker, .signoff {background-color: #DFC3C3;}

input:focus, select:focus, textarea:focus { background: #D2F2EC; }

.record_complete { background: #BFFFD4; }

/*fieldset input, fieldset textarea, fieldset span
{
	width: 550px;
}*/

fieldset input.radio, fieldset input.checkbox
{
	width: auto;
}

form textarea	/* I have no idea why, but textarea elements appear to need the font-size made smaller again??? */
{
    font-size: 100%;
	overflow: auto;
	width: 96%;
}

form span.multiline	/* this is the multiline readonly control */
{
	width: 550px;
}

/* aggregate controls : for more than one control per line, don't clear: left; */
form fieldset div.aggregate label
{
	clear: none;
	width: auto;
	margin: 0 0.5em;
}

form fieldset div.aggregate label:first-child,
form fieldset div.aggregate label.first_child
{ 
	width: 120px;
	margin: 0 0.25em;
}


/* - this fieldset class can be used to give wide labels, say for radio button forms */
fieldset.wide_labels label
{
	width: 500px;
	font-weight: normal;
}

/* - this fieldset class can be used to give wider labels */
fieldset.labels_200px label,
fieldset.labels_200px button.cancel 
{
	width: 200px;
}

fieldset.login_form
{
	width: 400px;
}
fieldset.login_form input
{
	width: 200px;
}

fieldset.tripequipment
{
	width: 760px
}

/* special overrides for the member_selector form, as they look silly at 500px wide, and don't want labels either */
form[name="renew_existing"], form[name="add_old"] {
    width: 250px;
	float: left;
	margin: 20px 42px 20px 20px;
}
fieldset.member_selector
{
	width: 220px;
}

fieldset.member_selector select
{
	width: 220px;
	height: 350px;
}

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

/* the marshalling sheets form needs to be quite a bit different, because fitting it all in one place is going to be a challenge */
fieldset.marshalling_sheet
{
	width: 800px;
	background: white;
}

/* elements on the left (ie labels, much narrower to give us more room) */
fieldset.marshalling_sheet label
{
	float: left;
	clear: left;
	text-align: right;
	width: 30px;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

/* elements on the right */
fieldset.marshalling_sheet input, 
fieldset.marshalling_sheet select, 
fieldset.marshalling_sheet span
{
	float: left;
	clear: right;
	text-align: left;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
}

fieldset.marshalling_sheet input
{
	width: 3.5em;
}

fieldset.marshalling_sheet tr td input.auto_suggest
{
	width: 140px;
}

fieldset.small_member_selector,
fieldset.small_member_selector textarea
{
  width: 250px;
}

fieldset .tt {width:164px; float:left; margin:0 0 0 3px;}
fieldset .ts {width:141px; float:left; margin:0 0 0 3px;}
fieldset .td {width:360px; float:left; margin:0 0 0 3px;}

textarea
{
	margin-bottom: 5px;
}

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

/* form comment */
form span.comment
{
	margin: 0.1em 0.5em 0 0.5em;
}

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

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;
	color: black;
	font-weight: normal;
	padding: 0px;
	border-bottom: none;
	margin-left: .5em;
	position: relative;
	top: 1.5px
}

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


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

div.aggregate input
{
	width: auto;
}


/* My Trips ------------------------------------------------ */
dl.info_header
{
	padding: 5px 5px 0px 5px;
	float: left;
}
dl.info_header dt
{
	float: left;
	width: 150px;
	padding: 2px 20px 2px 20px;
	margin: 0 ;
	font-weight: bold;
	border-top: 1px #A5BFD6 solid;
	clear: left;
}
dl.info_header dt.first_child
{
        border-top : none;
}

dl.info_header dd
{
	width: 500px;
	padding: 2px 20px 2px 20px;
	float: left;
	margin: 0 ;
	border-top: 1px #A5BFD6 solid;
	border-left: 1px #A5BFD6 solid;
}
dl.info_header dd.first_child
{
        border-top: none;
}
dl.info_header > dd
{
	padding: 2px 20px 2px 20px;
}

div.trip_section
{
	margin: 5px;
	padding : 0px;
	border: 1px solid #000080;
	width: 800px;
}

div.trip_section a.expand_section 
{
	font-weight:normal;
	font-size: 120%;
	margin: 0px;
	padding: 2px;
	background-color: #EEE;
	color: #000080;
	cursor: pointer;
	width: 796px;
	display: block;
}
div.trip_section a.expand_section:hover
{
	font-weight:normal;
	text-decoration: underline;
	color: #000080;
}

div.trip_section div
{
	display: none;
	padding: 2px;
}

#styleSelectorStandard,
#styleSelectorBossMode
{
	display: none;
}

a.closebutton
{
  display: block;
  border: none;
  width: 16px;
  height: 16px;
  background: transparent url(../images/icons/close.gif) 0px 0px no-repeat;
}

a.closebutton:hover
{
  background-position: 0px -20px;
  border: none;
}

.locks_jack
{
  color: green;
}

.locks_jill
{
  color: #0B9DBF;
}

table.edit_trip_members
{
	width: 300px;
}

table.edit_trip_members tr,
table.edit_trip_members tr td
{
  height: 16px;
  padding: 0;
  margin : 0;
}

a.button
{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 3px;
    border: none;
}

#training_table a.button
{
    background-position: 0px -1px;
}

a.button:hover
{
    background-position: 0px -20px;
	border: none;
}

#training_table a.button:hover
{
    background-position: 0px -21px;
}

a.button span
{
   display: none;
}

a.break_lock	{ background-image: url(../images/icons/close.gif);		}
a.delete		{ background-image: url(../images/icons/delete.gif);	}
a.up			{ background-image: url(../images/icons/up.gif);		}
a.download,
a.down			{ background-image: url(../images/icons/down.gif);		}
a.edit 			{ background-image: url(../images/icons/edit.gif);		}
a.view 			{ background-image: url(../images/icons/view.gif);		}
a.mail 			{ background-image: url(../images/icons/new_email.gif);	}


div.info_container
{
  background-color: #f1f1f1;
  padding: 2px 0;
  margin: 0 0 5px;
  height: 17em;
}

div.mugshot_container
{
	float: left;
    padding: 5px 3px 8px;
	margin: 1em;
    border: 1px solid #8a8a8a;;
	text-align: center;
	background: #f8f8f8;
}

div.mugshot_container img
{
	display: block;
	width: 111px;
	height: 143px;
	padding: 1em;
	border: 0;
}

div.section_container
{
  background-color: #f1f1f1;
  padding: 2px 0;
}

ul.index_page
{
	list-style-type: none;
}


#peoplequiz
{
	padding: 0;
	margin: 0;
	clear: both;
}
#peoplequiz li
{
	padding: 1em;
	margin: 1em;
	height: 190px;
	width: 115px;
	display: block;
	float: left;
	border: 1px solid black;
	background-image: none; 
}
#peoplequiz li img
{
	width:  111px;
	height: 143px;
}

#peoplequiz li a img
{
	border: 0;
}

#peoplequiz li input
{
	width: 109px; 
	display: block;
}

#peoplequiz li input.incorrect			{	background-color: #ff8888; } 
#peoplequiz li input.first_name_correct	{	background-color: #ffbb00; } 
#peoplequiz li input.correct			{	background-color: #00ff00; } 

#peoplequiz li p
{
	clear: left;
	width: 111px;
	height: 2em;
    margin: 0;
	text-align: center;
}

.browse li p
{
    font-size: 90%;
}


/* The Date Picker styles -----------------------------------------------------
*/
div.date_input			{	z-index: 0;	}
div.date_input_focus	{	z-index: 5;	}

div.date_input div,
div.date_input_focus div
{
	padding: 0.25em;
	border: 1px solid #00f;
	background-color: #D1EFEF;
}

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

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

* html div.date_input div			{	margin-left: 0em;		}
* html div.date_input_focus div		{	margin-left: -12.5em;	}

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

div.date_input_focus div th,
div.date_input_focus div td
{
	width:  3em; 
	height: 1.5em; 
	border: 1px solid #D6E9E9;
	text-align: center;
}

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

div.date_input_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_input_focus div td	
{ 
	font-weight: normal;
	background-color: #fff;
	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_input_focus div td.today  { background-color: #cfc; }
div.date_input_focus div td.we     { background-color: #ff7; }

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

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

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

div.date_input input,
div.date_input_focus input 
{
	width: 10em;
}

/*  the auto suggest drop down stuff. */
ul.auto_suggest
{
	position: absolute;
	z-index: 5;
	left: auto;
	top: 150px;
	background-color: #f8f8ff;
	width: auto;
	margin: 0;
	padding: 3px;
	border: 1px solid black;
	display: none;
}

ul.auto_suggest li
{
	margin: 0;
	padding: 1px;
	font-size: 110%;
	width: auto;
	cursor: pointer;
	color: #00a;
	background-image: none;
}

ul.auto_suggest li.selected         {            background-color: #cdf;        }
ul.auto_suggest li.error            {            color: #c22; cursor: default;  }

/* the show all class requires scrollbars displayed */
ul.show_all     
{           
    max-height: 20em;   
    overflow: auto;
}
* html ul.show_all
{
    height: 20em;
}

/* the mail compose and spelling review stuff. */
#spelling_review,
#mail_compose
{
    font-size: 110%;
}

#spelling_review a.mistake  /* the incorrectly spelled words are highlighted here */
{
    color: #f00;
    font-weight: bold;
    text-decoration: underline;
    border: 0;
}

#spelling_review a.corrected  /* the incorrectly spelled words are highlighted here */
{
    color: #080;
    font-weight: bold;
    text-decoration: underline;
    border: 0;
}

/* drop down box */
ul.spell_list
{
    font-size: 120%;
    display: none;
    position: absolute;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #9DAECD;
    border-right: 1px solid #9DAECD;
    background: #C3D9FF;
    width: auto;
    z-index: 3;
    padding: 0;
    margin: 0;
}

ul.spell_list li
{
     background-image: none;
    margin: 0em 0.25em;
    padding: 0.1em 1em;
    border: 0;
    color: black;
    text-decoration: none;
    cursor: pointer;
    width: auto;
}

ul.spell_list li.selected
{
    background: #eee;
    color: #0B9DBF;
    border: 0;
}
  
ul.spell_list li.edit /*the edit option at the end */
{
    font-style: italic;
}
   
#spelling_review input.spell_edit /*the edit box that will save the changes */
{
    display: none;
    float: none;
    clear: none;
    width: 8em;
}   

/* some fixes for the mailman pages */
#mailman_wrapper ul li { width: auto; }
#mailman_wrapper td    { background-color: #EEE; }

#content div.who_is_list 
{ 
	width: 25em;
}
#content div.who_is_list ul
{
	float: left;
	width: 11em;
	padding: 0.5em;  
}
#content div.who_is_list ul li
{
    background-image: none;
	width: auto;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}

#nav li {
	font-family: 'Expletus Sans', Helvetica, Helvetica Neue, Sans-Serif;
}

#nav li ul li.xls a	 			{	background-image: url(../images/icons/xls.gif);				}
#nav li ul li.dot a 			{	background-image: url(../images/icons/dot.gif);				}
#nav li ul li.email a 			{	background-image: url(../images/icons/email.gif);			}
#nav li ul li.new_email a 		{	background-image: url(../images/icons/new_email.gif);		}
#nav li ul li.people a 			{	background-image: url(../images/icons/people.gif);			}
#nav li ul li.help a 			{	background-image: url(../images/icons/help.gif);			}
#nav li ul li.calendar a 		{	background-image: url(../images/icons/calendar.gif);		}
#nav li ul li.year_calendar a 	{	background-image: url(../images/icons/year_calendar.gif);	}
#nav li ul li.edit a 			{	background-image: url(../images/icons/edit.gif);			}
#nav li ul li.password a 		{	background-image: url(../images/icons/password.gif);		}
#nav li ul li.football a 		{	background-image: url(../images/icons/football.gif);		}
#nav li ul li.zzzz a 			{	background-image: url(../images/icons/zzzz.gif);			}
#nav li ul li.info a 			{	background-image: url(../images/icons/info.gif);			}
#nav li ul li.bug a 			{	background-image: url(../images/icons/bug.gif);				}
#nav li ul li.cash a 			{	background-image: url(../images/icons/cash.gif);			}
#nav li ul li.home a 			{	background-image: url(../images/icons/home.gif);			}
#nav li ul li.view a 			{	background-image: url(../images/icons/view.gif);			}
#nav li ul li.download a		{	background-image: url(../images/icons/down.gif);			}
#nav li ul li.transfers a		{	background-image: url(../images/icons/transfers.gif);		}

#nav li:hover ul li,
#nav li:hover ul li:hover ul li a,
#nav li.sfhover ul li,
#nav li.sfhover ul li.sfhover ul li a
{
	background-position: 0px 0px;
}

/*
Add this when 
  1) We have managed to stop it going off on submenus when the item hasn't been given focus
  2) We have completed all the icons with highlight

#nav li:hover ul li:hover a,
#nav li:hover ul li:hover ul li:hover a,
#nav li.sfhover ul li.sfhover a,
#nav li.sfhover ul li.sfhover ul li.sfhover a
{	
	background-position: 0px -20px;
}*/

span.icon	
{	
    background-image: none;
    background-position: 0px 0px; 
    background-repeat: no-repeat;
    padding-left: 19px;
    line-height: 17px;
}

span.xls	{	background-image: url(../images/icons/xls.gif)	}
span.doc	{	background-image: url(../images/icons/dot.gif)	}
span.dot	{	background-image: url(../images/icons/dot.gif)	}
span.pdf	{	background-image: url(../images/icons/pdf.gif)	}
span.ppt	{	background-image: url(../images/icons/ppt.gif)	}
span.pot	{	background-image: url(../images/icons/ppt.gif)	}

a.tooltip 
{
    border: none;
    cursor: default;
	color: #860;
}

a.tooltip:hover
{
    border: none;
    cursor: default;
	color: #860;
}

a.tooltip span
{
    position:absolute;
    left: -3000px;
    top: auto;
    min-width: 5%;
	max-width: 10%;
    background-color: #ffffe1; 
    border: 1px solid black; 
    color: black; 
    padding: 1px; 
    font-family: Tahoma; 
    font-size: 8pt;
    margin: 1.4em 0 0 0em;
}
* html a.tooltip span
{
	width: 15em;
}

a.tooltip:hover span
{
    left: 88%;
}

p.menu_help
{
	position: absolute;
	top: 5px;
	right: 65px;
	z-index: 10000;
	margin: 0;
	padding: 2px;
	color: black;
	background-color: #e8e8ff;
	border: 1px solid black;
	font-size: 110%;
	width: auto;
}

fieldset.file_upload .upload, 
fieldset.file_upload .action_link, 
fieldset.file_upload .action_upload
{
    width: auto;
}

a img
{
	border: none;
}

/* the quick find member thing at the top right of the front page */
div#quick_find,
div#quick_find p,
div#quick_find form,
div#quick_find input
{
    margin: 0;
    padding: 0;
}

div#quick_find
{
    width: 14em;
    padding: 0.5em 0.25em 0.75em 0.75em;
    float: right;
    font-size: 110%;
    -moz-border-radius: 0 0 0 1em; 
}

div#quick_find p
{
    text-align: left;
    width: auto;
    font-size: 90%;
}

div#quick_find input
{
    width: 10em;
    display: inline;
	position: relative;
	margin:0 4px 0 0;
	/*z-index: 3;    /* bring the input infront of the header, otherwise you can't click it */
}
div#quick_find a.button
{
  font-size: 120%;
  margin: 0;
}

ul.quick_find 
{
	width: 14em;
}

/* Map links stuff.  Basically anything with an <address class='maplink'> will become a maplink */
address.maplink
{
	font-style: normal;
	display: inline;
}

#content address.maplink a
{
	background: url(../images/dropdown.gif) right -1px no-repeat;
    margin: 0 2px 1px 0;
    padding: 0 20px 0 0;
    position: relative;
    /*top: -8px;*/
}

#content address.maplink ul a
{
	background-image: none;
	padding: 0;
}

#content address.maplink ul a.google_earth
{
	padding-right: 18px;
	background: url(../images/icons/google_earth.gif) right top no-repeat;
}

address.maplink ul
{
	position: absolute;
	margin: 2px 0 0 -2px;
	padding: 0.5em;
	left: -1000px;
	width: auto;
}

#content address.maplink ul li
{
	list-style-type: none;
	background-image: none;
	padding-left: 0.5em;
	margin-left: 0.5em;
	width: auto;
}

address.active ul
{
	left: auto;
}

* html address.active ul
{
	margin-left: -8em;
}


blockquote 
{ 
	width: 80%;
	padding: 0;
	margin: 10px;
	/*background: url(../images/bq_left.gif) left top no-repeat; */
} 
blockquote div
{ 
	width: 100%;
	padding: 0 48px; 
	margin: 0;
	font-style: italic;
	/*background: url(../images/bq_right.gif) right top no-repeat; */
}
blockquote p 
{
	width: 100%;
}
blockquote p cite
{
    font-weight: bold;
}

/* Labels tree : */
#label_tree
{
	float: left;
	width: auto;
	margin: 0 0 0 -1em;
	width: 240px;
}

#label_tree ul
{
	margin: 0;
	padding: 0;
	width: auto;
}

#label_tree li
{
	width: auto;
}

#label_tree li a
{
	background: #fff url(../images/closed.gif) 0px 1px no-repeat;
	border: 0;
	padding: 1px 2px 1px 20px;
}
#label_tree li.current
{
}
#label_tree span.current
{
	padding: 1px 2px 1px 20px;
	background: #fff url(../images/open.gif) 0px 1px no-repeat;
	background-color: #ccc;
	color: #000;
}

#label_tree li a,
#label_tree li span.current
{
  margin-left: 0px;
}

/* 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 own "bullet" inside the LI */
ul.expandable_tree  span.button 
{ 
	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(../images/minus.gif)  left center no-repeat; }
ul.expandable_tree li.closed span.button { cursor: pointer; background: url(../images/plus.gif)   left center no-repeat; }
ul.expandable_tree li.empty  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; }

/* the uploads toolbar */
div.toolbar				{	margin: 0 0 0.5em 0;	}
div.toolbar a			{	padding: 0.2em 0.5em;	border: 1px solid;  }

body.standard div.toolbar a       { background-color: #D1EFEF; border-color: #008; color: #00f; }
body.standard div.toolbar a:hover { background-color: #D6E9E9; border-color: #00f; color: #00f; }
body.boss     div.toolbar a       { background-color: #EEE; border-color: #000; color: #000; }
body.boss     div.toolbar a:hover { background-color: #eee; border-color: #888; color: #000; }

.ODS, .SDS, .DLS, .ADS {background-color: #CFA8A8;}

#training_table tr td.notdone
{
    background-image: url(/images/tickbox.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

#training_table td.done
{
    background-image: url(/images/tickbox_checked.gif);
    background-position: center center;
    background-repeat: no-repeat;}


#wikicontent div.breadcrumbs
{
    float: right;
    width: 200px;
    margin: 1em;
    padding: 0.25em;
    border: 1px solid #888;
    background-color: #f0f0f0;
    font-size: 90%;
}

#wikicontent div.breadcrumbs ul,
#wikicontent div.breadcrumbs ul li
{
    width: 190px;
    margin: 0;
    padding: 0;
	background-image: none;
}
#wikicontent div.breadcrumbs ul li li
{
    margin-left: 1em;
}