@import url("Designer.css");
@import url("Analyzer.css");
@import url("Collector.css");
@import url("SurveyGeneral.css");
@import url("AjaxToolKit.css");

html, body, .textNormal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; /*font-size: 11px;*/
	margin: 0px;
	padding: 0px;
}

body
{
	background: #EBEBE2;
}

.highlight
{
	background-color: #FFFF5D;
}

.lighthighlight
{
	background-color: #FFFF99;
}

.closed { color: #8F8F8F; }
.open { color: Green; }
.expired { color: Red; font-style: italic; font-weight: bold; }

.blankMessage
{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 20px;
	color: #9F9F9F;
}

.instructionText
{
	margin-bottom: 5px;
}

.boldHlnk
{
	font-size: 14px;
	font-weight: bold;
	color: Gray;
}

.pageBody
{
	background: #000000;
}

/*.textSmall, .textMedium, .textLarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}*/


.textSmall
{
	font-size: 10px;
}

.textMedium
{
	font-size: 14px;
}

.textLarge
{
	font-size: 18px;
}

.existingSurveys, .altExistingSurveys, .userSurveys, .templateSurveys
{
	width: 100%;
	height: 50px;
}

.templateSurveys
{
	width: 65%;
}

.existingSurveyDesc
{
	float: left;
	font-size: 9px;
	color: Gray;
}




/*-- MASTER LAYOUT --*/
.masterTable
{
	width: 810px;
	border-width: 1px;
	border-color: #C7C7C7;
	border-style: solid;
	border-collapse: collapse;
	background: #EBEBE2;
}

.notLoggedInFooter
{
	background: #EBEBE2;
	text-align: center;
}
.notLoggedInBody, .notLoggedInFooter
{
	background: #CECECE url(  '../images/top-bg.gif' ) repeat-x;
}

.notLoggedInTable
{
	margin-left: 10px;
	margin-right: 10px;
}

.loggedInMasterTable
{
	table-layout: auto;
	margin: 10px;
}



/*-- LINKS --*/
a
{
	color: #304749;
	text-decoration: none;
}

a:hover
{
	color: #FF6D06;
	text-decoration: underline;
}




/*-- GRID VIEW --*/
.dgAltItem, .dgAltItemNoBorder
{
	background-color: #EBEBE2;
}

.dgSelected
{
	background-color: #EBEBE2;
	font-weight: bold;
	font-style: oblique;
}


.dgAltItem, .dgItem, .dgEditItem, .dgSelected
{
	border-style: solid;
	border-color: #C0C0C0;
	border-width: 1px;
}


.dgItem:hover
{
	background: #FFF8AF;
}

.dgItemNoBorder:hover
{
	background: #FFF8AF;
}

.dgAltItemNoBorder:hover
{
	background: #FFF8AF;
}

.dgAltItem:hover
{
	background: #FFF8AF;
}

.dgSelected:hover
{
	background: #FFF8AF;
}


.dgHeader
{
	font-family: Arial;
	font-weight: bold;
	background-color: #000;
	color: #fff;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 1px;
	border-color: #C0C0C0;
	height: 30px;
}

.dgHeader a
{
	background-color: #000;
	color: #fff;
}


.dg, dgQuestionType
{
	border-style: solid;
	border-color: #C0C0C0;
	border-width: 1px;
	border-collapse: collapse;
}

.dg td
{
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	border-bottom-width: 1px;
	height: 20px;
	padding: 2px;
}

.dgFooter
{
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	border-bottom-width: 1px;
	height: 20px;
	padding: 2px;
}


.dgQuestionType
{
	border: none 0px transparent;
	border-width: 0px;
}

.dgQuestionType td
{
	padding: 4px;
	border: none 0px red;
	border-collapse: collapse;
}


/* -- FORM ELEMENTS --*/

.gobutton, gobutton:hover
{
	text-decoration: none;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	border: solid 1px black;
	color: #336600;
	background-color: #DAE3D1;
	border-left-color: #DAE3D1;
	border-top-color: #DAE3D1;
}

.gobutton:hover
{
	background-color: #E1E9DA;
	color: #000;
	border-color: green;
	border-left-style: solid;
	border-top-style: solid;
}

.gobutton:active
{
	color: #fff;
	background-color: #6B9046;
}





.textBoxBorders
{
	border-left: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 11px;*/
	background-image: url(  '../images/input-text-bg.gif' );
	background-repeat: repeat-x;
	padding-right: 4px;
	padding-left: 4px;
	margin: 0px;
}

.dropDown
{
	font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 11px;*/
	color: #000000; /*height: 15px;*/
	border-width: 1px;
	border-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	margin: 0px;
}

textarea
{
	border-left: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 11px;*/
	color: #000000;
	background-image: url(  '../images/input-text-bg.gif' );
	background-repeat: repeat-x;
	margin: 0px;
}

.inputText, .inputMultiText, .qWizardTextBox, .largeInput, .qWizardTextBoxWatermarked
{
	border-left: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 11px;*/
	color: #000000;
	background-image: url(  '../images/input-text-bg.gif' );
	background-repeat: repeat-x;
	height: 15px;
	padding-right: 4px;
	padding-left: 4px;
	margin: 0px;
}

.qWizardTextBoxWatermarked
{
	background-image: none;
	background-color: #F0F8FF;
	color: gray;
}

.toolTip
{
	font-size: 7pt;
	color: #666;
	padding: 5px;
}

.largeInput
{
	/*width: 300px;*/
	height: 20px;
	font-family: Arial;
	font-size: 14px;
	vertical-align: middle; /*text-align: center;*/
}


.inputMultiText, .qWizardTextBox, .qWizardTextBoxWatermarked
{
	height: 100px;
}

.inputTextFocus
{
	background-image: url(  '../images/input-text-bg_focus.gif' );
}

.inputLinkDesigner
{
	color: #304749;
	text-decoration: none;
	font-size: 11px;
}

.inputButton, .inputButton:hover
{
	text-decoration: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 11px;*/ /*font-weight: bold;*/
	line-height: 11px;
	text-transform: capitalize;
	color: #000000;
	background-color: #F6FFFF;
	background-image: url(  '../images/input-button-bg.gif' );
	background-repeat: repeat-x;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	margin: 1px;
}

.smallButton, .smallButton:hover
{
	text-decoration: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 11px;*/ /*font-weight: bold;*/
	line-height: 12px;
	text-transform: capitalize;
	color: #000000;
	background-color: #F6FFFF;
	background-image: url(  '../images/input-button-bg.gif' );
	background-repeat: repeat-x;
	padding: 2px;
	text-align: center;
	cursor: pointer;
	margin: 0px;
}

.inputButton, .smallButton:hover
{
	background-image: url(  '../images/input-button-bg_over.gif' );
}


.input[type=checkbox]
{
	margin: 0px;
	padding: 0px;
}


.input[type=submit]
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 11px;*/
	font-weight: bold;
	line-height: 11px;
	text-transform: capitalize;
	color: #000000;
	background-color: #F6FFFF;
	background-image: url(  '../images/input-button-bg.gif' );
	background-repeat: repeat-x;
	height: 18px;
	text-align: center;
	cursor: pointer;
	margin: 1px;
}



#navbar
{
	background-color: #ffffff;
	margin-bottom: 0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 11px;*/
	background: url(  '../images/mm-line.gif' );
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 6px;
}

#navbar a
{
	color: black;
	text-decoration: none;
	padding: 10px;
	padding-top: 4px;
	padding-bottom: 6px;
}

#navbar a:hover
{
	background: url(  '../images/mm-button-over.gif' );
}


#compareUs div
{
	padding: 5px;
}

.homePageTable
{
	width: 100%;
	border-collapse: collapse;
	border-color: #FF6D06;
	border-style: solid;
	border-width: 0px;
}

.homePageTable td
{
	border-color: #FF6D06;
	border-style: solid;
	border-width: 0px;
}


/*-- create new survey --*/
#container
{
	border: none 3px red;
}

#createTitle div
{
	/*margin-top:5px;*/
	float: left;
	padding-left: 10px;
}


#templateTree
{
	float: left;
}

#templates
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	border: none 3px green;
	clear: left;
}


#createNew
{
	width: 540px;
	margin: 10px auto 0px auto;
	clear: left;
}

#createNew div
{
	float: left;
	padding: 10px 10px 20px 0;
}

#createNew div a
{
	display: block;
	padding: 10px;
}


#createNew a:hover
{
	color: #fff;
	background-color: #6B9046;
}

#analyzerDetailPanel
{
	margin: 0px auto 0px auto;
	clear: left;
}

#analyzerDetailPanel div
{
	float: left;
	padding: 5px 3px 0px 0px;
}

#analyzerDetailPanel div a
{
	display: block;
	padding: 0px 7px 0px 1px;
}

#analyzerDetailPanel a:hover
{
	color: #fff;
	background-color: #6B9046;
}

.upgradeMessage
{
	color: #D76758;
	font-weight: bold;
}

.htmlTablePricing
{
	text-align: left;
	border-color: #CACACA;
	border-style: solid;
	border-width: 0px;
	border-collapse: collapse;
}

.htmlTablePricing td
{
	height: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #CACACA;
	border-collapse: collapse;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 5px;
}

.rightBorder
{
	border-right-color: Gray;
	border-right-style: solid;
	border-right-width: 1px;
}

.pricTblCol1
{
	font-weight: bold;
	padding-left: 10px;
}

.pricTblCol2
{
	text-align: center;
}

.pricTblCol3
{
	text-align: center;
}




/*-- TREE VIEW --*/
.tvSelected, .tvHover, .tvLeaf, .tvNodeStyle, .tvParent, .tvRoot
{
	display: block;
	padding: 2px;
}

.tvRoot
{
	font-weight: bold;
}

.tvRoot:hover
{
	background: green;
	color: white;
}

.tvLeaf
{
	color: black;
}

.tvLeaf:hover, .tvSelected
{
	background: green;
	color: white;
}


.faqTable
{
	width: 100%;
	border: #1D56C8;
	border-width: 2px;
	border-style: solid;
	border-collapse: collapse;
	margin: 10 0 10 10;
}

.boldBlue
{
	width: 100%;
	font-weight: bold;
	color: #00639C;
}

.faqAnswer
{
	width: 99%;
	border: #C2C2C2;
	border-width: 0px;
	border-style: solid;
	padding: 10px 0px 10px 10px;
}

.faqContent
{
	background-color: #FFFFFF;
	font-size: 1.2em;
}

.faqContent div
{
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}

.errorMessage
{
	border-color: Red;
	border-style: solid;
	border-width: 1px;
	background: #FFF8DB;
	padding: 5px;
	margin: 5px;
	text-align: center;
	font-size: 15px;
	color: #000 !important;
}

.successMessage
{
	border-color: #99CC00;
	border-style: solid;
	border-width: 1px;
	background: #BBFFA2;
	padding: 5px;
	margin: 5px;
	text-align: center;
	font-size: 15px;
}

.dimentionsAdjuster
{
	border-color: #FFCC99;
	border-style: solid;
	border-width: 1px;
	background: #FFFFCC;
	padding: 5px;
	margin: 5px;
	text-align: left;
	font-size: 10px;
}


.warningMessage
{
	border-color: Red;
	border-style: solid;
	border-width: 1px;
	background: #FFF8DB;
	padding: 5px;
	margin: 5px;
	text-align: center;
	font-size: 15px;
}

.infoMessage
{
	border-color: Green;
	border-style: solid;
	border-width: 1px;
	background: #FFF8DB;
	padding: 5px;
	margin: 5px;
	text-align: center;
	font-size: 15px;
}

.menu, .staticMenuItem, .dynamicHover, .dynamicMenu, .staticSelect, .dynamicSelected, .dynamicMenu, .staticHover, .staticMenu
{
	background: inherit;
	font-weight: bold; /*font-size: 11px;*/
	height: 20px;
}

.dynamicMenu, .dynamicHover
{
	background: white;
	border-style: solid;
	border-color: Gray;
	border-width: 1px;
}



.header, .headerOrange
{
	font-family: Arial, Helvetica, sans-serif;
}

.headerOrange
{
	color: #000000;
	text-align: left;
	vertical-align: bottom;
	font-size: 17px;
	padding-left: 5px;
}

.articleText
{
	font-size: 12px;
	font-family: Verdana;
}

.smallHidden
{
	font-size: 9px;
	color: #414D66;
}

.messageBox
{
	border-color: #CACACA;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	background-color: white;
}

.messageBoxB
{
	border-color: #00639C;
	border-width: 2px;
	border-style: solid;
	padding: 5px;
}
.details
{
	font-size: xx-small;
	color: Gray;
}

.space li
{
	padding-bottom: 15px;
}

.indentContent
{
	margin: 15px;
	width: 700px;
}


.buzz .details
{
	padding-bottom: 20px;
}

.listSpacing li
{
	margin-bottom: 10px;
	list-style-type: none;
}


/*-------------pricing table--------------*/


.yourPlan
{
	text-align: center;
	width: 90%;
	height: 12px;
	font-size: 10px;
	background-color: Blue;
	color: White;
	padding: 3px;
	margin-bottom: 4px;
}

.downgrade
{
	font-size: 10px;
	margin-bottom: 7px;
}

table.signup th img
{
	margin-top: 3px;
	background-color: #fff;
	border: none;
}

table.signup small
{
	color: #999;
}

table.signup th, table.signup th.personal
{
	font-size: 16px;
	padding: 3px 7px 3px 7px;
	text-align: center;
	vertical-align: bottom;
	border-bottom: 1px solid #999;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
}

table.signup th.biz
{
	background-image: url(  '../images/topredfade.jpg' );
	background-repeat: repeat-x;
}

table.signup th.personal
{
	font-size: 12px;
}

table.signup th.details
{
	font-size: 10px;
	color: #666;
	text-align: right;
	font-weight: normal;
}

table.signup th.details strong
{
	color: #000;
}

table.signup th.personal span
{
	font-weight: normal;
}

table.signup td.select
{
	font-size: 10px;
	font-weight: bold;
	background-color: #ffc;
}

table.signup td.shaded
{
	background-color: #EFFBF9;
}

table.signup td.projectnumber
{
	font-size: 14px;
}

table.signup td.bigend, table.signup th.bigend
{
	border-right: 2px solid #17BEBF;
}

table.signup td
{
	border-bottom: 1px solid #E3DFDF;
	padding: 0px 3px 0px 3px;
	height: 30px !important;
	font-size: 9px;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
	text-align: center;
}


table.signup td.banner
{
	background-color: #333;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
}

table.signup td.plancatper, table.signup td.plancatbiz
{
	background-color: #fff;
	font-size: 10px;
	font-weight: bold;
}

table.signup td.plancatbiz
{
	background-color: #9AE2E1;
	border-bottom: 1px solid #17BEBF;
}

table.signup td.item
{
	text-align: right;
	vertical-align: middle; /*font-size: 11px;*/
	border-right: 1px solid #ccc;
	white-space: nowrap;
}

table.signup td.perfect
{
	text-align: center;
	font-size: 9px;
	vertical-align: top;
}

table.signup span.price
{
	font-size: 12px;
	color: #f60;
	letter-spacing: -0.5px;
}


/*----------end pricing table-------------*/

.hideControl
{
	display: none;
}

#contactform div
{
	margin: 10px 0 0 0;
}

.smallInput
{
	font-size: 10px;
	height: 10px;
	width: 100%;
}

.option
{
	text-align: center;
}

.options li
{
	list-style-type: none;
}

.options a
{
	display: block;
	padding: 4px 0px 4px 0px;
	font-size: 2em;
}


/*
.linkButton 
{
	padding:3px 5px 3px 5px;
margin-right:10px;
	text-decoration:none;
	border-left:1px solid #CCCCCC; border-right:1px solid #666666; border-top:1px solid #CCCCCC; border-bottom:1px solid #666666; white-space:nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	text-transform: capitalize;
	color: #000000;
	background-color: #F6FFFF;
	background-image: url('../images/input-button-bg.gif');
	background-repeat: repeat-x;
	height: 20px;
	text-align: center;
	cursor: pointer;
}

.linkButton:hover {
	background-image: url('../images/input-button-bg_over.gif');
	color:#000000;
}
*/


/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 450px;
}


/* Rating */
.ratingStar
{
	font-size: 0pt;
	width: 30px;
	height: 30px;
	margin: 3px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingStar
{
	background: url(../Images/star_rating.gif) left bottom;
}

.emptyRatingStar
{
	background: url(../Images/star_rating.gif);
}

.savedRatingStar
{
	background: url(../Images/star_rating.gif) left center;
}

.choiceRow:hover
{
}


.FeatureTitle
{
	font: bold 13px;
	color: #1c79c9;
	margin-bottom: 5px;
	margin-top: 160px;
}
.FeatureBlueHeader
{
	font: bold 16px;
	color: #1c79c9;
	border-bottom: 1px solid #aaa;
	padding-bottom: 1px;
	margin-bottom: 4px;
}
.FeatureReason
{
	width: 85%;
	margin-top: 5px;
	margin-left: 3px;
	margin-bottom: 12px;
}
.SubTitle
{
	padding: 2px 0px;
	margin-bottom: 5px;
	border-bottom: solid 1px #888;
	font-weight: bold;
	font-size: 14px;
	color: #111;
}

.TableCenter
{
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.RoundedBoxHeading
{
	font-weight: bold;
	font-style: italic;
	font-size: medium;
	padding-bottom: 10px;
}