/* 
========================================================================================================================
COLOURS
--
Palest grey:		#F3F3F3 (used only on large flat areas)
Paler grey:			#E7E7E7
Pale grey:			#D2D2D2
Mid grey:			#999999
Dark grey:			#7B7B7B
Darkest grey:		#5A5A5A

Blue:				#0098C3
Light Blue:			#59BCD8
Lighter Blue:		#ACDEEC

======================================================================================================================== */

/* 
========================================================================================================================
RESET - LEVELS PLAYING FIELD ACROSS BROWSERS
(A LOT OF THIS IS OVER-WRITTEN BY SPECIFIC STYLES BELOW, BUT THIS ACTS AS INSURANCE)
======================================================================================================================== */
html, body, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0.5em 0; padding: 0; }
li, dd, blockquote { margin-left: 1.2em; }
a, button, label { cursor: pointer; }
input, select, textarea, th, td { font-size: 1em; }
input:focus{ background:white; }
fieldset { border: none; }
ul {list-style:none;}
/* 
========================================================================================================================
BODY / PAGE SETUP
======================================================================================================================== */

*{ 
}

html{
	height: 100%;
}

body{
	margin: 0;
	height: 100%;
	min-width: 998px; 			/* won't work in IE<7 of course */
	padding: 0 0 1px 0; 		/* bottom padding to force a scrollbar to prevent shifting on short pages */
	background-color: #FFFFFF;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 71%;				/* Font sizing in ems beyond this point. If you want to change anything, just change this. Default 76%. 62.5% would make 1em=10px. */
	line-height: 2em; 			/* General line-height and also acts as IE 6 Peekaboo bug hack */
}



/*
---------------------------------------------------------------------------------------------
CONTAINER MAIN
--------------------------------------------------------------------------------------------- */
/* Needed mainly to control the dimensions of everything - eg fixed layout */
#container {
	position: relative;
	width:975px;
	margin:0 auto;
}

/* Liquid Layout: Padding on all main containers (width is always 100% so backgrounds stretch to edge of window, but content needs to be padded in) */


/*
---------------------------------------------------------------------------------------------
ADVERTISING LEADERBOARD 
--------------------------------------------------------------------------------------------- */
#ad-leaderboard {							/* Optional content - only used if leaderboard ad is required */
	padding: 5px;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	border-top: 1px solid #000000;
}

/*
---------------------------------------------------------------------------------------------
MASTHEAD
--------------------------------------------------------------------------------------------- */
#masthead {
	position: relative;
	height: 90px;
	color: #FFFFFF;
	padding:5px 0px 0 0px;
	margin-bottom:9px;
	display:inline-block;
	_height:85px;
/*	overflow:hidden;*/
}

#masthead h2 {
	margin: 0;
	padding: 0;
	line-height: 85px;
	font-weight: normal;
	font-size: 2.1em;
}
#masthead h2 a, #masthead h2 a:hover  {
	display: block;
	height:92px;
	width:961px;
	overflow: hidden;						/* stop it going to 2 lines if massively long */
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(../images/interface/logo0098C3.gif) top left no-repeat;
}

/*
---------------------------------------------------------------------------------------------
SEARCH
--------------------------------------------------------------------------------------------- */
.search {
	color:#FFFFFF;
	padding:0;
	position:absolute;
	right:0px;
	top:105px;
	width:181px;
	z-index:4002;
	display:inline-block;
}

.search label {
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: -9000px;
}
.search input.search-txt {
	border:1px solid #CCCCCC;
	display:inline;
	float:left;
	font-size:12px;
	height:15px;
	margin:0 2px 0 0;
	padding:2px 5px;
	width:140px;
	color:#333333;
	position:relative;
	z-index:4002;
}
.mediaSearch
{
	padding-top:3px;
}
.search-button {
	border:0 none;
	height:21px;
	margin:0;
	padding:0;
	width:26px;
	color:#FFF;
	background-color:#0098C3;
	text-transform:uppercase;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	position:relative;
	z-index:4002;
}
.search-button:hover {
	background: #59BCD8;
}
.search-button:active, .search-button:focus{
	background: #0098C3;
}
/*
---------------------------------------------------------------------------------------------
NAVIGATION 
--------------------------------------------------------------------------------------------- */
/*
Primary site navigation is a (nested) unordered list in #navContainer - all css for this is in navigation.css, 
and requires stuHover.js called via a conditional comment in the xhtml head for all versioins of IE less than 7.
*/

/*
---------------------------------------------------------------------------------------------
CONTENT CONTAINERS - LAYOUT OVERVIEW
--------------------------------------------------------------------------------------------- */
#content-container {
	clear: left;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFFFFF;
}

#content-container-page {					/* Centre Column - CC */
	position: relative;
	float: left;
	margin: 0;	
	width:465px;							/* CC margin */
}

#content-container-video {					/* Right Column - RC */
	position: relative;
	float: left;
	width: 490px;							/* RC width */
	padding: 0 0 0 8px;
	background: #FFFFFF url(../images/interface/video_shadow_bg.jpg) 8px 313px no-repeat;
	min-height: 493px;						/* min-height hack */
	height:auto !important;					/* ... */	
	height: 493px;							/* min-height hack */
}
/*
---------------------------------------------------------------------------------------------
BREADCRUMBS
--------------------------------------------------------------------------------------------- */
#breadcrumbs {
	position: relative;
	padding: 0 10px 10px 10px;
}
#breadcrumbs p { 							/* hidden descriptive text */
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: -9000px;
}
#breadcrumbs ul {
	position: relative;
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#breadcrumbs ul li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #999999;
}
#breadcrumbs ul li a {
}

/*
---------------------------------------------------------------------------------------------
CONTENT
--------------------------------------------------------------------------------------------- */
.content {
	position: relative;
	padding: 0 10px;
	background:#F3F3F3;
}
.content h1 {
	margin: 0 -10px;						/* to outdent the h1 */
}
.content img {
	float: right;							/* default setting images in content float right */
	margin: 1em 0 1em 1.5em;
}
.content img.align-left {					/* option to align left */
	float: left;
	margin: 1em 1.5m 1em 0em;
}
.content img.align-right {					/* option to align right if available as a setting in backend */
	float: right;
	margin: 1em 0 1em 1.5em;
}


/* BUTTON: RSS Feed */
a.rss-link {
	display: block;							/* applied to span below h1 tag (page title) */
	position: absolute;						/* positioned relative to #content */
	top: 8px;
	right: 10px;
	width: 16px;
	height: 16px;
	text-indent: 20px;
	overflow: hidden;
	background: transparent url(../images/interface/icon_rss.gif) top left no-repeat;
}
a.rss-link:hover {
	background:transparent url(../images/interface/icon_rss.gif) 0 -16px no-repeat; 
}

/* SEARCH CLASSES */
.search-number, .search-term {
	font-weight: bold;
}

/*
---------------------------------------------------------------------------------------------
VIDEO MENU
--------------------------------------------------------------------------------------------- */
#video-menu {
	position: relative;
	width: 100%;							/* needed for IE 6 box model */
}

/* MENU CONTROLS */
.menu-controls {
	display: none;
	position: relative;
	border-top:1px solid #ACDEEC;
	border-bottom:1px solid #ACDEEC;
	background:#FFF;
	overflow:hidden;
}
.menu-controls p { 							/* hidden descriptive text */
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: -9000px;
}

/* MENU CONTROLS - SORT OPTIONS */
.menu-controls ul.menu-sort-options {
	list-style: none;
	float: left;
	margin: 0 0 0 -1px;	
	padding: 0 54px 0 0;					/* stops it running behind the abs positioned view toggles (see below) */
	
}
.menu-controls ul.menu-sort-options li {
	list-style: none;
	float: left;
	margin: 0;
	background: transparent url(../images/interface/menu_sort_divider.gif) center right no-repeat;
	border-left:1px solid #ACDEEC;
}
.menu-controls ul.menu-sort-options li a {
	display: block;
	float: left;
	padding:5px 11px 5px 10px;
	color: #0098C3;
	text-transform:uppercase;
	font-weight:bold;	
}
.menu-controls ul.menu-sort-options li a:hover {
	background:#F3F3F3;
}
.menu-controls ul.menu-sort-options li a.current {
	color: #0098C3;
	text-transform:uppercase;
	font-weight:bold;
	background: transparent url(../images/interface/nav_indicator.gif) center bottom no-repeat;
}
.menu-controls ul.menu-sort-options li a.current:hover {
	text-decoration: none;
	background-color:#F3F3F3;
}

/* MENU CONTROLS - VIEW OPTIONS */
.menu-controls ul.menu-view-options {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu-controls ul.menu-view-options li {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 1px;							/* IE6 needed to stop adding gap */
	line-height:16px;						/* stops IE puhing out size of containing div*/ 
}
a.toggle-list {
	display: block;
	position: absolute;
	top: 8px;
	right: 10px;
	width: 16px;
	height: 16px;
	text-indent: 20px;
	overflow: hidden;
	background: transparent url(../images/interface/btn_view_list.gif) 0 -16px no-repeat;
}
a.toggle-grid {
	display: block;
	position: absolute;
	top: 8px;
	right: 28px;
	width: 16px;
	height: 16px;
	text-indent: 20px;
	overflow: hidden;
	background: transparent url(../images/interface/btn_view_grid.gif) 0 -16px no-repeat;
}
a.toggle-list.current{
	background: transparent url(../images/interface/btn_view_list.gif) 0 0px no-repeat;
}
a.toggle-grid.current {
	background: transparent url(../images/interface/btn_view_grid.gif) 0 0px no-repeat;
}
a.toggle-list:hover{
	background: transparent url(../images/interface/btn_view_list.gif) 0 -32px no-repeat;
}
a.toggle-grid:hover {
	background: transparent url(../images/interface/btn_view_grid.gif) 0 -32px no-repeat;
}

/* PAGINATION CONTROLS */
.pagination-controls {
	background:transparent url(../images/interface/dots.gif) repeat-x scroll left bottom;
	color:#666;
	padding:5px 0pt;
	position:relative;
	text-align:center;
}
.pagination-controls a {
	color:#999;
	margin:0pt;
	padding:2px 4px;
	background:none;

}
.pagination-controls a:hover {
	color:#FFF;
	text-decoration:none;
}
.pagination-controls a.current {
	color:#0098C3;
}
.pagination-controls a.current:hover
{
	color:#FFF;	
}
.pagination-controls a.first, .pagination-controls a.last {
	letter-spacing:-1px;
}

/*
---------------------------------------------------------------------------------------------
VIDEO OBJECT
--------------------------------------------------------------------------------------------- */
/* These should be globally applicable - specific instances are dealt with below */
.video-title, .video-title a {				/* Generally applied to <h2>, <h3> or <h4> */
	color: #0098C3;
}
a.video-title:hover, .video-title a:hover {
	color: #FFF;
	text-decoration: none;
}
.video-duration {							/* Generally applied to <span> inside .video-title */
	font-weight: normal;
	color: #999999;
}
.video-description {						/* Generally applied to <p> */
}
.video-thumb {								/* Generally applied to <img> */
}
.video-meta {								/* Generally applied to <dl> */
}
.video-date {								/* Generally applied to <dd> */
}
.video-views {								/* Generally applied to <dd> */
}
.video-category {							/* Generally applied to <dd> */
	display:none !important;
}
/* ------------------------------------------------------------------------------------------ */
/* VIDEO META DEFINITION LIST */
dl.video-meta {
	display: block;
	font-size: 0.8em;
	font-style: italic;
	text-transform: uppercase;
	background: transparent url(../images/interface/dots.gif) bottom left repeat-x;
}
dl.video-meta dt {
	display: inline;
	margin: 0;
	padding: 0;
	color: #999999;
}
dl.video-meta dd {
	display: inline;
	margin: 0;
	padding: 0 5px 0 0;
}

/* ------------------------------------------------------------------------------------------ */
/* VIDEO CARD - GENERIC STYLE */
div.video-card {
	position: relative;
	padding: 7px 10px 5px 120px;
}
ul.video-gallery-list li div.video-card:hover {

}
div.video-card .video-title {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
div.video-card .video-thumb {
	display: block;
	position: absolute;
	top: 9px;
	left: 9px;
	height:54px;
	width:96px;
	/*border: 1px solid #D2D2D2;*/
}
div.video-card .video-description, .video-list-card p {
	margin: 0.2em 0;
}
div.video-card dl.video-meta {
	background-image: none;
	margin-bottom: 0;
}
div.video-card dl.video-meta dt {
	display: none;
}
div.video-card dl.video-meta dd {
	margin-right: 3px;
}
div.video-card dl.video-meta dd.video-date {
	padding-left: 15px;
	background: transparent url(../images/interface/icon_date.gif) center left no-repeat;
	/*border-right: 1px solid #D2D2D2;*/
}
div.video-card dl.video-meta dd.video-views {
	padding-left: 15px;
	background: transparent url(../images/interface/icon_views.gif) center left no-repeat;
	border-right: 1px solid #D2D2D2;
}
div.video-card .video-category a {
	color: #5A5A5A;
}
div.video-card .video-category a:hover {
	color: #000000;
	text-decoration: none;
}
div.video-card a.playlist-add {
	display: block;
	position: absolute;
	top: 6px;
	right: 8px;
	width:96px;
	height:54px;
}
div.video-card a.playlist-add:hover {
	background:none;
}
div.video-card a.playlist-add span {
	display: block;
	width:15px;
	position:absolute;
	right:2px;
	top:2px;
	height:15px;
	background: #0098C3 url(../images/interface/icon_plus.gif) 4px 4px no-repeat;
	text-indent: -9000px;
	overflow:hidden;
	color:#FFF;
	font-size:9px;
	word-spacing:-1px;
	line-height:16px;
	padding-left:1px;
}
div.video-card a.playlist-add:hover span{
	width: 91px;
	height:15px;
	text-indent:0px;
	background: #59BCD8 url(../images/interface/icon_plus.gif) 80px 4px no-repeat;
}

/*
---------------------------------------------------------------------------------------------
VIDEO MENU - LIST LAYOUT
--------------------------------------------------------------------------------------------- */
ul.video-gallery-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.video-gallery-list li {
	position: relative;
	margin: 0;
	padding: 5px 0;
	background: transparent url(../images/interface/dots.gif) bottom left repeat-x;
}
ul.video-gallery-list div.video-card a.playlist-add {
	left:8px;
	right:auto;
}
/* VIDEO MENU - LIST CARD
--------------------------- */
/* Uses generic video-card styles (see above) */

/*
---------------------------------------------------------------------------------------------
VIDEO MENU - MESSAGE
--------------------------------------------------------------------------------------------- */
div#messageBox 
{
	padding:8px;
	display:none;
	color:black;	
	position:relative;
	
	
	
}
/* VIDEO MENU - MESSAGE
--------------------------- */

/*
---------------------------------------------------------------------------------------------
VIDEO MENU - GRID LAYOUT
--------------------------------------------------------------------------------------------- */
ul.video-gallery-grid 
{
	border:none;
	border-collapse:collapse;
	list-style: none;
	margin: 0;
	padding: 0 0 3px 0; 					/* Allows bg image (dots) to be in view on the last row */
	background: #FFFFFF;
}

ul.video-gallery-grid li {
	position: relative;
	float: left;
	margin: 6px 2px 0px 2px;
	padding: 0;
}

/* VIDEO MENU - GRID CARD
--------------------------- */
ul.video-gallery-grid li div.video-card {
	position: relative;
	width: 98px;
	height: 147px;
	overflow: hidden;
	padding: 6px 6px 0px 6px;
	border:1px solid #0098C3;
}
ul.video-gallery-grid li div.video-card:hover {

}
ul.video-gallery-grid li div.video-card .video-title {
	position: absolute;
	top: 66px;
	width: 96px;
	overflow: hidden;
	font-size: 0.9em;
	line-height: 11px;
	text-transform: uppercase;
	text-align: center;
	height:43px;
}
ul.video-gallery-grid li div.video-card .video-title a{
	color:#0098C3;
}
ul.video-gallery-grid li div.video-card .video-title a:hover{
	color: #FFF;
	background:#0098C3;
}
ul.video-gallery-grid li div.video-card .video-thumb {
	position: absolute;
	top: 6px;
	left: 6px;
}
ul.video-gallery-grid li div.video-card .video-description {
	display: none;
}
ul.video-gallery-grid li div.video-card dl.video-meta {
	position: absolute;
	bottom: 24px;
	margin: 0;
	padding: 3px 0 0 0;
	width: 96px;
	border-top: 1px solid #E7E7E7;
	background-image: none;
	line-height: 11px;
}
ul.video-gallery-grid li div.video-card dl.video-meta dt {
	display: none;
}
ul.video-gallery-grid li div.video-card dl.video-meta dd {
	display: block;
	height: 11px;
	overflow: hidden;
	color: #999999;
	white-space: pre;
}
ul.video-gallery-grid li div.video-card dl.video-meta dd.video-date {
	border: none;
	/*color:#FFF;*/
}
ul.video-gallery-grid li div.video-card dl.video-meta dd.video-views {
	border: none;
}
ul.video-gallery-grid li div.video-card a.shadowLaunch {
	display: block;
	position: absolute;
	text-indent: -9000px;
	top: 6px;
	left: 6px;
	width: 96px;
	height: 54px;
	background: transparent url(../images/interface/picture_album.gif) 74px 0px no-repeat;
}
a.sboxGall
{
	display:none;
}

/* IF MENU IS SORTED BY VIEWS > HIDE DATE */
ul.video-gallery-grid.sort-by-views li div.video-card dl.video-meta dd.video-date {
	display: none;
}
/* IF MENU IS SORTED BY DATE > HIDE VIEWS */
ul.video-gallery-grid.sort-by-date li div.video-card dl.video-meta dd.video-views {
	display: none;
}
/* IF MENU IS SORTED BY FEATURED > HIDE VIEWS */
ul.video-gallery-grid.sort-by-featured li div.video-card dl.video-meta dd.video-views {
	display: none;
}



/*
---------------------------------------------------------------------------------------------
VIDEO PLAYER (RC)
--------------------------------------------------------------------------------------------- */

#video-player {							/* This is the obejct that swfObject.js writes into (refer to html files) */
	width: 490px;						/* These styles apply to the non-Flash content (seen if no Flash player is available */
	height: 312px;
	background-color: #F3F3F3;
}
#video-player .no-flash-message {
	padding: 150px 15px 15px 15px;
	text-align: center;
	color: #7294CF;
	background: transparent url(../images/interface/no_flash_bg.jpg) center 40px no-repeat;
}

/*
---------------------------------------------------------------------------------------------
VIDEO INFO (RC)
--------------------------------------------------------------------------------------------- */
.videoinfo {
	position: relative;
	padding: 15px;
}
.videoinfo .section-label {
	position: relative;
	font-size: 0.8em;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.2em;
	color: #999999;
}
.videoinfo .videotitle span{
	color:#0098C3;
	text-transform:uppercase;
	font-weight:bold;
}

.videoinfo .video-meta {
	margin: 0;
}
.videoinfo .video-date, .videoinfo .video-category, .videoinfo .video-views {
}
.videoinfo .video-category a {
	color: #5A5A5A;
}
.videoinfo .video-category a:hover {
	color: #000000;
	text-decoration: none;
}

.videoinfo .next-video {
	position: relative;
	font-size: 0.8em;
	font-style: italic;
	text-transform: uppercase;
	color: #999999;
	text-align: right;
	background: transparent url(../images/interface/dots.gif) bottom left repeat-x;
}
.videoinfo .next-video a.video-title:hover {
	text-decoration: none;
}



/*
---------------------------------------------------------------------------------------------
AD SPACE (RC)
--------------------------------------------------------------------------------------------- */
#ad-container {
	/*margin: 7px 0;*/
	text-align: center;
}


/*
---------------------------------------------------------------------------------------------
FOOTER 
--------------------------------------------------------------------------------------------- */
dl#footer
{
	border-top:1px solid #ACDEEC;
	height: 15px;
	width: 960px;
}

dl#footer dd 
{
	float: left;
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin-right: 15px;
	margin-left:0;
}
dl#footer .hidden
{
	display:none;
}
#admin {
	position: absolute;
	top: 0;
	right: 20px;
}
#admin a {
	color: #999999;
	text-decoration: none;
}
#admin a:hover {
	text-decoration: none;
	background: transparent url(../images/interface/dots.gif) bottom left repeat-x;

}


/* 
========================================================================================================================
CORE ELEMENTS CSS
======================================================================================================================== */

/*
---------------------------------------------------------------------------------------------
HEADINGS
--------------------------------------------------------------------------------------------- */

h1 {
	position: relative;
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
	color: #0098C3;
	background-color: #FFF;
	border-top:1px solid #ACDEEC;
	border-bottom:1px solid #ACDEEC;
	margin: 0;
	padding: 5px 10px;
}
h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #ccc;
	margin: 0.5em 0;
	padding: 0;
}
h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 0.5em 0;
	padding: 0;
}

/*
---------------------------------------------------------------------------------------------
PARAGRAPHS
--------------------------------------------------------------------------------------------- */

p {
	margin: 0.8em 0;
}


/*
---------------------------------------------------------------------------------------------
QUOTES
--------------------------------------------------------------------------------------------- */

blockquote {
	border-left: 5px solid #F3F3F3;
	margin-left: 0;
	padding: 0 10px;
}
blockquote p {
}
cite {
}
q {
}

/*
---------------------------------------------------------------------------------------------
CODE
--------------------------------------------------------------------------------------------- */

pre, code, samp, kbd {
	font-size: 1.1em;
}

/*
---------------------------------------------------------------------------------------------
LISTS
--------------------------------------------------------------------------------------------- */

ol{
}
ul{
}
ol li{
}
ul li{
}
ul ul, ul ol, ol ol, ol ul { margin: 0; }

/*
---------------------------------------------------------------------------------------------
DEFINITIONS
--------------------------------------------------------------------------------------------- */

dl {
}
dt {
	font-weight: bold;
}
dd {
}

/*
---------------------------------------------------------------------------------------------
IMAGES
--------------------------------------------------------------------------------------------- */

img {
	border: none;
	vertical-align: middle;
}
a img {
	border: none;
}

/*
---------------------------------------------------------------------------------------------
HR
--------------------------------------------------------------------------------------------- */
hr {
	border: none;
	height: 1px;  
	border-top:1px dotted #ACDEEC;
	clear: both;
}
/*
---------------------------------------------------------------------------------------------
TEXT FORMATTING
--------------------------------------------------------------------------------------------- */

strong{
}
em{
}
b{
}
i{
}

/*
---------------------------------------------------------------------------------------------
LINKS
--------------------------------------------------------------------------------------------- */

a {
	color: #59BCD8;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	background-color:#0098C3;
	color:#fff;
}
a:visited {
}
a:active {
}
a:focus {
}

/*
---------------------------------------------------------------------------------------------
TABLES
--------------------------------------------------------------------------------------------- */

table {
	width: 100%;
	margin: 1em 0;
	padding: 0;
	border-collapse: separate;
	border: none;
	font-size: 1em;
	text-align: left;
}
caption {
	font-style: italic;
}
thead th, thead td {
	background-color: #F3F3F3;
}
tbody {
}
tfoot th, tfoot td {
	background-color: #F3F3F3;
}
tr {
}
th{
	padding: 0.5em;
	vertical-align: top;
	text-align: left;
	color: #7294CF;
	background-color: #F3F3F3;
	border: 1px solid #E7E7E7;
	border-spacing: 3px;
}
td{
	padding: 0.5em;
	vertical-align: top;
	border: 1px solid #E7E7E7;
	border-spacing: 3px;
}
td p, td h1, td h2, td h3, td h4, td h5, td h6, td ul, td ol, td dl,
th p, th h1, th h2, th h3, th h4, th h5, th h6, th ul, th ol, th dl {
	margin-top: 0;
}

/* simple table with no cellspacing etc */
table.styled-table {
	border-collapse: collapse;
	border: none;
}
table.styled-table th, table.styled-table td  {
	padding-left: 0.5em;
	border: none;
	border-bottom: 1px solid #E7E7E7;
}

/*
---------------------------------------------------------------------------------------------
FORMS
--------------------------------------------------------------------------------------------- */

form {
}
form p {
}
fieldset {
	margin: 1em -5px;
	padding: 0 10px;
	border: 1px solid #E7E7E7;
}
legend {
	color: #7294CF;
}
label {
	display: block;
	text-align: left;
	cursor: pointer;
	font-weight: bold;
}
input, textarea, select {
	font-size: 1em;
	font-family:Arial, Sans-Serif;
	color: #5A5A5A;
	border: 1px solid #D2D2D2;
}
input:focus, textarea:focus, select:focus {

}
select {
}
optgroup {
}
option {
}
button, input.button, input.submit {
	font-size: 1em;
	padding: 3px 10px 3px 7px;
	color: #0098C3;
	background: #FFFFFF url(../images/interface/button.gif) 0 0 repeat-x;
	border: 1px solid #D2D2D2;
	cursor: pointer !important;
}
button:hover, input.button:hover, input.submit:hover {
	border: 1px solid #0098C3;
	cursor: pointer !important;
}

/* Styled forms */
form.styled-form {
}
form.styled-form fieldset {
	margin: 1em -5px;
	padding: 0;
	border-top: 1px solid #E7E7E7;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
form.styled-form label {
	display: block;
	width: 120px;
	float: left;
	padding-right: 15px;
	text-align: left;
}
form.styled-form p {
	border-bottom: 1px solid #E7E7E7;
	padding: 8px 5px;
	margin: 0;
}
form.styled-form input, form.styled-form textarea, form.styled-form select {
	width: 180px;
}
form.styled-form button, form.styled-form input.button, form.styled-form input.submit {
	position: relative;
	left: 135px;
	width: auto;
}
.instructions {
	font-size: 0.8em;
	font-style: italic;
	color: #CA0E00;
}


/* 
========================================================================================================================
CLASSES: GENERIC (NOT USED BUT MAY COME IN HANDY FOR CONTENT)
======================================================================================================================== */

.hide {
	display:none;
}
.show {
	display:block;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-none {
	float: none;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.clear {
	clear: both;
}
.noborder
{
	border:none;
}
.opaque {
	opacity: .5;
	filter: alpha(opacity=50);
	alpha:(opacity=50);
	position:relative;
	/*border:1px solid #333333;*/
}
#yui-history-iframe { /* Yahoo History Browser IFrame */
  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;
}

/*
========================================================================================================================
ACCESSIBILITY AIDES: SKIP LINKS
======================================================================================================================== */
/* 
Skip links to enable rapid access to core page areas. 
Should be rendered (don't use display:none), but not visible.
*/
#skip {
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: -9000px;
}


/* 
========================================================================================================================
HACKS, FIXES & WORKAROUNDS
======================================================================================================================== */

/*
---------------------------------------------------------------------------------------------
CLEARFIX - Cross-browser clearing method
--------------------------------------------------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Start Holly Hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

/*
---------------------------------------------------------------------------------------------
APPLYING CLEARFIX HERE RATHER THAN APPENDING A CLASS TO EVERY ITEM IN THE XHTML
--------------------------------------------------------------------------------------------- */
#container:after,
#navContainer:after,
#search:after,
#content-container:after,
#content-container-page:after,
#breadcrumbs:after,
.content:after,
.menu-controls:after,
.pagination-controls:after,
.video-gallery-list:after,
.video-gallery-grid:after,
#content-container-video:after,
#footer:after,
#footer-menu:after,
#footer-content:after 
{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#container,
#navContainer,
#search,
#content-container,
#content-container-page,
#breadcrumbs,
.content,
.menu-controls,
.pagination-controls,
.video-gallery-list,
.video-gallery-grid,
#content-container-video,
#footer,
#footer-menu,
#footer-content 
{display: inline-block;}

/* Start Holly Hack \*/
* html #container,
* html #navContainer,
* html #search,
* html #content-container,
* html #content-container-page,
* html #breadcrumbs,
* html .content,
* html .menu-controls,
* html .pagination-controls,
* html .video-gallery-list,
* html .video-gallery-grid,
* html #content-container-video,
* html #footer,
* html #footer-menu,
* html #footer-content 
{height: 1%;}

#container,
#navContainer,
#search,
#content-container,
#content-container-page,
#breadcrumbs,
.content,
.menu-controls,
.pagination-controls,
.video-gallery-list,
.video-gallery-grid,
#content-container-video,
#footer,
#footer-menu,
#footer-content 
{display: block;}
/* End Holly Hack */

/* HASLAYOUT HACK - FORCES IE TO RENDER VIDEOLIST ITEMS WHEN PARENT CLASSNAME CHANGES */
ul.video-gallery-list li, ul.video-gallery-list li div
{
	position:relative;
	height: 1%;
}

div.loadingNotice
{
	position:absolute;
	top:50px;
	left:50%;
	width:240px;
	background-color:#ffffff;
	border:1px solid #999;
	padding:8px 0px 20px 0px;
	text-align:center;
	margin-left:-120px;
}

div.loadingNoticeSnake
{
	position:absolute;
	top:50px;
	left:50%;
	width:120px;
	background-color:#ffffff;
	border:1px solid #999;
	padding:8px 0px 20px 0px;
	text-align:center;
	margin-left:-60px;
	z-index:999;
}

/* COMMENTS */
div.commentContainer
{
	position:relative;
	margin-top:12px;
	padding:12px;
	width:auto;
	background:#FFFFFF url(../images/interface/video_shadow_bg.jpg) no-repeat scroll top left;
}
.commentPage
{
	display:none;
	padding-top:6px;
	margin-top:6px;
	background:transparent url(../images/interface/dots.gif) repeat-x scroll left -155px;
}
.commentPages
{
	padding-top:4px;
}
.commentPages a
{
	display:inline-block;
	line-height:14px;
	text-align:center;
	width:14px;
	height:14px;
	padding:0;
	margin:1px;
	border:1px solid #CCC;
}
.commentPages a:hover, .commentPages a.current
{
	text-decoration:none;
	background:#CCC;
	color:#FFF;
}

div.commentContainer h1
{
	background-color:Transparent;
	color:#0098C3;
	position:relative;
	padding-left:30px;
	line-height:22px
}

a.refreshComments
{
	margin-top:4px;
	position:absolute;
	display: block;						
	width: 16px;
	height: 16px;
	text-indent: 20px;
	overflow: hidden;
	background:transparent url("../images/interface/reload.gif") no-repeat scroll 0px 0px;
	top:4px;
	right:6px;
}
a.refreshComments:hover
{
	background:transparent url("../images/interface/reload.gif") no-repeat scroll 0px -16px;
}
a#showHideComments{
	position:absolute;
	top:4px;
	left:6px;
}

div.commentControls
{
	display:none;
}
div.NotLoggedInCommentControls
{
	display:block;
}
div.commentControls
{
	display:none;
}
div.commentControls
{
	border:1px solid #D2D2D2;
	padding:10px;
	background:#FAFAFA;
	margin-bottom:12px;
}

div.commentControls textarea
{
	overflow:auto;
	width:442px;
	height:60px;
	display:block;
	margin-bottom:4px;
}
div.commentControls button
{
	margin-top:8px;
	height:2em;
	line-height:2em;
	padding:0 6px;
}
div.anonControls input
{
	width:50%;
}
div.commentControls label
{
	color:#666;
}
div.commentContainer fieldset
{
	margin:6px 0 0 0;
	padding:6px 12px 8px 6px;
	line-height:16px;
	background:#FFF;
	border:none;
	background:transparent url(../images/interface/dots.gif) repeat-x scroll left bottom;

}
div.commentContainer fieldset legend
{
	color:#0098C3;
	padding-left:0;
	font-weight:bold;
	font-size:12px;
}
div.commentContainer fieldset legend span
{
	font-weight:normal;
	font-style:italic;
	padding:0 6px;
	color:#666;
	font-size:10px;
}
div.commentContainer fieldset p
{
	margin:0;
}
div.commentContainer fieldset div
{
	display:block;
	float:right;
	width:12px;
	height:28px;
	background:transparent url("../images/interface/flag_comment.gif") no-repeat scroll 0px 0px;
	cursor:pointer;
}
div.commentContainer fieldset div.highlight
{
	background:transparent url("../images/interface/flag_comment.gif") no-repeat scroll 0px -29px;
}

div.commentContainer fieldset div.flagged
{
	background:transparent url("../images/interface/flag_comment.gif") no-repeat scroll 0px -29px;
	/*border:2px solid #990000;*/
}
.commentContainer .showAddComment, 
.commentContainer .hideAddComment{
	width:15px;
	height:15px;
	display:inline-block;
	padding:0;
	margin:8px 0 2px 10px;
	color:#666;
	line-height:15px;
	text-indent:19px;
	white-space:nowrap;
}
.commentContainer .showAddComment {
	background:transparent url("../images/interface/expand_collapse_plus.gif") no-repeat scroll 0px -15px;
	
}
.commentContainer .showAddComment:hover{
	background:transparent url("../images/interface/expand_collapse_plus.gif") no-repeat scroll 0px 0px;
	color:#AAA;
}
.commentContainer .hideAddComment{
	background:transparent url("../images/interface/expand_collapse_plus.gif") no-repeat scroll 0px -45px;
}
.commentContainer .hideAddComment:hover{
	background:transparent url("../images/interface/expand_collapse_plus.gif") no-repeat scroll 0 -30px;
	color:#AAA;
}
#CommentLoader
{
	position:absolute;
	top:54px;
	right:22px;
}
.commentAddProgress
{
	background:white;
	border:1px solid #000000;
	left:136px;
	padding:4px;
	position:absolute;
	text-align:center;
	top:165px;
	z-index:999;
}
.commentContainer  h1 .commentSuccess
{
	display:none;
	color:#0098C3;
	display:none;
	font-size:12px;
	font-weight:normal;
	left:132px;
	padding:2px 18px;
	position:absolute;
	text-align:center;
	/*text-transform:none;*/
	top:2px;
}
/* USER LOGIN / REGISTRATION */	
div#loginPanel
{
	/*background-color:#0098C3;
	color:#FFFFFF;*/
	padding:0pt;
	/*position:absolute;
	left:430px;
	top:26px;
	width:480px;*/
	/*border:1px solid #ccc;
	z-index:440;*/
}
div#loginPanel h1, div.forgotPassword h1
{
	margin-bottom:6px;
}
div#loginPanel label, div.forgotPassword label, div.register label
{
	display:block;
	width:112px;
	float:left;
	text-align:right;
	margin-right:12px;
}
div.register label.fullwidth
{
	width:auto;
	text-align:left;
}
div#loginPanel input, div#loginPanel select, div.forgotPassword input, div.register input
{
	display:block;
	float:left;
	margin-left:0px;
}
input#password, input#email, input#passwordEmail
{
	width:200px;
}
div.login ul li, div.forgotPassword ul li, div.loginStatus ul li, div.register ul li
{
	float:left;
	margin-left:24px;
}
div.login, div.forgotPassword, div.loginStatus, div.register
{
	overflow:hidden;
	/*height:0px;*/
	display:none;
}

div.login label, div.forgotPassword label
{
	width:80px;
	text-align:left;float:none;
}
/*div#forgotPassword input#retrievePassword
{
	margin-left:12px;
}*/

/* REGISTRATION PANEL */

div.register h3
{
	margin:0em 0em 0.5em 0em;
	background-color:#80AE41;
	padding:0px 0px 0px 4px;
}

div.register fieldset
{
	clear:left;
}
div.register fieldset#regGenderFieldset label
{
	clear:none;
	width:40px;
	text-align:left;
}
div.register fieldset#regGenderFieldset input
{
	border:none;
}
div.login span.rememberMe input
{
	border:none;
	float:left;
}
div.register fieldset
{
	margin:0px 24px;
}
div.register div.regColumn
{
	width:48%;
	float:left;
}
div.register input.regDoRegister, div.register input#regCancel
{
	margin-right:24px;
	margin-top:8px;
	float:right;
}

.nav li.loginlink
{
	float:right;
}
div.loginlinks
{
	height:35px;
	margin-top:7px;
	font-size:1.2em;
	text-align:right;
	color:#fff;
}
div.loginlinks ul
{
	height:25px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:10px 0pt 0pt;
	position:relative;
	z-index:300;
	float:right;
}
div.loginlinks ul li
{
	border-left:1px solid #FFFFFF;
	float:left;
	margin:0pt;
	padding:0pt;
}
div.loginlinks ul li.first
{
	border:none;
}

div.loginlinks a/*, div#logInStatus a*/
{
	/*display:block; float:left; color:#FFF; margin:0; padding:0px 15px; height:32px; line-height:1em; text-decoration:none; white-space:nowrap;*/
}

div#logInStatus span
{
	display:block;
	width:auto;
	font-size:0.8em;
	line-height:1.2em;
	margin-right:12px;
	padding-top:10px;
	
	float:right;
}

a.closebutton
{
	display: block;							
	float:right;
	width: 16px;
	height: 16px;
	text-indent: 20px;
	overflow: hidden;
	background:transparent url("../images/interface/close_buttons.gif") no-repeat scroll 0px 0px;
	margin-top:2px;
}
a.closebutton:hover
{
	background:transparent url("../images/interface/close_buttons.gif") no-repeat scroll -16px 0px;
}
a.expand
{
	margin-right:8px;
	margin-top:4px;
	float:left;
	display: block;						
	width: 16px;
	height: 16px;
	text-indent: 20px;
	overflow: hidden;
	background:transparent url("../images/interface/expand_collapse_arrows.gif") no-repeat scroll 0px 0px;
}
a.expand:hover
{
	background:transparent url("../images/interface/expand_collapse_arrows.gif") no-repeat scroll 0px -16px;
}

a.collapse
{
	margin-right:8px;
	margin-top:4px;
	float:left;
	display: block;						
	width: 16px;
	height: 16px;
	text-indent: 20px;
	overflow: hidden;
	background:transparent url("../images/interface/expand_collapse_arrows.gif") no-repeat scroll -16px 0px;
}
a.collapse:hover
{
	background:transparent url("../images/interface/expand_collapse_arrows.gif") no-repeat scroll -16px -16px;
}

a
{
	outline:none;
}

/* POLL */
div#poll
{
	margin-top:12px;	
}
div#poll input[type=radio]
{
	border:none;
}

div#poll label
{
	display:inline;
	float:none;
}
div#poll ol
{
	margin-left:36px;
}
div#pollThanks
{
	display:none;
}
p.pollResultAnswer
{
	margin-bottom:0px;
	padding:0px;
	margin-left:24px;
}
p.pollResultBar
{
	display:block;
	width:1px;
	height:8px;
	background-color:#990000;
	margin-top:0px;
	padding:0px;
	margin-left:24px;
	margin-bottom:12px;
}

/* BOOKMARKS */
.bookMarkButtons
{
	margin:0 7px;
	padding:0px 7px 4px 7px;
	background:white;
}

.bookMarkButtons ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 0 30px;
	text-align:left;
	margin:0;
}
.bookMarkButtons ul li {
	display:block;
	float:left;
	margin:0px 26px 0px 0px;
	padding:2px 0px;
	text-align:center;
	float:left;
	line-height:16px;
	width:80px;
}
.bookMarkButtons ul li a
{
	color:#999999;
	padding:2px 0 0px 20px;
	font-size:11px;
	float:left;
}
div.adminNavContainer {
	float:left;
}
dl#adminNav {
	float:left;
	font-size:10px;
	font-weight:bold;
	height:15px;
	position:absolute;
	text-transform:uppercase;
	top:9px;
	z-index:100;
	margin:0;
}
dl#adminNav dd {
	float:left;
	font-size:11px;
	font-weight:bold;
	padding:1px 8px 0 9px;
	border-right:1px solid #0098C3;
	margin:0;
	height:10px;
	line-height:10px;
}

dl#adminNav dd a{
	color:#0098C3;
	line-height:10px;
	
}
dl#adminNav .last {
	border:none;
}
dl#adminNav dd.contrast {
	padding:1px 10px 0 9px;
}
dl#adminNav dd a:hover
{
	color:#FFF;
}
dl#adminNav dd.stc a:link, dl#adminNav dd.stc a:visited {
	color:#666666;
}
dl#adminNav dd.stc a:hover {
	background-color:#0098C3;
	color:#FFFFFF;
}
dl#adminNav dd.contrast a:link, dl#adminNav dd.contrast a:visited {
	display:block;
	padding:0 5px;
}
dl#adminNav dd.contrast a:focus, dl#adminNav dd.contrast a:hover {
	background-color:#666666;
}
dl#adminNav dd.first {
	background:transparent none repeat scroll 0 0;
	padding:1px 8px 0 0;
}
dl#adminNav dd.cart a:link, dl#adminNav dd.cart a:visited {
	display:block;
	height:11px;
	width:16px;
};
#bookMarkButtons ul li a
{
	color:#999;
}
.navContainer
{
	margin:30px 0 0 0;
	padding: 0;
	z-index: 1000;
	font-size:15px;
	/*background:#FFF url(../images/interface/nav_bg.gif) 0px 0px no-repeat;*/
	border-top:1px solid #ACDEEC;
	background:#F3F3F3;
	position:relative;
	height:35px;
	width:961px;
	float:left;
}
.navContainer .nav
{
	height:35px;

}
.nav li a.current, .nav li.home a.current {
	
}


.navblankhack { float:right; clear: none;} /* IE hack to get submenus to hover correctly */
/* START MENU */
.nav {
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	float:left;
}

.nav ul {
	min-width:150px;
	list-style:none;
	position:relative;
	z-index:200;
	margin:9px 0 0 -1px;
	padding:0;
}

.nav li {
	float:left;
	line-height:30px;
	height:35px;
	vertical-align:middle;
	margin:0;
	padding:0;
	border-right:1px solid #CACACA;
}
.nav li.first{
	/*border-left:1px solid #CACACA;*/
}
.nav li li {
	float:none;
	background:#EFEFEF !important;
	border:none;
	border-top:1px solid #D9D9D9;
	background-image:none;
	padding:0;
	margin:0;
	line-height:35px;
	height:35px;
}
/* a hack for IE5.x and IE6 */
* html .nav li li {float:left; width: 100%; w\idth: 150px;}
.nav li.current a {
	color:#5A5A5A;
}

.nav li a {
	color:#5A5A5A;
	font-size:12px;
	font-weight:bold;
	height:35px;
	vertical-align:middle;
	text-transform:uppercase;
	text-decoration:none;
	white-space:nowrap;
	margin:0;
	padding:0 8px 0 7px;

}
.nav li li a {
	font-size:11px;
	background-color:transparent;
	color:#FFF;
	margin:0;
	padding:0 8px 0 8px;
	display:block;
	vertical-align:middle;
	line-height:35px;
	height:35px;
	border:none;
}
.nav li.first a
{

}
.nav li a:hover
{
	background:none;
	color:#333333;
}

.nav li li.first a, .nav li.first ul a
{

}
/*OVERRIDE parent links (ie li includes a nested list) */
/*.nav li a.top-parent {background: transparent url(..images/interface/nav_downarrow.gif) top right no-repeat;}*/
.nav li li a.sub-parent,
.nav li li li a.sub-parent,
.nav li li li li a.sub-parent 
{background: transparent url(../images/interface/nav_rightarrow.gif) top right no-repeat;}


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

.nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html .nav ul {width: 150px} /* acts as min-width */

.nav li li a:hover
{
	background:#E8E8E8;
}
/* it could have been this simple if all browsers understood */
/* show next level */
.nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-5px;}
/* keep further levels hidden */
.nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed NOTE - I'm applying bg only to the li, not the a. The a gets its bg from elsewhere. */
.nav li:hover {}
.nav li:hover > a {text-decoration:none; color:#333333;}
.nav li:hover li:hover > a {text-decoration:none; color:#FFF; background-image:none;}

/* IE STUFF FROM HERE ON IN */
/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
.nav li:hover li:hover ul,
.nav li:hover li:hover li:hover ul,
.nav li:hover li:hover li:hover li:hover ul,
.nav li:hover li:hover li:hover li:hover li:hover ul
{left:-5px; margin-left:100%; top:-5px;}

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

/* show path followed - first level*/
.nav li:hover li:hover {text-decoration:none; color:#333333; background-image:none;}

/* show path followed - other levels */
.nav li:hover li:hover a,
.nav li:hover li:hover li:hover a,
.nav li:hover li:hover li:hover li:hover a,
.nav li:hover li:hover li:hover li:hover li:hover a,
.nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#333333; background-color: #FAFAFA;background-image:none;}


/* hide further possible paths (reset to non-hover display values) */
.nav li:hover li a,
.nav li:hover li:hover li a,
.nav li:hover li:hover li:hover li a,
.nav li:hover li:hover li:hover li:hover li a,
.nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#333333; background-color: #E8E8E8; background-image:none;}


#udm
{
	z-index:3000;
}

.udmContainer {

	margin: 0;
	padding: 0;
	z-index: 2000;
	font-size:15px;
	background:#FFF;
	position:relative;
	float:left;
}

/* START MENU */
.udmnav {
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	float:left;
}

.udmnav ul {
	width:166px;
	background:#0098C3;
	list-style:none;
	position:relative;
	z-index:200;
	margin:0;
	padding:0;		
}

.udmnav li {
	float:left;
	line-height:25px;
	height:25px;
	vertical-align:middle;
	margin:0;
	padding:0;
}

.udmnav li li {
	float:none;
	background:#0098C3 !important;
	border:none;
	border-top:1px solid #59BCD8;
	background-image:none;
	padding:0;
	margin:0;
	line-height:18px;
	display:block;
	height:auto;

}
/* a hack for IE5.x and IE6 */
* html .udmnav li li {float:left; width: 100%; w\idth: 166px;}
.udmnav li.current a {
	color:#5A5A5A;
}

.udmnav li a {
	color:#0098C3;
	font-size:15px;
	font-weight:bold;
	line-height:15px;
	text-transform:uppercase;
	text-decoration:none;
	margin:0;
	padding:0 8px 0 7px;
	border-left:1px solid #0098C3;
	vertical-align:middle;
	height:auto;
}
.udmnav li li a {
	font-size:11px;
	background-color:transparent;
	color:#FFF;
	margin:0;
	padding:0 8px 0 8px;
	display:block;
	vertical-align:middle;
	line-height:18px;
	border:none;

}
.udmnav li.first a
{
	border: none;
	padding-left:0;
}
.udmnav li li.first a, .udmnav li.first ul a
{
	padding-left:10px;
}
/*OVERRIDE parent links (ie li includes a nested list) */
/*.udmnav li a.top-parent {background: transparent url(..images/interface/nav_downarrow.gif) top right no-repeat;}*/
.udmnav li li a.sub-parent,
.udmnav li li li a.sub-parent,
.udmnav li li li li a.sub-parent 
{background: transparent url(../images/interface/nav_rightarrow.gif) top right no-repeat;}


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

.udmnav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html .udmnav ul {width: 150px} /* acts as min-width */

.udmnav li li a:hover
{
	background:#59BCD8;
}
/* it could have been this simple if all browsers understood */
/* show next level */
.udmnav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-5px;}
/* keep further levels hidden */
.udmnav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed NOTE - I'm applying bg only to the li, not the a. The a gets its bg from elsewhere. */
.udmnav li:hover {background:#0098C3 !important; }
.udmnav li:hover > a {text-decoration:none; color:#FFF;}
.udmnav li:hover li:hover > a  {text-decoration:none; color:#FFF; background-color: #59BCD8; background-image:none;}

/* IE STUFF FROM HERE ON IN */
/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
.udmnav li:hover li:hover ul,
.udmnav li:hover li:hover li:hover ul,
.udmnav li:hover li:hover li:hover li:hover ul,
.udmnav li:hover li:hover li:hover li:hover li:hover ul
{left:-5px; margin-left:100%; top:-5px;}

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

/* show path followed - first level*/
.udmnav li:hover, 
.udmnav li:hover a {color:#FFF;}
.udmnav li:hover li:hover {
	background:#59BCD8;
	color:#FFF;
}

/* show path followed - other levels */
.udmnav li:hover li:hover a,
.udmnav li:hover li:hover li:hover a,
.udmnav li:hover li:hover li:hover li:hover a,
.udmnav li:hover li:hover li:hover li:hover li:hover a,
.udmnav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#FFF; background-color: #59BCD8;background-image:none;width:inherit}


/* hide further possible paths (reset to non-hover display values) */
.udmnav li:hover li a,
.udmnav li:hover li:hover li a,
.udmnav li:hover li:hover li:hover li a,
.udmnav li:hover li:hover li:hover li:hover li a,
.udmnav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#FFF; background-color: #0098C3; background-image:none;}
;

//content retrieved:11/03/2010 8:43:41 AM