

	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;
	visibility:inherit }

#SurveyDiv  {
	z-index:1;
	width:1020px;
	margin:0 auto;
	z-index:1;
	background-color:#FFFFFF;
	border:3px solid #000000;
}

#SurveyTable {
	width:1000px;
	z-index:0;
	font-family:arial;
	font-size:11pt;
	font-weight:;
	font-style:normal;
	text-align:left
}
#ProgressBarTable { }
#ProgressBarOuterTable { background-color: blue;
	border-collapse:collapse;
	border:thin 1 blue;
}

#ProgressBarInnerTable {
	width:200px;
	border-width:0px;
	border-collapse:collapse;
}

#ProgressBarLeft {
	background-color:}
#ProgressBarRight { background-color: white;
}

#Copyright {
	width:640px;
	color:gray;
	font-size:xx-small;
	text-align:center;
	font-family:Arial;
}

#PrivacyStatement {
	width:640px;
	font-size:xx-small;
	text-align:center;
	font-family:Arial;
	margin:0 auto;
}

#Header, #Footer { }

Body {
	background-color:#105B96;
}

/*Tables used in presenting different question types*/
.CheckboxTable 
.GridTable {
	border-collapse:collapse;
}

.ScaleTable {
	border-collapse:collapse;
}

.RadioButtonTable 
.SpecifyBox 
.NumericInput 
.CheckboxCell

.QuestionLabel {
	width:800px;
	color:white }
	
.QuestionNumber { width:25px;
	background-color:#FFFFFF;
	color:#00000;
	font-weight:bold;
	vertical-align:top;
}

/*Main fonts used for response text*/
.CheckboxResponse, .RadioButtonResponse, .GridRowEven, .GridRowOdd, 
.GridColumnLabel, .MDGridColumnLabel, .MDGridRowLabel, 
.ScaleLabelLeft, .ScaleLabelRight, .Error {
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial;
	font-size:11pt;
	font-weight:;
	font-style:normal;
	padding:5px
}

/*Overrides of main font properties for even/odd colors for adjcent rows*/

.GridRowOdd {
	color:#000000;
	background-color:#DBDBDB;
	padding:10px;
}

.GridRowEven, .GridResponseRow {
	color:#000000;
	background-color:#DBDBDB;
	padding:10px;
}

.RadioButtonRowOdd {
	color:#000000;
	padding:10px;
}

.RadioButtonRowEven {
	color:#000000;
	padding:10px;
}

.CheckboxRowOdd {
	color:#000000;
	padding:10px;
}

.CheckboxRowEven {
	color:#000000;
	padding:10px;
}

/*multi-dimensional grid labels*/
.MDGridColumnLabel, .MDGridRowLabel {
	font-weight:bold;
}

.MDGridTable {
	border:solid 0px black;
}

.MDGridCell {
	border-width:0px;
}

.MDGridColumnLabel {
	text-align:center;
}

/*Error text for in-page errors*/
.Error {
	color:red;
}

/*Font uses for progress bar text*/
.ProgressBarLabel {
	font-family:Arial;
	font-size:11pt;
	font-weight:normal;
	color:#000000;
}

.GridRowEven, .GridResponseRow {
	color:#000000;
	background-color:#DBDBDB;
	padding:10px;
}



		 

