@charset "utf-8";

/*
Richard Russell, 6-3-2009
revised Jan. 13, 2012 rer

	white =     FFFFFF
	black =     000000
	red =       ED181E
	yellowish = FFFFCC
	link =      FFCC33
*/

/* Default ---------------------------------------------------------------- */

/* Global */

body {
/*	background-color: #000000;*/
/*	color:#FFFFCC;*//* yellowish */
	margin-top: 0px;
	margin-bottom: 10px;
	font-size:14px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;

/* this changes to black on white: */
	background-color: #FFFFFF;
	color:#000000;/* black */
}

/* for black on white, comment-out the first three: (A, A.link, A.visited) 
A {
	color: #FFCC33;
}

A.link {
	color: #FFCC33;
}

A.visited {
	color: #999900;
}
*/
A:hover {
	text-decoration: none;
}

a.discography {
	color: red;
	text-decoration: none;
}

p{
	font-size:14px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-style:normal;
}
/* used in steve.php */
p.bullet {
	font-size:30px;
	text-align:center;
	height:20px;
	padding:0px;
	margin:0;
}
/* used in steve.php */
p.littleheader
{
	text-align:center;
	text-decoration:underline;
}
ul{
	font-size:14px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-style:normal;
}
li{
	font-size:14px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-style:normal;
}
blockquote{
	font-size:14px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-style:normal;
}

h1{
	/* change for black on white: */
	color:#000000;
	/*color:#FFFFFF;*/
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:24px;
	font-style:normal;
}

h2 {
	/* change for black on white: */
	color:#000000;
	/*color:#FFFFFF;*/
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:20px;
}

h3 {
	/* change for black on white: */
	color:#000000;
	/*color:#FFFFFF;*/
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:18px;
}
h4
{
	font-size:12px;
	/* change for black on white: */
	color:#000000;
/*	color:#FFFFFF;*/
	font-weight: normal;
}

.underline
{
	text-decoration:underline;	
}

.bold
{
	font-weight: bold;
}

.center
{
	text-align:center;	
}

.left
{
	text-align:left;
	text-decoration: none;
	color:black;
}

/* used in steve.php */
.leadin
{
	color:#ED181E;
}

/* used in steve.php */
.tiny
{
	font-size:10px;
}

.smallItalic
{
	font-size:11px;
	font-style:italic;
}

.small
{
	font-size:11px;
}


/* used in header_new.php */
/* controls the width of the page! */
#thePage
{
	position: absolute;
	left:10px;
	width:900px;
	font-size:0px;
	text-align:center;
	padding:0px;
}

/* used steve.php */
#mainbody {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding:0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	width:825px;
/*	overflow:auto;*/
}

/* used in top.php */
/*this holds the logo and navigation bar/s */
#mainheader {
	color:#000000;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

/* used in top.php */
#mainheader hr
{
	position:relative;
/*	margin-top:-15px;*/
	margin-bottom:0px;
	height:1px;
/*	color:#FFFFFF;
 change for white on black: */
	color:#000000;
	text-align:left;
	padding:0px;
/*	spacing:0;*/
}

/* used in top.php */
#mainheader h1
{
	color:#000000;
	padding:0;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
/*	height:10px;*/
}

#mainheader h4
{
	font-size:12px;
	/*	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;*/
	text-align:center;
	padding:0px;
	margin-top:-15px;
	text-align:left;

/*	color:#000000;
	padding:0;
	margin-top:0px;
	margin-bottom:0px;
	height:10px;*/
}

/* may not be needed */
#mainheader A {
	text-decoration: none;
}

/* may not be needed */
#mainheader A:hover {
	color:#ED181E;
	text-decoration: none;
}


#tourfooter {
	margin-top: 25px;
	text-align: center;
	clear:both;
}
/* used in footer1.php */
#mainfooter {
	position: relative;
	margin-top: 25px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
/*	font-size:11px;*/
	clear:both;
}

#mainfooter p
{
/*    text-align: center;*/
	text-indent:0px;
	font-size:10px;
/*	color:#ED181E;*/
}

/*used in footer1.php */
.Horizontal a:visited{
	color:blue;
}
.Horizontal a{
	color:blue;
	text-decoration: none;	
}
ul.Horizontal {
	margin-left: 0px;
	padding-left: 0px;
	font-size:11px;
}
ul.Horizontal li{
	color:#ED181E;
	display: inline;
	font-size:11px;
	background-image: url(http://www.subdudes.com/mt/mt-static/images/status_icons/feed.gif);

	/*white background: */
	/*background-image: url(http://www.subdudes.com/images/redarrow.jpg);*/
	margin-left:0px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 .25em;
}

.Horizontal_tour A:link {
	color:#000000;
}

.Horizontal_tour A{
	color:#000000;
	text-decoration: none;	
}
ul.Horizontal_tour {
	margin-left: 0px;
	padding-left: 0px;
	font-size:12px;
}
ul.Horizontal_tour li{
	display: inline;
	font-size:12px;
/*	color:#ED181E;
	background-image: url(http://www.subdudes.com/mt/mt-static/images/status_icons/feed.gif);
	margin-left:0px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 .25em;
	*/
	padding-left: 9px;
	padding-right: 12px;
	text-decoration: none;
	/*black background: */
	background-image: url(http://www.subdudes.com/images/redarrow.jpg);

	/*white background: */
	/*background-image: url(http://www.subdudes.com/images/redarrow.jpg);*/
	background-repeat: no-repeat;
	background-position: 0 .25em;
}





/* used in bio.php */
#noSidebar
{
	position: relative;
	width:525px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

/* used in bio.php */
#noSidebar p
{
	text-indent:25px;
}

/* I don’t think this is needed; check contact.php */
/*
#noSidebar ul li blockquote
{
	font-size:14px;
}
*/
#bioMugs
{
	position: relative;
	margin-top: 30px;
	font-size:0;
	/*width:385px;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align:center;
}
#bioMugs A
{
	color: #000000;
}

/* used in navigation.php */
#navigation_first_tier
{
	position: relative;
/*	background-color:white;*/
	padding: 0;
	left:0px;
	width:918px;/*this should be the total of the # of nav elements * width of each element */
	margin-left: 0px;
/*	margin-right: auto;*/
	text-align:center;
}

/* used in navigation.php */
/* used in navigation_bios.php */
#navlist
{
	margin:0px;
}
/* used in navigation_bios.php */
/* used in navigation.php */
#navcontainer
{
	padding: 0;
	height: 20px;
	clear: both;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
/* used in navigation_bios.php */
/* used in navigation.php */
#navcontainer ul
{
	margin: 0;/*necessary for IE win */
	border: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font-size:0px;
}

/* used in navigation_bios.php */
/* used in navigation.php */
#navcontainer ul li
{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

/* used in navigation_bios.php */
/* used in navigation.php */
#navcontainer ul li a
{
/*	background: #ff0;*/
	width: 98px;
	height: 18px;
	/* this draws a box around the navigation pieces */
/**/	border-top: 0px solid #f5d7b4;
	border-left: 0px solid #FFFFCC;
	border-bottom: 0px solid #FFFFCC;
	border-right: 0px solid #FFFFCC;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	margin-left:auto;
	margin-right:auto;
}

/* used in navigation_bios.php */
/* used in navigation.php */
#navcontainer ul li a:hover
{
	color: #930;
	background: #f5d7b4;
	margin:0;
}

/* used in navigation_bios.php */
/* used in navigation.php */
#navcontainer a:active
{
	background: #c60;
	color: #fff;
}

/* used in navigation_bios.php */
/* used in navigation.php */
#navcontainer li#active a
{
	background: #c60;
	border: 0px solid #c60;
	color: #fff;
}

/* used in bio.php */
#footnote
{
	position: relative;
	margin-top:30px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	text-align:center;

}

/* used in bio.php */
#footnote hr
{
	width:25%;
}

/* used in bio.php */
#footnote p
{
	text-indent:0px;
	font-size:10px;
}


/* used in navigation_bios.php */
#navigation_second_tier
{
	position: relative;
/*	left:0px;*/
	width:800px;/*this should be the total of the # of nav elements * width of each element */
	padding: 0;
/*	margin-top:-12px;*/
	margin-left: auto;
	margin-right: auto;
	clear: both;
	text-align:center;
}

/* used in steve.php */
#bios_container
{
	width:750px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

/* used in steve.php */
#bios_container p
{
	text-indent:25px;
}

/* used in steve.php */
#bios_container h1
{
	color:#000000;
	font-size:24px;
	/*	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;*/
	text-align:center;
}

/* used in steve.php */
#bios_container h2
{
	font-size:18px;
/*	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;*/
	text-align:center;
	font-style:italic;
}

/* used in steve.php */
#bios_container h4
{
	font-size:12px;
	/*	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;*/
	text-align:center;
	padding:0px;
	margin-top:-15px;
}


/* used in steve.php */
#bio_bandmember
{
	width:520px;
	float:left;
	text-align:left;
}

/* used in steve.php */
#bio_bandmember h4
{
/*	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;*/
/*	font-style:normal;*/
	text-align:center;
	margin-top:-15px;
	text-indent:0px;
	font-size:12px;
}

/* used in steve.php */
#bio_sidebar
{
	width:210px;
	float:right;
	text-align:left;
}

/* used in steve.php */
#bio_sidebar ul
{
	font-size:12px;
}

/* used in steve.php */
#bio_sidebar li
{
	font-size:12px;
}

/* used in steve.php */
#bio_sidebar p
{
	text-indent:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size:12px;
}

/* used in steve.php */
#bio_sidebar p.intro
{
	margin-bottom: 3px;
	font-size:14px;
}

/* used in steve.php */
#bio_sidebar hr
{
	width:90%;
	margin-top: 10px;
	margin-bottom: 0px;
}
/* used in steve.php*/
img.bio_image_main
{
	display:block;
	margin:0 auto;
	text-align:center;
	width:175px;
	border:1px solid black;
}
img.bio_image_band
{
	display:block;
	margin:0 auto;
	text-align:center;
	width:500px;
	border:1px solid black;
}
/* used in lyrics pages*/
img.lyrics
{
	width:200px;
	height:200px;
	border:0px solid black;
}
/* used in steve.php */
#bio_photo_left
{
	display: block;
	float: left;
	margin-right:10px;
	margin-bottom:5px;
}
/* used in steve.php */
#bio_photo_right
{
	display: block;
	float: right;
	margin-left:10px;
	margin-bottom:5px;
}
/* used in steve.php */
img.photo_left
{
	margin: 0px 10px 10px 0px;
	border:1px solid black;
}
/* used in steve.php */
img.photo_right
{
	margin: 0pt 0pt 10px 10px;
	border:1px solid black;
}
/* used in steve.php */
span.caption
{
	padding:0 0 5px 0;
	text-align:left;
	font-size:11px;
	text-indent:0px;
}

/* used in steve.php */
img.discography
{
/*width="64" height="64" vspace="2" hspace="0" border="0" */
	width:64px;
	height:64px;
/*	text-align:center;*/
	margin:0px 2px 2px 0px;
	border:0px solid black;
}

/* used in steve.php */
#bio_sidebar ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/* used in steve.php */
#bio_sidebar li
{
	list-style: circle outside;
	margin-left:15px;
}


/* used in steve.php */
#bio_sidebar .arrowlist ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}


/* used in steve.php */
#bio_sidebar .arrowlist ul li
{
	display: block;
	margin-left:0px;
	padding-left: 8px;
	text-decoration: none;
	/*black background: */
	background-image: url(http://www.subdudes.com/images/redarrow.jpg);

	/*white background: */
	/*background-image: url(http://www.subdudes.com/images/redarrow.jpg);*/
	background-repeat: no-repeat;
	background-position: 0 .25em;
}

/* used in all lyrics pages */
#lyrics
{
	width:772px;
	padding:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#lyrics table
{
	border: 0px solid red;
}
#lyrics td
{
	border: 0px solid red;
	color:red;
}
#lyrics .smallDiv
{
	margin:0; border: 0px solid #00008b;
}

#lyrics .mainDiv
{
	margin:20 auto;
	width:740px;
}

#lyrics .fixedlayout
{
	table-layout:fixed;
}

#lyrics .maintable
{
	width:810px; vertical-align:top;
}

#lyrics .col1
{
	width:330px; vertical-align:top; text-align:left;
}

#lyrics .col1b
{
	width:380px; vertical-align:top; text-align:left;
}

#lyrics .col2
{
	width:110px; vertical-align:top; text-align:center;
}

#lyrics .col2b
{
	width:60px; vertical-align:top; text-align:center;
}

#lyrics .col3
{
	width:110px; vertical-align:top; text-align:center;
}

#lyrics .colimage
{
	width:200px; vertical-align:top; text-align:left;
}

#lyrics .colmain
{
	width:600px; vertical-align:top; text-align:left;
}

#lyrics .minwidth
{
	width:auto;
}
#smallbodytype {
	font-size:12px;
}

img.discographyMain
{
	width:81px;
	height:81px;
	border:0px;
	margin:0px;
}
td.discographyMain{
width:81px;
color:red;
text-decoration: none;
vertical-align:top;
padding:0px;
border-spacing:0px;
text-align:left;
}
table.discographyMain{
border:0px;
padding:0px;
border-spacing:0px;
font-size:11px; 
color:red; 
vertical-align:top;
margin-left:auto;
margin-right:auto;
text-align:center;
width:891px;
}

img.discographyTease
{
	width:60px;
	height:60px;
	border:0px;
	margin:0px;
}
td.discographyTease{
width:60px;
color:black;
text-decoration: none;
vertical-align:top;
padding:0px;
border-spacing:0px;
text-align:left;
}
table.discographyTease{
border:0px;
padding:0px;
border-spacing:0px;
font-size:11px; 
color:red; 
vertical-align:top;
margin-left:auto;
margin-right:auto;
text-align:center;
width:180px;
}

td.tommy
{ 
/*	background-color: #EDDFFB;*/
background-color: red;
text-align: center;
font-size:13px;
/*border-bottom: 1px #6699CC dotted;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; 
*/
}
td.john
{ 
background-color: green;/* #E3FBE9 */
text-align: center;
font-size:13px;
}
td.jimmy
{ 
background-color: #DBEBFF;
text-align: center;
font-size:13px;
}
td.steve
{ 
background-color: #FFFF99;
text-align: center;
font-size:13px;
}
td.subdudes
{ 
/*	background-color: #FFFFFF;*/
background-color: yellow;
text-align: center;
font-size:13px;
color:red;
}


table.tourKey{
border:0px;
padding:0px;
border-spacing:0px;
width:825px;
}
hr.tourRuler
{
/*	width:780px;*/
	color:#000000; 
	background-color:#000000; 
	height:1px;
	border:none;
	margin-top: 3px;
	margin-bottom: 3px;
}
div.tourRuler
{
/*margin-left:45px;*/
clear:both;
}

.subdudes{
/*	background-color: #FFFFFF;*/
	background-color: yellow;
	border-left: 5px solid yellow;
	border-right: 5px solid #FFFFFF;
}
.steve{
	background-color: #FFFF99;/* 3344EE */
	border-left: 5px solid #FFFF99;
	border-right: 5px solid #FFFFFF;
}
.jimmy{
	background-color: #DBEBFF;/* 3344EE */
	border-left: 5px solid #DBEBFF;
	border-right: 5px solid #FFFFFF;
}
.john{
	background-color: green;/* #E3FBE9 but was 338800 */
	border-left: 5px solid green;/*#E3FBE9*/
	border-right: 5px solid #FFFFFF;
}
.tommy{
	background-color: red;
	border-left: 5px solid red;
	/*	background-color: #EDDFFB;*/
/*	border-left: 5px solid #EDDFFB;*/
	border-right: 5px solid #FFFFFF;
}

div.tourDiv {
	width:825px;
	padding:0px;
	border-spacing:0px;
	border:0px;
	padding-bottom: 10px;
}

/*
Rows

For table rows reset your paragraph margins to 0, clear each paragraph so that any cells from the previous row - which will be floated next - do not spill over, and finally set your width to 100% so that rows expand the entire width of your table container.
*/
p.tourDiv {
	text-align:left;
	font-size:14px;
	clear: both;
	width: 100%;
	margin: 0;
	}

/*
Columns

Create your columns by floating spans to the left, this way they can sit side by side on a single row. The majority of table borders are defined here gloabally. Define only the right and bottom borders. Each border will become the left and bottom border respectively of the adjacent cell. I give each span some padding to keep the contents off of the borders.
*/

span.tourDiv  {
	float: left;
	padding: 3px 0px;
	border-bottom: 0px;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	}

/* main #tourDiv width (above) is sum of column widths, padding, and borders */
/*
Finally, specify a width for each column, and in your last column add the right border.
*/
span.tourIsNew {
	width: 35px;
	color:red;
	}

span.tourDate {
	width: 70px;
	}

span.tourCity {
	width: 180px;
	}

span.tourVenue {
	width: 180px;
	}

span.tourTime {
	width: 5px;
}

span.tourDetails {
	width: 291px;/* was 188px*/
}

span.tourTickets {
	width: 5px;/* was 47px*/
}

.tourTickets{
	color:red;
	text-decoration:none;
}







#tourTableOld {
	width: 825px;
	padding:0px;
	border-spacing:0px;
	border:0px black;
	padding-bottom: 10px;
	}

/*
Rows

For table rows reset your paragraph margins to 0, clear each paragraph so that any cells from the previous row - which will be floated next - do not spill over, and finally set your width to 100% so that rows expand the entire width of your table container.
*/
#tourTableOld p {
	text-align:left;
	font-size:13px;
	clear: both;
	width: 100%;
	margin: 0;
	}

#tourTableOld A {
	color:red;
	text-decoration: none;
	}

/*
Columns

Create your columns by floating spans to the left, this way they can sit side by side on a single row. The majority of table borders are defined here gloabally. Define only the right and bottom borders. Each border will become the left and bottom border respectively of the adjacent cell. I give each span some padding to keep the contents off of the borders.
*/

#tourTableOld span {
	float: left;
	padding: 3px 0px;
	border-left: 0px;
	border-bottom: 0px;
	}

/* main #tourTableOld width (above) is sum of column widths, padding, and borders */
/*
Finally, specify a width for each column, and in your last column add the right border.
*/
#tourTableOld span.col1 {
	border-right: 5px solid white;
	width: 95px;
	}

#tourTableOld span.col2 {
	border-left: 5px solid white;
	border-right: 5px solid white;
	width: 378px;
	}

#tourTableOld span.col3 {
	border-left: 5px solid white;
	border-right: 5px solid white;
	width: 42px;
	color:red;
	}

#tourTableOld span.col4 {
	width: 275px;
	border-left: 5px solid white;
	border-right: 0px;
	color:blue;
	}

#mainbar {
padding-top: 10px;
margin-right:180px;
/*background: #ddd;*/
padding-bottom: 10px;
border-top: 1px solid white; /* to stop collapsing margins in Moz */
}

#sidebar {
width: 180px;
margin: 0px;
float: right;
padding:0px;
/*background:#aaa;*/
}

#wrapper {
width:100%;
float:left;
margin-right:-201px;
}



/* widget stuff... may not all be needed ... */


.widget-header,
.widget-content-right,
.widget-content {
	background-color:#FFFFFF;
	font-size:14px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
/*    width:145px;*/
	margin-right: 0px;
	margin-left: 0px;
/*    margin-bottom: 0px;*/
}

/*
a,
.widget-content-right a,
.widget-content a {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #FFFFCC;
}

#content .widget-powered .widget-content .widget-content-right {
	margin-bottom: 30px;
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
} 

.widget-content-right,
.widget-content {
	margin-bottom: 30px;
	font-size: 11px;
}

.widget-powered .widget-content {
	padding: 0px;
	text-align: center;
}

.widget-calendar .widget-content table {
	font-size: 10px;
}

#footer .widget-content {
	padding-right: 0;
	padding-left: 0;
}

#footer .widget-powered .widget-content {
	padding: 0;
	text-align: left;
}
*/



div.audioDiv {
	width:700px;
	padding:0px;
	border-spacing:0px;
	border:0px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

/*
Rows

For table rows reset your paragraph margins to 0, clear each paragraph so that any cells from the previous row - which will be floated next - do not spill over, and finally set your width to 100% so that rows expand the entire width of your table container.
*/
p.audioDiv {
	text-align:left;
	font-size:13px;
	clear: both;
	width: 100%;
	margin: 0;
	}

/*
Columns

Create your columns by floating spans to the left, this way they can sit side by side on a single row. The majority of table borders are defined here gloabally. Define only the right and bottom borders. Each border will become the left and bottom border respectively of the adjacent cell. I give each span some padding to keep the contents off of the borders.
*/

span.audioDiv  {
	float: left;
	padding: 3px 0px;
	border-bottom: 0px;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	text-align:left;
	}

/* main #audioDiv width (above) is sum of column widths, padding, and borders */
/*
Finally, specify a width for each column, and in your last column add the right border.
*/
span.audioDate {
	width:95px;
	border-left: 0px solid #FFFFFF;
/*	color:red;*/
	}

span.audioVenue {
	width: 390px;
	}

span.audioDownload {
	width: 75px;
	text-align:right;
}

span.audioSpacer {
	width: 5px;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	text-align:center;
}

span.audioStream {
	width: 75px;
	border-right: 0px solid #FFFFFF;
}

.audioLink{
	color:red;
	text-decoration:none;
}

div.opacity25 { /* 25% opaque */
	background-color:white;
	opacity:0.25;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)";
	filter:alpha(opacity=25);
	zoom:1;
}
div.opacity50 { /* 50% opaque */
	background-color:white;
	opacity:0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter:alpha(opacity=50);
	zoom:1;
}
div.opacity75 { /* 75% opaque */
	background-color:white;
	opacity:0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
	filter:alpha(opacity=75);
	zoom:1;
}
div.opacity100 { /* fully opaque */
	background-color:white;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter:alpha(opacity=100);
	zoom:1;
}
.prototype-wrapper {
	width:180px;
	margin: 0 auto;
}