

	span.remainingCharacters { 
		color: #999; 
		font-style:italic;
		font-size:11px;
		text-align:right;
		margin-top:0;
	}
	td .GridBorderTop	{
		border-bottom:2px solid black;
	}
    table.shelfsetgrid 
    {
        border:2px solid #ccc;
        border-spacing: 0px;
        padding:10px;
    }

    table.shelfsetgrid .priceTag 
         {
             border:3px solid #333;
             background-color:White;
             width:75px;
             margin-left:auto;
             margin-right:auto;
             -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
               border-radius: 3px;
         }
         table.shelfsetgrid .priceText
         {
             width:60px; border:0;
         }
         table.shelfsetgrid td.shelfProduct
         {
            cursor:pointer;
            padding:0px;
            border-spacing: 0px;
         }
         table.shelfsetgrid td.shelfProduct:hover 
         {
            border: 0px;
            background: rgb(239,239,239);
            background-color:rgba(238,238,238,0.5);
         }
        table.shelfsetgrid td.shelfProduct:active, table.shelfsetgrid td.shelfProduct.selected:active {
            border: 0px;
            background: rgb(255,155,155);
            background-color:rgba(255,155,155,0.5);
        }

        table.shelfsetgrid td.shelfProduct.selected {
             border:0px solid #AECFF7;
             padding:0;
             -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            background:rgb(246,251,252);
            background-color:rgba(246,251,252,0.8);
            background-image:url(/ix/images/icons/accept.png);
            background-repeat:no-repeat;
            background-position: 100% 100%;
         }
         #trashcan 
         {
             float:right;
             border:2px solid black;
             text-align:center;
             height:100px;
             width:100px;
             padding:20px;
         }

        #Copyright { margin-top: 20px; }
        #Copyright a, #Copyright a:visited, 
        #PrivacyStatement a, #PrivacyStatement a:visited { color: #808080;} 

        #SurveySubmitButton { padding: 2px 20px; }

    .EditQuestion { display:block; margin-top:10px; position: absolute; }

	.ProgressBar { 
        background: url(/ix/images/progressbar-background.png); 
		height:20px;
		overflow: hidden;
		background-repeat:repeat-x;
		border-radius:4px;
		-webkit-border-radius: 4px;
		width:300px;
		border:1px solid #ccc;
		margin:10px 0;
        text-align:left;
	}
	.ProgressBar-Bar { 
		text-align:right;
		font-size:12px;
		line-height:20px;
		padding-right:5px;
		margin-left:-5px;
		text-shadow: 0px 0px 1px #444;
		color:#fff;
		background: url(/ix/images/progressbar-background.png); 
		background-position: 0 -20px;
		height:20px;
        min-width: 28px; /* force it to show the 0% */
		background-repeat:repeat-x;
	}
	
    .Inline-Radio-Wrap, .Inline-CheckBox-Wrap {
        margin: 3px 0px;
        padding-right: 15px;    
        display: inline-block;
        box-sizing: border-box;
        vertical-align: top;
    }
 

    .Inline-Radio-Wrap input[type="radio"] {
        margin-left: 0; 
    }


	
/* Date range & picker */

.date-input-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
    margin-right: 10px;
}

.DateInput {
    background-image: url(/ix/images/date-input.png);
    background-position: 3px 50%;
    background-repeat: no-repeat;
    padding-left: 25px !important;
    height: 28px;
    box-sizing: border-box;
    border: 1px solid #ABADB3;
    margin-left: 0;
    outline: 0;
}

div.daterange {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 995;
    display: none;
    float: left;
    list-style: none;
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 13px;
    overflow: hidden;
    margin-top: 1px;
}

div.daterange.ranged ul {
    float: left;
    width: 140px;
}

div.daterange.ranged div.calendars {
    float: left;
    border-left: 1px solid #CCC;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	margin-left: 10px;
    padding-bottom: 500px;
    margin-bottom: -500px;
}

div.calendars .datepicker + .datepicker {
    margin-top: 20px;
	margin-bottom: 20px;
}

div.daterange ul {
    margin: 0;
    padding: 0;
}

div.daterange ul li {
    list-style-type: none;
}

div.daterange li a {
    margin-left: 1px;
    margin-right: 1px;
    display: block;
    padding: 6px 4px;
    text-decoration: none;
    color: black;
    font-size: 9pt;
    vertical-align: top;
    margin: 1px;
}

div.daterange li a:hover, div.daterange li a.selected {
    background: #3F6DBC !important;
    color: #fff !important;
}

div.daterange li a.range {
	color: #A4BAE5;
	font-weight: bold;
}

div.daterange div.calendars {
    display: none;
}

div.datepicker {
}

div.datepicker table {
    width: 100%;
    border-collapse: collapse;
	background-color:#fff;
}

div.datepicker table tr.caption td {
    text-align: center;
    padding: 4px;
	color:#333;
	font-size:18px;
	padding-top:8px;
}

div.datepicker tr.days td {
    text-align: center;
	color:#333;
	text-transform:capitalize;
	padding: 5px;
}
div.datepicker table td {
		
	}
div.datepicker tr td.day {
	font-weight:bold;
	border:1px solid #E6E6E6;
}

div.datepicker tr td.weekend a {
}

div.datepicker tr td.today  a {
}
div.datepicker tr td.other-month a {
	background-color:#F2F2F2;
}
div.datepicker tr td a {
    text-align: center;
    padding: 6px 8px;
    text-decoration: none;
    color: #333;
    display: block;
	font-size:1.3em;	
}

div.datepicker tr td.selected a {
	border: 2px solid #F00;
	border-radius: 100%;
}

div.datepicker tr td a:hover {
    color: #333;
	text-decoration:underline;
}

div.datepicker button {
	width: 100%;
	height: 20px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor:pointer;
	background:#fff;
}

div.datepicker button.next-month {
}

div.datepicker button:hover {
    font-weight:bold;
}

table.TextboxGridTable.HideRowLabels tr.GridRowOdd, 
table.TextboxGridTable.HideRowLabels tr.GridRowOdd td  {
        background:none;
}


		 

/* Identified DIVs */  #GraphicDiv {      position: absolute;      top: 0px;      left: 0px;      z-index: -1 ;      }    #SurveyDiv  {         width: 640px;       margin-top: 0px;       margin-left: 0px;      z-index: 1;      border: 0px solid #ffffff;      }    #SurveyTable {     width:640px;      border: 0px solid #ffffff;      background-color: #ffffff;     color: #000000;     font-family: Arial,Helvetica;     font-size: 12pt;     font-weight: normal;     font-style: normal;     }    #ProgressBarTable { }    #ProgressBarOuterTable {      background-color: black;      border-collapse: collapse;      border: thin 1 black;      }    #ProgressBarInnerTable {      width: 200px;      border-width: 0px;      border-collapse: collapse;      }    #ProgressBarLeft {      background-color: blue;      }    #ProgressBarRight {      background-color: white;      }    .ProgressBarLabel {      font-family: Arial,Helvetica;      font-size: 10pt;      font-weight: bold;     }    #Copyright {      width: 640px;      color: gray;      font-size: xx-small;      text-align: center;      font-family: Arial,Helvetica;     }    #PrivacyStatement {      width: 640px;      font-size: xx-small;      text-align: center;      font-family: Arial,Helvetica;     }    #Header {}    #Footer { }    Body {      background-color: #ffffff   }    /* Tables used in presenting different question types */  .CheckboxTable {  }    .GridTable {      border-collapse:collapse;       }    .ScaleTable {      border-collapse:collapse;       }    .RadioButtonTable { }    .SpecifyBox { }    .NumericInput { }     .CheckboxCell {  }    .QuestionLabel {      width:100%;      }  .QuestionNumber {      background-color: #ffffff;     color: #000000;     font-weight: bold;     vertical-align: top; min-width:25px;    }     /* Main fonts used for response text */  .CheckboxResponse {}     .RadioButtonResponse {}    .GridColumnLabel { }    .MDGridColumnLabel { }     .MDGridRowLabel {}       .ScaleLabelLeft {}     .ScaleLabelRight {}     .Error  {      background-color: #ffffff;        font-family: Arial,Helvetica;     font-size: 12pt;     font-weight: normal;     font-style: normal;    }    /* Overrides of main font properties for even/odd colors for adjcent rows*/  .GridRowOdd {      background-color: #eeeeee;                              }    .GridRowEven {      background-color: white;                                }    .RadioButtonRowOdd {  }    .RadioButtonRowEven {  }    .CheckboxRowOdd { }    .CheckboxRowEven {  }    /* multi-dimensional grid labels */  .MDGridColumnLabel { }    .MDGridRowLabel {      font-weight: bold;      }      .MDGridTable {      border: solid 0px black;      }    .MDGridCell {      border-width: 0px;      }    .GridColumnLabel { text-align:center; }       .MDGridColumnLabel {      text-align: center;      }    .GridRowLabel { text-align: left;       }    /* Scale Points */    .ScaleLabelPoint {           border-bottom:1px solid black;           text-align:center;  }    .ScaleTable TD {            padding:5px;   }    /* Error text for in-page errors */  .Error {      color: #FF0000;      } #SweepsStatement {      width: 640px;      font-size: xx-small;      text-align: center;      font-family: Arial,Helvetica;     }


		 

