﻿
.containerFooter { 
    color: #808080;
}
.containerFooter a {
    color: #808080;
    text-decoration: none;
}
.containerFooter a:visited {
    color: #808080;
}
.containerFooter a:hover {
    color: #808080;
    text-decoration: underline;
}

body { font-family: Arial; font-size: 10pt; }
.leftnav { 
    font-family: Arial; 
    font-size: 9pt; 
    color: #ffffff; 
    font-weight: bold; 
}
.lowerAd {
    background-color: #152F51;
    border: solid 1px #152F51;
    
}
.lowerAd h6 {
    display: inline;
    padding: 2px;
    margin: 0px;
    color: #ffffff;
    font-size: 11pt;
}
.lowerAd div {
    background-color: #ffffff;
}
.whitetext { font-family: Arial; font-size: 11pt; color: white; font-weight: bold; }

/* General Classes */
.absolute		{ position: absolute; }
.alignCenter	{ text-align: center; }
.alignLeft		{ text-align: left; }
.alignRight		{ text-align: right; }
.block			{ display: block; }
.bold			{ font-weight: bold; }
.border0		{ border: none; }
.clearBoth		{ clear: both; }
.cursorDefault	{ cursor: default; }
.cursorPointer	{ cursor: pointer; }
.floatLeft		{ float: left; }
.floatRight		{ float: right; }
.font12			{ font-size: 12pt; }
.inline			{ display: inline; }
.left0			{ left: 0px; }
.nodisplay		{ display: none; }
.red            { color: #ED1C29; }
.regular		{ font-weight: normal; }
.relative		{ position: relative; }
.right0			{ right: 0px; }
.valignTop      { vertical-align: top; }
.watermark		{ color: #666; font-weight: normal; }

a:link { color: #999999; text-decoration: none; }
a:visited { color: #999999; text-decoration: none; }
a:hover, a:active { color: #6281ab; text-decoration: underline; }
a img { border: none; }

/* Color Classes */
.green { color: #0f0; }
.red { color: #A02225; }

.surveyBG { background: #949378; }

/* Notification Classes */
.error 
{ 
	background: #fff url(../../images/exclamation.png) no-repeat 3px 3px; 
	border: solid 1px #F00; 
	color: #F00; 
	font-weight: bold;
	padding: 3px 3px 3px 27px; 
}
.alert 
{ 
	background: #fff url(../../images/error.png) no-repeat 3px 3px; 
	border: solid 1px #ED1C29; 
	color: #ED1C29; 
	padding: 3px 3px 3px 27px; 
}


/* Cart Styles */
.cartItem { margin: 0 0 10px 0; }
.CartButton { cursor: pointer; }


/* Contact Styles */
.contactitem { float: left; height: 200px; margin: 0 10px 10px 0; width: 250px; }

/* FAQ */
#faq h2 { margin-top: 0; }
#faq ol { font-weight: bold; }
#faq ul>li { margin: 0 0 10px 0; }
#faq ol ul { font-weight: normal; }

/* Modal Popup Style */
.popup
{
    background-color: #fff;
    padding: 8px;
    border: solid 1px #ccc;
    color: #000;
}
/* Popup Extender Style */
.popupcal
{
    background-color: #fff;
    border: solid 1px #fff;
    visibility: hidden;
    
}
/* popup calendar extender style */
.popup_calendar .ajax__calendar_container 
{
    z-index: 10001;
    background-color: #fff;
    border: solid 1px #ccc;
}
.modalBackground 
{
    background-color: Gray;     
    filter: alpha(opacity=50);     
    opacity: 0.50; 
}  
.updateProgress 
{     
    border-width: 1px;     
    border-style: solid;     
    background-color: #FFFFFF;     
    position: absolute;     
    width: 180px;     
    height: 65px; 
} 

/* Progress Control */
.progressBoxFull { background: #A02225; border-bottom: solid 1px #A02225; border-top: solid 1px #A02225; float: left;  width: 50px; }
.progressBoxEmpty { background: #fff; border-bottom: solid 1px #A02225; border-top: solid 1px #A02225; float: left; width: 50px; }
.progressBoxLeft { border-left: solid 1px #A02225; }
.progressBoxRight { border-right: solid 1px #A02225; margin: 0 6px 0 0; }

/* survey.master */
body { background: #fff url(../../images/survey/background.jpg); }
#site { margin: 0 auto; width: 962px; }
#siteHeader { height: 68px; width: 962px; }
#siteBody { float: left; }
#surveyBoxTop { background: url(../../images/survey/content_box_top.jpg) no-repeat; height: 10px; line-height: 10px; width: 962px; }
#surveyBoxMiddle { background: url(../../images/survey/content_box_middle.jpg) repeat-y; padding: 4px 15px; width: 932px; }
#surveyBoxBottom { background: url(../../images/survey/content_box_bottom.jpg) no-repeat; height: 10px; line-height: 10px; width: 962px; }
.testimonials { background: #fff; border: solid 1px #999; float: left; font-size: 8pt; height: 110px; margin: 10px 10px 10px 0; padding: 10px; width: 708px; }
.testimonials div { float: left; }
.testimonials div img { float: left; height: 94px; margin: 0 10px 0 0; width: 68px; }
.testimonials div div { float: left; height: 94px; margin: 0 8px 0 0; width: 268px; }
.testimonials div p { height: 76px; margin: 0 0 10px 0; }
.testimonials div p.attribution { color: #999; height:26px; margin: 0; }
ul#siteNav { float: left; margin: 10px 0; padding: 0; width: 200px; }
ul#siteNav  li { list-style-type: none; }
ul#siteNav  li a { background: #fff; border: solid 1px #999; color: #e9172b; display: block; font-weight: bold; padding: 13px 10px; width: 200px; }
#siteFooter { background: url(../../images/survey/footer.jpg); clear: both; color: #fff; height: 23px; margin: 10px 0 0 0; padding: 10px 10px 0 10px; text-align: center; width: 942px; }
#siteFooter a { color: #fff; text-decoration: underline; }

#VerifyAnswersBox { border: solid 2px #f00; padding: 5px; }

/* surveylogin.aspx */
#loginFrame { background: url(../../images/survey/main_image.jpg) no-repeat; color: #fff; height: 276px; width: 962px; }
#loginBox { background: transparent; height: 266px; margin: 5px 0 0 558px; padding: 40px 0 0 0; width: 400px; }
#loginWelcome { font-size: 12pt; margin: 14px 0 0 0; text-align: center; }
.loginLabel { display: block; padding: 10px 0 0 130px; }


/* ToolTip */
.tipAnchor { display: inline; position: relative; }
.tipAnchor img { vertical-align: bottom; }
.tipAnchor div { background: #fff; border: solid 1px #000; display: none; padding: 3px; position: absolute; right: 0px; top: 15px; width: 400px; z-index: 8000; }

.tipAnchorBig { display: inline; position: relative; }
.tipAnchorBig img { vertical-align: bottom; }
.tipAnchorBig div { background: #fff; border: solid 1px #000; display: none; left: -100px; padding: 3px; position: absolute; top: 15px; width: 700px; z-index: 8000; }

.tipHovering div { display: block; }


/* Invoice Styles */
#invoiceBody { margin: 0 auto; min-height: 600px; position: relative; width: 640px; }
#headerLogo { height: 67px; left: 0; position: absolute; top: 0; width: 450px; }
#paidStamp { height: 75px; left: 100px; position: absolute; top: 290px; width: 200px; z-index: 10; }
.invoiceHeader { font-size: 14pt; font-weight: bold; }
#invoiceTop { position: absolute; right: 0; text-align: right; top: 0; }
#invoiceTop table { border: solid 1px #000; }
#invoiceTop table td { padding: 4px 8px; text-align: center; }

#invoiceBillToHeader{ border: solid 1px #000; left: 50px; margin: 0 0 4px 0; padding: 4px; position: absolute; text-align: center; top: 150px; width: 300px; }
#invoiceBillToData { border-left: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; height: 100px;
                     left: 50px; padding: 6px; position: absolute; top: 176px; width: 296px; }
#invoicePayToHeader { border: solid 1px #000; margin: 0 0 4px 0; padding: 4px; position: absolute; right: 0; text-align: center; top: 150px; width: 150px; }
#invoicePayToData { border-left: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; height: 100px;
                    padding: 6px; position: absolute; right: 0px; top: 176px; width: 146px; }

#invoiceDueDateHeader { border: solid 1px #000; padding: 4px; position: absolute; right: 129px; text-align: center; top: 305px; width: 120px; }
#invoiceDueDate { border-left: solid 1px #000; border-right: solid 1px #000;
                   height: 20px; padding: 4px; position: absolute; right: 129px; text-align: center; top: 331px; width: 120px; }

#invoiceSalesRepHeader { border-top: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; 
						padding: 4px; position: absolute; right: 0; text-align: center; top: 305px; width: 120px; }
#invoiceSalesRep { border-right: solid 1px #000; padding: 4px; height: 20px; position: absolute; right: 0; text-align: center; top: 331px; width: 120px; }

#invoiceItemTableContainer { left: 0; position: absolute; top: 359px; }
#invoiceItemTable { }
#invoiceItemTableHeaderLeft { border: solid 1px #000; padding: 4px 0; text-align: center; width: 150px; }
#invoiceItemTableHeaderMiddle { border-top: solid 1px #000; border-bottom: solid 1px #000; 
                                padding: 4px 0; text-align: center; width: 347px; }
#invoiceItemTableHeaderRight { border: solid 1px #000; padding: 4px 0; text-align: center; width: 140px; }

.invoiceItemTableLeft { border-left: solid 1px #000; padding: 0 4px 8px 4px; }
.invoiceItemTableMiddle { border-left: solid 1px #000; border-right: solid 1px #000; padding: 0 4px 8px 4px; }
.invoiceItemTableRight { border-right: solid 1px #000; padding: 0 4px 8px 4px; text-align: right; }

#invoiceThankYouNote { border: solid 1px #000; float: left; height: 30px; padding: 4px; width: 391px; }
#invoiceTotalBox { border-top: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000;
                   float: left; height: 30px; padding: 4px; width: 230px; }
#invoiceTotalLabel { float: left; font-weight: bold; text-align: left; width: 120px; }
#invoiceTotalAmount { float: right; font-weight: bold; text-align: right; width: 100px;}

