﻿/************************************************************************************/
/* mzt10.css - styles for MOZART  												    */
/* New styles for Mozart 10.														*/
/************************************************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                                  mozart 10 defaults                              */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body	   								/* See bootom of file for skymap */
{ 
	background-color: #083154;
	background-image: none;
	text-align:		  center; 
	font-family:      Tahoma,Arial,sans-serif;
	font-size:        10pt;
	font-weight:      normal;
	margin:            0px;
	padding:           0px; 
}

div
{
	font-family:      Tahoma,Arial,sans-serif;
	font-size:        10pt;
	font-weight:      normal;
	margin:           0px;
	padding:          0px;
}

p
{
	margin-left:      0px;			/* leave margins = 0  */
	margin-top:       0px;
	margin-right:     0px;
	margin-bottom:    0px;
	padding-left:     0px; 
	padding-top:      0px; 
	padding-right:    0px; 
	padding-bottom:   0.5em; 		/* space default paragraphs */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                      mozart 10 screen size pages									*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*
div#pagewidetopleft
{
	background-color:    transparent;   	
	background-image:    url(image10/pagewidetopleft.gif);
	background-repeat:   no-repeat;
	background-position: left top;
	width:				 20px;
	height:				 24px;
	float:				 left;
	margin-top:			 0px;
	margin-bottom:       0px;
	
}

div#pagewidetopright
{
	background-color:    transparent;   	
	background-image:    url(image10/pagewidetopright.gif);
	background-repeat:   no-repeat;
	background-position: right top;
	width:				 20px;
	height:				 24px;
	float:				 right;
	margin-top:			 0px;
	margin-bottom:       0px;
}

div#pagewidetopcentre
{
	background-color:    transparent;   	
	background-image:    url(image10/pagewidetop.gif);
	background-repeat:   repeat-x;
	background-position: top;
	margin-left:		 20px;
	margin-right:		 20px;
	width:				 auto;
	height:				 24px;
	margin-top:			 0px;
	margin-bottom:       0px;
	text-align:			 center;
}

div#pagewidebottomleft
{
	background-color:    transparent;   	
	background-image:    url(image10/pagewidebottomleft.gif);
	background-repeat:   no-repeat;
	background-position: left bottom;
	width:				 20px;
	height:				 8px;
	float:				 left;
	margin-top:			 0px;
	margin-bottom:       0px;
	
}

div#pagewidebottomright
{
	background-color:    transparent;   	
	background-image:    url(image10/pagewidebottomright.gif);
	background-repeat:   no-repeat;
	background-position: right bottom;
	width:				 20px;
	height:				 8px;
	float:				 right;
	margin-top:			 0px;
	margin-bottom:       0px;
}

div#pagewidebottomcentre
{
	background-color:    transparent;   	
	background-image:    url(image10/pagewidebottom.gif);
	background-repeat:   repeat-x;
	background-position: bottom;
	margin-left:		 20px;
	margin-right:		 20px;
	width:				 auto;
	height:				 8px;
	margin-top:			 0px;
	margin-bottom:       0px;
	text-align:			 center;
}
*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                      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		    */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


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

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

div#logoarea  			/* Floating top right area for square logo */
{
	background-color:    transparent;   /* matches sheet */
	background-image:    none;
	width:				 100px;
	float:				 left;
	margin-top:          0px;
	margin-bottom:       0px;		
	margin-left:         0px;
	margin-right:        0px;
	padding:             0px;
	z-index:			 1;
}

div#logoabsolute  			/* Absolute top right area for square logo */
{
	position:			 absolute;
	left: 				 10px;
	top:				 10px; 
	background-color:    transparent;   /* matches sheet */
	background-image:    none;
	width:				 100px;
	margin-top:          0px;
	margin-bottom:       0px;		
	margin-left:         0px;
	margin-right:        0px;
	padding:             0px;
	z-index:			 1;
}

div#regionheadinner
{
	/* Nothing needed! */
}

div#regionfootinner
{
	background-color: #ffffff;
}

div#menubar					/* holds the menu */
{
	background-color:  transparent;
	background-image:  none; 
	text-align:		   center;
	z-index:		   0; 
	width:		       auto;
	border-style:      none; 
	border-width:      0px; 
	margin-left:       auto; 
	margin-right:      100px;	/* To balace logo */
	margin-top:        0px;  
	margin-bottom:     0px;
	padding-left:      0px; 
	padding-top:       0px; 
	padding-right:     0px; 
	padding-bottom:    0px;
}

div#sitepath 					/* Holds the path to the page */  	   
{ 
	margin-left:	0px; 
	margin-right:	0px; 
	margin-top:		0px;  
	margin-bottom:	0px; 

	padding-left:	15px; 
	padding-right:	15px;
	padding-top:    0px; 
	padding-bottom: 0px; 

	width:          auto;		/* within padding */
	text-align:		right; 

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

/*
div#sitepath a:link	     { color:#0044aa; font-weight:bold; text-decoration:none;      }
div#sitepath a:visited 	 { color:#553377; font-weight:bold; text-decoration:none;      }
div#sitepath a:active  	 { color:#0044aa; font-weight:bold; text-decoration:underline; }
div#sitepath a:hover   	 { color:#00c0ff; font-weight:bold; text-decoration:underline; }
*/

div#titlearea
{
	margin-left:           0px;
	margin-right:        100px;
	margin-top:			  5px;
	margin-bottom:       15px;

	border-style:        none; 
	border-width:        0px; 

	padding-left:		  0px; 
	padding-right:		  0px;
	padding-top:    	  0px; 
	padding-bottom: 	  0px; 
	
	width:				 auto;
	text-align: 		 center;
	color:				 #0063ef; 					/* text color to match logo */
	font-family:         'Nyala','Bookman Old Style','Times New Roman',serif; 
	font-size:			 24pt; 
	font-weight:		 bold;
}

div#titlearea .smaller { font-size: 18pt; }

div#pagewideholder div#titlearea
{
	margin-left:           0px;
	margin-right:          0px;
	margin-top:			  5px;
	margin-bottom:       15px;

	border-style:        none; 
	border-width:        0px; 

	padding-left:		  0px; 
	padding-right:		  0px;
	padding-top:    	  0px; 
	padding-bottom: 	  0px; 
	
	width:				 auto;
	text-align: 		 center;
	color:				 #0063ef; 					/* text color to match logo */
	font-family:         'Nyala','Bookman Old Style','Times New Roman',serif; 
	font-size:			 24pt; 
	font-weight:		 bold;
}



div#abstractc  		/* use this to centre short abstracts */
{ 
	width:				auto; 
    margin:	  			 2px 10px 2px 10px;  /* top right bottom left */
    padding:	     	 2px  5px 2px  5px;  /* top right bottom left */
  	background-color:	transparent;
  	text-align:         center;
  	clear:              both;
}

div#abstractj  		/* use this to justifty longer abstracts */  
{ 
	width:				auto; 
    margin:	  			 2px 20px 2px 20px;  /* top right bottom left */  
    padding:	     	 2px 10px 2px 10px;  /* top right bottom left */
  	background-color:	transparent;
  	text-align:         justify;
  	clear:              both;
}

div#abstractjw 		/* use this to justifty longer abstracts */  
{ 
	width:				auto; 
    margin:	  			 2px 20px 2px 20px;  /* top right bottom left */  
    padding:	     	 2px 10px 2px 10px;  /* top right bottom left */
  	background-color:	white;				 /* over diagonal music   */
  	text-align:         justify;
  	clear:              both;
}


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

a.mnubtn          
{ 
	background-image:	none;
	background-color:   #a0a0a0;
	color:				#ffffff;
	text-decoration:    none;
	font-size:			10pt; 
	font-weight:		bold; 
	text-align:         center;
	vertical-align:     middle;
	line-height:		200%;
	width:				auto;

	margin-top:         0px;
	margin-bottom:      0px;
	margin-left:        0px;
	margin-right:       0px;

	padding-left:		5px;
	padding-right:		5px;

	border-top:         0px;
	border-bottom:      0px;
	border-left: 		1px solid #f8f8f8;
	border-right: 		1px solid #606060;
}

a.mnubtn:link		{ color: #ffffff; text-decoration: none; 		background-color: #a0a0a0;  }
a.mnubtn:visited	{ color: #ffffff; text-decoration: none; 		background-color: #a0a0a0;  }
a.mnubtn:active		{ color: #ffffff; text-decoration: none; 		background-color: #a0a0a0;  }
a.mnubtn:hover		{ color: #ffffff; text-decoration: underline; 	background-color: #0063ef;  }

/* (Hover colour #0063ef matches logo blue.) */

p.subtitle
{
	text-align: 		 center;
	color:				 #0063ef; 					/* text color to match logo */
	font-family:         'Nyala','Bookman Old Style','Times New Roman',serif; 
	font-size:			 14pt; 
	font-weight:		 bold;
}

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

div#foottext
{
	background-image:	none;
	background-color:	transparent;
	text-align:         center;
	margin-top:			10px;
}

p.footer
{ 
	font-family:	'Times New Roman',serif; 
	font-size:		10pt; 
	font-weight:	bold; 
	color:			#0063ef; 					/* text color to match logo */
	font-style:		italic; 
	text-align:		center 
}

p#footmenu
{ 
	font-size:		8pt; 
	font-weight:	bold; 
	color:			#808080; 
	text-align:		center 
}


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

/*
** 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.columnrightshop
{
	float:   			right; 
	width:     			470px; 
	margin-top:         0px; 
	margin-right:       0px; 
	margin-bottom:      0px; 
	margin-left:        0px;
	padding:            0px;
}

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

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


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

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;
}

div.frontpagepanel
{
	width:        		300px;
	margin-left:  		  8px;
    margin-right: 		  8px; 
}

div.frontpagebox
{
	width:        		300px;
	margin-left:  		  8px;
    margin-right: 		  8px; 
    padding:      		  5px;
    border-style:  		  solid;
    border-width:		  0px; 
}

div#musicswitch
{
	margin-top:     	0px; 
	margin-right:  		10px; 
	margin-bottom:  	0px; 
	margin-left:    	5px; 
	width:          	auto;
	font-size:			8pt;
	line-height:   	 	18pt;
	background-color: transparent;
}

.musictab
{
	background-image:	none;
/*	background-color:	transparent; */
	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:#00c0ff; text-decoration:underline; } */
.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 	                                	*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.img-shadow 
{
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right;
  margin: 10px 0 0 10px;
}

.img-shadow img 
{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
} 

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

div.spacer      { width:auto; font-size:4px;                                   margin:0px 25px 0px 25px;  padding:0px; }
div.spacer1     { width:auto; font-size:1px;  line-height:100%;                margin:0px;                padding:0px; }
div.spacer10    { width:auto; font-size:10px;                                  margin:0px;  padding:0px; }

p.spacer	    { font-size:4px;  line-height:100%; }
	
/* ---------------------------------------------------------------------------------------- */
/*                      panel construction                                          		*/
/*																							*/
/* Basic panel (3 div's and an h2):															*/
/*		<div class="panel ...color..."><div class="in1"><div class="in2">					*/
/*         <h2>Don't miss this out!</h2>													*/
/*         <p>.....................</p>														*/
/*         <h2 class="subsequent">..</h2>													*/
/*         <p>.....................</p>														*/
/*     </div></div></div>																	*/
/*                                                                                  		*/
/* Alternative panel: (4 div's)																*/
/*		<div class="panel ...color..."><div class="in1"><div class="in2"><div class="in3">	*/
/*         <p>.....................</p>														*/
/*         <h2 class="subsequent">..</h2>													*/
/*         <p>.....................</p>														*/
/*     </div></div></div>																	*/
/*																							*/
/* padding within panel:  put a div inside - eg class="panelpad25"							*/
/*                                                                                          */
/* ---------------------------------------------------------------------------------------- */

div.panel
{
	background-image:    url(image10/corner_tr.gif);
	background-repeat:   no-repeat;
	background-position: right top;
	margin:              0px;
	padding:             0px;
}

div.in1 
{ 	
	background-image:    url(image10/corner_bl.gif); 
	background-repeat:   no-repeat;
	background-position: bottom left;
	background-color:    transparent;
	padding:             0px;
	margin:              0px;
	width:               100%;
}

div.in2 
{ 	
	background-image:    url(image10/corner_br.gif); 
	background-repeat:   no-repeat;
	background-position: bottom right;
	background-color:    transparent;
	padding:             0px;
	margin:              0px;
	width:               100%;
}

div.in3 
{ 	
	background-image:    url(image10/corner_tl.gif); 
	background-repeat:   no-repeat;
	background-position: left top;
	background-color:    transparent;
	margin:              0px;
	width:               100%;
}

div.panel h2
{
	background-image:    url(image10/corner_tl.gif);
	background-repeat:   no-repeat;
	background-position: left top;
	background-color:	 transparent;
	width:				 100%;
	padding-top:         5px;
}


div.panel h2.subsequent
{
	background-image:    none;
	background-color:	 transparent;
	margin:              0px;
	width: 				 100%;
}

div.in3 h2
{
	background-image:    none;
	background-color:	 transparent;
	margin:              0px;
	width:				 100%;
}

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

div.panel p { padding:4px; }

/* ---------------------------------------------------------------------------------------- */
/* Panels with tanbs across the top
/* ---------------------------------------------------------------------------------------- */

div.tabholder
{
	text-align:		left; 
	padding-left:	0px;	
	padding-right:	0px;
	height:         2em;	
}

div.tab
{
	float: left;
	background-image:    url(image10/corner_tr.gif);
	background-repeat:   no-repeat;
	background-position: right top;
	margin:              0px;
	
	padding-top:		 0px; 
	padding-bottom:		 0px; 
	padding-left:		 0px; 
	padding-right:		 0px;
	
	height:				 100%;
	vertical-align:		 middle;
}

div.tab p
{
	background-image:	 url(image10/corner_tl.gif);	
	background-repeat:	 no-repeat; 
	background-position: left top; 
	background-color:	 transparent;
    margin-left:		 0px;
    margin-top:		 	 0px;
	padding-left:		 0px; 
	padding-right:		 0px;
	padding-top:		 10px; 
	padding-bottom:		 10px; 
	font-size:      8pt;
}

div.tab a
{
	background-color:	 transparent;
	margin-left:		 10px; 
	margin-right:		 10px;
	color:				 #ffffff;
	text-decoration:	 none;
}

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


/* -------------------------------------------- */
/* Colours for panels: text and background      */
/* -------------------------------------------- */

.tx-white        { color: #ffffff;           }
.tx-logoblue     { color: #0063ef;           }
.tx-blue3        { color: #90d8f8;			 }
.tx-blue2        { color: #000060;           }
.tx-blue         { color: #00008b;           }
.tx-green        { color: #008b00;           }
.tx-green2       { color: #0ad21d;			 }
.tx-green3       { color: #90ff90;			 }
.tx-purple       { color: #5e015f;			 }
.tx-orange       { color: #e08000;           }
.tx-red-ff		 { color: #ff0000;           }
.tx-maroon		 { color: maroon;            }
.tx-grey         { color: #606060;           }

.tx-heading0	 { color: #00008b;           }

	 
.bk-cream1       { background-color:#ffedbd; } 

.bk-blue0        { background-color:#d0f0ff; }
.bk-blue1        { background-color:#e0f0ff; } 
.bk-blue2        { background-color:#a8d8ff; }
.bk-blue3        { background-color:#90d8f8; }

.bk-pink0        { background-color:#ffe0e0; }
.bk-pink1		 { background-color:#ff8080; }

.bk-green0       { background-color:#d8ffd8; }
.bk-green2       { background-color:#a8ffa8; }

.bk-orange0      { background-color:#ffc887; }

.bk-purple0      { background-color:#e8c8ff; }
.bk-purple2      { background-color:#dbb0ff; }

.bk-white		 { background-color:#ffffff; }

.bk-yellow		 { background-color:#fbf2bf; }
.bk-yellow-dark	 { background-color:#f6eaaa; }

.bk-grey0		 { background-color:#d8d8d8; }
.bk-grey1		 { background-color:#f0f0f0; }

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.panelholder
{
	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.panelholder div.panel
{
	background-image:    url(image10/corner_tr.gif);
	background-repeat:   no-repeat;
	background-position: right top;
	background-color:    transparent;
	margin:              0px;
	padding:             0px;
}

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; }   		


	
/* -------------------------------------------------------------------------------- */
/* padding within panels															*/
/* -------------------------------------------------------------------------------- */

.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; 	}

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






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

.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; }

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


.centring 	 { text-align:center;  }
.just 	   	 { text-align:justify; }
.leftalign 	 { text-align:left;    }
.rightalign  { text-align:right;   }

#regiontext .centring 	 { text-align:center;  }



.reviewtext  { text-align:justify; margin-left:20px; margin-right:20px; padding-bottom:10px; padding-top:0px; color:#404040; font-style:italic; } 
.reviewsig   { text-align:justify; margin-left:20px; margin-right:20px; color:#000060; font-weight:bold;} 

.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; }
 
a:link	     { color:#0063ef; font-weight:bold; text-decoration:underline; }
a:visited 	 { color:#553377; font-weight:bold; text-decoration:underline; }
a:active  	 { color:#0044aa; font-weight:bold; text-decoration:underline; }
a:hover   	 { color:#00c0ff; font-weight:bold; text-decoration:underline; }

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	{ text-align:center;  font-weight:bold;	 font-size:12pt;  }
h3	{ text-align:left; 	  font-weight:bold;  font-size:11pt;  }
h4	{ text-align:left;    font-weight:bold;	 font-size:10pt;  }

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

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


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                         language modules 									    */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.wbord_l   { text-align:left; }
td.wbord_r   { text-align:left; }
td.wbord_0   { text-align:left; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                         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 */

span.question			{ color:#00008b; }	   	/* see tx-blue */
span.answer				{ color:#000000; }


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);  }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* For the order summary table: 													*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.orderrow1 { font-weight:bold; }

td.ordercol0 { width:150px; color:#0063ef; text-align:left;  font-weight:bold;   }	/* logo-blue */
td.ordercol1 { width:190px; background-color:#ffffff; text-align:left;   padding-left:10px; }	
td.ordercol2 { width: 60px; background-color:#ffffff; text-align:right;  }	
td.ordercol3 { width:120px; background-color:#ffffff; text-align:center; }	
td.ordercol4 { width: 60px; background-color:#ffffff; text-align:right;  padding-right:10px; }	

td.ordercol4 p { 	padding-bottom:0px; }	/* override standard paragraph spacing */

td.addrcol1  { width:140px; background-color:#ffffff; text-align:left;  vertical-align:top; padding-left:10px; }
td.addrcol2  { width:300px; background-color:#ffffff; text-align:left;  vertical-align:top; }

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


/************************************************************************************/
/* 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  		                        */
/************************************************************************************/

body.popup     
{ 
	background-color:#ffffee;
	background-image:none; 
/*	font-family:Arial,sans-serif; */
	font-size:10pt; 
}

body.orderform 
{ 
	background-color:#ffffff; 
	background-image:none 
}

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

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

div.page       
{ 
	z-index:		   0; 
	width:		       700px;
	background-image:  url(images/mzbkgd.png);
	background-repeat: repeat-y;
	border-style:      none; 
	border-width:      0; 
	margin-top:        10px;  
	margin-left:       auto; 
	margin-right:      auto;
	padding:           0px; 
}

div.page810
{
	z-index:			0; 
	width:				810px;  
	background-image:  url(images/mzbkgd.png);
	background-repeat: repeat-y;
	border-style:      none; 
	border-width:      0; 
	margin-top:        10px;  
	margin-left:       auto; 
	margin-right:      auto;
	padding:           0px; 
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                              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;
}

/* textarea0 within chunkmiddle width=700px */
/* fptcolumnleft and fpcolumnright within   */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                          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;   }

.bold     	   { font-weight:bold; }
.lightbold     { color:#646464; font-weight:bold; }

td			   { font-size: 10pt;   }
.padlr30	   { padding-left:30px; padding-right:70px; }

.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.bordered				{ border:       1px solid #c0c0c0 }
td.border_l				{ border-left:  1px solid #c0c0c0 }
td.border_r				{ border-right: 1px solid #c0c0c0 }
td.border_t				{ border-top:   1px solid #c0c0c0 }
td.border_b				{ border-bottom:1px solid #c0c0c0 }
td.border_tl			{ border-top:   1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
td.border_tr			{ border-top:   1px solid #c0c0c0; border-right:1px solid #c0c0c0 }
td.border_bl			{ border-bottom:1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
td.border_br			{ border-bottom:1px solid #c0c0c0; border-right:1px solid #c0c0c0 }
td.border_tlr			{ border-top:   1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right:1px solid #c0c0c0 }
td.border_blr			{ border-bottom:1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right:1px solid #c0c0c0 }

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.sm					{ border:		 none;				 }
td.sm_t					{ border-top:    4px solid #404040;  }
td.sm_r					{ border-right:  4px solid #404040;  }
td.sm_b					{ border-bottom: 4px solid #404040;  }
td.sm_l					{ border-left:   4px solid #404040;  }
td.sm_tl				{ border-top: 	 4px solid #404040; border-left:  4px solid #404040; }
td.sm_tr				{ border-top: 	 4px solid #404040; border-right: 4px solid #404040; }
td.sm_bl				{ border-bottom: 4px solid #404040; border-left:  4px solid #404040; }
td.sm_br				{ border-bottom: 4px solid #404040; border-right: 4px solid #404040; }
td.sm_tlr				{ border-top: 	 4px solid #404040; border-left:  4px solid #404040; border-right:  4px solid #404040; }
td.sm_blr				{ border-bottom: 4px solid #404040; border-left:  4px solid #404040; border-right:  4px solid #404040; }

td.smc_1				{ background-color:#ffe0e0;  }
td.smc_2				{ background-color:#e0ffe0;  }
td.smc_3				{ background-color:#e0e0ff;  }
td.smc_4				{ background-color:#ffffe0;  }
td.smc_0				{ background-color:#d0d0d0;  }

td.smt_b				{ text-align:center; vertical-align:bottom; font-size:16pt; font-family:'Times New Roman',serif; }
td.smt_br				{ text-align:right;  vertical-align:bottom; font-size:16pt; font-family:'Times New Roman',serif; }
td.smt_bl				{ text-align:left;   vertical-align:bottom; font-size:16pt; font-family:'Times New Roman',serif; }

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);
 
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.shoptab    { padding:5px;  /*border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000;*/ font-size:8pt; }
a#shopactive { background-color:#FCF4CE; }
div.shopdiv    { /* text-align:center; */ }
div.shopinner { background-color:#FCF4CE; }

.shoperrorheader
{
    background-image:    url("shop/shopfiles/redGrad.jpg");
    background-repeat:   repeat-x;
    background-position: top left;
    font-size: 			 12px;
    text-align: 		 center;
    margin-top: 		 20px;
    margin-bottom: 		 20px;
    padding: 			 12px;
    border: 			 #daa7a6 1px solid;
}

.shopaddresstable
{
    width:           100%;
    border:          0px none;
	border-collapse: collapse;
}

.shopaddressprompt 
{
	color:#575C53;
	font-size:10pt;
	font-weight:normal;
	text-align: right;
	width: 30%;
}	


.shopaddressdata   
{	
	width: 70%;
	padding-left:3px;
	padding-right:3px; 
	font-size:10pt;  
}

td.shopaddressdata input
{
	width:100%;
}




.shopformtable
{
    width:           100%;
    border:          0px none;
	border-collapse: collapse;
}

.shopformtable td
{
	border-top:     0px none;
	border-right:   0px none;
	border-left:    0px none;
	border-bottom:  0px none;
/*    padding:        3px 3px 3px 3px; */   /* top right bottom left */
	padding:        0px;
	vertical-align: top;
}


.shopformfooter
{
    margin: 20px 15px 0px 15px;						  /* top right bottom left */
	width:  auto;
}

.shopsubheader 
{
    padding:      	0px;
    width:      	100%;
	font-size:  	10pt;
	text-align: 	center;
	margin-bottom:  10px;
}

.shopfieldlabel 
{
	color:#575C53;
	font-size:10pt;
	font-weight:normal;
	text-align: right;
	width: 30%;
}	

.shopfielddata   {	width: 70%; font-size:10pt; }

.shopwarning     { color:#ff0000; font-weight:bold; }

table.shopguide	   { width:500px; margin-left:auto; margin-right:auto; }	
td.shopguide       { font-size:7pt; color:#606060; vertical-align:middle; text-align:center; }
td.guidearrow      { font-size:7pt; color:#606060; vertical-align:middle; text-align:center; width:11px; }
td#shopguideactive { font-weight:bold; color:#0063ef; }   /* logo-blue */ 

.inputBoxDisable {  background-color: #dddddd;   border: 1px solid #999999; }
.inputBoxEnable	 {  background-color: #ffffff;   border: 1px solid #999999;	}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* TOTALY OBSOLETE */

div#chunkheader
{
	width:              700px;
	z-index:            1; 
	background-image:   none;
	background-color:   transparent;
}

div.page810 div#chunkheader
{
	width:              810px;
	z-index:            1; 
	background-image:   none;
	background-color:   transparent;
}

div.deepheader 	{ height:110px; margin-bottom:2px; }
div.stdheader   { height:90px; 					   }

div#chunkmenu
{
	clear:				both;
	width:              700px;
	margin:  			0px 0px	0px 0px; 	
	padding:            0px 0px 0px 0px;

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

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

div.page810 div#chunkmenu
{
	clear:				both;
	width:              810px;
	margin:  			0px 0px	0px 0px; 	
	padding:            0px 0px 0px 0px;

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

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

div#chunkmiddle
{
	width:   			700px;
	z-index: 			1; 
	background-image:   none;
	background-color:	transparent;
}

div.page810 div#chunkmiddle
{
	width:   			810px;
	z-index: 			1; 
	background-image:   none;
	background-color:	transparent;
}


div#chunkfooter
{
	width:   			700px;
	margin:				10px 0px 0px 0px;
	background-image:	none;
	background-color:	transparent;
	z-index: 			1; 
}

div.page810 div#chunkfooter
{
	width:   			810px;
	margin:				10px 0px 0px 0px;
	background-image:	none;
	background-color:	transparent;
	z-index: 			1; 
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*                       classes for skymap sales pages                             */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body.skymap						{	background-color: #330404;	}

body.skymap .tx-heading0	 	{ color: maroon;           	    }

body.skymap div#titlearea		{	color: maroon;	}
body.skymap div#foottext		{	color: maroon;	}
body.skymap div.separator   	{   border-bottom:2px groove maroon; }

body.skymap h1					{	color: maroon;	}
body.skymap h2					{	color: maroon;	}
body.skymap p.footer			{	color: maroon;	}

body.skymap td#shopguideactive  { color: #aa2222; }
body.skymap td.ordercol0 		{ color:maroon;   }

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

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


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