/*
body
{
	background: #FFF url( '/Images/body-background.gif' );
	font: 0.7em Verdana,Arial,Helvetica,sans-serif;
}
*/

.accordion
{
	font-size: small;
	height: 20px;
	color: #FFFFFF;
	background: #566D58 repeat-x top;
	padding: 2px 2px 0px 5px;
	cursor: pointer;
}

.accordionColumnHeaderTable
{
	background-color:  #C47009; /* "tea" a light brown color */
	color:  #FCF6DA;		/* "write you off" sort of an antique white color */
}

.accordionContent
{
	font-size: small;
	height: 20px;
	color:   #2F0911;	/* a very dark, almost black color */
	background: #E8EED5 repeat-x top;	/* "off mint", almost a pastel color with light green tones */
	padding: 2px 2px 0px 5px;
	cursor: pointer;
}

.accordionHeader
{
	font-size: small;
	height: 30px;
	color: #2F0911;			/* a very dark, almost black color */
	background: #A1D2B0 repeat-x top; /* "mint tea", a more pronounced pastel green */
	padding: 2px 2px 0px 5px;
	cursor: pointer;
	/* John Mikolich	December 16, 2010
		I replaced the line below with a similar line to see the effect
		of a more standard color.
		background: #566D58 repeat-x top;
		Then on January 5, 2011 I experimented with a color 
		palette called "Cocaine Tea" that I chose more or less
		at random from http://www.colourlovers.com/palette/1371069/Cocaine_Tea?widths=1
		The five colors in this pallette are:
			2F0911	this is a very dark, almost black color
			FCF6DA	this is a very light tan
			E8EED5	this is a very light pastel green
			A1D2B0	this is a darker pastel green (similar to the color VS uses for comments)
					#A1D2B0 is one of the five colors in the 'Cocaine Tea' palette.
							It is a light pastel green (a slightly lighter shade than 
							the one Visual Studio is using for these comment lines.
						
			C47009	this is a dark tan, almost a brown color
	*/
}

.AquaAccordion
 {
	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow: hidden;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

.AquaAccordion .Tab 
{
	height: 24px;
	background-image: url(images/BlueGradient.gif);
	background-repeat: repeat-x;
	background-color: #6dc1fc;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align: center;
}

.AquaAccordion .Content
 {
	overflow: auto;
	height: 300px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/BlueGradient.gif);
	background-repeat: repeat-x;
}

.AquaAccordion .hover 
{
	background-image: none;
	background-color: #33CCFF;
}

.AquaAccordion .open
 {
	
}

.AquaAccordion .closed 
{
	/* Add properties here. */
}

.AquaAccordion .focused 
{
	/* Add properties here. */
}


.AltRowStyle td
{
	background-color: #F8F8FF;
}

.backgroundTan
{
	background-color:  #C47009; /* "tea" a light brown color */
	color:  #FCF6DA;		/* "write you off" sort of an antique white color */
}


.backgroundTan_reversed
{
	background-color:  #FCF6DA; 
	color:  #C47009;		
}

.backgroundWhite	/* used for the ID card (with rounded corners) black text on white background */
{
	background-color:  #FFFFFF;
	color:  #000000;
	border-top: dashed 2px #000000;
	border-right: solid 2px #000000;
	border-bottom: dashed 2px #000000;
	border-left: solid 2px #000000;
}

body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	padding-left: 0px;
	padding-top: 0px;
	font-family: verdana,arial,helvetica;
	font-size: 8pt; 
	background-image: url(BackgroundGradientTeal_V01.jpg);
	background-repeat:repeat-x;
}

.ButtonStyle
{
	background-image: url(Images/BlueGradient.gif);
	background-position: center;
	background-repeat: repeat-x;
	background-color: #000080;
	color: #FFFFFF;
	font-weight: bold;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #FFFFFF;
	padding: 2px;
	height: 30px;
}

.ButtonTanStyle
{
	background-color: #C47009;
	color: #FCF6DA;
	font-weight: bold;
	border-top: solid 1px #FCF6DA;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #FCF6DA;
	padding: 2px;
	height: 30px;
}

.CaptionForDataFromDatabase
{
	
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #A1D2B0;		/*	#A1D2B0 is one of the five colors in the 'Cocaine Tea' palette.
							It is a light pastel green (a slightly lighter shade than 
							the one Visual Studio is using for these comment lines.
							This element formerly used #000080;	*/
}

.CategorySeparator
{
	background-color: Silver;
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	
	
}

.DataFromDatabase
{
	
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bolder;
	color: #2F0911;		/*	#2F0911 is one of the five colors in the 'Cocaine Tea' palette.
							It is a light tan color.
							This element formerly used #000080;	*/
}

.DataFromDatabaseLight
{
	
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bolder;
	color: #FCF6DA;		/*	#FCF6DA is one of the five colors in the 'Cocaine Tea' palette.
							It is a light tan color.
							This element formerly used #000080;	*/
}

.DropDownListStyle
{
	width: 205px;
}

.faqHeader
{
	font-family: Verdana, Arial, "Times Roman";
	font-weight:bold;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #0D5181;
    background-color: #efefef;
    font-size:11px;
}


.flyOutDiv  
 {  
      display: none;  
      position: absolute;  
      width: 75%;  
      z-index: 3;  
      opacity: 0;  
      filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));  
      font-size: 14px;  
      border: solid 1px #CCCCCC;  
      background-color: #FFFFFF;  
      padding: 5px;  
 }  


 .flyOutDivCloseX  
 {  
  background-color: #666666;  
  color: #FFFFFF;  
  text-align: center;  
  font-weight: bold;  
  text-decoration: none;  
  border: outset thin #FFFFFF;  
  padding: 5px;   
 }  

.gradientbox
{
	background: #FFF url( '/Images/gradientbox.png' ) repeat-x;
	margin-bottom: 6px;
}

.GridViewHeaderStyle
{
	font-family: verdana,arial,helvetica;
	text-decoration: none;
	color: White;
	text-align: center;
	font-weight: bold;
}


.GridViewStyle
{
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	table-layout: auto;
	border-collapse: collapse;
	border: #444 1px solid;
	vertical-align: bottom;
}



/*
	John Mikolich	February 2, 2011
	This style for an h1 element with the image with the 
	gradient line has been used in other apps.  It might
	be useful to upgrade this concept using Photoshop
	for use in this app, but I don't really have the skills
	or the time to do it right now.  Instead, I'm going
	to copy 'LabelStyleLarge' and use it for h1 elements.
h1
{
	background-image: url(HeaderBG.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 14px;
	color: #00AAAA;
	font-family: Verdana;
	padding-right: 0px;
	padding-left: 70px;
	padding-bottom: 0px;
	margin: 10px 0px;
	padding-top: 0px;
}
*/
h1
{
	background-color: #A1D2B0;
	color: #C47009;		/*	#C47009 is one of the five colors in the 'Cocaine Tea' palette.
							It is a dark tan, almost brown.
							This element formerly used #000080;	*/
	font-family: verdana,arial,helvetica;
	font-weight: bolder;
	font-size: large; 
	padding-left: 70px;
	width: 88%;
}

/*
h1 small
{
	font-size: 7pt;
}
*/


h2
{
	font-family: Verdana;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #0D5181;
	background-color: #efefef;
	font-size: 12px;
	font-weight: bold;
	padding-right: 0px;
	margin: 10px 0px;
	width: 745px;
}

h3
{
	font-family: Verdana;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #0D5181;
	background-color: #efefef;
	font-size: 11px;
	font-weight: bold;
	padding-right: 0px;
	margin: 0px;
}

h4
{
	font-family: Verdana;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #0D5181;
	font-size: 11px;
	font-weight: bold;
	padding-right: 0px;
	margin: 10px 0px 5px;
}

hr
{
	color: #008b8b;
}


/*
.HeaderStyle, .PagerStyle
{
	background-image: url(Images/BlueGradient.gif);
	background-position: center;
	background-repeat: repeat-x;
	background-color: #000080;
	font-weight: bold;
	height: 30px;
}
*/

.HeaderStyle, .PagerStyle
{
	background-image: url(Images/BlueGradient.gif);
	background-position: center;
	background-repeat: repeat-x;
	background-color: Silver;
	font-weight: bold;
	height: 30px;
}

.HeaderStyle th
{
	padding: 5px;
	color: White;
	font-weight: bold;
}

.HeaderStyle a
{
	text-decoration: none;
	color: White;
	display: block;
	text-align: center;
	font-weight: bold;
}

.IDcard8pt
{
	font-family: Verdana, "@Arial Unicode MS", "Times New Roman";
	font-size: 8pt;
}

.IDcard9ptRed
{
	font-family: Verdana, "@Arial Unicode MS", "Times New Roman";
	font-size: 9pt;
	color: red;
}

.IDcard9ptbold
{
	font-family: Verdana, "@Arial Unicode MS", "Times New Roman";
	font-size: 9pt;
	font-weight: bold;
}


.IDcard8ptBold
{
	font-family: Verdana, "@Arial Unicode MS", "Times New Roman";
	font-size: 8pt;
	font-weight: bold;
}

.IDcard7ptBold
{
	font-family: Verdana, "@Arial Unicode MS", "Times New Roman";
	font-size: 7pt;
	font-weight: bold;
}


.IDcard7pt
{
	font-family: Verdana, "@Arial Unicode MS", "Times New Roman";
	font-size: 7pt;
}

.IDcard6ptBold
{
	font-family: Verdana, "@Arial Unicode MS", "Times New Roman";
	font-size: 6pt;
	font-weight: bold;
}

.IDcard5ptBold
{
	font-family: Verdana, "@Arial Unicode MS", "Times New Roman";
	font-size: 5pt;
	font-weight: bold;
}



.Instructions
{
	background-color: #fffbd6; 
	border-style: dashed; 
	border-width: 1pt; 
	border-color: #FCF6DA;	/*  formerly #cdcdcd; */ 
	padding-left: 2pt; 
	padding-bottom: 2pt; 
	padding-right: 2pt; 
	padding-top: 2pt;
	font-family: Verdana, arial, helvetica; /* formerly "@Arial Unicode MS", "Times New Roman"; */
	font-size: 8pt;
}


.LabelStyle
{
	font-family: verdana, arial, helvetica;
	font-weight: bolder;
	color: #000080;
}


.LabelStyleLarge
{
	font-family: verdana,arial,helvetica;
	font-weight: bolder;
	font-size: large; 
	color: #C47009;		/*	#C47009 is one of the five colors in the 'Cocaine Tea' palette.
							It is a dark tan, almost brown.
							This element formerly used #000080;	*/
}

.LabelStyleSmall
{
	font-family: verdana,arial,helvetica;
	font-weight: bold;
	font-size: small;
	background-color: #C47009; 
	color: #FCF6DA;		
}


.LabelAlert
{
	font-family: verdana,arial,helvetica;
	font-weight: bolder;
	color: Red;
}


.ModalBackgroundHandler
{
	background-color:#5D7B9D;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #FFFFFF;
	color:#FFFFFF;
	padding:3px;
	margin:3px;
	line-height:3em;
	cursor:move;
}

.ModalBackground 
{
	background-color:White;
	filter: alpha(opacity=50);
	opacity: 0.5;
}



/*
.modalBackground_V02 
{
     background-color:#000;
     filter:alpha(opacity=70);
     opacity:0.7;
}
*/

.ModalBox 
{
    font-family: verdana,arial,helvetica;
	font-size: 8pt;
	font-weight:bold;
	padding: 2px 10px 2px 10px;
	border-top: solid 2px #5D7B9D;
	border-right: solid 2px #5D7B9D;
	border-bottom: solid 2px #5D7B9D;
	border-left: solid 2px #5D7B9D;
	width:600px;
	text-align:center;
	background-color:#FFFFFF;
}

.ModalConfirmationBox
{
    font-family: verdana,arial,helvetica;
	font-size: 8pt;
	font-weight:bold;
	padding: 2px 10px 2px 10px;
	border-top: solid 2px #5D7B9D;
	border-right: solid 2px #5D7B9D;
	border-bottom: solid 2px #5D7B9D;
	border-left: solid 2px #5D7B9D;
	width:600px;
	text-align:center;
	background-color:#FFFFFF;
}


.outerPopup 
{
    background-color:transparent;  
    padding:1em 6px;
}

.innerPopup
{
    background-color:#fff;
}





.PagerStyle table
{
	text-align: center;
	margin: auto;
}

.PagerStyle table td
{
	border: 0px;
	padding: 5px;
}

.PagerStyle td
{
	border-top: #1d1d1d 1px solid;
}

.PagerStyle a
{
	color: #ffffff;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #333333;
	border-bottom: solid 1px #333333;
	border-left: solid 1px #FFFFFF;
}

.PagerStyle span
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 10px 2px 10px;
}

.qm1AlignIntro
{
	padding-right: 30px;	
	vertical-align:top;
}

.qm2AlignIntro
{
	padding-right: 0px;
	vertical-align:bottom;
}

.qmAlignStep2 
{
	padding-left:115px;

}

.qmAlignStep3 
{
	padding-left: 30px;	
	
}

.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td
{
	font-size: 11px;
	padding: 5px;
	border-right: solid 1px #1d1d1d;
}

.RowStyle td
{
	background-color: #FFFFFF;
}


.SelectedRowStyle td
{
	background-color: #B0C4DE;
	color: #FFFFFF;
}

/*	John Mikolich	March 3, 2011	Copied from  http://www.somacon.com/p338.php  */
table.alternating
{
	border: 0px;	/* former value: border: 2px inset #8B8378; */
	-moz-border-radius: 2px;
}

table.alternating td
{
	border: 0px;	/* former value:  border: 1px solid #2F0911;	 */
	padding: 0.2em 2ex 0.2em 2ex;
	color: #2F0911;	/* a very dark, almost black color */
}

/*	John Mikolich March 9, 2011
	I'd like the alternating table colors to match the 
	alternating grid rows: (from the skin file)
	<AlternatingRowStyle BackColor="#E0E0E0" (this is a light gray color)  ForeColor="#284775" />
*/
table.alternating tr.d0 td
{
	background-color: #E0E0E0;	/*	former value: #FCF6CF; */
}

table.alternating tr.d1 td
{
	background-color: #FEFEF2; 
}


.TableBW	/*	'BW' is black and white, black (#000000) letters on a white (#FFFFFF) background */
{
	background-color:  #FFFFFF;
	color:  #000000;
}

.tableDarkTan
{
	background-color:  #C47009; /* "tea" a light brown color */
	color:  #FCF6DA;		/* "write you off" sort of an antique white color */
}

.tableDarkTanReversed
{
	background-color:  #FCF6DA; 
	color:  #C47009;		
}

.tableDarkPastelGreen
{
	background-color:	#A1D2B0;	/* ??? */
	color:				#2F0911;	/* a very dark, almost black color */
		
}


.tableLightPastelGreen
{
	background-color:	#E8EED5;	/* "off mint", almost a pastel color with light green tones */
	color:				#2F0911;	/* a very dark, almost black color */
	
}

table.TitledBlock
{	
	border-bottom: #999999 thin solid;
}

table.TitledBlock caption
{
	color: #0D5181;
	background-color: #efefef;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border-top: #999999 thin solid;
	border-bottom: #999999 thin solid;
}


table.TitledBlock tbody tr td
{
	text-align: left;

}

.TDAutoComplete
{
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	color: #5D7B9D;
	border-top: solid 2px #5D7B9D;
	border-right: solid 2px #5D7B9D;
	border-bottom: solid 2px #5D7B9D;
	border-left: solid 2px #5D7B9D;
	z-index:100010;
}

.TDAutoCompleteItem
{
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight:normal;
	color: #5D7B9D;
	background-color:#F8F8FF;
	cursor:pointer;
}

.TDAutoCompleteHighlightedItem
{
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
	background-color:#5D7B9D;
	cursor:pointer; 
}

.TDLabel
{
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #5D7B9D;
}

.TDLabelLight
{
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	color: #5D7B9D;
}



.TextBoxStyle
{
	width: 300px;
}




.PanelHeader
{
	background-image: url(Images/BlueGradient.gif);
	background-position: center;
	background-repeat: repeat-x;
	background-color: #000080;
	color: #FFFFFF;
	font-weight: bold;
	border-style: solid;
	height: 25px;
	text-align: left;
	padding: 10px 10px 10px 10px;
	font-family: verdana,arial,helvetica;
}

.EmptyGridHeader
{
	background-image: url(Images/BlueGradient.gif);
	background-position: center;
	background-repeat: repeat-x;
	background-color: #000080;
	font-weight: bold;
	height: 30px;
	text-decoration: none;
	color: White;
	display: block;
}

/* Menu Css classes */

.TDMenuStaticMenuStyle
{
	font-family:  verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #5D7B9D;
	padding:3px;
	background-color:#F8F8FF;
}

.TDMenuStaticMenuStyle tr
{
	background-color:#F8F8FF;
}

.TDMenuStaticMenuStyle td
{
	font-family:  verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #5D7B9D;
	background-color:#F8F8FF;
	text-decoration: none;
}

.TDMenuStaticMenuStyle a
{
	font-family:  verdana,arial,helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #5D7B9D;
	text-decoration: none;
}

.TDMenuStaticHoverStyle
{
	background-color:#F8F8FF;
}

.TDMenuStaticHoverStyle tr
{
	background-color:#F8F8FF;
}

.TDMenuStaticHoverStyle td
{
	background-color:#F8F8FF;
}

.TDMenuDynamicMenuStyle
{
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	color: #5D7B9D;
	border-style: solid; 
	border-top-color:#5D7B9D; 
	border-left-color:#5D7B9D;
	border-right-color:#5D7B9D;
	border-bottom-color:#5D7B9D;
	border-width: 1px; 	
	background-color:#F8F8FF;
	padding:3px;
	width:auto;
	z-index: 100;
}

.TDMenuDynamicMenuStyle a:hover
{
	background-color:#F8F8FF;
}

.TDMenuDynamicMenuItemStyle
{
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	color: #5D7B9D;
	/*
	border-top-color:#5D7B9D; 
	border-left-color:#5D7B9D;
	border-right-color:#5D7B9D;
    border-style: solid; 
	border-bottom-color:#5D7B9D;
	border-width: 1px; 	
   */
	background-color:#F8F8FF;
	z-index: 100;
}
.TDMenuDynamicMenuItemStyle td
{
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	color: #5D7B9D;
	background-color: #F8F8FF; 
	z-index: 100;
}

.TDMenuDynamicMenuItemStyle a
{
	background-color: #F8F8FF;
}

.TDMenuDynamicMenuItemStyle a:hover
{
	color:White;
	background-color:#5D7B9D;
}

.TDMenuDynamicHoverStyle
{
	background-color: #F8F8FF;
}

.TDMenuDynamicHoverStyle td
{
	background-color: #F8F8FF;
}

.TDBulletList
{
	font-family: verdana,arial,helvetica;
	font-size: 12px;
	color: #5D7B9D;
	padding: 4px;
	margin-left:4px;
	text-align:left;
	vertical-align:top;
}