body 
{ 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;    
}

h3
{
    font-size: 18px;
    margin: 0;
    padding: 10px 0;
}
h4
{
    font-size: 14px;
    margin: 0;
    padding: 0;
}
hr.light
{
    height: 0;
    border: none;
    border-bottom: dotted 1px #666;
}
a.excel
{
    padding:2px 22px 2px 0;
    margin:-2px 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../Images/xls.gif);    
}

/* -- General CSS Classes -- */
.spacer
{
    height: 0;
    clear: both;
    margin: 0px;
    padding: 0px;
}

.clientSiteImageLink
{
    text-decoration: none;
}

.container
{
    margin: 5px 0 30px 0;
    padding: 0;
    font-size: 14px;
}
.hidden
{
    display: none;
}
.loadingContainer
{   
    display: block;
    float: none;
    margin: 10px auto;
    text-align: center;
    font-size: 10px;
}
.Title {
	color: dimgray;
	text-decoration:none;
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #666666; FONT-FAMILY: Arial;
}
.Content {
	background-image: url('../images/contentbck.gif');
	background-repeat: repeat-x;
	margin-top:10px;
	padding:5px;
}

/* -- Message Formatting -- */
.hide {display: none;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}


/* -- Master Page -- */
#clientWebsiteForm
{
    width: 100%
}
#clientWebsiteHeader
{
    width: 750px;
    margin: 0px auto;
}
#breadcrumbContainer
{
    margin: 0;
    padding: 5px;
}
#clientWebsiteBody
{
    width: 750px;
    margin: 0px auto; 
    clear: both;                
}
#clientWebsiteFooter
{
    width: 750px;
    margin: 0px auto;
    border-top: solid 2px #efb22d;
}
#queryDisclaimer
{
    font-size: 10px;
}

/* --- Adfusion CSS Form Layout ---*/
.araDefaultForm
{ 
    float: left;
    margin: 0px;
    padding: 0px;
}
.araDefaultForm li
{
    vertical-align: middle;
    padding: 3px;
    list-style: none; 
}
.araDefaultForm label.araDefaultForm_label
{
    width: 100px;
    float: left;
    text-align: left;
    border: none;
}

#queryParameters div.parameter
{
    float: left;
    padding-left: 10px;
}

/** Default Table Style **/
.araDefualtTableContainer
{
    clear: both;
    margin: 5px 0 10px 0;
    padding: 3px;
    border: solid 1px #666;
}
.singleRowGridViewStyle
{
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff;
    border: none;
    border-color: #666;
}
.singleRowGridViewStyle th
{
    text-align: left;
    font-weight: bold;
}
.singleRowGridViewStyle td
{
    margin: 2px;
    padding: 3px;
    color: #000;
    font-size: 12px;
}

.defaultGridViewStyle
{
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff;
    border: none;
    border-color: #fff;         
}
.defaultGridViewStyle th
{
    margin: 2px;
    padding: 3px;
    color: #fff;
    text-align: left;
    font-size: 14px;
    background-color: #666;
}
.defaultGridViewStyle tr
{
    background-color: #eee;
}
.defaultGridViewStyle td
{
    margin: 2px;
    padding: 3px;
    color: #000;
    font-size: 14px;
}
tr.defaultGridViewStyle_footer
{
    background-color: #bbb;
}

/** Default MooTools Calendar Styles **/
input.calendar {
  width: 74px;
}
button.calendar {
    background: url(../Images/calendar.gif) bottom center no-repeat;
    border: none;
    cursor: pointer;  
    height: 17px;
    width: 18px;
    vertical-align: text-top;
}
/*button.calendar:hover,button.calendar.active {
    background-position: top center no-repeat;
}*/ 
div.calendar {
    color: #000000;
    text-align: center;
    border: solid 1px #ddd;
    padding: 6px;
    background: url(../Images/calendarBK.gif) #fff top repeat-x scroll;
    z-index: 1000;
}
div.calendar caption {
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 17px;
    font-size-adjust: none;
    font-stretch: normal;
    -x-system-font: none;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
}

div.calendar caption span {
    height: 25px;
    position: relative;
    text-align: center;
}

div.calendar caption span.month {
    padding-right: 8px;
}

div.calendar caption a {
    cursor: pointer;
    display: block;
    height: 15px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    text-indent: -100px;
    top: 10px;
    width: 30px;
}
div.calendar caption a.prev {
    background: url(../Images/prev.gif) center no-repeat;
    left: 0;
}
div.calendar caption a.next {
    background: url(../Images/next.gif) center no-repeat;
    right: 0;
}

div.calendar td, div.calendar th {
    text-align: center;
    padding: 3px;
}
div.calendar td {
    color: #a1a1a1;
    font-size: 11px;
    padding-right: 5px;
    text-align: center;
    width: 16px;
}

div.calendar td.valid {
    color: #000000;
    cursor: pointer;
}

div.calendar td.active {    
    color: #000000;
    font-weight: bold;
    cursor: pointer;
    border: solid 1px #a1a1a1;
}
div.calendar td.hover {
    color: #000000;
    font-weight: bold;
    cursor: pointer;
}