/*
body
{
    font-family: Script Mt Bold;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    color: #00FFFF;
    background-color: #AAAAAA;
}
*/

.surveyEntireTable {
    background-color: FFFFFF;
	width=100%;
}

.surveyTable
{
    background-color: FFFFFF;
    width: 100%;

}

.surveyTable TD
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.surveyPageTable
{
    border-width: 0px;
    background-color: FFFFFF;
    width: 100%;
}

.surveyPageTable TD
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.surveyName
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	padding: 5px;
}

.surveyPageTitle
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	padding: 5px;
}

.surveyQuestionTable
{
    width: 100%;
}

.surveyQuestionTable TD
{
    border-width: 0px;
    padding: 5px;
}

.surveyQuestion
{
    font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	background-color: #efefef;
	padding: 5px;
}

.surveyQuestionError
{
    color: #ff0000;
    background-color: #efefef;
}

.surveyQuestionL
{
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	background-color: #efefef;
	padding: 5px;
}

.surveyAnswer
{
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding: 5px;
}

.surveyAnswer INPUT, .surveyAnswer SELECT
{
	font-size: 12px;
	font-weight: normal;
}

/*****************************************************************
surveyRankingTable
*****************************************************************/
.surveyRankingTable
{
    width: 100%;
    border-collapse: collapse;
    border-width: 2px;
    border-style: solid;
    border-color: #888888;
}

.surveyRankingTable .Header
{
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background-color: #ffffff;
}

.surveyRankingTable .Header TD
{
	padding: 2px;
}

.surveyRankingTable .Label
{
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}

.surveyRankingTable .shortLabel
{
    white-space: nowrap;
}

.surveyRankingTable .Label TD
{
	width: 100%
}

.surveyRankingTable .Answer
{
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	background-color: #ffffff;
}

.surveyRankingTable .Answer TD
{
	padding: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	width: 1%;
}

.surveyRankingTable .EvenCol
{
}

.surveyRankingTable .OddCol
{
    background-color: #f0f0f0;
}

/*****************************************************************
surveyRatingScaleTable
*****************************************************************/
.surveyRatingScaleTable
{
    width: 100%;
    border-collapse: collapse;
    border-width: 2px;
    border-style: solid;
    border-color: #888888;
}

.surveyRatingScaleTable .Header
{
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background-color: #ffffff;
}

.surveyRatingScaleTable .Header TD
{
	padding: 2px;
}

.surveyRatingScaleTable .Label
{
	font-size: 12px;
	text-align: left;
	font-weight: bold;
}

.surveyRatingScaleTable .shortLabel
{
    white-space:nowrap;
}

.surveyRatingScaleTable .Label TD
{
	width: 100%
}

.surveyRatingScaleTable .Answer
{
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	background-color: #ffffff;
}

.surveyRatingScaleTable .Answer TD
{
	padding: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	width: 1%;
}

.surveyRatingScaleTable .EvenCol
{
}

.surveyRatingScaleTable .OddCol
{
    background-color: #f0f0f0;
}


/*****************************************************************

*****************************************************************/

.surveyButtonRow TD
{
    text-align: center;
    padding-top: 1px;
    padding-left: 13px;
    padding-bottom: 3px;
}

.surveyButton
{
	font-size: 12px;
	font-weight: normal;
    color: black;
}

.surveyReqSym
{
	color: #FF0000;
}

.surveyReqDesc
{
    text-align: center;
	font-size: 10px;
	color: #000000;
}

.surveyQuestionErrorMsg
{
    text-align: left;
	font-size: 10px;
	color: #FF0000;
}

.surveyAnswerSCV TD, .surveyAnswerSCH TD, .surveyAnswerMCV TD, .surveyAnswerMCH TD {
    padding: 1px;
}

/*****************************************************************
   US ADDRESS
*****************************************************************/
.surveyAddressUS .surveyAddressLabel {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #000000;
    padding-top: 2px;
    padding-bottom: 1px;
}

.surveyAddressUS .surveyAddressData INPUT{
    font-size: 12px;
    font-weight: normal;
}

.surveyAddressUS .surveyAddress .surveyAddressData INPUT{
    width: 300px;
}

.surveyAddressUS .surveyAddressCityData INPUT{
    width: 110px;
}

.surveyAddressUS .surveyAddressZipData INPUT{
    width: 50px;
}

.surveyAddressUS .surveyAddressStateData SELECT{
    font-size: 12px;
    font-weight: normal;
}

/*****************************************************************
  GLOBAL ADDRESS
*****************************************************************/
.surveyAddressGlobal .surveyAddressLabel {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #000000;
    padding-top: 2px;
    padding-bottom: 1px;
}

.surveyAddressGlobal .surveyAddressData INPUT{
    font-size: 12px;
    font-weight: normal;
    width: 300px;
}

/*****************************************************************
  poll result styles
*****************************************************************/
/*
    survey graph result main table
*/
.svyPR {
    border: 1px solid #dddddd;
    width: 200px;
}
 
/*
    graph table
*/
.svyPQTbl {
    width: 200px;
}

/*
    graph question label
*/
.svyPQLbl td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    background-color: #eeeeee;
    padding: 4px;
}

/*
    each answer cell and total count cell
    create the upper border and height
*/
.svyPA td, .svyPQT td {
    border-top: 1px solid #eeeeee;
    height: 25px;
}

/*
    graph answer label
*/
.svyPAL {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-left: 2px;
    padding-right: 2px;
}

.syPG1 .svyPAL {
    width: 100px;
}

/*
the bar graph background
*/
.svyPRBarB {
    padding: 1px;
    vertical-align: middle;
}
 
.svyPG1 .svyPRBarB {
    width: 100px;
}

/*
    the bar graph wrapper (the background as well
*/
.svyPRBarW {
    height: 12px;
    width: 100%;
    background-color: #eeeeee;
    vertical-align: middle;
    padding-top: 1px;
}
 
/*
the bar graph
*/
.svyPRBar {
    float: left;
    overflow: hidden;
    background-color: #ff1010;
    height: 10px;
}

/*
the graph label (percentage value)
*/
.svyPRGL {
    background-color: transparent;
    float: right;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    overflow: visible;
    white-space: nowrap;
}

/*
    div inside the graph label
*/
.svyPRGL div {
    padding-left: 2px;
    width: 30px;
}

/*
    graph percentage display
*/
.svyPAP {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-left: 3px;
    padding-right: 3px;
    text-align: right;
    width: 25px;
}
 
/*
    div inside the graph percentage display
    # make no wrap
*/
.svyPAP div {
    white-space: nowrap;
}

/*
    the graph total display
*/
.svyPQT td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-left: 3px;
    padding-right: 3px;
    text-align: right;
    white-space: nowrap;
}