﻿   
.datagrid 
{
    color:#fff;
    font-family:Calibri, Tahoma, sans-serif;
}

.datagrid .listTABLE 
{
	clear:both;
	border:solid 3px #fff;
	background-color:#fff;
	width:98%;
	text-align:left;	
}

.datagrid .listTABLE TH
{
	font-weight:normal;
	background-color:#aecfff;
	padding:4px;
}

.datagrid .listTABLE TH A
{
	/* fill the container so clicking anywhere will issue the sort command */
	display:block; 
	height:100%;
	background:url(../Images/SortGifs/sort.gif) right center no-repeat;
	/* buffer so we don't crush the image */
	padding-right:20px;
	/* white */
	color:#fff;
	/* get rid of the underline */
	text-decoration:none;
}

.datagrid .listTABLE TH.sortasc A
{
	background:url(../Images/SortGifs/asc.gif) right center no-repeat;
}

.datagrid .listTABLE TH.sortdesc A
{
	background:url(../Images/SortGifs/desc.gif) right center no-repeat;
}

.listTABLE TD
{
	padding:4px;
	color:#333;
	border-bottom:solid 1px #d8dde0;
}    
.header
{
    height:33px;
	line-height:25px;   
	font-size:20px;
    background-color:#aecfff; 
    margin-right:14px;
}
.title
{
	float:left;
	height:25px;
	line-height:25px;   
	font-size:20px;
    padding-bottom:8px;
    text-transform:uppercase;  
    font-weight:bold;	 	
}

.numeric
{
	text-align:right;
}

/* Data Pager Styles */
.pager
{
	float:right;
    padding-bottom:8px;
    padding-right:14px;
} 

.pager SPAN.command,        
.pager SPAN.current,        
.pager A.command
{
    color:#fff;
    font-family:Georgia,serif;
    padding:3px;
    text-decoration:none;
}

.pager SPAN.current
{
    font-weight:bold;
    text-decoration:underline;
} 
.editTABLE
{
    width: 95%;
    border: 1px solid gray;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #aecfff;
    color:Black;
}
.editTABLE TH
{
    font-size:2.0em;
}

/* -------------------- Used for Email Templates -------------------------- */
.skm_EditRow
{
    border-bottom: dotted 1px gray;
    vertical-align: top;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    border-bottom-color: #666666;
}

.skm_RowLabel
{
    font-weight: bold;
    text-align: right;
}
.skm_EmailBody
{
    border: solid 1px black;
    background-color: #CCCCCC;
    width: 600px;
}
.helptext
{
    color:Red;
    text-align:left;
}   
