UNKNOWN { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	VERTICAL-ALIGN: top; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times 
	} 

H2 { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	VERTICAL-ALIGN: top; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times 
	} 
	
P, LI { 
	FONT-SIZE: 8pt; 
	VERTICAL-ALIGN: top; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times 
	} 
	
TH { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	VERTICAL-ALIGN: top; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times 
	} 
	
TH.popup { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	VERTICAL-ALIGN: top; 
	COLOR: #ffffff; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times; 
	BACKGROUND-COLOR: #000000 
	} 
	
TR.title { 
	BACKGROUND-COLOR: #006363 
	} 
	
TD { 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times 
	} 
	
TD.popup { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	VERTICAL-ALIGN: top; 
	COLOR: #ffffff; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times 
	} 
	
TD.popupgold { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	VERTICAL-ALIGN: top; 
	COLOR: #ffcc33; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times; 
	BACKGROUND-COLOR: #571b7e 
	} 
	
TD.headermenu { 
	VERTICAL-ALIGN: middle 
	} 
	
TD.menu { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8px; 
	COLOR: #ffffff 
	} 
	
TD.body { 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt 
	} 
	
TD.bodybold { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt 
	} 
	
TD.popupgoldlarge { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 18pt; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times 
	} 
	
TD.dataelem { 
	FONT-SIZE: 8pt; 
	VERTICAL-ALIGN: top; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times; 
	BACKGROUND-COLOR: #ffffff 
	} 
	
SPAN { 
	FONT-WEIGHT: normal 
	} 
	
SPAN.small { 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt 
	} 
	
TD.bodysmall { 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt 
	} 

A:hover { 
	COLOR: #999966; 
	TEXT-DECORATION: none
	} 
	
A.blue:link { 
	COLOR: #333399 
	} 
	
A.blue:active { 
	COLOR: #333399 
	} 
	
A.blue:visited { 
	COLOR: #333399 
	} 
	
A.plain:link { 
	COLOR: #0000ff; 
	TEXT-DECORATION: none 
	} 
	
A.plain:active { 
	COLOR: #0000ff; 
	TEXT-DECORATION: none 
	} 
	
A.plain:visited { 
	COLOR: #0000ff; 
	TEXT-DECORATION: none 
	} 
	
OPTION { 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt 
	} 
	
INPUT { 
	FONT-SIZE: 10px 
	} 
	
.history { 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times 
	} 
	
.history-head { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	COLOR: #ffffff; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times; 
	BACKGROUND-COLOR: #005555 
	} 
	
.info { 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11pt; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial, Times 
	} 
	
.grey { 
	BACKGROUND-COLOR: #eeeeee 
	} 
	
SELECT.data { 
	FONT-SIZE: 10px; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial 
	} 
	
.copyright { 
	FONT-SIZE: 7pt; 
	COLOR: #666666; 
	FONT-FAMILY: Verdana, Helvetica, Sans-Serif, Arial 
	} 
	
BODY { 
	MARGIN-TOP: 0px; 
	MARGIN-LEFT: 0px 
	} 
	
.nound { 
	color: #FFFFFF; 
	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px
	}

.Title { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #999966
	}

.beigeLink { 
	color: #CCCC99; 
	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold
	}

.subtitle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #003366
	}

.beigesubtitle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #999966
	}

.beigefont { 
	color: #CCCC99; 
	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px 
	}

.blacklinks { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none
	}

.blacklinks:hover { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none
	}

.blacklinks:active { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none
	}

.whitelinks { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold; 
	text-decoration: none
	}

/*
.whitelinks:hover { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	font-weight: bold
	}
*/

.whitelinks:link { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: white; 
	font-weight: bold
	}

.whitelinks:visited 
{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: white; 
	font-weight: bold
}


.textbox { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000000; 
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #000000;
	}

.text { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 11px; 
	line-height: 18px;
	}

.bullet { 
	list-style-position: outside; 
	list-style-image: url(images/bullet.jpg)
	}

.title { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #FF6600
	}

.subtitle { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
	color: #FF0000
	}

.footer { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	background-image: url(images/figure_btm_mid2.jpg); 
	background-repeat: no-repeat; 
	background-position: right bottom
	}

.footerlink { 
	color: #000000; 
	text-decoration: none
	}

.footerlink:hover { 
	color: #FF5608
	}
	
/* situational tags */

.mb {
  width: 125px;
}

.type1 {
  background-color: white;
}

.type2 {
  background-color: #EEE;
}

.type3 {
  background-color: #CCC;
  font-weight: bold;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.yellow {
  background-color: #FFCC99;
}

.error {
  color: red;
}

hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #006699 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EFEFEF; }
td.row2	{ background-color: #DEE3E7; }
td.row3	{ background-color: #D1D7DC; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(templates/subSilver/images/cellpic2.jpg);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #000000; font-size: 11px; font-weight : bold;
	background-color: #FFA42A; height: 25px;
	background-image: url(templates/subSilver/images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(templates/subSilver/images/cellpic1.gif);
			background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: #D1D7DC; border: #FFFFFF; border-style: solid;
}

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */
.gen { font-size : 10px; }
.genmed { font-size : 10px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle		{ text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink 	{ text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #006699; }
a.nav:hover		{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover	{ text-decoration: underline; color : #DD6900; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/* Form elements */

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}


/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
/* @import url("templates/subSilver/formIE.css");	 */

/* Event Calendar */
/**** month and year header at top of calendar ****/
.date_header			{ font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold }

/**** color and size of calendar cells.  ****/
.day_cell				{ background-color:#EDECD8; height:80; width: 95; }
.empty_day_cell			{ background-color:#EEEEEE; height:80; width: 95; }
.today_cell				{ background-color:#F5F4ED; height:80; width: 95; }

/**** day number in upper left corner of each cell ****/
.day_number				{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000 }

/**** title_txt is the text for each post on main page ****/
.title_txt				{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000 }
.title_txt A:link		{ color:#00F; text-decoration:underline }
.title_txt A:active		{ color:#00F; text-decoration:underline }
.title_txt A:visited	{ color:#00F; text-decoration:underline }
.title_txt A:hover		{ color:#00F; text-decoration:underline }

/**** time line under title text when event time given ****/
.time_str				{ font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; }

/**** column headers or days of the week ****/
.column_header			{ background-color:#2663E2; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold }

/**** footprint text ****/
.footprint				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000; font-weight:bold; }
.footprint A			{ font-size:10px; font-family:verdana, arial, helvetica; color:#00F; font-weight:bold; }

/* UEB MAIL STYLES */
	.textbox {
		color : Black;
		background-color : #F5FFFA;
		height : 19px;
		font-size : 8pt;
		font-family : Verdana, Arial, sans-serif;
	}
	.formfield {
		border-color : #666699 #666699 #666699 #666699;
		border-width : 1 1 1 1;
		color : Black; background-color : #99CCFF;
		height : 19px; font-size : 12px;
	}
	.button{
		color : Black;
		background-color : #F5FFFA;
		height : 19px;
		font-size : 12px;
	}

	.menu { font-family : Verdana, Arial, sans-serif; font-size : 8pt; color : #004080; }
	.menu:link { font-family : Verdana, Arial, sans-serif; font-size : 8pt;color : #004080;  }
	.menu:hover { font-family : Verdana, Arial, sans-serif; font-size : 8pt;color : #004080;  }
	.menu:visited { font-family : Verdana, Arial, sans-serif; font-size : 8pt;color : #004080;  }
	.navigation { font-family : Verdana, Arial, sans-serif; font-size : 8pt;color : #004080; }

	.navigation:link { text-decoration: none; font-family : Verdana, Arial, sans-serif; font-size : 8pt;color : #004080;  }
	.navigation:hover { text-decoration: none; font-family : Verdana, Arial, sans-serif; font-size : 8pt;color : #004080;  }
	.navigation:visited { text-decoration: none; font-family : Verdana, Arial, sans-serif; font-size : 8pt;color : #004080; }

	.autolink:link { text-decoration: underline; font-family : Courier New, Verdana, Arial, sans-serif; font-size : 9pt; color : #004080; }
	.autolink:hover { text-decoration: underline; font-family : Courier New, Verdana, Arial, sans-serif; font-size : 9pt; color : #004080; }
	.autolink:visited { text-decoration: underline; font-family : Courier New, Verdana, Arial, sans-serif; font-size : 9pt; color : #004080; }

	TD.rempli { font-family : Verdana, Arial, sans-serif; background-color : #66CC99;}
	TD.memo { font-family : Verdana, Arial, sans-serif; background-color: #E8E8E8;}
	TD.cent { font-family : Verdana, Arial, sans-serif; text-align: center; font-size : 8pt; font-weight : bold; color: Black; background-color: #E8E8E8; }
	TD.right { font-family : Verdana, Arial, sans-serif; background-color: #E8E8E8; text-align: right; font-size : 8pt; color: Black;}
	TD.headers { font-family : Verdana, Arial, sans-serif; background-color : #CFCFCF; text-align : center; font-size : 8pt; color:  #004080;  }
	TD.default { font-family : Verdana, Arial, sans-serif; background-color : #E8E8E8; font-size : 8pt;color : Black; }
	TD.default9 { font-family : Verdana, Arial, sans-serif; background-color : #E8E8E8; font-size : 9pt;color : Black; }
	TD.title { font-family : Verdana, Arial, sans-serif; color: #191970; background-color : #B0C4DE; text-align : center; font-size : 8pt;}
	TD.headerright { font-family : Verdana, Arial, sans-serif; color: #004080; background-color : #CFCFCF; text-align : right;  font-size : 8pt; }
	
/***** Drupal Imports	
/** MAIN CONTENT **/
.main-content #mission {
	color: #333;
	border: solid 1px #999;
	padding: 5px;
	margin-bottom: 10px;
	background: #fafafa none;
	}

.main-content .node .content, 
.comment .content {
	line-height: 1.5em;
	font-family: verdana, arial, helvetica, sans-serif;  
	font-size: 10px;	
	}

.main-content .node {
	margin-bottom: 10px;
	width: 85%;
	}

.main-content .node h2 {
	padding: 5px;
	margin: 0;
	font-size: 1em;
	background-color: #fafafa;
	border: solid 1px #999;
	}
  
.main-content .static h2 {
	background: #eee;
	}
  
.main-content .node .info {
	padding: 5px;
	margin: 0 10px;
	/* font-size: 0.9em; */
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;  	
	}

.main-content .node .links {
	padding: 5px 10px;
	margin: 0 10px;
	font-size: 0.9em;
	font-weight: bold;
	}

.main-content .node .links a:hover {
	background: #E1E0D2;
	}
	
.main-content .links .read-more {
	/* font-style: italic; */
	/* background: #E1E0D2; */
  /* background: #eee; */
    padding-left: .5em;
    padding-right: .5em;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 10px;      
	}

.main-content .node .links .read-more:hover {
	background: transparent;
	}

.main-content .node .content {
	padding: 5px 10px;
	margin: 0 10px;
	}

.main-content .box {
	margin-bottom: 10px;
	border: solid 1px #999;
	}

.main-content #content-title {
	padding: 5px;
  margin: 0;
	margin-bottom: 10px;
	border: solid 1px #999;
	font-size: 1em;
	background-color: #fafafa;
	}
  
.main-content .breadcrumb {
	padding: 0px;
	/*padding-bottom: 10px;*/
	margin-bottom: 10px;
	font-size: 1em;
  font-weight: bold; 
	}
  
.main-content .breadcrumb {
  text-transform: uppercase;
	}
  
.main-content .box .content {
	padding: 10px;
	}

.main-content .box h2 {
	padding: 5px;
	margin: 0;
	/* font-size: 1em; */
	font-size: 10px; 
	background-color: #fafafa;
	border-bottom: solid 1px #999;
	text-align: center;
	}

.main-content #footer {
	margin: 10px 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #aaa;
	background: #fff;
	}
	
.footerfig {
	background-image: url(/images/figure_btm_mid.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.btn {
	font-size: 10px;
	font-family : Verdana, Arial, sans-serif;
	padding: 1px 1em 1px 0; 
  border: 1px solid black; 
  background: #FF9900; 
  color: #000000; 
  text-decoration: none;
 }
 
TABLE.scroller { 
	position: relative; 
	left: 0; 
	top: 415;
	} 

.box1 { 
 border: 1px #CCCCCC solid;
}
 
.box2 { 
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px; 
	border: 1px #CCCCCC solid; 
}
 
.photo
{
	float:right;
	margin-right:-30px;
	margin-left:5px;
}
 
p
{
	padding-bottom:20px;
	padding-top:0px;
	margin:0px;
}

.header1
{
	font-size:12px;
	color:#666666;
	font-weight:bold;
}

.header2
{
	color:#004677;
	font-weight:bold;
	font-size:11px;
}

.header3
{
	color:#999999;
	font-style:italic;
	font-weight:bold;
	font-size:11px;
}

/*{{{ general playlist settings, light gray */
div.playlist {

	position:relative;
	overflow:hidden;	 	
	height:285px !important;
}

div.playlist div.clips {	
	position:absolute;
	height:20000em;
}

div.playlist, div.clips {
	width:260px;	
}

div.clips a {
	background:url(/images/h80.png);
	display:block;
	background-color:#FF9900;
	padding:12px 15px;
	height:46px;
	width:195px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px outset #ccc;		
	text-decoration:none;
	color:white;
}

div.clips a.first {
	border-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url(/images/light.png) no-repeat 0px -69px;
	width:225px;
	border:0;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
	
}
	
div.clips a.progress {
	opacity:0.6;		
}

div.clips a.paused {
	background-position:0 0;	
}

div.clips a span {
	display:block;		
	font-size:11px;
	color:#666;
}

div.clips a em {
	font-style:normal;
	color:white;
}	

div.clips a:hover {
	background-color:#f9f9fa;		
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ petrol colored */

div.clips.petrol a {
	background-color:#193947;
	color:#fff;
	border:1px outset #193947;
}

div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress {
	background:url(/images/dark.png) no-repeat 0px -69px;
	border:0;
}

div.clips.petrol a.paused {
	background-position:0 0;	
}

div.clips.petrol a span {
	color:#aaa;
}

div.clips.petrol a em {
	color:#FCA29A;
	font-weight:bold;
}	

div.clips.petrol a:hover {
	background-color:#274D58;		
} 

div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ low version */

div.clips.low a {	
	height:31px;
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {
	background-image:url(/images/light_small.png);
	background-position:0 -55px;
}

div.clips.low a.paused {
	background-position:0 0;	
}


/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(/images/arrows/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(/images/arrows/down.png);	
}

div.petrol a.go {
	background-image:url(/images/arrows/up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(/images/arrows/down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}

/*}}}*/