﻿/************************************************************************************/
/* mzt12.css - styles for MOZART  												    */
/* New styles for Mozart 12.														*/
/************************************************************************************/

/*==================================================================================*/
/* div      																		*/
/*==================================================================================*/


div.glue       { width:auto; font-size:1px;  line-height:100%; margin:0px; padding:0px; }
div.gluespace  { width:auto; margin:0px; padding:0px; }

/*
** Two columns on a 700 pixel page:
*/

div.columnleft
{
	float:     left; 
	width:     315px; 
	margin:    0px;
	padding:   0px;
}

div.columnright 	
{
	float:   			right; 
	width:     			315px; 
	margin-top:         0px; 
	margin-right:       0px; 
	margin-bottom:      0px; 
	margin-left:        0px;
	padding:            0px;
}

div.columnleftshop
{
	float:     left; 
	width:     180px; 
	margin:    0px;
	padding:   0px;
}

div.columnleft325
{
	float:     left; 
	width:     325px; 
	margin:    0px;
	padding:   0px;
}

div.columnright325
{
	float:   			right; 
	width:     			325px; 
	margin-top:         0px; 
	margin-right:       0px; 
	margin-bottom:      0px; 
	margin-left:        0px;
	padding:            0px;
}

div.columnleft50
{
	float:     left; 
	width:     50%; 
	margin:    0px;
	padding:   0px;
	min-width: 350px;
}

div.columnright50
{
	float:   			right; 
	width:     			50%; 
	margin-top:         0px; 
	margin-right:       0px; 
	margin-bottom:      0px; 
	margin-left:        0px;
	padding:            0px;
	min-width: 			350px;
}



div.fptextarea    
{ 
/*
	margin:     		0px 10px 0px 10px;
	padding:			5px  0px 5px  0px;
	width:				auto; 
*/
	background-color:	#ffffff;
}

div#fpcolumnleft
{
	float:   		left; 
	width:   		294px; 
	margin-left:	0px;
	margin-right:   3px;
	margin-top:		0px;
	margin-bottom:	0px;
	padding:   		0px;
}

/* fpcolumright: with=455 fits 800pzx page */

div#fpcolumnright
{
	float: 			  right;
	margin-top:         0px; 
	margin-bottom:      0px; 
	margin-left:        3px;	/* room for LH column */
	margin-right:       0px;
	width:			  555px;	 
	padding:            0px;
}

/*----------------------------------------------------------------------------------*/
/* panel corners																	*/

div.panel-rounded-4
{
	border-radius:  4px; 
	margin:         0px;
	padding:        0px;
}

div.panel-rounded-6
{
	border-radius:  6px; 
	margin:         0px;
	padding:        0px;
}

/* panel padding	*/

.panelpad25   { padding-left:25px; padding-right: 25px; 	}
.panelpad20   { padding-left:20px; padding-right: 20px; 	}
.panelpad10   { padding-left:10px; padding-right: 10px; 	}
.panelpad05   { padding-left: 5px; padding-right:  5px; 	}

.panelpad2510 { padding-left:25px; padding-right: 25px; padding-top:10px; padding-bottom:10px; 	}



div.article
{
}

div.panelsq
{
	border: 		2px #dddddd solid;
	margin-top:		6px;	
}

div.panelsq12
{
	border: 		2px #dddddd solid;
	margin-top:		6px;	
}

div.theme-shaded0	/* for shaded panels: see themes below for colour of shading */
{
}

div.servicepack
{
	background-image:    url('image12/service-pack.gif');
	background-repeat:   no-repeat;
	background-position: left top;

}

.themeblue div.separator   { width:auto; font-size:1px; border-bottom:2px groove #0063ef; margin:0px 25px 0px 25px;  padding:0px; }


.themeblue div.theme-shaded0 
{
	background-image:url(image10/bk-blue-2-0-n.png); 
	background-repeat:repeat-y; 
	background-color:#d0f0ff;		/* bk-blue0 */
}

/*==================================================================================*/
/* h	      																		*/
/*==================================================================================*/

.panel-shop-0 h2
{
	text-shadow:    1px 1px 1px #c0c0c0;
	text-align:		center;
	font-weight:	bold; 
	font-size:		12pt; 
	line-height:	200%; 
	vertical-align:	middle; 
	padding-top:	 0px;
	padding-bottom:	 0px; 
	padding-left:	 0px; 
	padding-right:	 0px;
}

.article h2 		
{ 
	color:					#00008b; 
	font-size:				11pt; 
	font-weight:			bold; 
	text-align:				left;   
	text-transform:			uppercase;
	margin-top:				1em;  
	margin-bottom:			0.7em;  
}

.panelsq h2 { margin-top:6px; }

.panelsq12 h2 {  color:#005ED2; text-align:left; margin-top:6px; margin-left:2px; margin-bottom:2px; font-weight:100;}

/*==================================================================================*/
/* p	      																		*/
/*==================================================================================*/

div.shoptab p
{
    margin-left:		 0px;
    margin-top:		 	 0px;
	padding-left:		 0px; 
	padding-right:		 0px;
	padding-top:		 10px; 
	padding-bottom:		 10px;
	font-size:     		 8pt;
}



/*----------------------------------------------------------------------------------*/
/* <a>				   																*/

div.shoptab a
{
	margin-left:		 10px; 
	margin-right:		 10px;
	text-decoration:	 none;
	padding-top:		 10px; 
	padding-bottom:		 10px;
}

div.shoptab a:link	     { color:#0063ef; font-weight:normal; text-decoration:none; }
div.shoptab a:visited 	 { color:#0063ef; font-weight:normal; text-decoration:none; }
div.shoptab a:active  	 { color:#0063ef; font-weight:normal; text-decoration:none; }
div.shoptab a:hover   	 { color:#404040; font-weight:normal; text-decoration:none; }

a.ral				 { background-image:url('image12/onestep.gif'); background-repeat:no-repeat; background-position:left center; padding-left:6px; vertical-align:middle}

a.contactpagelink {}	/* Identified only for javascript manipulation */
	
/*----------------------------------------------------------------------------------*/
/* <span>				   															*/

.head3 			  { font-size:12pt; font-weight:100; }
.themeblue .head3 { color: #0063ef; text-shadow: 1px 1px 1px #c0c0c0;  }


/*----------------------------------------------------------------------------------*/
/* <li>				   																*/

.ul10 li {	 margin-bottom:		10px;	}

li.faqsect	  			 { font-size:10pt;  font-weight:bold;  margin-top:10px;  margin-bottom:10px;}
li.faqqu  				 { font-size:10pt;  text-align:left;   margin-left:2px;  margin-bottom:3px; }

li.faqqu a:link	     { font-weight:normal; text-decoration:underline; }
li.faqqu a:visited 	 { font-weight:normal; text-decoration:underline; }
li.faqqu a:active  	 { font-weight:normal; text-decoration:underline; }
li.faqqu a:hover   	 { font-weight:normal; text-decoration:underline; }



/*----------------------------------------------------------------------------------*/
/* img																				*/

div#mnuhome img		 { vertical-align:baseline;	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*--------------------------------------------------------------------------------------*/
/* themebrown 																			*/

.themebrown h1 		        { color: maroon; }
.themebrown h2 		        { color: maroon; }
.themebrown p.footer        { color: maroon; }
.themebrown div.separator   { width:auto; font-size:1px; border-bottom:2px groove #330404;; margin:0px 25px 0px 25px;  padding:0px; }

.themebrown a:link		{ color: #884444; text-decoration: none; 		font-weight: bold;  }
.themebrown a:visited	{ color: #808080; text-decoration: none; 		font-weight: bold;  }
.themebrown a:active	{ color: #884444; text-decoration: none; 		font-weight: bold;  }
.themebrown a:hover		{ color: #ff0000; text-decoration: underline; 	font-weight: bold;  }

.themebrown div.theme-shaded0 
{
	background-image:url(image10/bk-skymap-2-0-n.png); 
	background-repeat:repeat-y; 
	background-color:#ffefd1;		
}

.themepopup12 h2 
{ 
	color: 				 #0063ef;
	text-align: 		 center;
	font-family:         MZ-OpenSans,Tahoma,Arial, sans-serif;
	font-weight:		 100;
	font-size:			 16pt; 
	
}

.themepopup12 h3
{ 
	color: 				 #0063ef;
	text-align: 		 left;
	font-family:         MZ-OpenSans,Tahoma,Arial, sans-serif;
	font-weight:		 100;
	font-size:			 10pt; 
	
}

/*--------------------------------------------------------------------------------------*/
/* themegreen 																			*/

.themegreen h1 		{ color: #088008; }

div.themegreen h5
{
	font-family:     	Tahoma,Arial,sans-serif;
	font-size:        	10pt;
	font-weight:        bold;
	color:				#088008;
}

.themegreen a:link	     { color:#088008; font-weight:bold; text-decoration:none;      }
.themegreen a:visited 	 { color:#553377; font-weight:bold; text-decoration:none;      }
.themegreen a:active  	 { color:#088008; font-weight:bold; text-decoration:underline; }
.themegreen a:hover   	 { color:#00ff30; font-weight:bold; text-decoration:underline; }

.themegreen div.separator   { width:auto; font-size:1px; border-bottom:2px groove #088008; margin:0px 25px 0px 25px;  padding:0px; }
	

div.tileholder
{
	clear:				 left;
	float:				 left; 
	width:				880px; 
	margin-left:		  0px; 
	margin-right:		  0px; 
	margin-top:			  0px; 
	margin-bottom:		  0px; 
	padding:			  0px;
	color:				 #ffffff;
	background-color:	 transparent;
	font-size:           10pt;
	font-weight:         bold;
	text-align:			 left;
}

div.tilespc
{
	float:				 left; 
	width:				 66px; 
	height:				 80px; 
	margin-left:		  2px; 
	margin-right:		  2px; 
	margin-top:			  2px; 
	margin-bottom:		  2px; 
	padding:			  4px;
	border-width:         1px;
	border-style: 		 solid;
	border-color: 		 #ffffff;
	color:				 #000000;
	background-color:	 transparent;
	font-size:           10pt;
	font-weight:         bold;
	text-align:			 center;
}

/*----------------------------------------------------------------------------------*/
/* Lightbox classes												   					*/

div#black_overlay
{
	display: 			none;
	position: 			absolute;
	top: 				0%;
	left: 				0%;
	width: 				100%;
	height: 			200%;
	background-color: 	black;
	z-index:			1001;
/*
	-moz-opacity: 		0.8;
*/
	opacity:			.80;
	filter: 			alpha(opacity=80);
}

div#box_frame 
{
	display: 			none;
	position: 			absolute;
	top: 				0%;
	left: 				0%;
	width: 				100%;
	text-align:			center;
	padding-top:		120px;
	background-color: 	transparent;
	z-index:			1002;
	overflow: 			auto;
}

div#box_frame1 
{
	display: 			none;
	position: 			absolute;
	top: 				25%;
	left: 				25%;
	width: 				50%;
	height: 			50%;
	padding: 			16px;
	border: 			16px solid orange;
	background-color: 	white;
	z-index:			1002;
	overflow: 			auto;
}

/*
** The music selection butons on the front pahge:
*/

ul.musicbuttonlist
{
	width:				100%;
	margin-left:		0px;	
	margin-right:		0px;
	padding-left:		0px;
	padding-right:		0px;
}

ul.musicbuttonlist li
{
	float:				left;	
	position: 			relative;
	background-image: 	none;
	display:  			block;
	color:	  			#ffffff;
    background-color:   #10315A;
	font-size:			11px;
	font-weight: 		bold;
	line-height:		16px;
	text-decoration:	none;
	padding-top:    	4px;
	padding-bottom:	 	4px;
	padding-left:		0px;
	padding-right:		0px;

	border-top:    1px #ffffff solid;
	border-left:   1px #ffffff solid;
	border-bottom: 1px #808080 solid;
	border-right:  1px #808080 solid;

	/*
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	*/

	border-radius:         4px 4px 4px 4px;
}

ul.musicbuttonlist li:hover
{
	background-image: 	none;
	background-color:	#26568C;
	text-decoration:    underline;
	cursor:				pointer;
}

ul.musicbuttonlist li.btn4  { width: 100px; }
ul.musicbuttonlist li.btn3  { width: 134px; }
ul.musicbuttonlist li.btn3x { width: 134px; }
ul.musicbuttonlist li.btn2  { width: 202px; }

/*
ul.musicbuttonlist li > a
{
	display:  			block;
	color:	  			#ffffff;
    background-color:   #10315A;
}


ul.musicbuttonlist li > a:hover
{
	background-color:	#26568C;
}
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* buttons for play-back															*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

button.play 
{ 
	width:				16px; 
	height:				15px; 
	background-image:	url('images/btnplay1.gif');
	background-repeat:  no-repeat; 
	background-origin:  border-box; 
	padding:			0px; 
	border-width:		0px; 
	margin:				0px; 
}

button.stop 
{ 
	width:				16px; 
	height:				15px; 
	background-image:	url('images/btnstop1.gif'); 
	background-repeat:  no-repeat;
	background-origin:  border-box; 
	padding:			0px; 
	border-width:		0px; 
	margin:				0px; 
}

.playbar01
{
	width:				400px; 
	height:				30px; 
	padding:			0; 
	border:				1px gainsboro solid;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* equations and tables 															*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.tlbr
{
	border-top:		1px gray solid;
	border-left:	1px gray solid;
	border-right:	1px gray solid;
	border-bottom:	1px gray solid;
}

td.tl0
{
	border-top:		1px gray solid;
	border-left:	1px gray solid;
	border-right:	1px gray solid;
}

td.tr0
{
	border-top:		1px gray solid;
	border-left:	1px gray solid;
	border-right:	1px gray solid;
}

td.bl0
{
	border-left:	1px gray solid;
	border-right:	1px gray solid;
	border-bottom:	1px gray solid;
}

td.br0
{
	border-left:	1px gray solid;
	border-right:	1px gray solid;
	border-bottom:	1px gray solid;
}

td.tlr0
{
	border-top:	1px gray solid;
	border-left:	1px gray solid;
	border-right:	1px gray solid;
}

td.blr0
{
	border-left:	1px gray solid;
	border-right:	1px gray solid;
	border-bottom:	1px gray solid;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                      mozart 10 fixed width pages									*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


img#logoimage
{
	position: absolute;
	z-index:  3;
	left:	  10px;
	top: 	  10px;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* The pages held by the page holder have regionhead|regionsheet|regionfoot		    */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* The head region contains various sub areas.										*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Buttons on the menu  */
/*~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                           within the footer area                                 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                                   Columns                                        *
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                         mozart 10 front page  	                                */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*
.musictab
{
	background-image:	none;
	background-color:	#c0c0c0;
	color: 				#0044aa;
	cursor:				pointer;
	width:				auto;
	height:				auto;
	font-weight: 		bold;
	font-size:			8pt;
	padding-left:   	4pt;
	padding-right: 	 	4pt;
	padding-top:    	3pt;
	padding-bottom:	 	3pt;
	margin-top:    		1px;
	margin-left:   		0px;
	margin-right:  		0px;
	margin-bottom: 		0px;
	border-left:  		1px #ffffff solid;
	border-top:   		1px #ffffff solid;
	border-right:       1px #808080 solid;
	border-bottom:   	1px #808080 solid;
	text-decoration:    none;
}

.musictab:hover { color:#000000; background-color:#d0d0d0;  text-decoration:underline; }
*/

/*
div.musicbuttonbar
{
	margin-top:     	0px; 
	margin-right:  		10px; 
	margin-bottom:  	0px; 
	margin-left:    	5px; 
	padding:            0px;
	width:          	auto;
	height:				22px;
	text-align:         center;  
	background-color: transparent;
}


.musicbtn
{
	background-image:	url(images/musicbutton0.gif);
	background-repeat:  repeat-x;
	height:				100%;
	font-size:			11px;
	font-weight: 		bold;
	line-height:		22px;
	padding-top:    	4px;
	padding-bottom:	 	7px;
	padding-left:   	4px;
	padding-right: 	 	4px;
	color: 				#0044aa;
	cursor:				pointer;
	border-left:  		1px #ffffff solid;
	border-right:       1px #808080 solid;
}

.musicbtn:hover { color:#000000; text-decoration:underline; }

.musicbtnleft
{
	background-image:	url(images/musicbuttonbarleft.gif);
	background-repeat:  no-repeat;
	height:				100%;
	font-size:			11px;
	font-weight: 		bold;
	line-height:		22px;
	padding-top:    	4px;
	padding-bottom:	 	7px;
	padding-left:   	1px;
	padding-right: 	 	1px;
	color: 				#0044aa;
	border-right:       1px #808080 solid;
	margin:             0px;
}

.musicbtnright
{
	background-image:	 url(images/musicbuttonbarright.gif);
	background-position: top right;
	background-repeat:   no-repeat;
	height:				 100%;
	font-size:			 11px;
	font-weight: 		 bold;
	line-height:		 22px;
	padding-top:    	 4px;
	padding-bottom:	 	 7px;
	padding-left:   	 1px;
	padding-right: 	 	 1px;
	color: 				 #0044aa;
	border-left:  		 1px #ffffff solid;
}

a#playlnk0
{
	float: right;
}
*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                         mozart 10 general 	                                	*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p.spacer	    { font-size:4px;  line-height:100%; }
	
/* -------------------------------------------- */
/* Colours for panels: text and background      */
/* -------------------------------------------- */

div.bk-cream1  a.btnbuy			 { display:block; width:42px; height:20px; color:#ffffff; text-align:center; text-decoration:none; }
div.bk-cream1  a.btnbuy:link	 { background-image:url(image10/btnmaroon42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-cream1  a.btnbuy:visited	 { background-image:url(image10/btnmaroon42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-cream1  a.btnbuy:active 	 { background-image:url(image10/btnmaroon42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-cream1  a.btnbuy:hover  	 { background-image:url(image10/btnmaroon42x20.gif); color:#ffff00; font-weight:bold; text-decoration:none; }

div.bk-cream1  a.btn100			 { display:block; width:100px; height:20px; padding:0px; color:#ffffff; text-align:center; line-height:20px; vertical-align:middle; text-decoration:none; }
div.bk-cream1  a.btn100:link	 { background-image:url(image10/btnmaroon100x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-cream1  a.btn100:visited	 { background-image:url(image10/btnmaroon100x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-cream1  a.btn100:active 	 { background-image:url(image10/btnmaroon100x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-cream1  a.btn100:hover  	 { background-image:url(image10/btnmaroon100x20.gif); color:#ffff00; font-weight:bold; text-decoration:none; }

div.bk-cream1  td.pricetable     { border-bottom:1px solid #b98585; }
div.bk-cream1  span.tx-product	 { color: maroon;  }   
div.bk-cream1  p.tx-price	     { color: #333333; } 

div.bk-cream1  span.tx-product1	 { color: maroon; }   
div.bk-cream1  span.tx-product2	 { color: #622c2c; }   

div.bk-blue1  h2 				 { color: #00008b; }   /* tx-blue */
div.bk-blue1  span.tx-product	 { color: #00008b; }   /* tx-blue */
div.bk-blue1  p.tx-price	     { color: #0063ef; }   /* tx-logoblue */

div.bk-blue1  span.tx-product1	 { color: #00008b; }   /* tx-blue   */
div.bk-blue1  span.tx-product2	 { color: #0063ef; }   /* cf tx-price */

/* cf a.btnblue42x20: */
div.bk-blue1  a.btnbuy			 { display:block; width:42px; height:20px; color:#ffffff; text-align:center; }
div.bk-blue1  a.btnbuy:link	     { background-image:url(image10/btnblue42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-blue1  a.btnbuy:visited 	 { background-image:url(image10/btnblue42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-blue1  a.btnbuy:active  	 { background-image:url(image10/btnblue42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-blue1  a.btnbuy:hover   	 { background-image:url(image10/btnblue42x20.gif); color:#000000; font-weight:bold; text-decoration:none; }
div.bk-blue1  td.pricetable      { border-bottom:1px solid #90d8f8; }	/* blue3 */
 
div.bk-green0 h2 				 { color: #008b00; }   /* tx-green  */
div.bk-green0 span.tx-product	 { color: #008b00; }   /* tx-green  */
div.bk-green0 p.tx-price	     { color: #0ad21d; }   /* tx-green2 */

div.bk-green0  a.btnbuy			 { display:block; width:42px; height:20px; color:#ffffff; text-align:center; }
div.bk-green0  a.btnbuy:link	 { background-image:url(image10/btngreen42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-green0  a.btnbuy:visited  { background-image:url(image10/btngreen42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-green0  a.btnbuy:active   { background-image:url(image10/btngreen42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
div.bk-green0  a.btnbuy:hover    { background-image:url(image10/btngreen42x20.gif); color:#000000; font-weight:bold; text-decoration:none; }
div.bk-green0  td.pricetable     { border-bottom:1px solid #90ff90; }	/* tx-green3 */


/* -------------------------------------------------------------------------------- */
/* Panels with graded backgrounds:													*/
/* Put all of the above into a containing div with the appropriate background.		*/
/* Omit the colour from the above panel.											*/
/* -------------------------------------------------------------------------------- */

div.no-padding
{
	padding:  0px;
}

.bk-grad-yellow0
{
/*
	background-image:url(image10/bk-yellow0-grad.png); 
	background-repeat:repeat-y; 
	background-color:#fff7ce;
*/

/*	background: -webkit-linear-gradient(left, #F3E8B5, #FFF9DD); */  /* For Safari 5.1 to 6.0 */
/*	background: -o-linear-gradient(    right, #F3E8B5, #FFF9DD); */  /* For Opera 11.1 to 12.0 */
/*	background: -moz-linear-gradient(right, #F3E8B5, #FFF9DD);   */  /* For Firefox 3.6 to 15 */

	background: linear-gradient(to right, #F3E8B5, #FFF9DD); /* Standard syntax */
 
}

.bk-blue-2-0-m
{
	background-image:url(image10/bk-blue-2-0-m.png); 
	background-repeat:repeat-y; 
	background-color:#d0f0ff;		/* bk-blue0 */
}

.bk-blue-2-0-n
{
	background-image:url(image10/bk-blue-2-0-n.png); 
	background-repeat:repeat-y; 
	background-color:#d0f0ff;		/* bk-blue0 */
}

.bk-green-2-0-n
{
	background-image:url(image10/bk-green-2-0-n.png); 
	background-repeat:repeat-y; 
	background-color:#d8ffd8;		/* bk-green0 */
}

.bk-orange-2-0-n
{
	background-image:url(image10/bk-orange-2-0-n.png); 
	background-repeat:repeat-y; 
	background-color:#ffc887;		/* bk-orange0 */
}

.bk-purple-2-0-n
{
	background-image:url(image10/bk-purple-2-0-n.png); 
	background-repeat:repeat-y; 
	background-color:#e8c8ff;		/* bk-purple0 */
}

.bk-grey-2-0-n
{
	background-image:url(image10/bk-grey-2-0-n.png); 
	background-repeat:repeat-y; 
	background-color:#d8d8d8;		/* bk-grey0 */
}

div.bk-blue-2-0-n h2   { color: #00008b; }   		/* tx-blue   */
div.bk-green-2-0-n h2  { color: #008b00; }   		/* tx-green  */
div.bk-purple-2-0-n h2 { color: #5e015f; }   		/* tx-purple */
div.bk-orange-2-0-n h2 { color: #e08000; }   		/* tx-orange */
div.bk-grey-2-0-n h2   { color: #000000; }   		


	
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */






/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

.contrasting			 { color:#00008b; }
.contrastbold  			 { color:#488080; font-weight:bold; 	}
.contrastsmall 			 { color:#488080; font-size:8pt; 		}

       
a.btnblack180x20			 { display:block; width:180px; height:20px; color:#ffffff; text-align:center; }
a.btnblack180x20:link	     { background-image:url(image10/btnblack180x20.gif);   color:#ffffff; font-weight:bold; text-decoration:none;      }
a.btnblack180x20:visited 	 { background-image:url(image10/btnblack180x20.gif);   color:#ffffff; font-weight:bold; text-decoration:none;      }
a.btnblack180x20:active  	 { background-image:url(image10/btnblack180x20.gif);   color:#ffffff; font-weight:bold; text-decoration:none;      }
a.btnblack180x20:hover   	 { background-image:url(image10/btnblack180x20hi.gif); color:#ffffff; font-weight:bold; text-decoration:underline; }

a.btnblack400x20			 { display:block; width:400px; height:20px; color:#ffffff; text-align:center; }
a.btnblack400x20:link	     { background-image:url(image10/btnblack400x20.gif);   color:#ffffff; font-weight:bold; text-decoration:none;      }
a.btnblack400x20:visited 	 { background-image:url(image10/btnblack400x20.gif);   color:#ffffff; font-weight:bold; text-decoration:none;      }
a.btnblack400x20:active  	 { background-image:url(image10/btnblack400x20.gif);   color:#ffffff; font-weight:bold; text-decoration:none;      }
a.btnblack400x20:hover   	 { background-image:url(image10/btnblack400x20hi.gif); color:#ffffff; font-weight:bold; text-decoration:underline; }

a.btnblue42x20			 	 { display:block; width:42px; height:20px; color:#ffffff; text-align:center; }
a.btnblue42x20:link	     	 { background-image:url(image10/btnblue42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
a.btnblue42x20:visited 	 	 { background-image:url(image10/btnblue42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
a.btnblue42x20:active  	 	 { background-image:url(image10/btnblue42x20.gif); color:#ffffff; font-weight:bold; text-decoration:none; }
a.btnblue42x20:hover   	 	 { background-image:url(image10/btnblue42x20.gif); color:#000000; font-weight:bold; text-decoration:none; }

.btngreygrad				 { background:#e0e0e0; background:linear-gradient( #f8f8f8, #e0e0e0 );  }  
.btnshadow					 { box-shadow:3px 3px 3px rgba(192,192,192,0.5);                        }

.btn180x40			 	 	 { display:block; width:180px; height:40px; color:#000000; text-align:center; border:1px black solid; padding-top:18px; }
a.btn180x40:link	 	     { color:#000000; font-weight:normal; text-decoration:none;      }
a.btn180x40:visited 		 { color:#000000; font-weight:bold;   text-decoration:none;      }
a.btn180x40:active  	 	 { color:#000000; font-weight:bold;   text-decoration:none;      }
a.btn180x40:hover   	 	 { color:#000000; font-weight:bold;   text-decoration:underline; }

.btn300x40			 	 	 { display:block; width:300px; height:40px; color:#000000; text-align:center; border:1px black solid; padding-top:18px; }
a.btn300x40:link	 	     { color:#000000; font-weight:normal; text-decoration:none;      }
a.btn300x40:visited 		 { color:#000000; font-weight:bold;   text-decoration:none;      }
a.btn300x40:active  	 	 { color:#000000; font-weight:bold;   text-decoration:none;      }
a.btn300x40:hover   	 	 { color:#000000; font-weight:bold;   text-decoration:underline; }

.btn400x40			 	 	 { display:block; width:400px; height:40px; color:#000000; text-align:center; border:1px black solid; padding-top:18px; }
a.btn400x40:link	 	     { color:#000000; font-weight:normal; text-decoration:none;      }
a.btn400x40:visited 		 { color:#000000; font-weight:bold;   text-decoration:none;      }
a.btn400x40:active  	 	 { color:#000000; font-weight:bold;   text-decoration:none;      }
a.btn400x40:hover   	 	 { color:#000000; font-weight:bold;   text-decoration:underline; }

/* ------------------- */


.marginLR5   { margin-left: 5px; margin-right: 5px; width:auto; }
.marginLR10  { margin-left:10px; margin-right:10px; width:auto; }
.marginLR20  { margin-left:20px; margin-right:20px; width:auto; }
.marginLR25  { margin-left:25px; margin-right:25px; width:auto; }
.marginLR50  { margin-left:50px; margin-right:50px; width:auto; }
 
img         		{ border:0px; }
img.plain   		{ border:0px; }
img.truetypeicon	{ border:0px; float:left;  padding:6px; width:26px; height:32px; }
img.templateicon    { border:0px; clear:left;  float:left;  margin-right:5px;  }
img.personright     { border:0px; float:right; padding:0px; width:19px; height:38px; }
img.euroicon        { border:0px;              padding:0px; width:11px; height:11px; }


h2.spaced	{	padding-top:10px; padding-bottom:10px;  }

.coloured { color: #00008b; }	/* see tx-blue */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                         mozart10 miscellaneous									*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p.indexentry			 { font-weight:bold; text-align:left; }
p.indexentry a:link	     { color:#00008b; }	   	/* see tx-blue */
p.indexentry a:visited 	 { color:#00008b; }	   	/* see tx-blue */
p.indexentry a:active  	 { color:#0000b0; }
p.indexentry a:hover   	 { color:#0063ef; }		/* see tx-logoblue */



h2.infoindexhead		 { padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:2px;
						   margin-top:5px;  margin-bottom:5px;  margin-left:0px; margin-right:0px; 
						   width:auto; text-align:center; font-weight:bold; font-size:10pt; 
						   color:#ffffff;  
						 }		

h2.infoindexhead a:link	     { color:#ffffff;  text-decoration:none; }
h2.infoindexhead a:visited 	 { color:#ffffff;  text-decoration:none; }
h2.infoindexhead a:active  	 { color:#ffffff;  text-decoration:none; }
h2.infoindexhead a:hover   	 { color:#ffffff;  text-decoration:underline; }

div.bk-blue0 h2.infoindexhead 
						 { padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:2px;
						   margin-top:5px;  margin-bottom:5px;  margin-left:0px; margin-right:0px; 
						   width:auto; text-align:center; font-weight:bold; font-size:10pt; 
						   color:#0063ef;  
						 }

div.bk-blue0 h2.infoindexhead a:link	     { color:#0063ef;  text-decoration:none; }
div.bk-blue0 h2.infoindexhead a:visited 	 { color:#0063ef;  text-decoration:none; }
div.bk-blue0 h2.infoindexhead a:active  	 { color:#0063ef;  text-decoration:none; }
div.bk-blue0 h2.infoindexhead a:hover   	 { color:#0063ef;  text-decoration:underline; }


						 
p.infoindexhead		     { padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:2px;
						   margin-top:0px;  margin-bottom:10px;  margin-left:0px; margin-right:0px; 
						   width:auto; text-align:center; font-weight:bold; font-size:10pt; 
						   background-color:#a8d8ff; color:#ffffff;  
						 }		

						 
						 
						 
p.infoindexhead a:link	     { color:#ffffff;  text-decoration:none; }
p.infoindexhead a:visited 	 { color:#ffffff;  text-decoration:none; }
p.infoindexhead a:active  	 { color:#ffffff;  text-decoration:none; }
p.infoindexhead a:hover   	 { color:#ffffff;  text-decoration:underline; }


p.infoindexsubhead		 	 { margin-left:30px; padding-right:5px; color:#000000; font-size:8pt; font-weight:normal; text-align:left; }

p.infoindexlinks		 	 { line-height:12pt; font-size:8pt; text-align:left; margin-left:30px; }
p.infoindexlinks a:link	     { color:#00008b; }
p.infoindexlinks a:visited 	 { color:#00008b; }
p.infoindexlinks a:active  	 { color:#0000a0; }
p.infoindexlinks a:hover   	 { color:#0063ef; }  /* see tx-logoblue */


.ed					 	     { font-weight:normal; font-size:10pt; font-style:italic; color:#00008b; }

td.pricetable                { border-bottom:1px solid #90d8f8; }	/* blue3 */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                           3 columns in 800px                                     */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.columnof3left    { float:  left; width: 250px; margin: 0px; padding: 0px; }
div.columnof3middle  { float:  left; width: 250px; margin: 0px; padding: 0px; }
div.columnof3right   { float: right; width: 250px; margin: 0px; padding: 0px; }

div.columnof3content 
{ 
	margin-top: 		3px;
	margin-bottom: 		3px;
	margin-left: 		3px;
	margin-right: 		3px;
	width:				auto; 
	background-color:	#ffffff; 
	font-size:			8pt; 
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                         mozart10 buttons											*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.btnblack30
{
	background-image:		url(image10/btnblack30.gif); 
	background-repeat:		repeat-x; 
	height:					30px; 
	padding-top:			7px;
}

div.btnblack30 a:link		{ color: #ffffff; text-decoration: none; 		background-color:transparent;  }
div.btnblack30 a:visited	{ color: #ffffff; text-decoration: none; 		background-color:transparent;  }
div.btnblack30 a:active		{ color: #ffffff; text-decoration: none; 		background-color:transparent;  }
div.btnblack30 a:hover		{ color: #ffffff; text-decoration: underline; 	background-color:transparent;  }

a.btnblack
{
	display:block;
	height: 30px;
	color:#ffffff; 
    text-align:center; 
    font-weight:bolder;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;      			 
    padding-top:7px;
    padding-right:0px;
    padding-bottom:0px;
    padding-left:0px;
    background-color: #000000; 
    background-image: url(image10/btnblack30.gif);
    background-repeat: repeat-x;
}

a.btnblack:link	     { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:none;      }
a.btnblack:visited 	 { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:none;      }
a.btnblack:active  	 { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:underline; }
a.btnblack:hover   	 { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:underline; background-image: url(image10/btnblack30hi.gif);  }


/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/


/************************************************************************************/
/* mzt9.css - styles for MOZART  												    */
/* TRADITIONAL parchment style.														*/
/*																					*/
/* Colours		                                                                    */
/*																					*/
/* Black, white, grey:										                        */
/*															                        */
/*       white			#ffffff								                        */
/*       grey01			#dcdcdc								                        */
/*       grey02			#d4d4d4								                        */
/*       black			#ffffff														*/
/*															                        */
/* Reds:						    						                        */
/*       maroon         #800000     						                        */
/*															                        */
/* Blues:													                        */
/*       steelblue		#4682b4								                        */
/*       darkblue		#00008b								                        */
/*       navy 			#000080 							                        */
/*       blue0	     	#0000a0     						                        */
/*       blue1	     	#0000c0     						                        */
/*															                        */
/* Mozart cream:																	*/
/*       mz0-light      #fff7ce		logo-background 		                        */
/* 		 mz0-dark       #dece84		logo-foreground 					            */
/*															                        */
/* Mozart blue-green:										                        */
/*       mz-light       #90acac		mz-program-logo-background 	                    */
/*       mz-light       #90acac		mz-program-logo-background 	                    */
/*       [-highmz-]     #40a8a8								                        */
/*       mz-text        #488080		title text										*/
/* 		 mz-bright		#68a0a0  	menu hover				                        */
/*       [-wrmz-]		#287070								                        */
/* 		 mz1-dark       #6c9090		logo-foreground  		                        */
/************************************************************************************/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                                 general                                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                              div - pages                                         */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                              header area                                         */
/*                               home page                                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#titlex0
{
	position:			static; 
	width:				auto;
	border-style:       none; 
	border-width:         0px; 
	margin-top:        	  0px;
	margin-right:		 90px;
	margin-bottom:		   0px;
	margin-left:          10px;
	padding:              0px; 

	background-image:  	 none;
	background-color:    transparent;

	font-family:         'Times New Roman',serif; 
	font-size:			 24pt; 
	font-weight:		 bold; 
	color:				 #00008b; 

	text-align:			center; 
	z-index:			4;  
}

span.subhead { font-size: 12pt; }

img#logopic
{
	margin:        -10px auto 10px auto;  
}

div#splashtopright   	   
{ 
	position:  		static;
	float:     		right;
	top:      		0px;
	width:	   		auto;

	margin-left:	auto; 
	margin-right:	30px; 
	margin-top:		 0px;  

	border:			2px groove #d4d4d4; 
	
	padding-top:	10px; 
	padding-right:	15px; 
	padding-bottom:	10px; 
	padding-left:	15px; 

	text-align:     center; 

	font-size:		 8pt; 
/*	font-family:	 Arial,sans-serif; */
	font-weight:	 bold; 
	color:			#c0c0c0; 

	z-index:		 4;  
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                              header area                                         */
/*                              other pages                                         */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#titlex
{
	position:			static; 
	width:				auto;
	border-style:       none; 
	border-width:         0px; 
	margin-top:        	  10px;
	margin-right:		 90px;
	margin-bottom:		   0px;
	margin-left:          10px;
	padding:              0px; 

	background-image:  	 none;
	background-color:    transparent;

	font-family:         'Times New Roman',serif; 
	font-size:			 24pt; 
	font-weight:		 bold; 
	color:				 #00008b; 

	text-align:			center; 
	z-index:			4;  
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                               menu area                                          */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#menuholder
{
	position:			relative;
	top:				0px;
	left:				0px;
	width:              700px;
	height:				24px;
	margin:  			0px 0px	0px 0px; 	
	padding:            1px 0px 1px 0px;

	z-index:            10; 
	background-image:   none;
	background-color:   transparent;

	text-align:			center; 
	font-weight:		bold; 	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                               footer area                                        */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                            middle area (front page)                              */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#abstract0  
{ 
	z-index:			   2; 
	width:				auto; 
    margin:	  			8px 10px 2px 10px;  
    padding:	     	2px  5px 2px  5px;
/*	background-color:	#ffffff; */
  	background-color:	transparent;
}

div.separator0  
{ 
	z-index:			   2; 
	width:				auto; 
	border-bottom:		2px groove #d4d4d4; 
    margin:	  			0px 10px 0px 10px;  
    padding:			0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                          middle area (standard page)                             */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#abstract  
{ 
	z-index:			   2; 
	width:				auto; 
    margin:	  			8px 25px 2px 25px;  
    padding:	     	2px  5px 2px  5px;
	background-color:	transparent;
}

div.textblock
{
	width:				auto;  
	margin-top:			10px;
	margin-right:		25px;
	margin-bottom:		 5px;
	margin-left:		25px;
}

div.textarea		   
{ 
	width:				auto;  
	margin-top:			10px;
	margin-right:		25px;
	margin-bottom:		 5px;
	margin-left:		25px;
	padding-top:		 5px;
	padding-right: 		10px;
	padding-bottom:		10px;
	padding-left:		 5px;
}

div.sinkwhite
{
	border-top:			2px solid #edde89;
	border-right:		2px solid #ffffdb;
	border-bottom:		2px solid #ffffdb;
	border-left:		2px solid #edde89;

	background-color:	#ffffff;
}

div.textarea-unpadded		   
{ 
	width:				auto;  
	margin-top:			10px;
	margin-right:		25px;
	margin-bottom:		 5px;
	margin-left:		25px;
}

.clearboth	{ clear:both; }

div.box00
{
	width:        		auto;
	margin-left:  		  0px;
    margin-right: 		  0px; 
    border-style:		  solid;
    border-width:  		  2px;
	background-color:	#ffffff;
}

.pad-a    { padding:    5px;				 }
.pad-b 	  {	padding:	5px  15px 5px  15px; }
.pad-c    { padding:    5px  30px 5px  30px; }
.pad-f    { padding:    5px  50px 5px  50px; }
.pad-h    { padding:    5px 100px 5px 100px; }

.margin-hc { margin-left:100px; margin-right:100px; width:auto; text-align:center; }
.margin-fc { margin-left:50px; margin-right:50px; width:auto; text-align:center; }
.margin-dc { margin-left:10px; margin-right:10px; width:auto; text-align:center; }




.ppad-f   { padding-left: 50px; padding-right: 50px; }


.box00 a:link	     { color:#0044aa; font-weight:bold; text-decoration:underline; }
.box00 a:visited 	 { color:#553377; font-weight:bold; text-decoration:underline; }
.box00 a:active  	 { color:#0044aa; font-weight:bold; text-decoration:underline; }
.box00 a:hover   	 { color:#00c0ff; font-weight:bold; text-decoration:underline; }

.boxpurple 		   { /* border-color: #800080; */ background-color:#D4C6F0;	}
.boxpurple h2	   { color: #800080;		}
.boxblue 		   { /* border-color: blue; */ background-color:#D7E5ED;	}
.boxblue   h2	   { color: #0020d0;		}
.boxgreen		   { /* border-color: green; */	background-color:#D8EDD7; }
.boxgreen  h2	   { color: #008000;		}
.boxorange 		   { border-color: #ff8000;	}
.boxorange h2	   { color: #ff8000;		}
.boxreddish		   { border-color: #cc0000;	}
.boxreddish h2	   { color: #cc0000;		}

.boxcyanx		   { border-color: #90acac;; }
.boxcyanx h2	   { background-color: #90acac; color: #ffffff;		}
.boxcyanx .boxtext { color: #408080; }

.boxpurple h2, .boxblue h2, .boxgreen h2, .boxorange h2, .boxreddish h2 
{ 
	text-align:  center; 
	font-weight: bold;
	font-size:	 10pt;
}

.boxpurple  h2 a:link	   { color: #800080;		}
.boxpurple  h2 a:visited   { color: #800080;		}
.boxpurple  h2 a:active	   { color: #c000c0;		}
.boxpurple  h2 a:hover	   { color: #ff00ff;		}

.boxblue    h2 a:link	   { color: #0020d0;		}
.boxblue    h2 a:visited   { color: #0020d0;		}
.boxblue    h2 a:active	   { color: #0020ee;		}
.boxblue    h2 a:hover	   { color: #00c0ff;		}

.boxgreen   h2 a:link	   { color: #008000;		}
.boxgreen   h2 a:visited   { color: #008000;		}
.boxgreen   h2 a:active	   { color: #00b000;		}
.boxgreen   h2 a:hover	   { color: #00ff00;		}

.boxorange  h2 a:link	   { color: #ff8000;		}
.boxorange  h2 a:visited   { color: #ff8000;		}
.boxorange  h2 a:active	   { color: #ffa060;		}
.boxorange  h2 a:hover	   { color: #ffff60;		}

.boxreddish h2 a:link	   { color: #cc0000;		}
.boxreddish h2 a:visited   { color: #cc0000;		}
.boxreddish h2 a:active	   { color: #dd0000;		}
.boxreddish h2 a:hover	   { color: #ff0000;		}


div.box02
{
	background-color:	#ffffff;
	color:				#000000;
	width:        		300px;
	margin-left:  		auto;
    margin-right: 		auto; 
    padding:      		5px;
    border-style:  		solid;
    border-width:		2px; 
}

.box02  a:link     { color:#0044aa; font-weight:bold; text-decoration:underline; }
.box02  a:visited  { color:#553377; font-weight:bold; text-decoration:underline; }
.box02  a:active   { color:#0044aa; font-weight:bold; text-decoration:underline; }
.box02  a:hover    { color:#00c0ff; font-weight:bold; text-decoration:underline; }

ul.leftalign	   { text-align:	left;	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                              table formatting									*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.columnof2	{ vertical-align:top; width:320px;  }
td.gutter		{ vertical-align:top; 				}	


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                              all-pervasive										*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.btnblu180
{
	display:block;
	height: 24px;
	width: 180px;
	color:#ffffff; 
    text-align:center; 
    font-weight:bolder;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;      			 
    padding-top:3px;
    padding-right:0px;
    padding-bottom:0px;
    padding-left:0px;
    background-color: #000000; 
    background-image: url(images/btn180x24blue01.png);
    background-repeat: no-repeat;
}

a.btnblu180:link	     { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:none;      }
a.btnblu180:visited 	 { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:none;      }
a.btnblu180:active  	 { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:underline; }
a.btnblu180:hover   	 { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:underline; background-image: url(images/btn180x24blue01hi.png);  }

a.btngrn180
{
	display:			block;
	background-image: 	url(images/btn180x24green01.png);
	background-repeat:	no-repeat;
	background-color:   #000000; 
	color:				#ffffff; 

	height: 	 		24px;
	width: 				180px;
	margin-top:   		0px;
	margin-right: 		auto;
	margin-bottom: 		0px;
	margin-left: 		auto;      			 
	padding-top:		3px;
	padding-right:		0px;
	padding-bottom:		0px;
	padding-left:		0px;

	text-align:	 		center; 
	font-weight: 		bolder;
}

a.btngrn180:link	     { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:none;      }
a.btngrn180:visited 	 { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:none;      }
a.btngrn180:active  	 { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:underline; }
a.btngrn180:hover   	 { color:#ffffff; background-color:#000000; font-weight:bold; text-decoration:underline; background-image: url(images/btn180x24green01hi.png); }

.btn
{
	color: 			  #ffffff;
	background-color: #000000; 
}

.headingfont   { color:	#00008b; font-weight:bold;                    text-transform:uppercase;  }
.heading	   { color:	#00008b; font-weight:bold; text-align:left;   text-transform:uppercase;  }
.headingc	   { color:	#00008b; font-weight:bold; text-align:center; text-transform:uppercase;  }
.subheading	   { color:	#00008b; font-weight:bold; text-align:left;   text-transform:capitalize; }
.smallfont	   { font-size:  8pt;   }
.smallprint    { font-size:  8pt;   }
.stdfont	   { font-size: 10pt;   }
.largeprint    { font-size: 12pt;   }
.vlarge        { font-size: 14pt;   }

.linespaced01  { line-height: 1.7em; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                              miscellaneous										*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.moz					 {	text-transform: capitalize;	}

p.faqpara				 { margin-left:25px; margin-right:25px; }
.faqhead	  			 { font-family:'Times New Roman',serif; font-size:12pt; font-weight:bold; color:#000000 }

td.faqsect	  			 { height:16px;  font-size:12pt;  font-weight:bold;  }
td.faqqu  				 { height:16px;  text-align:left; padding-left:20px; }

td.ex        			{ text-align:left; font-size:10pt; } 
td.ex1       			{ text-align:left; font-size:10pt; } 
td.ex2       			{ text-align:left; font-size:8pt;  font-weight:bold; color:#008000 } 
td.ex3       			{ text-align:left; font-size:10pt; } 
td.ex4       			{ text-align:left; font-size:10pt; } 

td.ex4 a:link	     	{ color:#804040 }
td.ex4 a:visited 	 	{ color:#806060 }
td.ex4 a:active  	 	{ color:#a00000 }
td.ex4 a:hover   	 	{ color:#e00000 }

td.indexarea              { border:none; vertical-align:top;  }
td.indexarea_left         { border:none; vertical-align:top;  }
td.indexarea_right        { border:none; vertical-align:top;  }
td.indexarea_tl           { border:none; vertical-align:top;  }
td.indexarea_tr           { border:none; vertical-align:top;  }
td.indexarea_bl           { border:none; vertical-align:top;  }
td.indexarea_br           { border:none; vertical-align:top;  }
td.indexarea_lr           { border:none; vertical-align:top;  }

td.maparea              { border:2px groove #ffffff }
td.maparea_left         { border-left:2px  groove #ffffff; }
td.maparea_right        { border-right:2px groove #ffffff; }
td.maparea_bl           { border-left:2px  groove #ffffff; border-bottom:2px groove #ffffff; }
td.maparea_br           { border-right:2px groove #ffffff; border-bottom:2px groove #ffffff; }
td.maparea_lr           { border-left:2px  groove #ffffff; border-right:2px groove #ffffff; }


td.addition				{ text-align:right; }
td.additiontotal		{ text-align:right; font-weight:bold; border-top:thin black solid;  }
	 
p.maproom				 { font-weight:bold; text-align:center; color:#a00000 }
p.maproom a:link	     { color:#800000 }
p.maproom a:visited 	 { color:#800000 }
p.maproom a:active  	 { color:#a00000 }
p.maproom a:hover   	 { color:#ff0000 }


p.maproomtitle			 { padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
						   text-align:center; font-weight:bold;
						   border:1px solid #802020; }
						   
p.maproomtitle a:link	     { color:#000000;  text-decoration:none; }
p.maproomtitle a:visited 	 { color:#000000;  text-decoration:none; }
p.maproomtitle a:active  	 { color:#a00000;  text-decoration:none; }
p.maproomtitle a:hover   	 { color:#ff0000;  text-decoration:underline; }

p.maproomsubtitle		 { padding-left:5px; padding-right:5px; color:#000000; font-size:8pt; font-weight:normal; text-align:left; }


h3.faq					{ margin-left:10px; font-size:11pt; font-weight:bold; color:#00008b; }
h3.faq a				{                   font-size:11pt; font-weight:bold; color:#00008b; }

h4.chord				{ clear:right }

.user					 { color: #00008b; }
.pictcaption   			 { color:#800000; font-size:10pt; font-style:italic; }
.caption     			 { color:#800000; }
.captionbold 			 { color:#800000; font-weight:bold; }
.mzcommand				 { color:#006600; font-weight:bold; }


span.normal      { font-size:10pt }
span.captionit 	 { color:#800000; font-style:italic }
span.foreign 	 { color:#800000; font-style:italic }
span.warning     { color:#800000; font-style:italic }
span.sombre      { color:#8080C0 }
span.neutral	 { color:#000000 }
span.emphasis0   { color:#000099; font-weight:bold }
span.emphasis1   { color:#000099; font-size:12pt; font-weight:bold }

.chorddefn     
{ 
	background-color:	#ffffff; 
	background-image:	none; 
	color:				#000000 
}

div.chord1     
{ 
	background-color:	#ffffff; 
	background-image:	none; 
	color:				#00008b; 
	float:				right; 
	margin:				5px; 
	padding:			5px; 
	border:				2px groove #d4d4d4;
/*	
	-webkit-box-shadow: 3px 3px 3px rgba(192,192,192,0.5);
	-moz-box-shadow:    3px 3px 3px rgba(192,192,192,0.5);
*/
	box-shadow:          3px 3px 3px rgba(192,192,192,0.5);
 
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/









/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

