/* === Reset === */


html, body, div, p, table, tr, td, th, h4, h3, h2, h1
{
    margin: 0;
    padding: 0;
    border: 0;
}

li
{
    list-style-position: inside;
}

html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }
a  
{
    text-decoration:none;
}

html, body
{
    height: 100%;
}
blockquote, q
{
    quotes: none;
    border-left:1px solid #555;
   border-left: 2px solid #369;
padding-left: 4px;
margin: 5px;
margin-right: 15px;
}
sup
{
    vertical-align: text-top;
    font-size: smaller;
    line-height: 1;
}

.footer, .push
{
    height: 4em;
}
.push
{
    clear: both;
}

p
{
    margin: 1em 0px;
}
div.mdd_modal
{
	position:fixed;
	top:0;
	left:0;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	z-index:1000;
	display:none;
	font-size:10pt;
	background-image:url(mdd_modal_background.png);
}
div.mdd_modal_frame
{
	width:650px;
	height:400px;
	background-color:White;
	z-index:2000;
	margin:0 auto;
	margin-top:60px;
	border:solid 5px #808080;
	position:relative;
	border-radius:5px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.mdd_modal_button
{
	position:absolute;
	top:-33px;
	right:-5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:0px;
	height:20px;
	background-color:#808080;
	z-index:1999;
	border-radius:4px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	line-height:1em;
}

div.mdd_modal_button a
{
	color:White;
	text-decoration:none;
}

div.mdd_modal_button a:hover
{
	color:Orange;
}

div.mdd_modal_content
{
	overflow:scroll;
	overflow-x:hidden;
	position:relative;
	width:100%;
	height:100%;
}

div.mdd_ajax_loader
{
	background-position: center center;
	background-image: url(mdd_ajax_loader.gif);
	background-repeat: no-repeat;
	width:100%;
	height:200px;
}

div.mdd_syntax
{
	font-size:12pt;
	padding:10px;
}

div.mdd_syntax h2
{
	font-size:14pt;
}
div.mdd_syntax h3
{
	font-size:12pt;
}
div.mdd_syntax pre
{				
	font-size:10pt;
	border:solid 1px silver;
	padding:4px;
	background-color:#f8f8f8;
}

div.mdd_toolbar_wrap 
{
    width:100%;
}
div.mdd_toolbar
{
	padding:5px;
	height:20px;
}

div.mdd_toolbar ul
{
	margin:0;
	padding:0;
}

div.mdd_toolbar li
{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

div.mdd_toolbar a.mdd_button
{
	background-image:url(mdd_toolbar.png);
	width:20px;
	height:20px;
	display:block;
}

span.mdd_sep
{
	width:5px;
	height:20px;
	display:block;
	border-left:solid 1px #808080;
	margin-left:5px;
}

#mdd_bold			{ background-position:-1px -1px;}
#mdd_bold:hover		{ background-position:-1px -23px; }
#mdd_italic			{ background-position:-23px -1px; }
#mdd_italic:hover	{ background-position:-23px -23px; }
#mdd_ullist			{ background-position:-177px -1px; }
#mdd_ullist:hover	{ background-position:-177px -23px; }
#mdd_ollist			{ background-position:-155px -1px; }
#mdd_ollist:hover	{ background-position:-155px -23px; }
#mdd_indent			{ background-position:-67px -1px; }
#mdd_indent:hover	{ background-position:-67px -23px; }
#mdd_outdent		{ background-position:-89px -1px; }
#mdd_outdent:hover	{ background-position:-89px -23px; }
#mdd_link			{ background-position:-45px -1px; }
#mdd_link:hover		{ background-position:-45px -23px; }
#mdd_img			{ background-position:-133px -1px; }
#mdd_img:hover		{ background-position:-133px -23px; }
#mdd_hr				{ background-position:-221px -1px; }
#mdd_hr:hover		{ background-position:-221px -23px; }
#mdd_code			{ background-position:-111px -1px; }
#mdd_code:hover		{ background-position:-111px -23px; }
#mdd_heading		{ background-position:-199px -1px; }
#mdd_heading:hover	{ background-position:-199px -23px; }
#mdd_undo			{ background-position:-243px -1px; }
#mdd_undo:hover		{ background-position:-243px -23px; }
#mdd_redo			{ background-position:-265px -1px; }
#mdd_redo:hover		{ background-position:-265px -23px; }

div.mdd_links
{
	float:right;
}

div.mdd_links a
{
	text-decoration:none;
	color:#404040;
	font-size:smaller;
}
div.mdd_links a:hover
{
	color:black;
}

div.mdd_editor_wrap
{
    padding-right: 8px;
}
textarea.mdd_editor
{
	width:100%;
	resize:none;
	margin:0;padding: 3px;
}

div.mdd_resizer_wrap
{
	width:100%;
}
div.mdd_resizer
{
	background:#f8f8f8; 
	background-image:url("mdd_gripper.png");
	background-position:center center;
	background-repeat:no-repeat;
	padding-left:2px;
	padding-right:2px;
	height:9px;
	border:solid 1px #d0d0d0;
	margin-top:-1px;
	cursor:n-resize;
}

.logoImage
{
     display: block;
    margin: 0.3em 0.3em 0.3em 3em;
    height:2em;
}

.iconButton
{
    height:90px;
    width:70px;
    text-align:center;
    margin: 5px 4px 4px 5px;
    padding: 10px 10px 10px 10px
}
.iconButton img
{
    width:70px;
    display:block;
}

.iconButton div 
{    
white-space: normal;
position: absolute;
bottom: 7px;
width: 92%;
left: 0px;
font-size: 70%;
padding: 0 0 0 5%;
line-height: 0.95em;

}

.topBar
{
    position:relative;
}

.topLeftBar
{
  display: inline-block;
vertical-align: bottom;
background-color: rgba(230,230,230,0.8);
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 1em;
border-radius: 0px 0px 10px 0px;
}

.topRightBar
{
    position:absolute;
    right:0px;
    top:0px;
       display: inline-block;
    vertical-align: bottom;
background-color: rgba(230,230,230,0.8);
    padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
border-radius: 0px 0px 0px 10px;
}
.ui-header .ui-title {
    margin-right: 10%;
    margin-left: 10%;
   
}
.ui-header {
     position: relative;
    z-index: 99999;
}

.ui-table-reflow.ui-responsive {
 display:table;
}
.ui-content
{
    padding:0.4em;
}
.ui-body
{    
margin-bottom: 1em;
}

.jq-calendar-wrapper { padding: 0; margin: -15px -15px 0 -15px; display: block; }
.jq-calendar-wrapper table { margin:0; width: 100%; color: #333; border-collapse: collapse; table-layout: fixed; }
.jq-calendar-wrapper .ui-listview { margin: 0; }
.jq-calendar-wrapper th { padding: .2em 0;  text-align: center; } 
.jq-calendar-wrapper th.header { line-height: 33px; }
.jq-calendar-wrapper .previous-btn { float: left; margin: .2em .5em; }
.jq-calendar-wrapper .next-btn { float: right; margin: .2em .5em; }
.jq-calendar-wrapper td { text-align:center; padding: 0;  }
.jq-calendar-wrapper td.darker, .jq-calendar-wrapper span.darker { opacity: 0.3; }
.jq-calendar-wrapper td a { padding: .5em 0; margin:0; border:0; }

.jq-calendar-wrapper .spanNumber { border-radius: 10px;padding: 0px 2px 0px 2px; position: absolute; font-size: 60%; text-shadow: none;}
.jq-calendar-wrapper .importanceNumber0 { background-color: #d05b5b; color:White; top: 5%; left: 5%; }
.jq-calendar-wrapper .importanceNumber1 { background-color: #fd8255; color:White; top: 5%; right: 5%;}
.jq-calendar-wrapper .importanceNumber2 { background-color: green; color:White; bottom: 5%; left: 5%;}
.jq-calendar-wrapper .importanceNumber3 { background-color: #d3c190; color:White; bottom: 5%; right: 5%;}
.jq-calendar-wrapper .importance-1:not(.ui-btn-active) { background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFc7   ), to( #d3c190  )); background-image: -webkit-linear-gradient( #FFFFc7, #d3c190  ); background-image: -moz-linear-gradient( #FFFFc7 , #d3c190  ); background-image: -ms-linear-gradient( #FFFFc7 , #d3c190  ); background-image: -o-linear-gradient( #FFFFc7 , #d3c190  ); background-image: linear-gradient( #FFFFc7 , #d3c190  ); }
.jq-calendar-wrapper .importance-2:not(.ui-btn-active) { background-image: -webkit-gradient(linear, left top, left bottom, from( #FFd4a2), to( #e0ad85)); background-image: -webkit-linear-gradient( #FFd4a2, #e0ad85); background-image: -moz-linear-gradient( #FFd4a2, #e0ad85); background-image: -ms-linear-gradient( #FFd4a2, #e0ad85); background-image: -o-linear-gradient( #FFd4a2, #e0ad85); background-image: linear-gradient( #FFd4a2, #e0ad85); } 
.jq-calendar-wrapper .ui-btn-today { background-image: -webkit-gradient(linear, left top, left bottom, from( #fd8255), to( #d46d46)); background-image: -webkit-linear-gradient( #fd8255, #d46d46); background-image: -moz-linear-gradient( #fd8255, #d46d46); background-image: -ms-linear-gradient( #fd8255, #d46d46); background-image: -o-linear-gradient( #fd8255, #d46d46); background-image: linear-gradient( #fd8255, #d46d46); color: #fff;  }
.jq-calendar-wrapper .ui-btn-holiday { background-image: -webkit-gradient(linear, left top, left bottom, from( #d05b5b), to( #d07a5b)); background-image: -webkit-linear-gradient( #d05b5b, #d07a5b); background-image: -moz-linear-gradient( #d05b5b, #d07a5b); background-image: -ms-linear-gradient( #d05b5b, #d07a5b); background-image: -o-linear-gradient( #d05b5b, #d07a5b); background-image: linear-gradient( #d05b5b, #d07a5b); color: #fff; }
/* These apply across all breakpoints because they are outside of a media query */
/* Make the labels light gray all caps across the board */
.standardTable thead th,
.standardTable tbody th .ui-table-cell-label,
.standardTable tbody td .ui-table-cell-label {
	text-transform: uppercase;
	font-size: .7em;
	color: rgba(0,0,0,0.5);
	font-weight: normal;
}

/* White bg, large blue text for rank and title */
.standardTable tbody th {
	background-color: #fff;
	color: #77bbff;
	text-align: center;
}
/*  Add a bit of extra left padding for the title */
.standardTable tbody td.title {
}
		
	.standardTable tbody td.image img
	{
		width:4em;
	}

    
.standardTableDiv{
    position:relative;
}

.filterButtonDiv{
    position:absolute;
    top:0px;
    right:0px;
    z-index:1000;
}
.filterButtonDiv a{
width: 20px;
height: 20px;
background-image: url(icons.png);
background-repeat: no-repeat;
display: block;
background-position: -100px 0px;
background-color: #cce1ef;
border: 1px solid #2e6085;
border-radius: 3px;
}

.filterRow td{
    background-color: #eee;
}
/*  Custom stacked styles for mobile sizes */
/*  Use a max-width media query so we don't have to undo these styles */
@media (max-width: 55em) {
	/*  Negate the margin between sections */
	.standardTable tbody th {
		margin-top: 0;
		text-align: left;
	}
	/*  White bg, large blue text for rank and title */
	.standardTable tbody th,
	.standardTable tbody td.image,
	.standardTable tbody td.title {
		display: block;				
			position:relative;
	}
	.standardTable tbody td.image img
	{
		display:block;
		position:absolute;
	    top: 1em;
        left: -4.4em;
	}
			
	.standardTable tbody td.title a
	{
		display:block;
		position:absolute;
		top: -2.7em;
        right: 4.9em;
	}
			
	/*  Hide labels for rank and title */
	.standardTable tbody th .ui-table-cell-label,
	.standardTable tbody td.image .ui-table-cell-label,
	.standardTable tbody td.title .ui-table-cell-label {
		display: none;
	}

	/*  Make the data bold */
	.standardTable th,
	.standardTable td 
	{
		line-height: 1.3em;
        padding: .1em .3em .1em .3em;
	}
	/* Make the label elements a percentage width */
	.standardTable td .ui-table-cell-label,
	.standardTable th .ui-table-cell-label {
		min-width: 20%;
	}
			
	.standardTable tr
	{
		border: 1px solid #e6e6e6; /* non-RGBA fallback  */
		border: 1px solid rgba(0,0,0,.05);
	}
}

/* Media query to show as a standard table at wider widths */
@media ( min-width: 55em ) 
{
		    
	/* Show the table header rows */
	.standardTable td,
	.standardTable th,
	.standardTable tbody th,
	.standardTable tbody td,
	.standardTable thead td,
	.standardTable thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */
	.standardTable td .ui-table-cell-label,
	.standardTable th .ui-table-cell-label {
		display: none;
	}
	/* Add strokes */
.standardTable thead th {
	border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.standardTable tbody th,
.standardTable tbody td {
	border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
	border-bottom: 1px solid rgba(0,0,0,.05);
}
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this */
@media ( max-width: 55em ) {
	.standardTable td,
	.standardTable th {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		clear: left;
	}
}
		
.validationClass
{
	font-size:70%;
	font-weight:bold;
	color:Red;
}
		
.CCTabs .ui-tabs-active a
{
background-color: #183c55;
border-color: #3388cc;
color: #ffffff;
text-shadow: 0 1px 0 #005599;
}

.disabledInput label {
    font-size:94%;
    color:#999;
}		

input.ui-disabled, input.ui-state-disabled, .ui-state-disabled  {
    border: none;
    box-shadow: none ;
    opacity: 1;
}

.ui-bar, .ui-body
{
    padding: .7em 1em;
    overflow:visible;
}

/* AutoSuggest CSS - Version 1.2 */

ul.as-selections {
list-style-type: none;
	border: 1px solid #aaa;
	padding: 4px 0 4px 4px;
	margin: 0;
	overflow: auto;
	background-color: #fff;
	width:100%;
	moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
                box-sizing: border-box;
}

ul.as-selections.loading {
	background-color: #eee;
}

ul.as-selections li {
	float: left;
	margin: 1px 4px 1px 0;
}

ul.as-selections li.as-selection-item {
padding: 2px 7px 2px 10px;
margin-top: 0.268em;
}

ul.as-selections li.as-selection-item:last-child {
	margin-left: 30px;
}

ul.as-selections li.as-selection-item a.as-close {
	float: left;
    margin: 1px 7px 0 0px;
	padding: 0px 0px 0px 2px;
	cursor: pointer;
	color: #11a9cc;
	font-size: 18px;
	font-weight: bold;
	-webkit-transition: color .1s ease-in;
}

ul.as-selections li.as-selection-item.blur {
}

ul.as-selections li.as-selection-item.blur a.as-close {
}

ul.as-selections li:hover.as-selection-item {
}

ul.as-selections li:hover.as-selection-item a.as-close {
}

ul.as-selections li.as-selection-item.selected {
	border-color: #1f30e4;
}

ul.as-selections li.as-selection-item a:hover.as-close {
}

ul.as-selections li.as-selection-item a:active.as-close {
}

ul.as-selections li.as-original {
	margin-left: 0;
	box-shadow: none;
	webkit-box-shadow: none;
}

ul.as-selections li.as-original input {
	border: none;
	outline: none;
	width: 100%;
}

ul.as-list {
	position: absolute;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 90%;
	color: #000;
	background-color: #fff;
	background-color: rgba(255,255,255,0.95);
	z-index: 2000;	
	border-bottom: 2px solid #aaa;
	
}

li.as-result-item, li.as-message {
	margin: 0 0 0 0;
	padding: 5px 12px;
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	cursor: pointer;
}

li:first-child.as-result-item {
	margin: 0;
}

li.as-message {
	margin: 0;
	cursor: default;
}

li.as-result-item.active {
	background-color: #474747;
		color: #fff;	
}

li.as-result-item em { 
	font-style: normal; 
	background: #444;  
	padding: 0 2px;
	color: #fff;
}

li.as-result-item.active em { 
	background: #253f7a;  
	color: #fff;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	
	ul.as-selections li.as-selection-item {
		padding-top: 4px;
        padding-bottom: 2px;
	}
	ul.as-selections li.as-selection-item a.as-close {
		margin-top: -1px;
	}
	ul.as-selections li.as-original input {
		height: 19px;
	}
}

/* Opera Hacks  */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	ul.as-list {
		border: 1px solid #888;
	}
	ul.as-selections li.as-selection-item a.as-close {
		margin-left: 4px;
		margin-top: 0;
	}
}

/* IE Hacks  */
ul.as-list {
	border: 1px solid #888\9;
}
ul.as-selections li.as-selection-item a.as-close {
	margin-left: 4px\9;
	margin-top: 0\9;
}

/* Firefox 3.0 Hacks */
ul.as-list,  x:-moz-any-link, x:default { 
	border: 1px solid #888;
}
BODY:first-of-type ul.as-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */
	border: none;
}


.pagination
{
    font-size:85%;    
    font-weight:bold;
    padding:  6px 0px 6px 0px;  
    text-align:center; 
    margin:6px 0px 6px 0px;
}

.ellipses
{
    padding: 0px 6px 0px 6px;
    white-space: nowrap;    
    text-align: center;    
}

.pageButton
{
    padding: 0px 6px 0px 6px;
    white-space: nowrap;    
    text-align: center;
}

.previousPage
{
    margin-right: 30px;
}
.nextPage
{
    margin-left: 30px;
}

.headerSort
{
       background-image:url(icons.png);        
        background-repeat:no-repeat;
        width:11px;
        height:6px;
        display:inline-block;
        right:10px;
        top:11px;
        margin: 2px 0px 2px 8px;
}

.headerSort.ASC
{ 
    background-position: -60px -4px;
}

.headerSort.DESC
{
    background-position: -80px -4px;
}

.ui-select  {
/*margin-top: 0.68em;*/
}

.ui-field-contain>label a.helpLink,.ui-field-contain>fieldset a.helpLink
{
    font-size:65%;
    color: #bbb;
    margin-left:1em;
}

.ui-field-compact label{    
    font-size:14px
}

.inputSubText
{
    font-size: 100%;
    font-weight: bold;
    padding: 1em 0.4em 0.6em 0.4em;
    display:block;
}

.inputMostlyLeft .ui-block-a
{
    width:60%
}

.inputMostlyLeft .ui-block-b
{
    width:40%
}

@media (min-width: 60em) {	
	.ui-header #navmenu-link {
		display: none;
	}
	.jqm-demos .jqm-search-link {
		right: 3%;
	}
	.jqm-demos .jqm-footer p {
		float: right;
		margin: 1.5em 3% 1.5em 1.5em;
	}
	.jqm-demos .jqm-footer p:first-child {
		float: left;
		margin: 1.25em 1.25em 1.25em 3%;
	}
	#navmenu-panel {
		visibility: visible;
		position: relative;
		left: 0;
		float: left;
        width: 11.4em;
		background: none;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.jqm-demos.jqm-panel-page .jqm-navmenu-panel {
		display: none;
	}
	html .jqm-demos.jqm-panel-page .jqm-navmenu-panel.jqm-panel-page-nav {
		display: block;
	}
	.jqm-demos .jqm-navmenu-panel .ui-panel-inner {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	.ui-content {
		display: block;
        float: none;
        /*margin: 0 0 0 11.41em;*/
        width: auto;
	}
    .ui-content.jqm-fullwidth {
		width: auto;
		padding-left: 15%;
		padding-right: 15%;
		float: none;
	}
	.jqm-navmenu-panel .ui-listview .ui-btn {
		padding-left: 12.5%;
	}
	.jqm-navmenu-panel .ui-listview .ui-listview .ui-btn {
		padding-left: 15%;
	}
	.jqm-navmenu-panel .ui-collapsible,
	.jqm-navmenu-panel .ui-collapsible-content,
	.jqm-navmenu-panel .ui-btn {
		background: none !important;
		border-color: #ddd !important;
	}
	.jqm-navmenu-panel .ui-btn.ui-btn-active {
		color: #3388cc !important;
	}
	.jqm-navmenu-panel .ui-btn::after {
		opacity: 0;
		-webkit-transition: opacity 500ms ease;
		-moz-transition: opacity 500ms ease;
		transition: opacity 500ms ease;
	}
	.jqm-navmenu-panel .ui-btn:hover::after {
		opacity: .4;
	}
	.jqm-search-panel {
		width: 26em;
		right: -26em;
		z-index: 1003; /* Puts the panel on top of the dismiss modal which is not adjusted to custom width */
	}
	.jqm-search-panel.ui-panel-animate.ui-panel-position-right {
		-webkit-transform: translate3d(26em,0,0);
		-moz-transform: translate3d(26em,0,0);
		transform: translate3d(26em,0,0);
	}
	.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
		left: -17em;
		right: 17em;
	}
}
@media (min-width: 35em) {
    .jqm-block-content {
        min-height: 18em;
    }
}

.topSearchBar {
    display: inline-block;
width: 20em;
position: absolute;
top: 0px;
left: 12em;
}

.topSearchBar  .ui-input-search input{
    min-height:1em;
    padding:0em 0em 0em 1.75em;
    line-height:1.6em;
}
.userBar{
    position: absolute;
    right: 0.5em;
    top: 13px;
    font-size: 14px;
    color: #eee;
}

.userBar a {
color: #cdf;
}
.userBar span{
line-height: 2.4em;
}

.userBar .ui-btn{
 margin:0em 0.2em;
}
.mainMenuTable a{
    display:block;
}

.mainMenuTable ul{
    line-height: 1.15em;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.mainMenuTable li{    
    padding-left: 0.4em;
}

.navItem-parent{
    font-size:1.05em;
    line-height: 1.7em;
}

.navItem-parent a{
    padding-left: 0.6em;
}

.navItem-child {
    font-size:0.86em;
    line-height: 1.44em;
}

.navItem-child a{
    margin-left: 1.6em;
}

.mainMenuTable a:hover{
    color:#222;
    background-color:#ebebeb;
}

.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page{ width: auto; min-width:100%;}

input.input-input{
    background-color:none;
    height:14px;
    width:100%;
    border:0;
    font-size: 12px;
    outline: 0;
    display:none;
}

input.input-input:focus{
    outline: 0;
}
.ed {
    background-color: #bbb;
}

.table-control td,.table-control th{
    width: 32px;
    height: 19px;
    padding:0;
    margin:0;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    font-size: 0.8em;
    color: #222;
    border: 1px solid #ccc;
    overflow: hidden;
    outline: 0;    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

td.focusBorder{
    border: 2px solid #383fc6;
}

.table-control th {
    background-color: #eee;
    font-size:0.55em;
}

.table-control{
    table-layout: fixed;
    width:100%;
    border-collapse:collapse;
}

.noMatchWarning,.b11Warning{
    color: red;
    font-weight:bold;
    margin-left: 2em;
}
td.ai {
    background-color: #f5f5f5;
    padding:0.2em;
    display: none;
}

th.ai{
    background-color: #eef;
display: none;
}

.statusMessageDiv {
    padding: 1em;
    font-size: 1em;
}

.success{
    background-color: green;
}

.error{
    background-color: red;    
}

div.ui-btn.ui-state-disabled{
    /*color: #efefef;*/
    background: #ddd;
}

div.ui-btn.ui-state-disabled span{
    color: #111111;
    opacity: 1;
    background: #ddd;
}

.warning {
    background-color:#f7f68f;
}

td.headerRow{
    font-weight:bold;
    background-color: #eee;
    text-align: left;
}

.activityFilter{
padding: 0.5em 0.7em 0.0em 0.7em;
margin: 0.5em;
border: 1px solid #ccc;
font-size: 0.3em;
display:none;
border-radius:3px;
}

div.ui-checkbox{
}

.total-div{
    background-color:#ececec;
}

.linkButton{    
    font-size: 14px;
    margin-left:1em;
}
.filterCheckbox input {
position: absolute;
left: -4em;
top: 0.3em;
}

span.filterCheckbox {
display: block;
margin-left: 4em;
margin-bottom: 1em;
position: relative;
}

.headerTable {
width: 100%;
color: White;
border-collapse: collapse;
border-spacing: 0;
}
.headerTable th {
border-right: 1px solid #999;
font-size: 64%;
color: #ccc;
padding: 8px 0px 4px 0px;
}

.headerTable td {
padding: 2px 0px 6px 0px;
border-right: 1px solid #999;
font-size: 100%;
text-align: center;
}

#errorMessagesSection{
padding: 8px;
margin: 8px 5px 10px 8px;
text-align: center;
background-color: #dc9595;
font-weight: bold;
}

.editRow td{
    background-color:#eee;
}

.warning {
    background-color:#f7f68f;
}

td.headerRow{
    font-weight:bold;
    background-color: #eee;
    text-align: left;
}

.activityFilter{
padding: 0.5em 0.7em 0.0em 0.7em;
margin: 0.5em;
border: 1px solid #ccc;
font-size: 12px;
display:none;
border-radius:3px;
}

div.ui-checkbox{
}

.total-div{
    background-color:#ececec;
}

.linkButton{    
    font-size: 14px;
    margin-left:1em;
}
.filterCheckbox input {
position: absolute;
left: -4em;
top: 0.3em;
}

span.filterCheckbox {
display: block;
margin-left: 4em;
margin-bottom: 1em;
position: relative;
}

tr.dr:hover{
    background-color:#cce1ef;
    cursor:pointer;
}

a.viewlink{
    color:rgb(0, 0, 238)
}

.ui-buttonsGrid{
    text-align:right;
    margin-bottom:10px;
    margin-top:6px;
}

a.nl {
display: inline-block;
width: 4.3em;
text-align: center;
}