body
{
    margin: 0;
    padding:0;
    background: #eee;
    color: #000; 
    font-family: trebuchet ms, "Trebuchet MS", helvetica, sans-serif;   
}

#wrapper{	
	/* min-width: 957px;*/
	width: 100%;
}

#leftcolumn
{
 position: absolute;
 top: 10px;
 left: 5px;
 width: 210px;
 border-right:dashed 1px #999;
 color: #333333;
 margin: 0px;
 padding: 5px;
 height: 400px;
 
}
 
#leftcolumn ul
{ 
  text-align:center;
  list-style: none;
  margin : 0;
  padding: 0;
  border:1px 0px 1px 0px;
}

#leftcolumn ul li a
{
  display:block;
  width:100%;
  height:20px;  
  border:none;
  color:white;
  text-decoration:none;
  font-weight:bold;
  padding-top:2px;
}

#leftcolumn ul li a:link
{
  width:100%;
}

#leftcolumn ul li a:hover
{  
  background:#648ABD;
  color:#FFFFCC;
}

#leftcolumn ul li a:visited
{  
  
}

#leftcolumn #additionallinks
{
    text-align:center;
    padding:10px;    
}

#rightcolumn
{
	margin: 10px 5px 0px 230px; 
	border:solid 1px black;
	color: #333333;
	padding: 5px 5px 5px 5px; 
	position :relative;
	background-color:#FFF;
	float:right;
}

.AdminOptionsSelected
{
    color:#00f;
    font-weight:bolder;    
    width:100%;
    padding:0px 0px 0px 2px;
}

.AdminOptionsHover
{
    color:Red;
    padding:0px 0px 0px 2px;
}

.AdminOptionsUnselected
{
    padding:0px 0px 0px 2px;
    font-size:14px;
    color:#029;
}

.PageHeader
{
    margin:0px 0px 0px 0px; 
    padding: 3px 0px 0px 5px;    
    font-weight:normal;
    color: #000;
    border-top:solid 1px #000;
    border-right:solid 1px #000;
    border-left:solid 1px #000;
    border-bottom:solid 1px #000;    
    background-image:url(../../admin/images/bgheader.gif);        
    background-position:left bottom;
    
    width:99%;
    clear:both;
}

.PageHeader .HeaderImage
{
	float:left;
}

.PageHeader h1
{ 
    top:10px;
    font-weight:normal;
    font-size:24px;
    margin-top:1px;
    float:left;    
}

.PageHeader #ButtonBar
{
	float:right;
	width:150px;	
	margin:0px 10px 0px 0px;
	text-align:right;
	font-size:12px;
}

.trailselected
{
    text-decoration:none;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

a.trail
{
    text-decoration:none;
    margin:0px;
    padding:0px;
}

a:visited.trail
{
    color:#00f;
}

a:link.trail
{
    color:#00f;
}

a:hover.trail
{
    color:#f00;
}

a:active.trail
{
    color:#0f0;
}

h1, h2, h3, h4
{
    margin-top:0px;   
}

h2
{    
	clear:left;
    margin-bottom:0px;    
    font-weight:normal;
    color: #0d4777;
    font-size:1.0em;
}

h3
{
    margin-top:0px;   
    margin-bottom:15px;    
    font-weight:bold;
    color: #0d4777
}

h4
{
    margin-top:0px;   
    margin-bottom:3px;    
    font-weight:bold;
    color: #0d4777
}

h5
{
    margin-top:0px;  
    margin-bottom:0px;    
    font-weight:bold;
    color: #0d4777
}

.DataGrid
{
	
	border-color:#000;
	border-collapse:collapse;
	background-color:#eeeee2;    
	width:800px;
}

.DataGridHeader
{  
  color:#ffffff;
  font-size: 0.9em; 
  font-weight: bold; 
  text-decoration: none;
  background-color:#6B75A0;  
}

.DataGridHeader a{
  color:#ffffcc;  
}
.DataGridHeader a:hover{
  color:#ff0000;
}
.DataGridHeader a:active{
  color:#ffff00;
}

.DataGridSubHeader{
  height:12px;
  color:#000000;
  font-size: 0.75em; 
  font-weight: bold; 
  text-decoration: none;
  background-color:#cccccc;  
}

.DataGridSubHeader a{
  color:#0000ff;
}
.DataGridSubHeader a:hover{
  color:#ff0000;
}
.DataGridSubHeader a:active{
  color:#ffff00;
}

.DataGridFooter{
  color:#000000;
  font-size: 0.75em; 
  font-weight: bold; 
  text-decoration: none;
  background-color:#CCCCCC;  
}

.DataGridFooter a{
  color:#0000ff;
}
.DataGridFooter a:hover{
  color:#ff0000;
}
.DataGridFooter a:active{
  color:#ffff00;
}

.DataGridPagerStyle
{
  height:12px;
  color:#000000;
  font-size: 0.9em; 
  font-weight: bold; 
  text-decoration: none;
  background-color:#CCCCCC;  
}

.DataGridPagerStyle a
{
  color:#0000ff;
}
.DataGridPagerStyle a:hover
{
  color:#ff0000;
}
.DataGridPagerStyle a:active
{
  color:#ffff00;
}

.DataGridItem
{
  background-color:#EEEEEE;
  font-size: 16px;
}

.AltDataGridItem
{
  background-color:#DEDEDE;
  font-size: 16px;
}

.DataGridItem td, .AltDataGridItem td
{
	padding:2px 2px 2px 5px;	
}

.DataGridItem a:link, .AltDataGridItem a:link, .DataGridItem a:visited, .AltDataGridItem a:visited
{
  color:#029;
  text-decoration:none;
  font-size:12px;
}

.DataGridItem a:hover, .AltDataGridItem a:hover
{
  color:#ff0000;
  text-decoration:underline;  
}

.DataGridItem a:active, .AltDataGridItem a:active
{
  color:#ffff00;
}

.miniDataGridHeader
{
  color:#ffffcc;
  font-size: 0.75em;
  font-weight: bold; 
  text-decoration: none;
  background-color:#98B2E6;
  background: url(../../images/subhead-back.gif);
}

.miniDataGridHeader a{
  color:#0000ff;
}
.miniDataGridHeader a:hover{
  color:#ff0000;
}
.miniDataGridHeader a:active{
  color:#ffff00;
}

.miniDataGridSubHeader{
  height:10px;
  color:#000000;
  font-size: 0.75em;
  font-weight: bold; 
  text-decoration: none;
  background-color:#cccccc;
}

.miniDataGridSubHeader a{
  color:#0000ff;
}
.miniDataGridSubHeader a:hover{
  color:#ff0000;
}
.miniDataGridSubHeader a:active{
  color:#ffff00;
}

.miniDataGridFooter{
  color:#000000;
  font-size: 0.6em; 
  font-weight: bold; 
  text-decoration: none;
  background-color:#CCCCCC;  
}

.miniDataGridFooter a{
  color:#0000ff;
}
.miniDataGridFooter a:hover{
  color:#ff0000;
}
.miniDataGridFooter a:active{
  color:#ffff00;
}

.miniDataGridPagerStyle{
  height:10px;
  color:#000000;
  font-size: 0.75em; 
  font-weight: bold; 
  text-decoration: none;
  background-color:#CCCCCC;  
}

.miniDataGridPagerStyle a{
  color:#0000ff;
}
.miniDataGridPagerStyle a:hover{
  color:#ff0000;
}
.miniDataGridPagerStyle a:active{
  color:#ffff00;
}

.miniDataGridItem{
  background-color:#EEEEEE;
  font-size: 0.75em;
  padding:2px;
}

.miniDataGridItem a{
  color:#0000ff;
}
.miniDataGridItem a:hover{
  color:#ff0000;
}
.miniDataGridItem a:active{
  color:#ffff00;
}

.miniAltDataGridItem{
  background-color:#DEDEDE;
  font-size: 0.75em;
  padding:2px;
}

.miniAltDataGridItem a{
  color:#0000ff;
}
.miniAltDataGridItem a:hover{
  color:#ff0000;
}
.miniAltDataGridItem a:active{
  color:#ffff00;
}

.DataGridEditItem
{
    background-color:#FFFFFF !important;
}

.subAltDataGridItem
{
    color:#000;
    text-decoration:none;
}

.subDataGridItem
{
    color:#000;
    text-decoration:none;
}

.subDataGridFooter
{
    color:#000;
    text-decoration:none;
}

.AdminFormContainer
{
	margin:5px 0px 0px 0px;    
    float:left;
    width:800px;
}

.AdminInputForm
{  
	margin:0px 0px 0px 0px;
	padding:5px 5px;  
	width:100%;
	background-color:#F8F8F8;
	border-top:solid 2px #CCC;
	border-right:solid 2px #AAA;
	border-bottom:solid 2px #AAA;
	border-left:solid 2px #CCC;
	float:left;
	clear:both;
}

.AdminInputForm fieldset
{   
  margin: 0;    
  width:100%;      
  border:none;
}

.AdminInputForm fieldset legend
{
	display:none;
}

.AdminInputForm .LabelSpacer
{
	width: 160px;
	float:left;
}

.AdminInputForm .RadioButtonList
{
    position:relative;
    float:left;
    margin:5px 0px 0px 0px;
    height:19px;
    text-align:left;
    width:140px;
    background-color:#eeeeee;
    border-bottom:solid 1px #ccc;
}

.AdminInputForm .RadioButtonList label { 
    float:right;
	width: 25px; 
	padding-right: 10px; 
	margin: 0px 10px 0px 2px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-size:0.75em;	
}

.AdminInputForm .RadioButtonList input { 
	display: inline;  /* block float the labels to left column, set a width */	
	padding-left: 10px; 
	width:22px;
	float:right;
	margin: 0px 0px 0px 0px; /* set top margin same as form input - textarea etc. elements */	
	font-size:0.75;
	border:none;
}

.AdminInputForm select
{
	float:left;
	font-size:0.80em;
	font-weight:normal;
	background-color:#FBFBFB !important;	
}

.AdminInputForm .required{font-weight:bold;} /* uses class instead of div, more efficient */

.AdminInputForm br {
	clear:both; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.error14
{
    font-size:14px;
    color:#F00;
}

.confirmtext
{
	font-size:14px;
    color:green;
}

.ImageButton_newcatid
{   
    position:relative;
    background-image:url(../../admin/images/categories24x24.gif);
    background-position:left bottom;    
    background-repeat:no-repeat;
    font-size:12px;
    font-weight:bold;
    color:black;
    display:block;
    float:left;
    text-align:right;    
    padding:10px 5px 0px 30px;
    margin:0px 20px 0px 0px;
}

.ImageButton_features
{   
    position:relative;
    background-image:url(../../admin/images/features24x24.gif);
    background-position:left bottom;    
    background-repeat:no-repeat;
    font-size:12px;
    font-weight:bold;
    color:black;
    display:block;
    float:left;
    text-align:right;    
    padding:10px 5px 0px 30px;
    margin:0px 20px 0px 0px;
}

.ImageButton_products
{
    position:relative;
    background-image:url(../../admin/images/products24x24.gif);
    background-position:left bottom;    
    background-repeat:no-repeat;
    font-size:12px;
    font-weight:bold;
    color:black;
    display:block;
    float:left;
    text-align:right;    
    padding:10px 5px 0px 30px;
    margin:0px 20px 0px 0px;
}