.tright
{
    text-align: right;
}
.tleft
{
    text-align: left;
}


.boldtopline td
{
    border-top-color: #000;
    border-top-width: 1px;
    border-top-style: solid;
    
    font-weight: bold;
    text-align: right;
}

.bold 
{
    font-weight: bold;
}

.underline 
{
    text-decoration: underline;
}

.pading tr td
{
    padding-right: 10px;
}

tr.hover:hover td {
    background-color: #c7d1d6 !important;
}

.pading tr td.last
{    
    padding-right: 0;
}

.shadedAll
{    
    background-color: #E2EAEE;
}

.shaded
{    
    background-color: #E2EAEE; /* DAF2FF */
}




.icon-with-text-48 { line-height: 48px; text-decoration: none !important;}
.icon-with-text-32 { line-height: 32px; text-decoration: none !important;}
.icon-with-text-24 { line-height: 24px; text-decoration: none !important;}
.icon-with-text-16 { line-height: 16px; text-decoration: none !important;}

.view-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/view-32.png) !important; }
.view-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/view-24.png) !important; }
.view-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/view-16.png) !important; }

.ui-icon-view-icon-16 { background-image: url(/Images/view-18.png); background-color: transparent !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }

.print-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/print-32.png) !important; }
.print-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/print-24.png) !important; }
.print-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/print-16.png) !important; }

.reports-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/reports-32.png) !important; }
.reports-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/reports-24.png) !important; }
.reports-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/reports-16.png) !important; }

.ui-icon-reports-icon-16 { background-image: url(/Images/reports-18.png); background-color: transparent !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }


.report-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/report-32.png) !important; }
.report-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/report-24.png) !important; }
.report-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/report-16.png) !important; }


.drilldown-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/drilldown-32.png) !important; }
.drilldown-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/drilldown-24.png) !important; }
.drilldown-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/drilldown-16.png) !important; }


.chain-icon-48 { display: block; background-repeat: no-repeat; float:left; width: 48px; height: 48px; background-image: url(/Images/chain-48.png) !important; }
.chain-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/chain-32.png) !important; }
.chain-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/chain-24.png) !important; }
.chain-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/chain-16.png) !important; }

.ui-icon-chain-icon-16 { background-image: url(/Images/chain-18.png); background-color: transparent !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }

.store-icon-48 { display: block; background-repeat: no-repeat; float:left; width: 48px; height: 48px; background-image: url(/Images/store-48.png) !important; }
.store-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/store-32.png) !important; }
.store-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/store-24.png) !important; }
.store-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/store-16.png) !important; }

.ui-icon-store-icon-16 { background-image: url(/Images/store-18.png); background-color: transparent !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }


.edit-icon-48 { display: block; background-repeat: no-repeat; float:left; width: 48px; height: 48px; background-image: url(/Images/edit-48.png) !important; }
.edit-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/edit-32.png) !important; }
.edit-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/edit-24.png) !important; }
.edit-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/edit-16.png) !important; }

.info-icon-48 { display: block; background-repeat: no-repeat; float:left; width: 48px; height: 48px; background-image: url(/Images/info-48.png) !important; }
.info-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/info-32.png) !important; }
.info-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/info-24.png) !important; }
.info-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/info-16.png) !important; }

.detail-icon-48 { display: block; background-repeat: no-repeat; float:left; width: 48px; height: 48px; background-image: url(/Images/info-48.png) !important; }
.detail-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/info-32.png) !important; }
.detail-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/info-24.png) !important; }
.detail-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/info-16.png) !important; }


.recall-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/recall-16.png) !important; }

.delete-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/delete-32.png) !important; }
.delete-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/delete-24.png) !important; }
.delete-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/delete-16.png) !important; }


.excel-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/excel-32.png) !important; }
.excel-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/excel-24.png) !important; }
.excel-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/excel-16.png) !important; }

.ui-icon-excel-icon-16 { background-image: url(/Images/excel-18.png); background-color: transparent !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }


.csv-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/csv-32.png) !important; }
.csv-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/csv-24.png) !important; }
.csv-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/csv-16.png) !important; }

.ui-icon-csv-icon-16 { background-image: url(/Images/csv-18.png); background-color: transparent !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }


.dashboard-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/dashboard-32.png) !important; }
.dashboard-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/dashboard-24.png) !important; }
.dashboard-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/dashboard-16.png) !important; }

.add-widget-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/add-widget-32.png) !important; }
.add-widget-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/add-widget-24.png) !important; }
.add-widget-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/add-widget-16.png) !important; }

.layout-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/layout-32.png) !important; }
.layout-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/layout-24.png) !important; }
.layout-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/layout-16.png) !important; }

.day-part-config-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/day-part-config-32.png) !important; }
.day-part-config-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/day-part-config-24.png) !important; }


.add-dash-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/add-dash-32.png) !important; }

.delete-dash-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/delete-dash-16.png) !important; }

.ui-icon-delete-icon-16 { background-image: url(/Images/delete-18.png); background-color: transparent !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }


.tags-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/tags-32.png) !important; }
.tags-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/tags-24.png) !important; }

.pdf-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/pdf-32.png) !important; }
.pdf-icon-24 { display: block; background-repeat: no-repeat; float:left; width: 24px; height: 24px; background-image: url(/Images/pdf-24.png) !important; }
.pdf-icon-16 { display: block; background-repeat: no-repeat; float:left; width: 16px; height: 16px; background-image: url(/Images/pdf-16.png) !important; }

.ui-icon-pdf-icon-16 { background-image: url(/Images/pdf-18.png); background-color: transparent !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }


.settings-icon-32 { display: block; background-repeat: no-repeat; float:left; width: 32px; height: 32px; background-image: url(/Images/settings-32.png) !important; }


span.text { padding-left: 5px; } 
span.space { padding-left: 1px; }
a span.text { text-decoration: underline;} 


.list 
{
    list-style-type: none;
    padding-left: 0px;
}

.list li
{
    height: 40px;
}

.ui-progressbar { position:relative; }
.pblabel { position: absolute; width: 100%; text-align: center; line-height: 1.9em; }


.ui-progressbar-mobile
{
    position:relative;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #AAAAAA;
    color: #222222;
    height: 2em;
    overflow: hidden;
}

.ui-progressbar-value-mobile
{
    width:0px;
    height: 100%;
    margin: -1px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;   
    border: 1px solid #AAAAAA;
    color: #222222;
    background: url("/Content/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    font-weight: bold;
}


/*
 * Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 10px;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}


/*table.dataTable tr.odd { background-color: #c7d1d6; } */
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}
.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
	padding: 5px;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	padding-top: 3px;
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
	color: #333 !important;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
table.dataTable thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
	padding-right: 20px;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}

table.dataTable th:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html {
	color: #000;
	background: #FFF;
}
/*
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}

li {
	list-style: none;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input, textarea, select {
*font-size: 100%;
}
legend {
	color: #000;
}

body {
    border-top: solid 10px #000;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

td
{
    white-space: nowrap;
}

header, footer, hgroup
nav, section {
    display: block;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.highlight {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3, 
h4, h5, h6 {
    /*color: #000; */
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em; 
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 20px 0;
}


/* Report Criteria
----------------------------------------------------------*/
.criteria
{
    /*width: 400px;*/
    width: 100%;
}
.criteria .control 
{
    clear: both;
    margin: 0 auto;
    /*width: 400px;*/
    
    width: 100%;
    height: 25px;
}
.criteria .control .label 
{
    float: left;  
    width: 150px;  
}
.criteria .control .text 
{
    float: left;
}

.control.list .text 
{
    cursor: pointer;
}

/*
.control.date .text img
{
    cursor: default;
}

.control.time .text img
{
    cursor: default;
}

.control.textbox .text img
{
    cursor: default;
}
*/

.criteria .control.group .controls 
{
    float: left;
    margin-bottom: 10px;
}

.criteria .control .text span
{    
    vertical-align: top;  
    text-decoration: none;
}
.criteria .control .text span:hover
{
    text-decoration: underline;
}

.criteria .control .text img
{    
    vertical-align: bottom;
}

input[type="text"].smallbox
{
    width: 100px !important;
} 

input[type="text"].largebox
{
    width: 300px;
}

.expand
{
    width: 100%;
    height: 100%;
}

.ui-datepicker 
{
  margin-top: -13px;
  margin-left: 107px; 
  z-index: 1000; 
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }


#storeNicknames .control 
{
    clear: both;
    margin: 0 auto;
    width: 400px;
    height: 25px;
}
.criteria .control .label 
{
    float: left;  
    width: 150px;  
}
.criteria .control .text 
{
    float: left;
    
}



/* Fix jquery mobile for criteria */

.control .ui-input-datebox 
{
    display: inherit;
}

.ui-field-contain .ui-controlgroup-controls
{
    display: inherit;
}


body .ui-header .ui-title {
 white-space: normal;
 font-size: 14px;
 margin: 0.6em 0% 0.8em;
 }


.report-insight {
    xbackground:  url("/Content/images/report_insight.png") no-repeat;
    padding-left: 20px !important;
    background-position-y: center;
}

.report-avrio {
    xbackground:  url("/Content/images/report_avrio.png") no-repeat;
    padding-left: 20px !important;
    background-position-y: center;
}

body .mobile-reports .ui-btn-text {
    padding-left: 5px;
}