/* ********* ********* ********* ********* ********* */ 
/* TEMPLATE CLASSES */
body 		{ color: #000000; font: 10pt verdana; margin: 0px; }
Table		{ font: 10pt verdana; }
a:link		{ color: #0033FF; }
a:visited	{ color: #0033FF; }
a:hover		{ color: #0033FF; }

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


/* ********* ********* ********* ********* ********* */
/* TITLE STYLES */
.Title		{ 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('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('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('images/button/RedRgt.gif'); 
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.ROUNDBTN:hover span {
    background-image: url('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: 8pt 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('images/GradientGray.jpg');
	background-position: bottom center;
	background-repeat: repeat-x;
}
.TBLItem td
{
	font: 8pt verdana;
	border: 0;
	border-bottom: 1px solid #999999;
	vertical-align: bottom;
}
.TBLAltItem
{ 
	background-image: url('images/GradientGray.jpg');
	background-position: bottom center;
	background-repeat: repeat-x;
}
.TBLAltItem td
{
	font: 8pt verdana;
	border: 0;
	border-bottom: 1px solid #999999;
	vertical-align: bottom;
}
.TBLEditItem
{ 
	background-image: url('images/GradientRed.jpg');
	background-position: bottom center;
	background-repeat: repeat-x;
}
.TBLEditItem td
{
	border: 0;
	border-bottom: 1px solid #ff6666;
}
.TBLFooter
{
	background-image: url('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;
}