/* ********* ********* ********* ********* ********* */ 
/* TEMPLATE CLASSES */
body 		{ color: #000000; font: 10pt verdana; margin: 0px; }
table		{ font: 10pt verdana; }

h1		{ font: bold 14pt verdana; }
h2		{ font: bold 12pt verdana; }
h3		{ font: bold 10pt verdana; }

a:link		{ color: #0033FF; }
a:visited	{ color: #0033FF; }
a:hover		{ color: #0033FF; }


/* ********* ********* ********* ********* ********* */
/* TITLE STYLES */
.TMPTitle	{ color: #ffffff; font-size: 12pt; font-weight: bold; }
.TMPTitleLarge  { color: #9999ff; font-size: 18pt; font-weight: bold; }

.SectionHeader	{ color: #000000; font: bold 12pt verdana; border-top: solid 1px #000000; width: 100%; padding-bottom: 5px;}


/* ********* ********* ********* ********* ********* */
/* CONTROL STYLES */
.TextBox 		{ font: 10pt verdana; }
.TextBoxDisabled	{ font: 10pt verdana; background-color: #e0e0e0;}
.Label 			{ font: 10pt verdana; }


/* ********* ********* ********* ********* ********* */
/* USER FORM */
.UserForm	{ background-image: url('/template/images/FadeGray.jpg'); background-repeat: repeat-x; padding: 10px; }
.Error		{ color: #ff0000; font-weight: bold; }
.Message	{ font-weight: bold; }

/* ********* ********* ********* ********* ********* */
/* INFO */
.DivInfo { color: #000000; font: 8pt verdana; text-align: center; padding: 10px;}
.DivInfo a:link, .DivInfo a:visited, .DivInfo a:active .DivInfo a:hover 
	{ color: #0033ff; text-decoration: underline; }


/* ********* ********* ********* ********* ********* */
/* BUTTONS */
.button		{ }
.button a:link, .button a:visited, .button a:active
{
	background-color: #cccccc;
	color: #000000; 
  	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	border-style: solid;
	border-width: 2px;
	width: 120px; 
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}
.button a:hover 
{
	background-color: #e0e0e0;
}


/* ********* ********* ********* ********* ********* */
/* BUTTONS */

/*
CSS button reference
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
*/

a.ROUNDBTN {
    background-image: url('/template/images/button/GrayRgt.gif'); 
    background-repeat: no-repeat;
    background-position: center right;
    color: #444;
    font: normal 12px verdana, arial, sans-serif;
    height: 24px;
    line-height: 14px;
    margin-right: 6px;
    padding-right: 14px; /* sliding doors padding */
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
}

a.ROUNDBTN span {
    background-image: url('/template/images/button/GrayLft.gif'); 
    background-repeat: no-repeat;
    color: #000000;
    xdisplay: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.ROUNDBTN:hover {
    background-image: url('/template/images/button/RedRgt.gif'); 
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.ROUNDBTN:hover span {
    background-image: url('/template/images/button/RedLft.gif'); 
    xpadding: 6px 0 4px 18px; /* push text down 1px */
} 


/* ********* ********* ********* ********* ********* */
/* MISC */
.divFaqBlock	{ border-style:outset; border-width: medium; padding:10px;}
.divFloatRight	{ float: right; padding: 10px; width: 50%; }
.divYellowBox	{ background: #fff066; padding: 5px; border: #000000 1px solid; }
.divTestimonial	{ background: #e0e0ff; padding: 5px; border: #000000 1px solid; font: 8pt verdana; }
.divTestimonialSignature { font: 7pt arial; text-align: right; }
	 		

/* ********* ********* ********* ********* ********* */
/* DATA GRID STYLES */
.TBL		
{ 
	font: 10pt verdana;
	border: 0; 
}	
.TBLHeader	
{ 
	/* black - background-color: #000000; */
	/* red   - background-color: #660000; */
	/* blue  - */ background-color: #303366; 
	color: #ffffff;
	font-weight: bold; 
	text-align: center; 
}
.TBLHeader td 
{
	border: 2px solid #ffffff;
}
.TBLHeader a:link, .TBLHeader a:visited, .TBLHeader a:active, .TBLHeader a:hover
{
	color: #ffffff;
	text-decoration: none; 
}
.TBLItem
{ 
	background-image: url('/template/images/GradientGray.jpg');
	background-position: bottom center;
	background-repeat: repeat-x;
}
.TBLItem td
{
	border: 0;
	border-bottom: 1px solid #999999;
}
.TBLAltItem
{ 
	background-image: url('/template/images/GradientGray.jpg');
	background-position: bottom center;
	background-repeat: repeat-x;
}
.TBLAltItem td
{
	border: 0;
	border-bottom: 1px solid #999999;
}
.TBLEditItem
{ 
	background-image: url('/template/images/GradientRed.jpg');
	background-position: bottom center;
	background-repeat: repeat-x;
}
.TBLEditItem td
{
	border: 0;
	border-bottom: 1px solid #ff6666;
}
.TBLFooter
{
	background-image: url('/template/images/GradientYellow.jpg');
	background-position: bottom center;
	background-repeat: repeat-x;
}
.TBLFooter td
{
	border: 0;
	border-bottom: 1px solid #ffe000;
}
.TBLPager
{
	text-align: right;
}
.TBLPager td
{
	border: 0;
}
	

/*
********* ********* ********* ********* ********* 
* NAV LIST CLASSES
********* ********* ********* ********* ********* 
*/


#abg{font-family:arial,sans-serif;font-size:12px;color:#000000;padding:0px 1px;white-space:nowrap;font-weight:bold;}
.sep{height:2px;width:100%;}.bb{overflow:hidden;width:160px;}
.al{font-family:arial,sans-serif;font-size:12px;width:160px;overflow:hidden;line-height:18px;}
.al .alt, .al a{color:#0033ff;font-weight:normal;text-decoration:underline;white-space:nowrap;}

/*
********* ********* ********* ********* ********* 
* NAV LIST CLASSES
********* ********* ********* ********* ********* 
*/

.NavList { }
.NavList ul { 
	font-face: arial;
	font-size: 8pt;
	font-weight: normal;
	text-alignment: left;

	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/

	list-style-type: none; /*turns off display of bullet*/
}
.NavList li { 
	padding-left: 5px;
	margin: 0 0 3px 0; /* creates space between items */

}
.NavList a:link,
.NavList a:visited,
.NavList a:active,
.NavList a:hover {
	color: #0033FF;
}

/*
********* ********* ********* ********* ********* 
* BLACK DIALOG
********* ********* ********* ********* ********* 
*/


/*
********* ********* ********* ********* ********* 
* MAIN DIV
*/

.BLKDIAWrapper { padding: 5px; }

.BLKDIA {
	color: #ffffff;
	xmargin:0px auto;
	xmin-width:20em;
}

.BLKDIA a:link,
.BLKDIA a:visited,
.BLKDIA a:active {
	color: #6699cc;
}

.BLKDIA a:hover {
	color: #99ccff;
}

/*
********* ********* ********* ********* ********* 
* HEADER
*/

.BLKDIA .Header {
	background:transparent url(/template/images/BlackDialog/HeaderLeft.gif) no-repeat 0px 0px;
	font-size:1px; /* ensure minimum height */
	height:13px;
}

.BLKDIA .Header .HeaderCap {
	background:transparent url(/template/images/BlackDialog/HeaderRight.gif) no-repeat right 0px;
	height:13px;
}

/*
********* ********* ********* ********* ********* 
* FOOTER
*/

.BLKDIA .Footer {
	background:transparent url(/template/images/BlackDialog/FooterLeft.gif) no-repeat 0px 0px;
	font-size:1px; /* ensure minimum height */
	height:13px;
}

.BLKDIA .Footer .FooterCap {
	background:transparent url(/template/images/BlackDialog/FooterRight.gif) no-repeat right 0px;
	height:14px;
}


/*
********* ********* ********* ********* ********* 
* BODY
*/

.BLKDIA .Body {
	background:transparent url(/template/images/BlackDialog/BodyLeft.gif) repeat-y 0px 0px;
}

.BLKDIA .Body .BodyCap {
	background:transparent url(/template/images/BlackDialog/BodyRight.gif) repeat-y right 0px;
}

.BLKDIA .Body .BodyCap .BodyCapExtra {
	margin:0px 8px 0px 4px;
	background: url(/template/images/BlackDialog/BodyExtra.jpg) repeat-x 0px 0px;
	padding:1em;
}