body {
  	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  	font-size:80%;
  	line-height:160%;
  	margin:0px;

}



#whiteback
{
	background-color:#FFF;
	max-width:500px;
	width:100%;
	height:100%;
}

h1
{		font-weight:bold;
		font-size:140%;
		border-bottom:#CC6600 1px solid;
		padding: 4px;
		color:#903;
}

h1, h2, h3, h4{
	padding:0;
	margin:0;
	clear:both;
	display:block;
}

h2
{		font-size:1.3em;
		color:#F90;	
}

h3
{		font-size:100%;
		color:#999999;	
}

h4
{		font-size:100%;
		color:#003300;
}

#box {
	padding:0;
	margin:0;
	z-index:-1;
	}
	
#box li {
	list-style-type:none;
	magin:0.15em 0 0.15em 0.25em;
	z-index:-1;
	}
	
#box a, #box a:visited {
	position:relative;
	display:block;
	/*width:97%;*/
	/*font-family:arial, verdana, sans-serif;*/
	/*font-size:1.2em;*/
	text-align:left;
	text-decoration:none;
	background:#FFFFFF;
	color:#000000;
	padding:0.25em;
	border-top:1px solid #000;
	}
	
#box ul a, #box ul a:visited {
	left:60px;
	border:1px solid #000;
	width:120px;
	padding:1px;
	text-align:left;
	margin:0 -0.25em -0.25em -2.2em;
	}
	
#box a:hover {
	background:#eee;
	color:#CC6600;
	z-index:1;
	}
	
#box a span {
	display:none;
	z-index:1;
	}
	
#box a:hover span{
	display:block;
	text-align:left;
	position:absolute; 
  	left:13em; 
  	top:0; 
  	padding:0.5em; 
  	width:24em;
  	background-color:#eee;
  	color:#000; 
  	border:1px solid #CC6600;
	z-index:9;
	
  }
  
#box a:hover span:first-line {
  	font-weight:bold; 
  	font-size:1.4em;
 	color:#CC6600;
}
#box img {
 	 border:1px solid #000; 
 	 float:left; 
 	 margin:0.25em 1em 0.5em 0;
}

#cocktail
{
	float:right;
	position:relative;
	width:380px;
	/*min-height:590px;*/
	height:100%;
	background-color:#FFF;
	/*padding:5px;*/
}

table {
	font: 9px/18px Verdana, Arial, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	width:100%;

	color:#000000;
}

table.clear
{
	clear:both;
}


table.cocktailtable
{
	font: 9px/18px Verdana, Arial, Arial, Helvetica, sans-serif;
	/*border-collapse:collapse;*/
	width:100%;

	padding:10px;
	
}

th {
	padding:0 0.5em;
	text-align:center;
	border:1px solid #FF9900;
}

th.cocktailhead {
	padding:5px;
	text-align:left;
	border:1px solid #FF9900;
}

tr.toprows td {
	background:#e3eef7;
	text-align:center;
	border-top:1px solid red;
	border-bottom:1px solid red;
	border-left:none;
	border-right:none;
	width:150px;
}

label.cocktailslabel
{
	font-weight:800;
}

td.cocktailtable
{
	background-color:#FFFFFF;
	/*border:#CC6600 1px solid;*/
	color:#000000;
	padding:10px;
}

td.cocktailtitle
{
	background-color:#fff;
	/*border:#CC6600 1px solid;*/
	color:black;
	padding:5px;
	font-weight:800;
}


td.commenttext
{
	background-color:#FFFFFF;
	border:#CC6600 1px solid;
	color:#000000;
	padding:10px;
}

td.commentname
{
	background-color:#FF9933;
	border:#CC6600 1px solid;
	color:black;
	padding:5px;
	font-weight:800;
}

/*td.divider {
	border-left:1px solid black;
	padding:0 0.5em;
	text-align:left;
}*/

td {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding: 0 0.5em;
	text-align:left;
}

th a, th a:visited
{
	color:#FFFFFF;
}

th a:hover
{
	color:#000000;
}





.clearfooter {   height: 330px;   clear: both;}


fieldset
{		border:1px solid #CC6600;
		width:80%;
		padding:2em;

}

legend
{		color:#fff;
		background:#CC6600;
		border: 1px solid #781351;
		padding:2px 6px;
		margin-bottom:1em;
}