@CHARSET "ISO-8859-1";

table.tablesorter {
	
	background-color: #CDCDCD;
	margin: 0px 0pt 15px;
	padding: 1px 10px 1 px 10px;
	font-size: 7pt;
	width: 400;
	text-align: left;
}
div table.tablesorter {
	background-color: #CDCDCD;
	margin: 0px 0pt 15px;
	text-align: center;
}

.m_datatablediv {
	overflow:auto;
	width:100%;
	display:block;
	position:relative;
	
}
.m_datatableboundarycolumn {
	text-align: left;
	height:150px;
}


.m_datatableaddbuttoncolumn {
	vertical-align: text-top;
	padding-top: 0px;
	margin-top: 0px;
}

.m_datatabledeletebuttoncolumn {
	vertical-align: text-bottom;
}
.m_datatableboundary {
table-layout: fixed;
width: 100%;
text-align: left;
}
.m_cloneTable {
z-index: 100;
position: relative;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
}
.m_datatable {
	width:100%;
	border-collpase:collapse;
}
.m_datatableheadercolumn {
background-color: #c8d9ff !important;

font-size: 10px !important;
color: black;
line-height: 10px;
border: 0px !important;
border-collapse: collapse;
white-space: nowrap;
text-align: left;
}
.m_multiinputhelp,.m_span,.m_input,.m_button,.m_buttonlink,.m_componentplaceholder,.m_currencyspan,.m_select,.m_radio,.m_radiogroup,.m_checkbox,.m_datepicker,.m_enhancedselect,.m_multiinput,.m_jsontext,.m_link,.m_multiselect,.m_multiselectpicklist,.m_sourcedtextspan,.m_textspan,.sliderwithoutrange,.sliderwithrange,.m_datesliderwithoutrange,.m_datesliderwithrange
	{
	max-width: 100%;
}

.m_metadatadiv {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

.m_pagediv {
	width: 98%;
	border-spacing: 0px;
	padding: 1% 1% 1% 1%;
	margin: 1% 1% 0% 1%;
	height: 100%;
	overflow: auto;
	display: block;
	/* background: Aqua; */
}

.m_pageheading {
	background-color: transparent;
	text-align: left;
	border: none;
	padding-left: 5px;
	padding-bottom: 20px;
	
	font-style: normal;
	font-size: 15px;
	font-weight: bold;
}
.m_verticalgrouptable {
	border: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
}
.m_pagesection {
	width: 100%;
	border-spacing: 0px;
	margin-left: 0;
	padding-left: 0;
	/* background: yellow; */
}

.m_pagesectioncolumn {
	width: 100%;
	/*margin right and left to remove margin from bootstrap row class*/
	margin-right: 0px !important;
	margin-left: 0px !important;
	/* background: green; */
}

.m_buttonsectioncolumn {
	
}
.m_buttononlyimage_chrome {
	margin-right: -5px;
}

.m_allbuttoncontainerrow {
	width: 100%;
}



.m_buttononlyimage {
	background-color: transparent;
	color: transparent;
	border-color: transparent;
	margin-right: -26px;
	margin-left: 1px;
}

/**buttons related  css **/
.m_buttonpositionrighthascenter {
	width: 33%;
	text-align: right;
	margin-right: 3px;
	padding-left: 0px;
	padding-right: 0px;
	/*font-size:0;*/
}

.m_buttonpositionrightnocenter {
	/* width: 50%; */
	text-align: right;
	margin-right: 3px;
	padding-left: 0px;
	padding-right: 0px;
	display:inline-block;
}

.m_buttonpositionrightexpandcell {
	width: 100%;
	text-align: right;
	margin-right: 3px;
	padding-left: 0px;
	padding-right: 0px;
}


.m_buttonpositionrightshrinkcell {
	width: 0%;
	text-align: right;
	margin-right: 1px;
	padding-left: 0px;
	padding-right: 0px;
}

.m_buttonpositionlefthascenter {
	width: 33%;
	text-align: left;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 0px;
	padding-right: 0px;
}

.m_buttonpositionleftnocenter {
/* 	width: 50%; */
	text-align: left;
	/* margin-left: 1px; */
	padding-left: 0px;
	padding-right: 0px;
	display:inline-block;
}

.m_buttonpositionleftexpandcell {
	width: 100%;
	text-align: left;
	margin-left: 1px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 0;
}

.m_buttonpositionleftshrinkcell {
	width: 0%;
	text-align: left;
	margin-left: 1px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 0;
}

.m_buttonpositioncenterhascenter {
	width: 33%;
	text-align: center;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 0px;
	padding-right: 0px;
}

.m_buttonpositioncenternocenter {
	width: 0%;
	text-align: center;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 0px;
	padding-right: 0px;
}

.m_buttonpositioncentershrinkcell {
	/* width: 0%; */
	text-align: center;
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 0px;
	padding-right: 0px;
	display:inline-block;
}

.m_buttonpositioncenterexpandcell {
	width: 100%;
	text-align: center;
	margin-left: 2px;
	margin-right: 3px;
	padding-left: 0px;
	padding-right: 0px;
}

.m_buttonsectionspan {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
	white-space: nowrap;
	border-collapse: collapse;
}
.m_buttonsectiontable {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	table-layout: fixed;
	width: 100%;
}
.m_pagesectiontableheader {
	text-align: left;
	border-width: 0px;
	border-style: none;
	background-color: #e6e6e6;
	color: #555555;
}

.m_pagesectiontableheadercolumn {
	text-align: center;
	background-color: #B0B0B0
}

.m_pagesectiontableheadingspan {
	
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	color: #000066;
}

.m_multicolumnlayoutthstyles {
	text-align: right;
}

.m_multicolumnlayoutspanstyles {
	display: inline-block;
	text-align: right;
	width: 17px;
}

.m_pagesectiontableelemcol {
	padding-top: 10px;
	/* background: whitesmoke; */
	padding-bottom: 10px;
}

.m_pagesectiontablelabelcol {
	margin: 0 0 0 0;
	margin-bottom: 10px;
	padding: 0 0 0 0;
	text-align: left;
	color: #FF0000;
}
.m_buttonsectiontable {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	table-layout: fixed;
	width: 100%;
}
.m_buttonsectiontablecolumn {
	border-spacing: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.m_componentlabel {
	
	font-style: normal;
	font-weight:normal;
	font-size: 14px;
	text-align: left;
	color: #909090;
}

.m_compdiv {
	
}

.m_pagesectiontableerrorcol {
	border-bottom: 0px solid #CCCCCC;
}

.m_fielderrortext {
	color: #FF0000;
	font: italic 10px/15px verdana, arial, helvetica;
}
.m_errorspanset {
	display: block;
	width: 100%;
	/*height: 12px; Changes from Sanjeev on 14th May 2015*/
	color: red;
    font: italic 10px/15px verdana, arial, helvetica;
    word-wrap: break-word;
}
.m_errorspanreset {
	display: block;
	width: 100%;
}

.rwd_labelcol {
	/* background: brown; */
}

.rwd_compdiv {
	/* background: blue; */
}

/*
styles for rwd */
.rwd_errorcol {
	color: red;
	display:;
}

.rwd_mandatory:before {
	content: "*";
	color: red;
	margin-right: 3px;
}

/*device 1*/
@media ( max-width : 767px) {
	.xs-left > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 50%;
	}
	.xs-left > .elemcol > .rwd_labelcol {
		float: left;
		display:block;
	}
	.xs-left > .elemcol > .rwd_compdiv {
		width: 100%;
		float: right;
		display:block;
	}
	.xs-right > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 50%;
	}
	.xs-right > .elemcol > .rwd_labelcol {
		float: right;
		padding-left: 10px;
		display:block;
	}
	.xs-right > .elemcol > .rwd_compdiv {
		float: left;
		width: 100%;
		display:block;
	}
	.xs-bottom > .elemcol > .rwd_labelcol ,.xs-bottom.m_link .m_linkimgdiv{
		display: table-footer-group;
		float:none;
	}
	.xs-bottom > .elemcol > .rwd_compdiv ,.xs-bottom.m_link .m_linktextdiv{
		display: table-header-group;
		float:none;
	}
	.xs-top > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 100%;
	}
	.xs-top > .elemcol > .rwd_labelcol {
		display: block;
		float: none;
	}
	.xs-top > .elemcol > .rwd_compdiv {
		display: block;
		float: none;
	}
	.xs-right > .elemcol > .rwd_errorcol {
		clear: both;
	}
	.xs-left > .elemcol > .rwd_labelcol+.rwd_compdiv+.rwd_errorcol {
		padding-left: 50%;
		
	}
	.xs-right .rwd_errorcol {
		
	}
	/* For link */
	.xs-left.m_link .m_linkimgdiv ,.xs-left.m_link .m_linktextdiv {display: inline-block;}
	.xs-right.m_link .m_linkimgdiv {float: right;}
	.xs-right.m_link .m_linktextdiv {
	padding-left:10px;white-space:nowrap;}
	.xs-right.m_link {direction:rtl;
	                  float:left;}
	                   .arrow{
  position: absolute;
background:#0099FF;
width: 40px;
height: 20px;
text-align: center;
color: white;
border-radius: 5px;
display: inline-block;
font: bold 15px/30px Georgia;
bottom: 280%;
left: 0;
margin-left: -1%;
margin: 0;
padding: 0;

font-size: 12px;
}


.arrow :after {
content: "";
position: absolute; 
width: 0;
height: 0;
border-top: 10px solid #0099FF;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 100%;
left: 50%;
margin-left: -5px;
margin-top: -1px;

}
.m_slidertooltiptext{
padding-bottom:5px;	
}
}
/*device 2*/
@media ( min-width : 768px) and (max-width: 991px) {
	.sm-left > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 50%;
	}
	.sm-left > .elemcol > .rwd_labelcol {
		float: left;
		display:block;
	}
	.sm-left > .elemcol > .rwd_compdiv {
		width: 100%;
		float: right;
		display:block;
	}
	.sm-right > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 50%;
	}
	.sm-right > .elemcol > .rwd_labelcol {
		float: right;
		padding-left: 10px;
		display:block;
	}
	.sm-right > .elemcol > .rwd_compdiv {
		float: left;
		width: 100%;
		display:block;
	}
	.sm-bottom > .elemcol > .rwd_labelcol,.sm-bottom.m_link .m_linkimgdiv {
		display: table-footer-group;
		float:none;
	}
	.sm-bottom > .elemcol > .rwd_compdiv ,.sm-bottom.m_link .m_linktextdiv{
		display: table-header-group;
		float:none;
	}
	.sm-top > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 100%;
	}
	.sm-top > .elemcol > .rwd_labelcol {
		display: block;
		float: none;
	}
	.sm-top > .elemcol > .rwd_compdiv {
		display: block;
		float: none;
	}
	.sm-right > .elemcol > .rwd_errorcol {
		clear: both;
	}
	.sm-left > .elemcol > .rwd_labelcol+.rwd_compdiv+.rwd_errorcol {
		padding-left: 50%;
		
	}
	.sm-right .rwd_errorcol {
		
	}
	/* For link */
	.sm-left.m_link .m_linkimgdiv ,.sm-left.m_link .m_linktextdiv {display: inline-block;}
	.sm-right.m_link .m_linkimgdiv {float: right;}
	.sm-right.m_link .m_linktextdiv {
	padding-left:10px;white-space:nowrap;}
	.sm-right.m_link {direction:rtl;
	                  float:left;}
	                  
	                  .arrow{
  position: absolute;
background:#0099FF;
width: 40px;
height: 20px;
text-align: center;
color: white;
border-radius: 5px;
display: inline-block;
font: bold 15px/30px Georgia;
bottom: 280%;
left: 0;
margin-left: -1%;
margin: 0;
padding: 0;

font-size: 12px;
}



.arrow :after {
content: "";
position: absolute; 
width: 0;
height: 0;
border-top: 10px solid #0099FF;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 100%;
left: 50%;
margin-left: -5px;
margin-top: -1px;

}
.m_slidertooltiptext{
padding-bottom:5px;	
}
}
/*device 3 */
@media ( min-width : 992px) and (max-width: 1199px) {
	.md-left > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 50%;
		!
		important;
	}
	.md-left > .elemcol > .rwd_labelcol {
		float: left;
		display:block;
	}
	.md-left > .elemcol > .rwd_compdiv {
		width: 100%;
		float: right;
		display:block;
	}
	.md-right > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 50%;
	}
	.md-right > .elemcol > .rwd_labelcol {
		float: right;
		padding-left: 10px;
		display:block;
	}
	.md-right > .elemcol > .rwd_compdiv {
		float: left;
		width: 100%;
		display:block;
	}
	.md-bottom > .elemcol > .rwd_labelcol ,.md-bottom.m_link .m_linkimgdiv{
		display: table-footer-group;
		float:none;
	}
	.md-bottom > .elemcol > .rwd_compdiv ,.md-bottom.m_link .m_linktextdiv{
		display: table-header-group;
		float:none;
	}
	.md-top > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 100%;
	}
	.md-top > .elemcol > .rwd_labelcol {
		display: block;
		float: none;
	}
	.md-top > .elemcol > .rwd_compdiv {
		display: block;
		float: none;
	}
	.md-right > .elemcol > .rwd_errorcol {
		clear: both;
	}
	.md-left > .elemcol > .rwd_labelcol+.rwd_compdiv+.rwd_errorcol {
		padding-left: 50%;
		
	}
	.md-right .rwd_errorcol {
		
	}
	/* For link */
	.md-left.m_link .m_linkimgdiv ,.md-left.m_link .m_linktextdiv {display: inline-block;}
	.md-right.m_link .m_linkimgdiv {float: right;}
	.md-right.m_link .m_linktextdiv {
	padding-left:10px;white-space:nowrap;}
	.md-right.m_link {direction:rtl;
	                  float:left;}
	                  
	                  .arrow{
  position: absolute;
background:#0099FF;
width: 60px;
height: 25px;
text-align: center;
color: white;
border-radius: 5px;
display: inline-block;
font: bold 15px/30px Georgia;
bottom: 280%;
left: 0;
margin-left: -1%;
margin: 0;
padding: 0;

font-size: 12px;
}


.arrow :after {
content: "";
position: absolute; 
width: 0;
height: 0;
border-top: 10px solid #0099FF;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 100%;
left: 50%;
margin-left: -5px;
margin-top: -1px;

}
.m_slidertooltiptext{
padding-bottom:5px;	
}
}
/*device 4*/
@media ( min-width : 1200px) {
	.lg-left > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 50%;
		
	}
	.lg-left > .elemcol > .rwd_labelcol {
		float: left;
		display: block;
	}
	.lg-left > .elemcol > .rwd_compdiv {
		width: 100%;
		float: right;
		display: block;
	}
	.lg-right > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 50%;
	}
	.lg-right > .elemcol > .rwd_labelcol  {
		float: right;
		padding-left: 10px;
		display: block;
	}
	.lg-right > .elemcol > .rwd_compdiv {
		float: left;
		width: 100%;
		display: block;
	}
	.lg-bottom > .elemcol > .rwd_labelcol ,.lg-bottom.m_link .m_linkimgdiv{
		display: table-footer-group;
		float:none;
	}
	.lg-bottom > .elemcol > .rwd_compdiv ,.lg-bottom.m_link .m_linktextdiv {
		display: table-header-group;
		float:none;
	}
	.lg-top > .elemcol > .rwd_labelcol+.rwd_compdiv {
		width: 100%;
	}
	.lg-top > .elemcol > .rwd_labelcol {
		display: block;
		float: none;
	}
	.lg-top > .elemcol > .rwd_compdiv {
		display: block;
		float: none;
	}
	.lg-right > .elemcol > .rwd_errorcol {
		clear: both;
	}
	.lg-left > .elemcol > .rwd_labelcol+.rwd_compdiv+.rwd_errorcol {
		padding-left: 50%;
		
	}
	.lg-right .rwd_errorcol {
		
	}
	.lg-bottom .rwd_errorcol {
		
	}
	/* For link */
	.lg-left.m_link .m_linkimgdiv ,.lg-left.m_link .m_linktextdiv {display: inline-block;}
	.lg-right.m_link .m_linkimgdiv {float: right;}
	.lg-right.m_link .m_linktextdiv {
	padding-left:10px;white-space:nowrap;}
	.lg-right.m_link {direction:rtl;
	                  float:left;}
	                   .arrow{
  position: absolute;
background:#0099FF;
width: 60px;
height: 25px;
text-align: center;
color: white;
border-radius: 5px;
display: inline-block;
font: bold 15px/30px Georgia;
bottom: 280%;
left: 0;
margin-left: -1%;
margin: 0;
padding: 0;

font-size: 12px;
}


.arrow :after {
content: "";
position: absolute; 
width: 0;
height: 0;
border-top: 10px solid #0099FF;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 100%;
left: 50%;
margin-left: -5px;
margin-top: -1px;

}
.m_slidertooltiptext{
padding-bottom:5px;	
}
}
.hidecomponent{
	display:none !important;
}
.m_button {
	text-align: center;
	
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #02329A;
	padding: 1px 3px 1px 3px;
	border-style: outset;
	border-width: 2px;
	margin-right: 5px;
	margin-left: 1px;
	
}
.ui-slider-range{ background:#0099FF!important;}
.ui-slider-handle { border-color:#0099FF !important; }
.ui-slider-handle{border-radius:10px!important;}
  .ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .sliderwithoutrange{
	width:100%;
	
}
.sliderwithrange{
	width:100%;

}

.highcharts-title {
	fill : #717073 !important;
    word-break: break-word !important;
}

.highcharts-subtitle
{fill : #717073 !important;
font-size:18px !important;
	
}

.donutchart{
	width:100%;
	
}
.m_tabpanel {
	height: 100%;
width:100%;
	overflow: auto;
	overflow-x: hidden;
	padding:0% !important;

}
.m_horizontalpgsecrow
{
	width:100%;
}
.m_pagebutton {
	text-align: center;
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	border:none;
}
.m_datatableadddelete {
	height: 90%;
}
.m_pageerrordiv {
	width: 100%;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #FF3366;
	background-color: #FFCCCC;
	font-size: 15px;
	color: black;
}
.m_disablepage {
	position: absolute;
	z-index: 1000;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	filter: alpha(opacity :     0);
	opacity: 0;
}
.m_disablediv {
	position: absolute;
	z-index: 9999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #B8B8B8;
	filter: alpha(opacity :     20);
	opacity: 0.3;
}
.m_disablePageInTransaction {
	position: absolute;
	z-index: 1000;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	filter: alpha(opacity :     0);
	opacity: 0;
}



.m_dialogpanel {
	width: 500px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
	position: relative;
	top: 200px;
	z-index: 100;
}
.m_image {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-width: 0 0 0 0;
}

.m_imagespan {
	display: inline-block;
}

.m_resizableimagecontainer {
	width: 100%;
	height: 300px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	vertical-align: top;
}

.m_imgflip {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}

.m_imagedivstyle {
	width: 100%;
	height: 200px;
	overflow: auto;
}

.m_zoominimage {
	
}

.m_zoomoutimage {
	
}

.m_invertimage {
	
}

.m_tabpanelpagesection {
	
	overflow: auto;
}
.m_tablerowid {
	display: none;
}
.m_pager {
	text-align: center;
}
.m_picklistdialog {
	display: none;
}

.m_multiselectpicklistdialog {
	height: 300px;
	width: 160px !important;
	overflow: auto;
	background-color: white;
}

.m_multiselectpicklist {
	height: 90px;
	overflow: auto;
}

.m_picklisthiddenbox {
	display: none;
}

.m_picklistbuttondialog {
	text-align: center !important;
}

.m_picklistdilaoglabel {
	
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
}

.m_displaypicklist {
	height: 90px;
	overflow-y: scroll;
	overflow-x: scroll;
	border: 2px inset #CCCCCC;
	padding: 2px 5px 5px 5px;
	font-weight: normal;
}

.ui-datepicker-trigger {
	position: relative;
	top: 4px;
}
/** brijesh **/
.m_pagestatusdiv {
	Height: 20px;
	overflow: auto;
	text-align: left;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	background-color: #A3BEF5;
	font-size: 12px;
	font-weight: bold;
	color: blue;
}

.m_optionbackground {
	background-color: #A3BEF5;
}

.m_optionsstyle {
	font-weight: normal;
	display: inline;
	font-size: 10px;
}

.m_enhancedselectbutton {
	margin-left: -30px;
	height: 20px;
	width: 25px;
	border-style: outset;
	border-width: 0px;
	margin-right: 5px;
	margin-bottom: -3px;
	background-color: transparent;
}

.m_setcolor {
	color: black;
	background-color: white;
}

.m_setimage {
	margin-top: -16px;
	margin-bottom: -5px;
	height: 18px;
}

.m_enhancedselectdiv {
	z-index: 9999;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid;
	width: auto;
	background-color: white;
	display: none;
	white-space: nowrap;
	overflow: auto;
	padding-left: 5px;
}

.m_enhancedoptiondiv {
	text-align: left;
	height: 15px;
}

.m_enhancedselect {
	font-size: 12px;
}

.m_enhancedborder {
	border-style: groove;
	border-color: #99CCFF;
}

.m_multiinput {
	
}

.m_multiinputhelp {
	
}

.m_selecthelp {
	width: 100px;
}

.m_jsontext {
	
}

.m_sourcedtextspan {
	
}

.m_picklistbutton {
	height: 30px;
	width: 25px;
	padding: 1px 1px 1px 1px;
	border-style: outset;
	border-width: 0px;
	margin-right: 5px;
	margin-bottom: -3px;
	background-color: white;
}

.m_groupspanstyles {
	display: inline-block;
	white-space: nowrap;
}

.m_groupdivstyles {
	text-align: left;
}

.m_datedivstyles {
	white-space: nowrap;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.m_enhancedselectspanstyles {
	display: inline-block;
	white-space: nowrap;
}

.m_picklistdialogspanstyles {
	display: inline-block;
}

.m_picklistdialogdivstyles {
	text-align: center;
}

.m_picklistspanstyles {
	display: block;
}

.m_resizableimagetablestyles {
	boder-collapse: collapse;
}

.m_resizableimagetdstyles {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-width: 0 0 0 0;
	cellspacing: 0;
	border-collapse: collapse;
	align: left;
}

.m_resizableimagespanstyles {
	display: inline-block;
	width: 10px;
}

.m_tablespanstyles {
	float: right;
}

.m_tdwidthstyles {
	width: 3%;
}

.m_multicolumnlayoutthstyles {
	text-align: right;
}

.m_multicolumnlayoutspanstyles {
	display: inline-block;
	text-align: right;
	width: 17px;
}

.m_datatableheaderimage {
	
}

}
.m_displaypicklisttdstyles {
	margin: 5px 5px 5px 5px;
}
.md_link {
	color: red;
}

.md_button {
	color: red;
}

.md_buttonsection {
	color: red;
}

.md_checkbox {
	color: red;
}

.md_clientmessage {
	color: red;
}

.md_date {
	color: red;
}

.md_inputwithhelp {
	color: red;
}

.md_jsontext {
	color: red;
}

.md_multiselect {
	color: red;
}

.md_multistring {
	color: red;
}

.md_numbertextbox {
	color: red;
}

.md_pagebutton {
	color: red;
}

.md_radio {
	color: red;
}

.md_radiogroup {
	color: red;
}

.md_select {
	color: red;
}

.md_string {
	color: red;
}

.m_datadriventd {
	border-right: 10px solid transparent;
	
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color: #3D3D3D;
}
/* button.ui-datepicker-close {display: none;}
button.ui-datepicker-current{display: none;}
 */
.m_setdisablecolor {
	color: black;
	background-color: #f2f2f2;
}

.m_setdisableenhancedbuttonopacity {
	filter: alpha( 
opacity= 
40);
	opacity: 0.4
}

.m_enhancedselectbutton {
	margin-left: -30px; /*Changed from -32px to -30px*/
	height: 30px;
	width: 25px;
	padding: 1px 1px 1px 1px;
	border-style: outset;
	border-width: 0px;
	margin-right: 5px;
	margin-bottom: 3px; /*Changed from -3px to 3px*/
	background-color: white;
}

.m_setimage { /*margin-top: -16px;*/ /*Needs to be commented*/
	margin-bottom: -5px;
	height: 25px;
}

.m_submenualignment {
	top: 0em;
	left: 10em;
}

.m_menuitemkeypress {
	
}
/* Essential metastyles for MENU LIST */
.ml-menu,.ml-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ml-menu {
	line-height: 1.0;
}

.ml-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}

.ml-menu
 
ul
 
li {
	width: 20em;
}

.ml-menu
 
li {
	float: left;
	position: relative;
}

.ml-menu
 
a {
	display: block;
	position: relative;
}

/*** DEMO SKIN ***/
.ml-menu {
	float: left;
	margin-bottom: 1em;
}

.ml-menu
 
a {
	border-left: 1px solid #fff;
	border-top: 1px solid #c6e7f7;
	padding: .75em 1em;
	text-decoration: none;
}

.ml-menu
 
a,.ml-menu
 
a
:visited {visited pseudo selector so IE6 applies text colour color :#336699;
	
}

.ml-menu
 
li {
	background: #c6e7f7;
}

.ml-menu
 
li
 
li {
	background: #c6e7f7;
}

.ml-menu
 
li
 
li
 
li {
	background: #c6e7f7;
}

.ml-menu
 
a
.ml-with-ul {
	padding-right: 2.25em;
	min-width: 1px;
	/* trigger IE7 hasLayout so spans position accurately */
	color: #336699;
}

.ml-sub-indicator {
	
}

a {
	cursor: pointer;
	color: blue;
}

a
:hover,a
.hover {
	text-decoration: underline;
}

a>.ml-sub-indicator { /* give all except IE6 the correct values */
	top: .8em;
	background-position: 0 -100px;
	/* use translucent arrow for modern browsers*/
}

.ml-menu
 
ul
 
.ml-sub-indicator {
	background-position: -10px 0;
}

.ml-menu
 
ul
 
a>.ml-sub-indicator {
	background-position: 0 0;
}

.ml-vertical,.ml-vertical
 
li {
	width: 20em;
}

.ml-vertical
 
.ml-sub-indicator {
	background-position: -10px 0;
} /* IE6 gets solid image only */
.ml-vertical
 
a>.ml-sub-indicator {
	background-position: 0 0;
} 
/* IE6 gets solid image only */
.ml-vertical
 
a>.ml-sub-indicator {
	background-position: 0 0;
} 
.m_plusbutton {
	background: url(../images/plus.png);
	height: 14px;
	width: 13px;
	padding: 1px 1px 1px 1px;
	border-width: 0px;
	margin-right: 10px;
	background-color: white;
	vertical-align: middle;
	display: inline-block;
	background-repeat: no-repeat;
}

.m_minusbutton {
	background: url(../images/minus.png);
	height: 14px;
	width: 13px;
	padding: 1px 1px 1px 1px;
	border-style: outset;
	border-width: 0px;
	margin-right: 5px;
	margin-bottom: -3px;
	background-color: white;
	vertical-align: middle;
	display: inline-block;
}

.removepadding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.m_horizontalradio{
	display:inline-block;
}
.m_formattedTextLabel  {
	font-weight: normal;
}
/* styles for signature component*/
.signatureWrapper{
	overflow:auto;
	height:200px;
	width:320px;
}
/* styles for calender */
.calender {
  width: 80%;
  background-color: #ebebeb;
  font-weight: 700;
  -moz-box-shadow: 0px 4px 0 #343434;
  -webkit-box-shadow: 0px 4px 0 #343434;
  box-shadow: 0px 4px 0 #343434;
}
.calender .clndr-controls {
  
  text-align: center;
 
  background-color: lightgray;
  /* color: white; */
  text-align: center;
  font-size: 23px;
  color: #333333;
  font-size: 22px;
  
  font-family: helvetica;
  font-weight: normal;
  letter-spacing: .05em;
}
.calender .clndr-controls .clndr-previous-button {
  float: left;
  text-align: left;
  height: 20px;
  padding-left: 10px;
}
.calender .clndr-controls .clndr-next-button {
  float: right;
  text-align: right;
  height: 20px;
  padding-right: 20px;
}
.calender .clndr-controls .clndr-previous-button,
.calender .clndr-controls .clndr-next-button {
  /* width: 30px; */
  cursor: pointer;
  -webkit-user-select: none;
  
  /* Chrome/Safari */

  -moz-user-select: none;
  /* Firefox */

  -ms-user-select: none;
  /* IE10+ */

}
.calender .clndr-controls .clndr-previous-button:hover,
.calender .clndr-controls .clndr-next-button:hover {
  opacity: 0.5;
}
.calender .clndr-grid {
  float: left;
  width: 100%;
   /* border: 6px solid white; */
}
.calender .clndr-grid .days-of-the-week {
  width: 100%;
  background-color: lightgray;
}
.calender .clndr-grid .days-of-the-week .header-day {
  float: left;
  width: 14.2857%;
  padding: 14px;
  text-align: center;
  font-size: 18px;
  color: #666666;
  font-weight: normal;
  
}
.calender .clndr-grid .days {
  width: 100%;
}
.calender .clndr-grid .days .day,
.calender .clndr-grid .days .empty {  
float: left;
width: 14.2857%;
padding: 10px 0;
text-align: center;
color: #4f4f4f;
background-color: white;
border: 1px solid #CCCCCC;
background-size: cover;
background-position: center;
}
.calender .clndr-grid .days .day.event ,
.calender .clndr-grid .days .empty.event {
  padding-bottom: 4px;
  border-bottom: 2px solid #3883a3;
}
.calender .clndr-grid .days .day.adjacent-month ,
.calender .clndr-grid .days .empty.adjacent-month {
  opacity: 0.3;
}
.calender .clndr-grid .days .today {
  color: #1a5f9b;
  background-color: #f1f3f3;
  font-weight: bold;
}
.calender .clndr-grid .days .today span {
  border-bottom: 1px solid black;  
}


.calender .clndr-grid .days .active {
background-color:Gray;
  color: #f1f3f3;
}
.calender .event-listing {
  float: left;
  width: 35%;
}
.calender .event-listing .event-listing-title {
  padding: 14px;
  background-color: #71bbd2;
  text-align: center;
  color: white;
  letter-spacing: 1px;
}
.calender .event-listing .event-item {
  padding: 14px;
  color: #4f4f4f;
}
.calender .event-listing .event-item-location {
  font-weight: 400;
}
.clndr-previous-button img , .clndr-next-button img{
	width:20px;
}
.noselect {
  -webkit-user-select: none;
  /* Chrome/Safari */

  -moz-user-select: none;
  /* Firefox */

  -ms-user-select: none;
  /* IE10+ */

}

@media all and (max-width: 768px) {
  .calender .clndr-grid {
    width: 100%;
    border: none;
  }
  .calender .event-listing {
    display: none;
  }
}
.ui-timepicker-container {
	  z-index: 9999 !important;
}

/*
 Added styles for Format Case
*/

.upperCaseFormat
{
	text-transform:uppercase;
}
.lowerCaseFormat
{
	text-transform:lowercase;
}

/* --------------------------------------------------------                     
		##  Mandatory Enhancement START
-----------------------------------------------------------  */
 
.m_componenterrorlabel { /*font-style: normal;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  color: #909090;
  Commented as we dont need to chnage the style of the label on error.
  */
	
}

.m_errorspanset:before {
	content: "x";
	padding-right: 5px;
	font-style: normal;
	font-size: 10px;
	font-weight: bolder;
}

.nonmandatorysuffix {
	font-style: italic;
	font-weight: 400;
	color: #909090 !important;
	padding-left: 3px;
}
 
 
.m_grouptableerrorspan {
	color: #FF0000;
	font: normal 11px/15px arial, helvetica;
}

/* --------------------------------------------------------                     
		##  Mandatory Enhancement END
-----------------------------------------------------------  */

.benchmark{

position: absolute;

     width: 60px;

    height: 25px;

    text-align: center;

    color: black;

    border-radius: 5px;

    display: inline-block;

    font: bold 15px/30px Georgia;

    bottom: 280%;

    

    margin-left: -1%;

    margin: 0;

    padding: 0;

    font-family: interstate;

    font-size: 12px;

    }

.benchmark :after{

    content: "";

    position: absolute;

    width: 3px;

    height: 6px;

    border: 1px solid #0099FF;

     left: 50%;

    

}
.chkboxVisibility{
	height: 0px;
}