@font-face 
{
    font-family: aaclaol;
    src: url(fonts/AACLAOL0.eot);
}
 @font-face 
{
    font-family: aacasol;
    src: url(fonts/AACASOL0.eot);
}
 @font-face 
{
    font-family: aahanol;
    src: url(fonts/AAHANOL0.eot);
}
 @font-face 
{
    font-family: aabruol;
    src: url(fonts/AABRUOL0.eot);
}
 @font-face 
{
    font-family: aasheol;
    src: url(fonts/AASHEOL0.eot);
}
 @font-face 
{
    font-family: aanibol;
    src: url(fonts/AANIBOL0.eot);
}
 @font-face 
{
    font-family: aamodol;
    src: url(fonts/AAMODOL0.eot);
}
 @font-face 
{
    font-family: aabybol;
    src: url(fonts/AABYBOL0.eot);
}
 @font-face 
{
    font-family: aanouol;
    src: url(fonts/AANOUOL0.eot);
}
 @font-face 
{
    font-family: aabraol;
    src: url(fonts/AABRAOL0.eot);
}
 @font-face 
{
    font-family: aawheol;
    src: url(fonts/AAWHEOL0.eot);
}
 @font-face 
{
    font-family: aaicool;
    src: url(fonts/AAICOOL0.eot);
}


@media print 
{
	#margin, #sidebar 
	{ 
		visibility: hidden;
		position: absolute;
		width: 0px; 
		overflow-x: hidden;
	}
}
@media screen 
{
	#margin 
	{ 
		width: 134px;
	}
}

 #page
{
	background: url("images/AAFFtitleBGL.jpg") repeat-x;
}
 #margin
{
	width: 134px;
	background: #1d3057 url("images/AAFFmarginBG.gif") repeat-y;
	border-right: 0px double #1d3057;
	vertical-align: top;
	font: normal 8pt verdana, arial, sans-serif;
	color: snow;

}
 #margin IMG#marginTop
{
	margin: 0px;
	border: 0px;
}
 #margin IMG#marginIcon 
{ 
}
 #margin HR
{
	height: 1px;
	width: 80%;
	color: gray; /* #99b0c0; */
}

 #margin A
{
	text-decoration: none;
	color: #8890a5;
}
 #margin A:link		{ color: lightsteelblue;}
 #margin A:visited	{ color: gray; 		}
 #margin A:hover	{ color: gainsboro; 	}
 #margin A:active	{ color: white; 	}

 #margin .L1
{
	margin-left: 10px;
}
 #margin .L2
{
	margin-left: 20px;
}
 #margin .L3
{
	margin-left: 30px;
}
 #margin .LC
{
	display: block;
	width: 100%;
	text-align: center;
}



@media print 
{
    #headerB
   {
	text-align: center;
   }
}
@media screen 
{
    #headerB
   {
	padding-left: 82px;
	padding-right: 82px;
	text-align: left;
   }
}


 #headerB IMG
{
	border: 0px;
	margin: 0px;
}
 #headerB .step
{
	text-align: center;
	vertical-align: bottom;

}
 #headerB .step DIV
{
	color: white;
	text-align: center;
	font: bold 12pt georgia, times new roman, serif;
	margin: 0px;
	padding: 5px;
	width: 30px;
	height: 60px;

	background: #6f063a url("images/AAFFtitleArrowI.gif") center bottom;
}
 #headerB .step DIV.s
{
	color: #6f063a; 
	background: white url("images/AAFFtitleArrow.gif") center bottom;
	cursor: hand;
}
 #headerB .step DIV.a
{
	color: plum; 
	background-color: #6f063a;
	cursor: hand;
}
 #headerB .step DIV.h
{
	color: #6f063a;
	background-color: plum;
	cursor: hand;
}
 #headerB .step DIV.d
{
	color: #6f063a;
	background-color: white; 
	cursor: hand;
}

P.dsc I
{
	font: normal 10pt/15pt aasheol;
	color: firebrick;
}
.demoText
{
	font: normal 20pt/30pt georgia, times new roman, serif;
	color: midnightblue;
	text-align: center;
}


#holdButtons,
#wHoldButtons
{
	width: 600px;
	text-align: center;

}
#selectButtons TD
{
	font: normal 12pt comic sans, verdana, sans serif;
	color: slategray;
	text-align: center;
	cursor: hand;

	height: 50px;
	vertical-align: middle;
}
#wSelectButtons TD
{
	font: normal 20pt aawheol;
	color: darkslategray;
	text-align: center;
	cursor: hand;

	height: 50px;
	vertical-align: middle;
}
#holdBUttons .mOver,
#wHoldButtons .mOver
{
	font-weight: bold;
	zoom: 1.25;	
}
#holdBUttons .mOut,
#wHoldBUttons .mOut
{
	font-weight: normal;
	zoom: 1;	
}

.show
{
	position: relative;
	visibility: visible;
}
.hide
{
	position: absolute;
	visibility: hidden;
	width: 0px;
	height: 0px;
	overflow: hidden;
}







BODY
{
					background: #cedddd;
	margin: 0px;
	font: normal 10pt/15pt verdana, arial, sans-serif;
					color: darkslateblue;
}


#paper
{
	margin: 10px;
	width: 600px;
	text-align: left;
					background: #cedddd; /*  url(images/welcomeBG.gif) no-repeat center bottom; */
	padding: 10px;
	font: normal 10pt/15pt verdana, arial, sans-serif;
					color: darkslateblue;

}

#pageTitle
{
	font: normal 14pt maiandra gd, verdana, sans-serif;
					color: #6f063a;
	
}

HR.bold
{
					color: rosybrown;
	height: 2px;
}



#sideBar .catTitle
{
	font: bold italic 12pt georgia, times new roman, times, serif;
	/* font: bold 14pt times new roman, times, serif; */
	text-align: left;
					color: #40456f; /* midnightblue; */
}

#sideCat .catName	
{ 
	font: bold 10pt times new roman, times, serif; 
	padding-right: 10px;
}

#sideCat .catHead
{
	font: bold 8pt verdana, sans-serif;
	text-align: center;
					color: steelblue;
}

 #sideCat .catList
{
	width: 150px;
	height: 200px;
	padding: 4px;

					border: 1px solid steelblue;
					background: #d8e8f0; /* seashell; */

	font: normal 10pt verdana, sans-serif;

	overflow: auto;
	resize: none; /* for safari */


  scrollbar-FACE-color: #d8e8f0;
  scrollbar-ARROW-color: steelblue;
  scrollbar-TRACK-color: #d8e8f0;

  scrollbar-HIGHLIGHT-color: steelblue;
  scrollbar-3DLIGHT-color: #d8e8f0;

  scrollbar-SHADOW-color: steelblue;
  scrollbar-DARKSHADOW-color: #d8e8f0;



}


 #sideCat A
{
	text-decoration: none;
			  color: #8890a5;
}
 #sideCat A:link	{ color: steelblue;	}
 #sideCat A:visited	{ color: steelblue; /* #0c5a74; */	}
 #sideCat A:hover	{ color: crimson; 	}
 #sideCat A:active	{ color: indianred; 	}



#paper IMG.fFont
{
					border: 3px double slategray;
}

#paper .fontData
{
	padding: 10px;
	font: normal 8pt verdana, sans-serif;
					color: slateblue;
}


 #catBox
{
	padding: 20px;
	width: 480px; /* 560px; */
					border: 1px solid steelblue; 
					background: #c0d0ff url(images/weave-lbl.gif); 
}

 #catBox .catSet
{
	width: 440px; /* 500px; */
					border: 1px solid #c0d0ff; 
					background: midnightblue;
}
 #catBox .catTitle
{
	font: bold 14pt times new roman, times, serif;
					color: snow;
}
 #catBox .catAbout
{
	cursor: pointer;
	font: bold 10pt verdana, sans-serif;
	width: 100px;
	text-align: center;
					color: midnightblue;
					border: 3px outset thistle;
					background: lavender url(images/blbgbtnc.gif) repeat-x;
}

 #catBox .catFlag
{
	cursor: pointer;
	margin: 4px;
	width: 88px;
	float: left;
	font: normal 8pt verdana, sans-serif;
	text-align: center;
					/* border: 3px outset thistle; 
					background: midnightblue;
					color: snow; */
}
 #catBox .catFlag .catName
{
	cursor: pointer;
	margin: 3px;
	font: normal 8pt verdana, sans-serif;
	text-align: center;
					/* border: 3px outset thistle; */
					background: midnightblue;
					color: snow;
}
 #catBox .catFlag IMG
{
					border: 3px outset thistle;
					/* border: 1px solid midnightblue; */
	margin: 0px;
	width: 82px;
}


.H3
{
	font: normal 20pt monotype corsiva, maiandra gd, verdana, sans-serif;
					color: #6f063a;
}

H3
{
	font: normal 20pt Monotype Corsiva, maiandra gd, verdana, sans-serif;
					color: #6f063a;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
H3 .fStatus
{
	font: bold 12pt times new roman, times, serif;
}

H4
{
	font: bold 10pt verdana, sans-serif;
	color: darkslateblue;
	margin: 0px;
	margin-left: 20px;
	margin-top: 5px;

}
H5
{
	font: bold 10pt georgia, times new roman, serif;
	color: darkslateblue;
	
}

P.dsc
{
	text-indent: 0.5in;
	margin: 0px;
	margin-left: 20px;
	font: normal 10pt/15pt verdana, arial, sans-serif;
	color: darkslateblue;
}
P.fsc
{
	text-indent: 0in;
	margin: 0px;
	margin-left: 20px;
	font: normal 10pt/15pt verdana, arial, sans-serif;
	color: darkslateblue;
}

P.dsc EM,
P.fsc EM
{
	font: italic 10pt/15pt times new roman, times, serif;
}


 .alert
{
	border: 3px dashed crimson;
	color: crimson;
	padding: 10px;
	margin: 10px;
	background: snow;
}
 .alert CENTER
{
	color: crimson;
	font: bold 12pt times new roman, serif;
}
 .instruct
{
	border: 2px dotted crimson;
	color: crimson;
	padding: 10px;
	margin: 10px;
	background: snow;
}

#footer
{
	margin: 10px;
	margin-top: 50px;
	text-align: center;
	font: normal 8pt verdana, arial, sans-serif;
					color: cadetblue;
					border-top: 3px double cadetblue;
}
#footer a
{
	margin: 20px;
}
#footer a:link
{
	text-decoration: none;
					color: thistle;
}
#footer a:active
{
	text-decoration: none;
					color: indianred;
}
#footer a:visited
{
	text-decoration: none;
					color: rosybrown;
}
#footer a:hover
{
	text-decoration: none;
					color: #6f063a;
}





 .inboxButton
{
	background: #cedddd;
	border: 3px outset #cEEEff;

}
 .inboxButtonH
{
	background: snow; 
	border: 3px groove #cEEEff; 
}
 .inboxButtonD
{
	background: lightsteelblue;
	border: 3px inset #cEEEff;
}






.buyList
{

}
.buyList .title
{
	font: bold 12pt georgia, times new roman, serif;
	text-align: center;
					color: #6f063a;
}
.buylist #units
{
	width: 40px;
	text-align: right;
}
.buyList TH
{
					border-bottom: 1px solid silver;
					color: lightslategray;
	font: bold 10pt georgia, times new roman, serif;
}
.buyList TD
{
					border-bottom: 1px solid silver;
	padding: 2px;
}
.buyList TD.total
{
	border: none;
	text-align: right;
	font: normal 10pt georgia, times new roman, serif;
					color: #6f063a;
}
.buyList TD#tPrice
{
	text-align: center;
	/* border-top: 2px solid maroon; */
}
.buyList TD.SP
{
	border-bottom: none;
}
.buyList TD.S
{
	border-bottom: none;
	width: 60px;
}
.buyList TD.I
{
	font: normal 10pt verdana, arial, sans-serif;
	padding: 5px;
					background: #dfe8ec;
					border: 1px solid silver;
}
.buyList TD.X IMG
{
	margin: 3px;
	margin-left: 8px;
					background: #6f063a;
}
.buyList HR
{
	color: silver;
	margin: 0px;
	height: 1px;
	line-height: 1px;
}
.N
{
	font: normal 10pt georgia, times new roman, serif;
					color: slateblue;
	width: 450px;
}
.F
{
	font: normal 10pt verdana, arial, sans-serif;
					color: slategray;
	text-align: right;
}
.P
{
	font: normal 10pt georgia, times new roman, serif;
					color: #6f063a;
	text-align: right;
	padding-right: 10px;
}
.R DIV,
.R IMG
{

	position: relative;
	overflow: hidden;
	width: 50px;
	height: 50px;
					border: 2px solid #6f063a;
					background: seashell;

	font: normal 30px/40px georgia, times new roman, serif;
					color: #6f063a;
	text-align: center;
	padding-top: 5px;
}
.R SPAN.G
{
	z-index: 2;
}
.R SPAN.W
{
	z-index: 1;
	font: normal 46px/50px astac wheels symbol;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 50px;
	height: 50px;
					color: rosybrown;
}

#showUnits
{
	width: 20px;
					color: #6f063a;
	text-align: center;
}
#plus,
#minus
{
					border: 3px outset rosybrown;
					background: #6f063a;
	padding: 4px;
	margin: 2px;
	position: relative;
	top: 4px;
}

#cButton
{
	font: normal 12pt georgia, times new roman, serif;
					color: snow;
	text-align: center;
					background: #6f063a;
					border: 3px outset rosybrown;
	width: 100px;
	cursor: hand;
}


#selectEula TD
{
	vertical-align: top;
	font: normal 10pt verdana, arial, sans-serif;
}
#selectEula TD.E
{
					border: 1px solid silver;
					background: #dfe8ec;
}
#selectEula TD B
{
					color: midnightblue;
	font: bold 11pt times new roman, serif;
}
#selectEula TD.I
{
					background: #6f063a;
					color: white;
}
#selectEula .show
{
	position: relative;
	visibility: visible;
	width: 100%;
}
#selectEula .hide
{
	position: absolute;
	visibility: hidden;
}
#selectEula H3
{
	margin-top: 0px;
}


.loginFrame
{

	margin: 10px;
					border: 1px solid silver;
					background: #dfe8ec;
}
.loginFrame TD
{
	font: normal 8pt/8pt verdana, arial, sans-serif;
	vertical-align: top;
}


#selectEula .loginBox B,
.loginBox B
{
					color: maroon;
	font: bold 11pt times new roman, serif;
}


 .loginBox
{
	border: 3px double #6f063a;
	background: snow;
	text-align: center;
	padding: 15px;
	width: 200px;
	height: 200px;

	overflow: hidden;

	font: normal 10pt verdana, arial, sans-serif;
	color: #6f063a;
}
 .loginBox FORM
{
	margin: 0px;
}
 .loginBox input,
 .loginSet input
{
	background: #6f063a; /*#8189e1; */
	margin: 3px;
	color: white;
	font: normal 10pt sans-serif;
}
 .loginBox input.text,
 .loginSet input.text
{
	border: 2px window-inset thistle;
	background: #6f063a !important; /* need important to overcome the yellow background #8189e1; */
}
 .loginBox input.button,
 .loginSet input.button
{
	border: 3px outset thistle;
	width: 70px;
}