/* Layout helpers */
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }

.ui-helper-hidden-accessible { display: none; }
table caption { display: none; }
.errorMessage.errorMessageSoftPrompt { display: none; }

/* Data Tables */
table.dataTable, table.data-table { width: 100%; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #ffffff; }
table.dataTable caption, table.data-table caption { text-align: left; font-size: 1.3em; padding: 8px 0; color: #4d4e52; -webkit-text-shadow: 1px 1px 1px #ffffff; text-shadow: 1px 1px 1px #ffffff; }
table.dataTable thead tr, table.data-table thead tr { height: 36px; line-height: 14px; }
table.dataTable thead tr th, table.data-table thead tr th { font-weight: normal; vertical-align: middle; text-align: left; cursor: default; }
table.dataTable thead tr th.center-align, table.data-table thead tr th.center-align { text-align: center; }
table.dataTable thead tr.header-row, table.data-table thead tr.header-row { background-color: #9E9E9E; }
table.dataTable thead tr.header-row th, table.data-table thead tr.header-row th { padding: 8px; color: #ffffff; -webkit-text-shadow: 1px 1px 1px #74767c; text-shadow: 1px 1px 1px #74767c; }
table.dataTable thead.center th, table.data-table thead.center th { text-align: center; }
table.dataTable tbody tr, table.data-table tbody tr { height: 36px; line-height: 14px; }
table.dataTable tbody tr:nth-child(odd), table.data-table tbody tr:nth-child(odd) { background: #ffffff; }
table.dataTable tbody tr:nth-child(even), table.data-table tbody tr:nth-child(even) { background: #e8e8e8; }
table.dataTable tbody tr:hover, table.data-table tbody tr:hover { background: #b6dfe5; }
table.dataTable tbody tr td, table.data-table tbody tr td { border-bottom: 1px solid #a4a5a6; padding: 3px 8px; vertical-align: middle; -ms-word-break: break-all; word-break: break-all; font-size: 13px; cursor: default; }
table.dataTable tbody tr td.right-align, table.data-table tbody tr td.right-align { text-align: right; }
table.dataTable tbody tr td.center-align, table.data-table tbody tr td.center-align { text-align: center; }
table.dataTable tbody tr td .autocomplete-container, table.data-table tbody tr td .autocomplete-container { float: none !important; width: 100% !important; }
table.dataTable tbody tr td input[type=text], table.data-table tbody tr td input[type=text] { width: 100% !important; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
table.dataTable tbody tr td .editable, table.data-table tbody tr td .editable { overflow-x: hidden; }
table.dataTable.compact thead tr, table.data-table.compact thead tr { height: 34px; }
table.dataTable.compact thead tr th, table.data-table.compact thead tr th { padding: 4px 8px !important; font-size: 15px; }
table.dataTable.compact tbody tr, table.data-table.compact tbody tr { height: 34px; }
table.dataTable.compact tbody tr td.tooltip-column div.tooltip-content, table.data-table.compact tbody tr td.tooltip-column div.tooltip-content { top: -9px !important; padding: 0px 8px !important; }
table.dataTable.boxed, table.data-table.boxed { border-color: #a4a5a6; border-width: 1px 1px 0 1px; border-style: solid; }

.dataTables_wrapper { margin: 10px 0; position: relative; }
.dataTables_wrapper .top { margin-bottom: 5px; }
.dataTables_wrapper .top .button { margin-top: 4px; }
.dataTables_wrapper .top .dropdown-toggle .label { padding: 0 5px; float: none; }
.dataTables_wrapper .top > .filter-bar { margin-right: 5px; float: left; }
.dataTables_wrapper .bottom { margin-top: 5px; font-size: 13px; line-height: 20px; }
.dataTables_wrapper .dataTables_info { float: left; }
.dataTables_wrapper .selected-rows { float: left; margin-left: 5px; }
.dataTables_wrapper .dataTables_length { float: right; }
.dataTables_wrapper .dataTables_paginate { float: right; margin: 3px 0 0 10px; font-size: 12px; line-height: 20px; background-color: #dddddd; background-image: -moz-linear-gradient(center bottom, #dddddd 0%, #f7f7f7 100%); background-image: -ms-linear-gradient(bottom, #dddddd, #f7f7f7); background-image: -o-linear-gradient(#f7f7f7, #dddddd); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(1, #f7f7f7)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dddddd', GradientType=0); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); }
.dataTables_wrapper .dataTables_paginate a { display: block; float: left; }
.dataTables_wrapper .dataTables_paginate span > span { display: block; float: left; min-width: 20px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #818181; text-align: center; text-decoration: none; cursor: default; }
.dataTables_wrapper .dataTables_paginate .paginate_button { color: #000000; -webkit-text-shadow: 1px 1px 1px #ffffff; text-shadow: 1px 1px 1px #ffffff; min-width: 20px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #818181; text-align: center; text-decoration: none; cursor: pointer; }
.dataTables_wrapper .dataTables_paginate .current { background: #287bbf !important; color: #ffffff; text-decoration: none; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.15) !important; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.15) !important; -webkit-text-shadow: 1px 1px 1px #16456b; text-shadow: 1px 1px 1px #16456b; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: #f7f7f7; }
.dataTables_wrapper .dataTables_paginate span .paginate_button { padding: 0 2px; }
.dataTables_wrapper .dataTables_paginate .first { width: 24px; border-left-width: 1px; background: url("../Images/Icons/DataTables/ico_grid_arrow_leftend_off.png") center center no-repeat !important; text-indent: -9999px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
.dataTables_wrapper .dataTables_paginate .first:hover { background: #ffffff url("../Images/Icons/DataTables/ico_grid_arrow_leftend_ovr.png") center center no-repeat !important; }
.dataTables_wrapper .dataTables_paginate .previous { width: 24px; background: url("../Images/Icons/DataTables/ico_grid_arrow_left_off.png") center center no-repeat !important; text-indent: -9999px; }
.dataTables_wrapper .dataTables_paginate .previous:hover { background: #ffffff url("../Images/Icons/DataTables/ico_grid_arrow_left_ovr.png") center center no-repeat !important; }
.dataTables_wrapper .dataTables_paginate .next { width: 24px; background: url("../Images/Icons/DataTables/ico_grid_arrow_right_off.png") center center no-repeat !important; text-indent: -9999px; }
.dataTables_wrapper .dataTables_paginate .next:hover { background: #ffffff url("../Images/Icons/DataTables/ico_grid_arrow_right_ovr.png") center center no-repeat !important; }
.dataTables_wrapper .dataTables_paginate .last { width: 24px; background: url("../Images/Icons/DataTables/ico_grid_arrow_rightend_off.png") center center no-repeat !important; text-indent: -9999px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
.dataTables_wrapper .dataTables_paginate .last:hover { background: #ffffff url("../Images/Icons/DataTables/ico_grid_arrow_rightend_ovr.png") center center no-repeat !important; }
.dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; z-index: 8020; margin-top: -22px; margin-left: -22px; background: #000000; cursor: pointer; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.dataTables_wrapper .dataTables_processing div { width: 44px; height: 44px; background: url("../Images/Icons/DataTables/ico_gen_loading.gif") center center no-repeat; }
.dataTables_wrapper .toolBar { float: left; margin-top: 2px; }
.dataTables_wrapper .toolBar .button { float: left; margin-right: 6px; }
.dataTables_wrapper .toolBar .button.displayOnSelect { display: none; }
.dataTables_wrapper .dataTable { clear: both; width: 100% !important; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dataTables_wrapper .dataTable thead tr { background-color: #9E9E9E; height: 35px; }
.dataTables_wrapper .dataTable thead tr th { overflow: hidden; white-space: nowrap; font-weight: normal; font-size: 15px; }
.dataTables_wrapper .dataTable thead tr th span.icon-small { margin-left: 5px; }
.dataTables_wrapper .dataTable thead tr th.sorting, .dataTables_wrapper .dataTable thead tr th.sorting_desc, .dataTables_wrapper .dataTable thead tr th.sorting_asc { cursor: pointer; }
.dataTables_wrapper .dataTable thead tr th.sorting:hover, .dataTables_wrapper .dataTable thead tr th.sorting_desc:hover, .dataTables_wrapper .dataTable thead tr th.sorting_asc:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); -khtml-opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); background-color: #818389; background-image: -moz-linear-gradient(center bottom, #969696 0%, #b3b3b3 100%); background-image: -ms-linear-gradient(bottom, #969696, #b3b3b3); background-image: -o-linear-gradient(#b3b3b3, #969696); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #969696), color-stop(1, #b3b3b3)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#969696', GradientType=0); }
.dataTables_wrapper .dataTable thead tr th.sorting span, .dataTables_wrapper .dataTable thead tr th.sorting_desc span, .dataTables_wrapper .dataTable thead tr th.sorting_asc span { width: 0; height: 0; }
.dataTables_wrapper .dataTable thead tr th.sorting_asc span { width: 9px; height: 9px; background-position: 40px 0; }
.dataTables_wrapper .dataTable thead tr th.sorting_desc span { width: 9px; height: 9px; background-position: 40px -10px; }
.dataTables_wrapper .dataTable thead tr:hover input.h-select-all { opacity: 1; }
.dataTables_wrapper .dataTable tbody tr { height: 35px; }
.dataTables_wrapper .dataTable tbody tr td.value-column { overflow: hidden; }
.dataTables_wrapper .dataTable tbody tr td.no-wrap { white-space: nowrap; }
.dataTables_wrapper .dataTable tbody tr td.action-menu-column { padding: 0 5px 0 0; text-align: right; }
.dataTables_wrapper .dataTable tbody tr td .displayOnHover { visibility: hidden; }
.dataTables_wrapper .dataTable tbody tr td .button-group { font-size: 13px; }
.dataTables_wrapper .dataTable tbody tr td.vcenter { vertical-align: middle; }
.dataTables_wrapper .dataTable tbody tr:hover .displayOnHover { visibility: visible; }
.dataTables_wrapper .dataTable tbody tr:hover input.selectRow { opacity: 1; }
.dataTables_wrapper .dataTable tbody tr:hover td { border-top-color: #b6dfe5; background: #b6dfe5; color: #000000; }
.dataTables_wrapper .dataTable tbody tr.selected td { border-top-color: #287bbf; border-bottom-color: #b6dfe5; background: #287bbf; color: #ffffff; }
.dataTables_wrapper .dataTable tbody tr.selected:hover td { border-top-color: #4294d8; background: #4294d8; color: #ffffff; }
.dataTables_wrapper .dataTable tbody tr.invalid { color: #cb4a3d !important; }
.dataTables_wrapper .dataTable tbody .icon16 { margin-top: 3px; margin-bottom: 3px; }
.dataTables_wrapper input.selectRow, .dataTables_wrapper .h-select-all { position: relative; top: 2px; left: 1px; opacity: 0.4; cursor: pointer; }
.dataTables_wrapper .button { display: inline-block; *display: inline; padding: 0 22px; margin: 0; color: #000000; text-align: center; font-size: 14px; line-height: 25px; cursor: pointer; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-text-shadow: 1px 1px 1px #ffffff; text-shadow: 1px 1px 1px #ffffff; background-color: #dddddd; background-image: -moz-linear-gradient(center bottom, #dddddd 0%, #f7f7f7 100%); background-image: -ms-linear-gradient(bottom, #dddddd, #f7f7f7); background-image: -o-linear-gradient(#f7f7f7, #dddddd); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(1, #f7f7f7)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dddddd', GradientType=0); border: solid 1px #818181; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); }
.dataTables_wrapper .button.selected { background: #287bbf; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.15) !important; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.15) !important; color: #ffffff; -webkit-text-shadow: 1px 1px 1px #16456b; text-shadow: 1px 1px 1px #16456b; }
.dataTables_wrapper .button.icon-only { padding: 4px 8px; margin-top: 1px !important; }
.dataTables_wrapper select { display: inline; padding: 2px; font-size: 12px; font-family: arial; border: solid 1px #818181; }
.dataTables_wrapper .column-selector, .dataTables_wrapper .advanced-filter-toggle { margin-left: 5px; float: right; display: none; }
.dataTables_wrapper .column-selector input[type="checkbox"], .dataTables_wrapper .advanced-filter-toggle input[type="checkbox"] { margin-right: 10px; }
.dataTables_wrapper .dataTable thead tr.advanced-filter { display: table-row; background: #e8e8e8; }
.dataTables_wrapper .dataTable thead tr.advanced-filter th .sprite-icons { float: right; margin: 5px 2px; cursor: pointer; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); background-image: url("../Images/Icons/DataTables/generalIcons15x15.png"); width: 15px; height: 15px; }
.dataTables_wrapper .dataTable thead tr.advanced-filter th .sprite-icons:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.dataTables_wrapper .dataTable thead tr.advanced-filter th .sprite-icons.img-cancel { background-position: -45px -150px; }
.dataTables_wrapper .dataTable thead tr.advanced-filter th .sprite-icons.img-confirm { background-position: -30px -150px; }
.dataTables_wrapper .dataTables_filter { position: relative; float: right; }
.dataTables_wrapper .dataTables_filter input { padding: 6px 22px 6px 6px; }
.dataTables_wrapper .dataTables_filter .filter-button { display: block; height: 24px; width: 24px; position: absolute; right: 6px; top: 6px; background-image: url("../Images/Icons/DataTables/generalIcons24x24.png"); background-position: -72px 0px; cursor: pointer; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); }
.dataTables_wrapper .dataTables_filter .filter-button:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.dataTables_wrapper .filter-bar .button span.icon { margin: 0 8px 4px 0; vertical-align: middle; }
.dataTables_wrapper .filter-bar .button-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; white-space: nowrap; font-size: 0; }
.dataTables_wrapper .filter-bar .button-group .button { position: relative; margin-left: -1px; padding: 0 12px; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
.dataTables_wrapper .filter-bar .button-group .button:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
.dataTables_wrapper .filter-bar .button-group .button:last-child { -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
.dataTables_wrapper .filter-bar .button.selected { background: #287bbf; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.15) !important; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px rgba(0, 0, 0, 0.15) !important; color: #ffffff; -webkit-text-shadow: 1px 1px 1px #16456b; text-shadow: 1px 1px 1px #16456b; }

.dataTables_wrapper .dataTables-message { padding: 15px; background-color: #dddddd; color: #1b1c1f; text-align: center; font-size: 0.8em; }
.dataTables_wrapper .dataTables-message .loading-icon { display: inline-block; width: 16px; height: 16px; background-image: url("../Images/Icons/DataTables/ico_gen_loading.gif"); background-repeat: no-repeat; }
.dataTables_wrapper .dataTables-message.error-message { color: #cb4a3d; text-align: left; }

span.icon-small { background-image: url("../Images/Icons/DataTables/icons10x10.png"); display: inline-block; *display: inline; width: 10px; height: 10px; content: ""; cursor: pointer; }
span.icon { background-image: url("../Images/Icons/DataTables/generalIcons15x15.png"); display: inline-block; *display: inline; width: 15px; height: 15px; content: ""; }
span.icon.filter { background-position: -60px -150px; }
span.icon.filter-white { background-position: -60px -135px; }

/* JQuery Date Pickers */
.ui-datepicker { display: none; margin: 5px auto 0; width: 216px; height: auto; font-size: 9pt; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); background-color: #eeeeee; z-index: 999 !important; }
.ui-datepicker a { text-decoration: none; }
.ui-datepicker table { width: 100%; }
.ui-datepicker .ui-datepicker-header { background-color: #000000; color: #dddddd; font-size: 11pt; }
.ui-datepicker .ui-datepicker-title {  background-color: #000000; color: #dddddd; text-align: center; padding: 6px; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { display: inline-block; overflow: hidden; width: 30px; height: 30px; background-image: url("../Images/Icons/arrow.png"); background-repeat: no-repeat; text-align: center; line-height: 600%; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { float: left; background-position: center -30px; }
.ui-datepicker .ui-datepicker-next { float: right; background-position: center 0px; }
.ui-datepicker thead { border-bottom: 1px solid #a4a5a6; background-color: #eeeeee; }
.ui-datepicker thead th { padding: 5px 0; color: #000000; text-transform: uppercase; font-size: 6pt; }
.ui-datepicker tbody tr { border-bottom: 1px solid #a4a5a6; }
.ui-datepicker tbody tr:last-child { border-bottom: 0px; }
.ui-datepicker tbody tr td { padding: 0; border-right: 1px solid #a4a5a6; color: #dddddd; background-color: #dddddd; }
.ui-datepicker tbody tr td:last-child { border-right: 0px; }
.ui-datepicker tbody tr td span,
.ui-datepicker tbody tr td a { display: inline-block; width: 30px; height: 30px; color: #000000; text-align: center; line-height: 30px; }
.ui-datepicker .ui-datepicker-calendar .ui-state-default { background-color: #ffffff; }
.ui-datepicker .ui-datepicker-calendar .ui-state-hover { background: #ffffff; }
.ui-datepicker .ui-datepicker-calendar .ui-state-active { position: relative; margin: -1px; color: #ffffff; background: #53A6DB; border: solid 1px #a4a5a6; }
.ui-datepicker .ui-datepicker-calendar td:first-child .ui-state-active { margin-left: 0; width: 29px; }
.ui-datepicker .ui-datepicker-calendar td:last-child .ui-state-active { margin-right: 0; width: 29px; }
.ui-datepicker .ui-datepicker-calendar tr:last-child .ui-state-active { margin-bottom: 0; height: 29px; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-default { font-weight: bold; }
.ui-datepicker .ui-datepicker-unselectable .ui-state-default { background: #74767c !important; color: #dddddd !important; }
.ui-datepicker .ui-datepicker-buttonpane { text-align: center; border-top: 1px solid #a4a5a6; background-color: #ffffff; }
.ui-datepicker .ui-datepicker-buttonpane button { margin: 5px; }

/* css for timepicker */
.ui-timepicker-div { border-top: 1px solid #a4a5a6; }
.ui-timepicker-div .ui_tpicker_time_label,
.ui-timepicker-div .ui_tpicker_second, 
.ui-timepicker-div .ui_tpicker_millisec { display: none; }
.ui-timepicker-div .ui_tpicker_time { margin-left: 0; height: 35px; line-height: 35px; font-size: 14px; text-align: center; border-bottom: 1px solid #a4a5a6; background-color: #ffffff; }
.ui-timepicker-div dl { text-align: left; margin: 0; }
.ui-timepicker-div dl dt { height: 35px; line-height: 35px; margin-bottom: -35px; padding-left: 5px; }
.ui-timepicker-div dl dd { margin-left: 65px; padding-right: 5px; }
.ui-timepicker-div dl dd .ui-slider { margin: 12px auto; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl { direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin-right: 65px; }

/* JQuery Auto Completes */
.ui-autocomplete { position: absolute; top: 0; z-index: 10000; display: none; overflow-x: hidden; overflow-y: auto; padding: 2px; max-height: 200px; background-color: #ffffff; list-style: none; font-size: 12px; cursor: default; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: solid 1px #a4a5a6; }
.ui-autocomplete .ui-menu-item  { display: block; clear: both; padding: 3px 5px; color: #000000; white-space: nowrap; font-weight: normal; line-height: 18px; }
.ui-autocomplete .ui-menu-item.ui-state-focus { background: #53A6DB; color: #FFFFFF; border: 0; text-decoration: none; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
.ui-autocomplete .ui-menu-item.autocomplete-message { padding: 3px 0; text-align: center; font-size: 11px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border-top: 1px solid #CCCCCC; background-color: #EEEEEE; }

/* Star Rating */
.starRating > .star { display: block; float: left; overflow: hidden; margin: 0; padding: 0; }
.starRating > .star > a { display: block; width: 24px; height: 24px; cursor: pointer; background-repeat: no-repeat; }
.starRating > .star.off > a { background-image: url('../Images/StarRatingDefaults.png'); background-position: 0px 0px; }
.starRating > .star.on > a { background-image: url('../Images/StarRatingDefaults.png'); background-position: -24px 0px; }
.starRating > .star.hover > a { background-image: url('../Images/StarRatingDefaults.png'); background-position: -48px 0px; }
.starRating > .clearRating { display: block; float: left; width: 25px; height: 28px; margin-right: 2px; cursor: pointer; background-repeat: no-repeat; }
.starRating > .clearRating.off { background-image: url('../Images/StarRatingDefaults.png'); background-position: -120px 0px; }
.starRating > .clearRating.hover { background-image: url('../Images/StarRatingDefaults.png'); background-position: -144px 0px; }

/* Right to Left */
html[dir=rtl] .standard .starRating > .star { float: right; }
html[dir=rtl] .standard .starRating > .clearRating { float: right; }



/*** Standard Questions ***/
.standard .questionLabelContainer { padding: 5px 5px 5px 15px; }
.standard .shortLabel { float: left; margin-right: 10px; }
.standard .shortOpenEndLabel { margin-right: 10px; display: inline; vertical-align: top; }
.standard .choiceList { display: block; clear: both; padding-left: 6px; }

.standard tr.choiceList { display: table-row; padding: 0px; }
.standard .leftLabel, 
.standard .rightLabel { margin: 0px 10px 0px 10px; }

/* For choices and open end */
.standard div.choiceList select, 
.standard div.openEndRight, 
.standard .horizontal, 
.standard .horizontal .choice, 
.standard .horizontal .choice label { float: left; }
.standard th.gridColumnHeader .openEndRight  { float: right; }

/* Drilldown */
.standard.drillDown div.choiceList  { margin: 5px 0px 5px 0; }
.standard.drillDown div.choiceList.horizontal {clear: none;}
.standard .drilldownText { float: left; padding: 6px 8px 0 0; }

.standard .openEndRight { margin-left: 10px; }
.standard .openEndBelow { clear: both; }
.standard .openEndRow { float: left; width: 100%; }
.standard td.gridColumnOpenEnd .openEndRow textarea { height: 95%; }

.standard .softPromptChoice { display: none; }
.standard .softPromptColumn { display: none; }

.standard div.choiceList .vertical .choice { padding: 2px 0; }
.standard div.choiceList .horizontal { margin-right: 5px; }
.standard div.choiceList table div.choice label.choiceText { display: block; padding-left: 25px; }
.standard div.choiceList div.choice input { padding: 0; overflow: hidden; vertical-align: middle; float: left; height: 22px; margin: 1px 7px 0 0; *margin: 0; }
.standard div.choiceList div.choice input.imageChoiceInput { display: none; }
.standard div.choiceList div.choice .checkboxImage, 
.standard div.choiceList div.choice .radioImage { margin-right: 5px; vertical-align: middle; float: left; }
.standard div.choiceList div.choice label.choiceText { line-height: 22px; display: block;}
.standard div.choiceList div.choice label .openEnd { vertical-align: top; }

.standard div.choiceList table { table-layout: fixed; width: 100%; }
.standard tr .imageChoice { margin: 3px; }

.standard .imageChoice { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.standard .imageChoice .choice { margin-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; }
.standard .imageChoice .choice .choiceImage { position: relative; overflow: hidden; /*height: 100%;*/ }
.standard .imageChoice .choice .choiceImage .choiceImageOverlay, .zoomedChoiceImage .choiceImageOverlay { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.standard .imageChoice .choice .choiceImage img { overflow: hidden; cursor: pointer; }
.standard .imageChoice .choice.disabled .choiceImage { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); }
.standard .imageChoice .choice.disabled .choiceImage img { cursor: default !important; }
.standard .imageChoice .choiceText { padding: 2px; margin: 6px 0; text-align:center; }
.standard .imageChoice .openEndRight { float: none; display: inline-block; }

.zoomedChoiceImage { position: absolute; z-index: 9999; }
.zoomedChoiceImage .zoomedImage { width: 100%; height: 100%; }

.standard div.choiceList .radioButton .openEndBelow,
.standard div.choiceList .checkBox .openEndBelow { margin-left: 25px; }
.standard div.choiceList .openEndBelow textarea { padding: 0; margin: 0; }
.standard div.dropDownList .openEndBelow textarea { margin-top: 10px; }

.standard div.choiceList .choiceHeader1 { line-height:0px !important; }

.standard .sliderContainer { margin: 0px 12px 0px 12px; }
.standard .sliderLeft,
.standard .sliderRight { text-align: center; min-height: 15px; float: left; }
.standard .sliderContentsRow,
.standard .sliderCurrentValueRow { width: 100%; margin: 5px 0px 5px 0px; }
.standard .sliderContents,
.standard .sliderCurrentValue { min-height: 15px; float: left; text-align: center; }
.standard .sliderContentsRow .sliderCurrentValueSides { margin-left: 10px; margin-right: 10px; }
.standard .sliderContentsRow .sliderCurrentValueFollow { position: absolute; }
.standard .sliderContentsRow .sliderContents .sliderBar { width: 100%; }

.standard .dateTimeContent .datePart { margin: 0px; }
.standard .dateTimeContent .datePart label { display: none; }
.standard .dateTimeContent .dateSeparator { margin: 0px 10px 0px 10px; }

.standard .cardSortContent { position: relative; }
.standard .cardSortContent .bucketList .bucket { display: inline-block; vertical-align: top; padding: 10px; margin: 5px; width: 100px; height: 100px; text-align: center; *float: left; *display: block; font-style: italic; font-weight: normal; font-family: arial; font-size: 10pt; color: #555555; background-color: #FFFFEE; border: solid 1px #555555;}
.standard .cardSortContent .cardList .cardGroup { float: left; padding: 0; margin: 15px; width: 100px; min-height: 100px;	text-align: center; }
.standard .cardSortContent .cardList .cardGroup .headerText { padding-bottom: 5px; }
.standard .cardSortContent .card { position: absolute; top: 0; left: 0; width: 100px; height: 100px; padding: 5px; font-style: normal; font-weight: normal; font-family: arial; font-size: 10pt; color: #555555; background-color: #FFFFFF; border: solid 1px #555555; }
.standard .cardSortContent .card > .textDiv { width: 100%; position: relative; }
.standard .cardSortContent .card > .imageDiv,
.standard .cardSortContent .card > .imageDiv > img { width: 100%; height: 100%; }
.standard .cardSortContent.vertical .bucketList { float: left; }
.standard .cardSortContent.vertical .bucketList .bucket { display: block; }
.standard .cardSortContent.vertical .cardList { float: left; width: 48%; }
.standard .cardSortContent.vertical .cardList .cardGroup { float: none; }

.standard .dragDropRanking .dragDropList { list-style-type: none; margin: 5px 20px 5px 0px; padding: 0px; border: solid 1px #555; background-color: #ffffff; }
.standard .dragDropRanking .dragDropAnswerList { background-color: #ffffff; }
.standard .dragDropRanking .dragDropAnswerList.stick { position: fixed; top: 0; }
.standard .dragDropRanking .dragDropList .dragDropItem { margin: 2px; padding: 2px; width: 160px; height: 40px; background-color: white; border: solid 1px #D8D8D8; text-align: center; }
.standard .dragDropRanking .dragDropList .dragDropItem.disabled { opacity: 0.8; filter: alpha(opacity=80); }
.standard .dragDropRanking .dragDropList .dragDropItem .imageDiv, .dragDropList .dragDropItem .imageDiv img { width: 100%; height: 100%; }
.standard .dragDropRanking .dragDropList .dragDropItem .textDiv { width: 100%; position: relative; }
.standard .dragDropHighlight { margin: 2px; padding: 2px; border: solid 1px #ffffff; background-color: #ffffff; opacity: 0.5; }

.standard .dragDropList.ui-sortable-disabled { background-color: #DDDDDD; }
.standard .dragDropList.ui-sortable-disabled li.dragDropItem { background-color: #E8E8E8; }
.standard .dragDropList.ui-sortable-disabled li.dragDropItem div.textDiv { color: #a0a0a0; }

.standard .dragDropRanking.vertical .dragDropList { float: left; }
.standard .dragDropRanking.horizontal .dragDropList { clear: both; }
.standard .dragDropRanking.horizontal .dragDropItem { float: left; }
.standard .dragDropRanking.horizontal .dragDropHighlight { float: left; }

.standard .numericRanking li { list-style-type: none; }
.standard .numericRanking li.choiceContainer.choiceHeader, .standard .numericRanking li.choiceContainer.choiceHeader1 { margin-left: 0px; }
.standard .numericRanking li div { display: table-cell; }
.standard .numericRanking li div.answerHeader { margin-left: 3px; }
.standard .numericRanking li { list-style-type: none; padding: 5px 2px; }
.standard .numericRanking li input { text-align: center; }
.standard .numericRanking li .textDiv p { margin: 0px; }
.standard .numericRanking.vertical li .textDiv { display: table-cell; }
.standard .numericRanking.vertical li.header p:last-child { display: inline-block; }
.standard .numericRanking.horizontal li .textDiv { vertical-align: middle; margin: 0px 7px; }
.standard .numericRanking.horizontal li { display: inline-block; }
.standard .numericRanking li div:first-of-type { padding-right: 7px; }
.standard .numericRanking.left ul { }
.standard .numericRanking.left ul li { }
.standard .numericRanking.left ul li .choiceText { padding-right: 5px; }
.standard .numericRanking .numericOptionsList { margin-left: 0px; padding-left: 4px; }

.standard .imageMap .area { cursor: pointer; font-size: 10000px; overflow: hidden; height: 1%/*Holly Hack for IE*/; width: 0; }
.standard .imageMap img { max-width: 100%; }

.standard .gridLogic { display: none !important; }
.standard table.grid { border-collapse: collapse; text-align: center; margin-bottom: 1px; }
.standard table.grid th { padding: 3px 10px 3px 10px; }
.standard table.grid tr.hiddenRow td { border: 0; }
.standard table.grid td div { /*text-align: center;*/ }
.standard table.grid td select { display: inline-block; }
.standard table.grid td .sliderContentsRow { width: auto; }
.standard table.grid td .sliderBar { display: inline-block; }
.standard table.grid .choice { float: none; }
.standard table.grid .imageChoice { margin: 0 auto; min-width: 32px; }
.standard table.grid .gridColumnHeader span { width: 100%; margin: 0px !important; }

.standard table.runningTotal .columnSummary { display: inline-block; width: 98%; text-align: right; }
.standard table.runningTotal input.runningTotal { text-align: right; }

.standard table.netPromoter div.choiceContainer { margin-left: 0px; }

.standard table.grid .gridRowHeader span { width: 100%; margin: 0 !important; } 
.standard table.grid .leftLabel,
.standard table.grid .rightLabel { text-align: left; }
.standard table.grid td.gridItem { padding: 2px 5px 2px 5px; }
.standard table.grid td.gridItem table.control { width:100%; margin: 0px; padding: 0px; }
.standard table.grid td.gridItem table.control td { border: 0 none #FFFFFF !important; }
.standard table.grid td.gridItem table.control td.contents > input {}
.standard table.grid td.gridItem table.control .leftControls .leftLabel { margin: 0px 5px 0px 0px !important; text-align: left !important; }
.standard table.grid td.gridItem table.control .rightcontrols .rightLabel { margin: 0px 0px 0px 5px !important; text-align: left !important; }
.standard table.grid td.gridItem div.sliderLeft .leftLabel { margin: 0px 10px 0px 0px !important; }
.standard table.grid td.gridItem div.sliderRight .rightLabel { margin: 0px 0px 0px 10px !important; }

.standard table.grid td.gridItem .sliderContainer { width: 100%; margin: 0px; }
.standard table.grid td.gridItem .openEndBelow { width: 100%; text-align: left; }

.standard table.grid td.gridItem .openEndRight { margin: 0; width: 100%; text-align: right; }

.standard table.grid td.gridItem textarea.openEnd { margin: 5px 0; width: 98%; }
.standard table.grid td.gridItem.disabled { }
.standard table.grid td.gridItem.disabled img { opacity: 0.6; filter:alpha(opacity=60); }

.standard table.grid .gridErrorRow.gridErrorRowHidden { display : none; }

.standard table.grid tfoot tr.summaryError { display:none; }
.standard table.grid tfoot tr.summaryError .errorMessageContainer { display:none; }

.standard .ui-slider { margin: 0; position: relative; text-align: left; border: solid 1px #a4a5a6; background-color: #dddddd; background-image: -moz-linear-gradient(center bottom, #f7f7f7 0%, #ffffff 100%); background-image: -ms-linear-gradient(bottom, #f7f7f7, #ffffff); background-image: -o-linear-gradient(#ffffff, #f7f7f7); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f7f7f7), color-stop(1, #ffffff)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0); -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
.standard .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; border: solid 1px #ffffff; background-color: #287bbf; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-touch-action: none; touch-action: none; }
.standard .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-position: 0 0; font-size: .7em; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; }
.standard .ui-slider-horizontal { height: .8em; }
.standard .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; }
.standard .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.standard .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.standard .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.standard .autoComplete .autoCompleteButton { display: inline-block; position: relative; width: 15px; height: 15px; cursor: pointer; margin-left: -15px; }
.standard .autoComplete .autoCompleteButton .autoCompleteButtonImage { display: inline-block; width: 7px; height: 16px; background: url('../Images/DropDownButton.png') no-repeat; margin-top: 2px; }
.standard .autoComplete .choiceList { display: none; }

.standard .fileUpload .inputFileContainer { margin-bottom: 8px; }
.standard .fileUpload .inputFileContainer * { vertical-align: middle; }
.standard .fileUpload .inputFileContainer .clearFileButton { display: inline-block; width: 16px; height: 16px; cursor: pointer; background: url('../Images/ClearButton.png') no-repeat; margin-left: 5px; }

/* Right To Left */
html[dir=rtl] .standard .shortLabel { float: right; margin-left: 10px; }
html[dir=rtl] .standard .shortOpenEndLabel { margin-left: 10px; }
html[dir=rtl] .standard .choiceList { padding-right: 6px; }
html[dir=rtl] .standard div.choiceList select,
html[dir=rtl] .standard div.choiceList .choice,
html[dir=rtl] .standard .openEndRight,
html[dir=rtl] .standard .horizontal { float: right; }
html[dir=rtl] .standard th.gridColumnHeader .openEndRight  { float: left; }
html[dir=rtl] .standard .drilldownText { float: right; padding-left: 8px ; }
html[dir=rtl] .standard .openEndRight { margin-right: 10px; }
html[dir=rtl] .standard .openEndRow { float: right; }
html[dir=rtl] .standard div.choiceList .horizontal { margin-left: 5px; }
html[dir=rtl] .standard div.choiceList .vertical div.choice label.choiceText { padding-right: 20px; display: inline; }
html[dir=rtl] .standard div.choiceList .horizontal div.choice label.choiceText { padding-right: 8px; }
html[dir=rtl] .standard div.choiceList table div.choice label.choiceText { padding-right: 25px; }
html[dir=rtl] .standard div.choiceList div.choice input { float: right; }
html[dir=rtl] .standard div.choiceList div.choice .checkboxImage, 
html[dir=rtl] .standard div.choiceList div.choice .radioImage { margin-left: 5px; float: right; }
html[dir=rtl] .standard div.choiceList .radioButton .openEndBelow,
html[dir=rtl] .standard div.choiceList .checkBox .openEndBelow { margin-right: 25px; }
html[dir=rtl] .standard div.choiceList .choiceHeader1 { line-height:0px !important; }
html[dir=rtl] .standard .sliderLeft, html[dir=rtl] .sliderRight { float: right; }
html[dir=rtl] .standard .sliderContents, html[dir=rtl] .sliderCurrentValue { float: right; }
html[dir=rtl] .standard .cardSort .bucketList .bucket { *float: right; }
html[dir=rtl] .standard .cardSort .cardList .cardGroup { float: right; }
html[dir=rtl] .standard .cardSort .cardSortContent.vertical .bucketList { float: right; }
html[dir=rtl] .standard .cardSort .cardSortContent.vertical .cardList { float: right; }
html[dir=rtl] .standard .dragDropRanking.vertical .dragDropList { float: right; }
html[dir=rtl] .standard .dragDropRanking.horizontal .dragDropItem { float: right; }
html[dir=rtl] .standard .dragDropRanking.horizontal .dragDropHighlight { float: right; }
html[dir=rtl] .standard table.runningTotal .columnSummary { text-align: left; }
html[dir=rtl] .standard table.runningTotal input.runningTotal { text-align: left; }
html[dir=rtl] .standard table.grid .leftLabel, html[dir=rtl] table.grid .rightLabel { text-align: right; }
html[dir=rtl] .standard table.grid td.gridItem table.control .leftControls .leftLabel { margin: 0px 0px 0px 5px !important; text-align: right !important; }
html[dir=rtl] .standard table.grid td.gridItem table.control .rightcontrols .rightLabel { margin: 0px 5px 0px 0px !important; text-align: right !important; } 
html[dir=rtl] .standard table.grid td.gridItem div.sliderLeft .leftLabel { margin: 0px 0px 0px 10px !important; }
html[dir=rtl] .standard table.grid td.gridItem div.sliderRight .rightLabel { margin: 0px 10px 0px 0px !important; }
html[dir=rtl] .standard table.grid td.gridItem .openEndBelow { text-align: right; }
html[dir=rtl] .standard table.grid td.gridItem .openEndRight { text-align: left; }
html[dir=rtl] .standard .autoComplete .autoCompleteButton { margin-right: -15px; }
html[dir=rtl] .standard .fileUpload .inputFileContainer .clearFileButton { margin-right: 5px; }

/* Mobile Controls */
.mobile fieldset legend { padding: 1% 0; }
.mobile .table { display: table; }
.mobile .table .inputDiv { text-align: center; display: table-cell; vertical-align: middle; }
.mobile .table .leftLabel, .mobile .table .rightLabel { display: table-cell; vertical-align: middle; -ms-word-break: break-word; word-break: break-word; }
.mobile .table .leftLabel { text-align: left; padding-right: 5px; }
.mobile .table .rightLabel { text-align: right; padding-left: 5px;}
.mobile .table input { display: inline !important; }
.mobile .table div.ui-slider, .mobile .table .ui-slider-track { margin-top: 0 !important; margin-bottom: 0 !important; }
.mobile .softPromptChoice { display: none; }
.mobile .softPromptColumn { display: none; }
.mobile div.ui-controlgroup-controls a.ui-state-disabled { opacity: .7; text-align: left; }

.mobile table caption { display: none; }

/* QUESTION TYPES */
.mobile .ui-select { margin: 1% auto; }
.mobile fieldset[data-role="controlgroup"] .ui-select { margin: 0 auto; }
.mobile textarea { margin: 1% auto; }
.mobile textarea[disabled] { opacity: .3; }

/* IMAGE SELECTOR */
div.mobile[data-questiontype="imageselector"] .ui-controlgroup-horizontal .ui-controlgroup-controls { display: block; } 
div.mobile[data-questiontype="imageselector"] .ui-controlgroup-horizontal .ui-controlgroup-controls .imageChoice { display: inline-block; }
div.mobile[data-questiontype="imageselector"] .ui-controlgroup-horizontal .ui-controlgroup-controls .imageChoice.softPromptChoice { display: none; }

div.mobile[data-questiontype="imageselector"] .ui-controlgroup-vertical .ui-controlgroup-controls .imageChoice:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.mobile[data-questiontype="imageselector"] .ui-controlgroup-vertical .ui-controlgroup-controls .imageChoice { display: block; }
div.mobile[data-questiontype="imageselector"] .ui-controlgroup-vertical .ui-controlgroup-controls .imageChoice.softPromptChoice { display: none; }
/* required comment for clearfix to work in Opera \*/
* html div.mobile[data-questiontype="imageselector"] .ui-controlgroup-vertical .ui-controlgroup-controls .imageChoice { height:1%; }
/*.mobile div[data-questiontype="imageselector"] .ui-controlgroup-vertical .ui-controlgroup-controls .imageChoice { display: block; }*/
/* end clearfix */

.mobile .imageChoice { padding: 1%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mobile .imageChoice .choice { height: 100%; clear: both;   margin-bottom: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; }
.mobile .imageChoice .choice.fixed-width { float: left; }
html[dir=rtl] .mobile .imageChoice .choice.fixed-width { float: right; }
.mobile .imageChoice .choiceImage { position: relative; overflow: hidden; height: 100%; }
.mobile .imageChoice .choice .choiceImage:before { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.mobile .imageChoice .choiceImage img { overflow: hidden; display: block; }
.mobile .imageChoice .choice.disabled .choiceImage { opacity: 0.6; filter: alpha(opacity=60); }
.mobile .imageChoice .choice.disabled .choiceImage img { cursor: default !important; }
.mobile .imageChoice .choiceText { text-align: center; margin: 1% 0; }

/* IMAGE AREA SELECTOR */
.mobile .imageMap img { max-width: 100%; }
.mobile .imageMap .area { cursor: pointer; }
.mobile .selectedImageArea { background-color: #6facd5; }

/* CARD SORT */
.mobile .card { text-align: center; margin: 10px 0; padding: 10px; border: 1px solid #AAA; }
.mobile .card img { padding: 1px; max-width: 100%; border: 1px solid #AAA; }

/* SLIDER */
.mobile div.ui-slider { margin-bottom: 15px; }
.mobile div.ui-slider .ui-slider-input { width: 25px; }
.mobile div.ui-slider .ui-slider-track { margin-left: 55px; }
.mobile div.hide-slider-input div.ui-slider { margin-left: 15px; }
.mobile div.hide-slider-input .ui-slider-input { display: none !important; }
.mobile div.hide-slider-input .ui-slider-track { margin-left: 0; }

/* STANDARD SLIDER */
.mobile .sliderContainer { margin: 0px 12px 0px 12px; }
.mobile .sliderLeft,
.mobile .sliderRight { text-align: center; min-height: 15px; float: left; }
.mobile .sliderContentsRow,
.mobile .sliderCurrentValueRow { width: 100%; margin: 5px 0px 5px 0px; }
.mobile .sliderContents,
.mobile .sliderCurrentValue { min-height: 15px; float: left; text-align: center; }
html[dir=rtl] .mobile .sliderContents,
html[dir=rtl] .mobile .sliderCurrentValue { float: right; }
.mobile .sliderContentsRow .sliderCurrentValueSides { margin-left: 10px; margin-right: 10px; }
.mobile .sliderContentsRow .sliderCurrentValueFollow { position: absolute; }

/* For IE8 - See #6727 */
.mobile .ui-slider.ui-state-disabled .ui-slider-handle,
.mobile .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.mobile .ui-slider-horizontal { height: .8em !important; width: 100%; }
.mobile .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.mobile .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.mobile .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.mobile .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.mobile .ui-slider-vertical { width: .8em; height: 100px; }
.mobile .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.mobile .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.mobile .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.mobile .ui-slider-vertical .ui-slider-range-max { top: 0; }

/* GRIDS */
.mobile .gridColumnHeader { padding: 3px 5px 3px 5px; display: block; }
.mobile .gridRowHeader { padding: 3px 10px 3px 10px; display: block; }
.mobile .gridLogic { display: none !important; }

/* STANDARD GRIDS */
.mobile table.grid { border-collapse: collapse; text-align: center; margin-bottom: 1px; }
.mobile table.grid th { padding: 3px 10px 3px 10px; }
.mobile table.grid td div { text-align: center; }
.mobile table.grid td select { display: inline-block; }
.mobile table.grid td .sliderContentsRow { width: auto; display: inline-block; }
.mobile table.grid td .sliderBar { display: inline-block; margin: 0 !important; padding: 0 !important; }
.mobile table.grid .choice { float: none; }
.mobile table.grid .imageChoice { margin: 3px; }
.mobile table.grid .gridColumnHeader span { width: 100%; margin: 0 !important; }
.mobile table.grid .gridRowHeader span { width: 100%; margin: 0 !important; display: block; }
.mobile table.grid .leftLabel,
.mobile table.grid .rightLabel { text-align: left; }
.mobile table.grid td.gridItem { padding: 2px 5px 2px 5px; overflow: hidden; }
.mobile table.grid td.gridItem table.control { width: 100%; margin: 0; padding: 0; }
.mobile table.grid td.gridItem table.control td { border: 0 none #FFFFFF !important; }
.mobile table.grid td.gridItem table.control td.contents > input { }
.mobile table.grid td.gridItem table.control .leftControls .leftLabel { margin: 0 5px 0 0 !important; text-align: left !important; }
.mobile table.grid td.gridItem table.control .rightcontrols .rightLabel { margin: 0 0 0 5px !important; text-align: left !important; }
html[dir=rtl] .mobile table.grid td.gridItem table.control .leftControls .leftLabel { margin: 0 0 0 5px !important; text-align: right !important; }
html[dir=rtl] .mobile table.grid td.gridItem table.control .rightcontrols .rightLabel { margin: 0 5px 0 0 !important; text-align: right !important; }
.mobile table.grid td.gridItem div.sliderLeft .leftLabel { margin: 0 10px 0 0 !important; }
.mobile table.grid td.gridItem div.sliderRight .rightLabel { margin: 0 0 0 10px !important; }
.mobile table.grid td.gridItem .sliderContainer { margin: 0 7px 0 7px; }
.mobile table.grid td.gridItem .openEndBelow { width: 100%; text-align: left; }
.mobile table.grid td.gridItem .openEndRight { margin: 0; width: 100%; text-align: right; }
.mobile table.grid td.gridItem textarea.openEnd { margin: 5px 0; width: 98%; }
.mobile table.grid td.gridItem.disabled { }
.mobile table.grid td.gridItem.disabled img { opacity: 0.6; filter: alpha(opacity=60); }
.mobile table.grid .gridErrorRow.gridErrorRowHidden { display: none; }
.mobile table.grid tfoot tr.summaryError { display: none; }
.mobile table.grid tfoot tr.summaryError .errorMessageContainer { display: none; }

/* RUNNING TOTAL */
.mobile table.runningTotal .columnSummary { display: inline-block; width: 98%; text-align: right; }
.mobile table.runningTotal input.runningTotal { text-align: right; }
.mobile .column .summary { padding: 10px 0; margin: 20px 0 10px 0; border-top: 1px solid #ddd; }
.mobile .column .summary .summaryTitle { font-weight: bold; margin-right: 5px; }
.mobile .column .summary .summaryValue { padding: 0.4em; }
.mobile .column .lowerBoundError,
.mobile .column .upperBoundError { display: none; }

/* STAR RATING */
.mobile .starRating > .star > a { width: 32px; height: 32px;  }
.mobile .starRating > .star.off > a { background-image: url('../Images/StarRatingDefaultsMobile.png'); background-position: 0 0; }
.mobile .starRating > .star.on > a { background-image: url('../Images/StarRatingDefaultsMobile.png'); background-position: -32px 0; }
.mobile .starRating > .star.hover > a {background-image: url('../Images/StarRatingDefaultsMobile.png');  background-position: -64px 0; }
.mobile .starRating > .clearRating { background-image: url('../Images/StarRatingDefaultsMobile.png'); width: 32px; height: 32px; }
.mobile .starRating > .clearRating.off { background-image: url('../Images/StarRatingDefaultsMobile.png'); background-position: -160px 0; }
.mobile .starRating > .clearRating.hover { background-image: url('../Images/StarRatingDefaultsMobile.png'); background-position: -192px 0; }


/* FILE UPLOAD */
.mobile[data-questiontype="fileupload"] .inputFileContainer { margin-bottom: 8px; }

/* Numeric Ranking */
.mobile .numericRanking li { list-style-type: none; }
.mobile .numericRanking li div { display: table-cell; }
.mobile .numericRanking li div.answerHeader { margin-left: 3px; }
.mobile .numericRanking li { list-style-type: none; padding: 5px 2px; }
.mobile .numericRanking li input { text-align: center; width: 40px; min-width: 40px; max-width: 20%; }
.mobile .numericRanking li .textDiv p { margin: 0px; }
.mobile .numericRanking.horizontal li .textDiv {  margin: 0px 7px; }
.mobile .numericRanking.vertical li .textDiv { display: table-cell; }
.mobile .numericRanking.vertical li.header p:last-child { display: inline-block; }
.mobile .numericRanking.horizontal li { display: table-cell; }
.mobile .numericRanking li div:first-of-type { padding-right: 7px; }
.mobile .numericRanking.left ul { }
.mobile .numericRanking.left ul li { }
.mobile .numericRanking.left ul li .choiceText { }
.mobile .numericRanking .numericOptionsList { margin-left: 0px; padding-left: 4px; }
.mobile .numericRanking li.choiceContainer.choiceHeader, .mobile .numericRanking li.choiceContainer.choiceHeader1 { margin-left: 0px; }