a {text-decoration: none;} 

/* Misc */
h3 {font-size:18px; text-align:left; font-weight:bold; border-bottom:1px dashed #000; margin: 15 0 10 0px; padding-bottom:5px;}
 
fieldset {position:relative; width:211px; height:73px; padding:15px 15px 0 15px; border:1px solid #b7cca7; background:#f5f9f2;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}

/*Menubar*/
	h2	{clear:both;padding-top:20px;}
	#MenuBar ul {list-style:none;margin:0;padding:0;}
	#MenuBar li {list-style-type:none; float:left;width:150px;margin:0;padding:0;text-align:center;}
	#MenuBar li a {display:block;padding:5px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #FFF;}
	#MenuBar li a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#MenuBar {width:100%;}
	#MenuBar a {background:url(bg_mgt_menubar3.jpg) repeat -20px 35px; color:black;}
	#MenuBar li.titl {width:150px; font-weight:bold; display:block;padding:5px 10px;height:100%; }


/* ?? ??? */
	#tbl { width:100%; font-size:9pt; 	color:#000;	background:#fff;	border-collapse:collapse;	border:1px solid #999999; }  /*#DCDCDC*/
	#tbl thead{ }
	#tbl thead th { background-color:#cccccc; font-weight:bold;	text-align:center; padding:5px; border:1px solid #999999;}
	#tbl thead tr { }
	#tbl tbody th { font-weight:bold; text-align:center; border:1px solid #999999;} /*border-bottom:1px dotted #CECFCE; */
	#tbl tbody tr.odd {	background: repeat top left; background-color:#efefef; }
	#tbl tbody td { padding:3px;  border:1px solid #999999;}
	#tbl tbody td.tdCenter 	{padding:3px; text-align:center; vertical-align:middle;}
	#tbl tbody td.tdRight 	{padding:3px; text-align:right;}
	#tbl tbody td.tdLeft 		{padding:3px; text-align:left;}
	
	#tbl tr.odd td { }
	#tbl tfoot{}
	#tbl tfoot td {}
	#tbl tfoot tr {border-top:1px dotted #CECFCE; 	font-size:120%; 	text-align:right; }
	#tbl #colodd {background-color:#EFEFE7;}	/* ??? ???*/
/*
<h1>The Very Best Eggnog</h1> 
<table id='tbl'> 
<col> 
<col id="colodd"> 
<col> 
<thead> 
	<tr><th>Ingredients</th><th>serves 12</th><th>serves 24</th></tr> 
</thead> 
<tfoot> 
	<tr><td colspan="3"></td></tr> 
</tfoot> 
<tbody> 
		<tr><td>milk</td><td>1 quart</td><td>2 quart</td></tr> 
		<tr class="odd"><td>cinnamon sticks</td><td>2</td><td>1</td></tr> 
		<tr><td>vanilla bean, split</td><td>1</td><td>2</td></tr> 
		<tr class="odd"><td>cloves</td><td>5</td><td>10</td></tr> 
		<tr><td>mace</td><td>10 blades</td><td>20 blades</td></tr> 
		<tr class="odd"><td>egg yolks</td><td>12</td><td>24</td></tr> 
		<tr><td>cups sugar</td><td>1 &frac12; cups</td><td>3 cups</td></tr> 
		<tr class="odd"><td>dark rum</td><td>1 &frac12; cups</td><td>3 cups</td></tr> 
		<tr><td>brandy</td><td>1 &frac12; cups</td><td>3 cups</td></tr> 
		<tr class="odd"><td>vanilla</td><td>1 tbsp</td><td>2 tbsp</td></tr> 
		<tr><td>half-and-half or light cream</td><td>1 quart</td><td>2 quart</td></tr> 
		<tr class="odd"><td>Freshly grated nutmeg to taste</td><td></td><td></td></tr> 
</tbody> 
</table> 
*/
 
/* -- Button Reset -- */
span.button,
span.button a,
span.button button,
span.button input { cursor: pointer; position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font:12px Sans-serif; white-space:nowrap; background:url(../image/buttonWhite.gif) no-repeat; vertical-align:middle; overflow:visible;}
span.button { height:23px; padding:0; margin-right:2px; background-position:left top; overflow:visible;}
span.button a,
span.button button,
span.button input{ left:2px;}
span.button.large { height:29px; background-position:left -30px; }
span.button.xLarge { height:35px; background-position:left -65px; }
span.button.small { height:18px; background-position:left -107px; }
 
/* Anchor */
span.button a { padding:6px 10px 5px 8px; *padding:4px 10px 7px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
span.button.large a { padding:7px 10px 6px 8px; *padding:5px 10px 9px 8px; _top:-1px; font:16px/16px Sans-serif; background-position:right -30px;}
span.button.xLarge a { padding:8px 10px 7px 8px; *padding:6px 10px 9px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
span.button.small a { padding:4px 6px 3px 4px; *padding:2px 6px 5px 4px; font:8pt/8pt ??; background-position:right -107px; _top:-1px;}
 
/* Button & Input */
span.button button,
span.button input { height:23px; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
span.button.small button,
span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}
 
/* Strong */
span.button.strong * { font-weight:bold !important;}
 
/* Icon */
span.button .icon { position:relative; left:10px; margin-right:5px; vertical-align:middle; border:0; z-index:2;}
span.button.small .icon{ left:6px;}
 
/* Color */
span.button.green,
span.button.green a,
span.button.green button,
span.button.green input { background-image:url(../image/buttonGreen.gif); color:#fff;}
span.button.black,
span.button.black a,
span.button.black button,
span.button.black input { background-image:url(../image/buttonBlack.gif); color:#fff;}
span.button.red,
span.button.red a,
span.button.red button,
span.button.red input { background-image:url(../image/buttonRed.gif); color:#fff;}
span.button.blue,
span.button.blue a,
span.button.blue button,
span.button.blue input { background-image:url(../image/buttonBlue.gif); color:#fff;}
 
/* BEGIN PageBar */

.pagebar { font-size: 0.6em;font-family:verdana; padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #FFF; background: #FFF; text-decoration: none; }
.pagebar a, .pageList .this-page {color: #693; text-decoration: underline;border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }
.pagebar a:hover {border: 1px solid #693;} 
.pagebar a:visited {color: #693; text-decoration: underline; border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }
.pagebar .break { padding: 2px 6px; border: none; background: #FFF; text-decoration: none; }
.pagebar .this-page { border: 1px solid #693; padding: 0.2em 0.5em; font-weight: bold; background: #693; color: #FFF; }
.pagebar a:active{color: #360; text-decoration: underline;}

/* END PageBar */
	 
/* ? ??? 
	jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 400px;
    
    background-color: #EEE;
    color: #333;
    border: 7px solid #ffcc33;
    padding: 12px;
}

.jqmOverlay { background-color: #000; overlay: 22;}

.jqmClose { margin-left:200px; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#jqmDialog_Title {font-weight:bold; } /* Dialog ?? */

.strong {font-weight:bold;}
.width50 {width:50px;}
.width80 {width:80px;}
.width100 {width:100px;}