﻿
body { font-family: Arial; font-size: 10pt; }

a { outline: none; }

/* 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; }
.ital           { font-style: italic; }
.left0			{ left: 0px; }
.nodisplay		{ display: none; }
.regular		{ font-weight: normal; font-style: normal; }
.relative		{ position: relative; }
.right0			{ right: 0px; }
.watermark		{ color: #666; font-weight: normal; }

a:link { color: #ED1C29; text-decoration: none; }
a:visited { color: #A02225; text-decoration: none; }
a:hover, a:active { color: #ED1C29; text-decoration: underline; }
a img { border: none; }

/* Color Classes */
.green { color: #0f0; }
.red { color: #A02225; }

.surveyBG { background: #000; /* background: #95927F; */}

/* Notification Classes */
.error 
{ 
	background: #fff url(../../images/exclamation.png) no-repeat 3px 3px; 
	border: solid 1px #F00; 
	color: #F00; 
	font-weight: bold;
	margin: 3px 0;
	padding: 3px 3px 3px 27px; 
}
.infobox
{
	background: #fff url(../../images/information.png) no-repeat 3px 3px; 
	border: solid 1px #709CCC; 
	color: #000; 
	margin: 3px 0;
	padding: 3px 3px 3px 27px; 
}
.infolink { color: #0F427F; text-decoration: underline; }

#surveyHelpInfoBox
{
	background: #fff url(../../images/information.png) no-repeat 3px 3px; 
	border: solid 1px #709CCC; 
	color: #000; 
    cursor: pointer;
	margin: 3px 0 10px 0;
	overflow: hidden; 
	padding: 3px 3px 3px 27px; 
    width: 220px;
}
#surveyHelpText
{
    display: none; 
    margin: 4px 0 0 0;
    width: 550px;
}

#surveyInstructionsBox
{
	background: #fff url(../../images/information.png) no-repeat 3px 3px; 
	border: solid 1px #709CCC; 
	color: #000; 
    cursor: pointer;
	margin: 3px 0 10px 0;
	overflow: hidden; 
	padding: 3px 3px 3px 27px; 
    width: 220px;
}
#surveyInstructionsText
{
    display: none; 
    margin: 4px 0 0 0;
    width: 550px;
}

/* 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 Pages */
#survey { margin: 0 auto; width: 960px; }
.surveyBoxTop { background: url(images/survey_box_top.png) no-repeat; height: 15px; line-height: 15px; margin: -5px 0 0 22px; width: 960px; }
.surveyBoxMiddle { background: url(images/survey_box_middle.png) repeat-y; margin: 0 0 0 22px; padding: 0 55px 0 20px; width: 875px; }
.surveyBoxBottom { background: url(images/survey_box_bottom.png) no-repeat; height: 15px; line-height: 15px; margin: 0 0 0 22px; width: 960px; }

.siteWhiteBoxTop { background: url(images/site_white_box_top.png) no-repeat; height: 15px; line-height: 15px; margin: -5px 0 0 23px; width: 960px; }
.siteWhiteBoxMiddle { background: url(images/site_white_box_middle.png) repeat-y; margin: 0 0 0 22px; padding: 0 55px 0 20px; width: 875px; }
.siteWhiteBoxBottom { background: url(images/site_white_box_bottom.png) no-repeat; height: 15px; line-height: 15px; margin: 0 0 0 22px; width: 960px; }

#surveyPINBox {
    border: solid 2px #ED1C29;
    float: left;
    margin:  0 16px 10px 0;
    padding: 0px;
    width: 500px;
    z-index: 10;
}
#surveyPINBoxHeader { background: #ED1C29; color: #fff; padding: 4px; }
#surveyPINBoxBody { background: #FEA3A3; padding: 4px; } /* background: #FF7F8A; */
#surveyMailerBox { float: left; text-align: center; width: 80px; }



.testimonial { float: left; width: 300px; }


/* surveylogin.aspx info tabs */
.tabStrip { margin: 16px 0 4px 0; }
.tabStrip span { background: #666; color: #fff; cursor: pointer; padding: 4px; }
.tabStrip span.selectedTab { background: #ED1C29; }

#loginInfoBox { border: solid 1px #ED1C29; padding: 4px; }

/* 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; }

.VerifyAnswersBox { border: solid 2px #000; padding: 5px; }


