.FrontHeader
{
	margin: 10px;
	font-family:Tahoma;
	font-size:large;
	color:Maroon;
	font-weight:bold;
	text-align:left;
	
}
.FrontText
{
	margin: 10px;
	font-size:small;
	text-align:justify;
}

.tbl
{
    border:0px;
}
/* Shadow Right Base */
#shadow-containerRE {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#shadow-containerRE .shadow2,
#shadow-containerRE .shadow3,
#shadow-containerRE .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-containerRE .shadow1 {
		background: #d0ccb3;
	}
 
	#shadow-containerRE .shadow2 {
		background: #d0ccb3;
	}
 
	#shadow-containerRE .shadow3 {
		background: #8b958a;
	}
 
	#shadow-containerRE .container {
		background: #ffffff;
		
		padding: 10px;
	}
	
/* Shadow Left */
	
#shadow-container {
	position:relative;
	left: 3px;
	top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #d0ccb3;
	}
 
	#shadow-container .shadow2 {
		background: #d0ccb3;
	}
 
	#shadow-container .shadow3 {
		background: #8b958a;
	}
 
	#shadow-container .container {
		background: #ffffff;
		
		padding: 10px;
	}
	/*--------------------*/
	#shadow-containerHE {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
}
 
#shadow-containerHE .shadow2,
#shadow-containerHE .shadow3,
#shadow-containerHE .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-containerHE .shadow1 {
		background: #d0ccb3;
	}
 
	#shadow-containerHE .shadow2 {
		background: #d0ccb3;
	}
 
	#shadow-containerHE .shadow3 {
		background: #8b958a;
	}
 
	#shadow-containerHE .container {
		background: #ffffff;
		
		padding: 1px;
	}
	
	/*Shadow Product */
	
	#shadow-containerPr {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
}
 
#shadow-containerPr .shadow2,
#shadow-containerPr .shadow3,
#shadow-containerPr .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-containerPr .shadow1 {
		background: #ACADA8;
	}
 
	#shadow-containerPr .shadow2 {
		background: #ACADA8;
	}
 
	#shadow-containerPr .shadow3 {
		background:  #ACADA8;
	}
 
	#shadow-containerPr .container {
		background: #ffffff;
		
		padding: 8px;
	}
	
	
	/* DataList */
	
	.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the DataList control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */


/* Individual "items" in the DataList. */
.PrettyDataList .AspNet-DataList table tbody tr td
{
    color: Maroon;
    padding:5px;         
    vertical-align: top; 
}

/* Header of the DataList. */
.PrettyDataList .AspNet-DataList table thead tr th,
.PrettyDataList .AspNet-DataList table caption
{   
    text-align:right;
    height: 90px;
    font-family: Arial;
    font-weight: bold;
    font-size: x-large;
    color: Maroon;
    
    vertical-align: bottom;
    padding: 0 8px 8px 0;
}

/* Footer. */
.PrettyDataList .AspNet-DataList table tfoot tr td
{
   color:Maroon;
}

/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#SampleDataList .Sample-Contact
{   
    color: Maroon;
    margin: -2px;
    padding: 4px;
    
    font-size:small; 
}

#SampleDataList .Sample-Name
{    
    color:Maroon;
}

#SampleDataList .Sample-Address
{
    color: Black;
    
    font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-variant: normal;
	font-weight: normal;
	text-align: justify;
}

#SampleDataList .Sample-Phone
{
    color: Maroon;
    text-align:right;
    white-space:nowrap; 
}
#SampleDataList .DataListDetails
{
	text-align:justify;	
    
}


/* --------------------------------------------------------------------------------------------------- */
/* Used when the DataList adapter is NOT used. */
/* These styles are used by the DataList's skin, found in this theme's skin file. */
#SampleDataList .DataList-Skin-Header
{
    color: Maroon;
    padding: 0 8px 8px 0;
}

#SampleDataList .DataList-Skin-Footer
{

}



/*Modal Popup*/

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#e2d8a5;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

.sampleStyleA {
	background-color:#FFF;
	color: Maroon;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;	
	font-family:Arial;
	font-size:10pt;
	color: Maroon;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}



/*banner Shadow */


#shadow-containerBN {
	position: relative;
	left: 0px;
	top:  0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#shadow-containerBN .shadow2,
#shadow-containerBN.shadow3,
#shadow-containerBN .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-containerBN .shadow1 {
		background: #d0ccb3;
	}
 
	#shadow-containerBN .shadow2 {
		background: #d0ccb3;
	}
 
	#shadow-containerRE .shadow3 {
		background: #8b958a;
	}
 
	#shadow-containerBN .container {
		background: #ffffff;
		padding: 1px;
	}