html,
body {
	margin:0;
	padding:0;
	height:100%;
}
#wrapper {
	min-height:100%;
	position:relative;
}
#header {
	padding:10px;
	background:#fff;
}
#content {
	padding:10px;
	padding-bottom:80px;
	   /* Height of the footer element */
}
#footer {
	width:100%;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;
	background:#CC0000;
	color:#ffffff;
}

/************************************************************ Hema added **************************************************************************/
.transactionTitle{
align:left;
font-family:Calibri;
font-size:13px;
nowrap:nowrap;
align:center;
background-color:#cc0000;
color:#fff;
font-weight:bold;
}
#label{
align:left;
font-family:Calibri;
font-size:11px;
nowrap:nowrap;
}
.label{
align:left;
font-family:Calibri;
font-size:11px;
font-style:normal;
nowrap:nowrap;
text-transform: uppercase;
}
.labelTop{
align:left;
valign:top;
font-family:Calibri;
font-size:11px;
font-style:normal;
nowrap:nowrap;
text-transform: uppercase;
}

.field{
align:left;
font-family:Calibri;
font-size:11px;
text-transform: uppercase;
}
.miniHeader{
align:left;
font-family:Calibri;
font-size:14px;
text-transform: uppercase;
}

.trRow{
	background-color:#ffffff;
	align:left;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	width:100%;
}
.trRowHighLight{
	background-color:#E0A4AA;
	align:left;
	color:#fff;
}
.tellUserWhatToDo{
	align:left;
	color:#000;
	background-color:#eee;
	font-size:11px;
	
}
.tellUserWhatToDo{
	align:left;
	color:#000;
	background-color:#eee;
	font-size:11px;
	
}

.tableCss{
	cellpadding:2px;
	cellspacing:2px;
	background-color:#eee;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	align:center;
	background-size: inherit;
	overflow-x:hidden;
	width:90%;

}
.textfieldCss{
	font-family:Calibri;
	font-size:11px;
	text-transform: uppercase;
	width:80%;
}
.textfieldCss{
	font-family:Calibri;
	font-size:11px;
	text-transform: uppercase;
	width:80%;
}
.textfieldSmallCss{
	font-family:Calibri;
	font-size:11px;
	text-transform: uppercase;
	width:40%;
}
.selectCss{
	font-family:Calibri;
	font-size:11px;
	text-transform: uppercase;
	cursor:pointer;
}
.textCss{
	font-family:Calibri;
	text-transform: uppercase;
	font-size:11px;
}
.checkboxCss{
	font-family:Calibri;
	font-size:11px;
	cursor:pointer;
	text-transform: uppercase;
	font-style:normal;
}
.gridCss{
	font-family:Calibri;
	font-size:12px;
	text-transform: uppercase;
	
}
.gridColCss{
	font-family:Calibri;
	font-size:12px;
	
}
.exampleCss{
	font-family:Calibri;
	font-size:10px;
	font-style:normal;
	color:#000000;
	
}

/* Button Style */

.button-style {
	display: inline-block;
	margin-top: 30px;
	padding: 7px 30px;
	background: #CC0000;
	border-radius: 5px;
	cursor:pointer;
	font-color:#fff;
	text-transform: uppercase;
	color:#fff;
	font-weight:bold;
	font-family: Calibri;
}

.button-style a {
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Calibri;
	font-weight: 300;
	font-size: 16px;
	color: #FFFFFF;
	cursor:pointer;
}

.button-style a:hover
{
	text-decoration: none;
	color: #FFF;
	cursor:pointer;
}

#copyright p
{
	letter-spacing: 0.20em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.80em;
	color: rgba(255,255,255,0.6);
	line-height: 90px;
}

/* Error & Welcome section */
.welcome {
	background-color:#DDFFDD;
	border:1px solid #009900;
	width:99%;
	margin-bottom:8px;
	font-size:12px;
	align:left;
	text-transform:none;
	text-align:left;
}
.welcome li{ 
	list-style: none; 
}
.errors {
	background-color:#FFCCCC;
	color:#cc0000;
	border:1px solid #CC0000;
	width:99%;
	margin-bottom:8px;
	font-size:12px;
	align:left;
	text-transform:none;
	text-align:left;
}
.errors li{ 
	list-style: none; 
}
.ui-widget-content {
border: 1px solid #eeeeee;
background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #333333;
font-family: Calibri;
font-size: 13px;
}

.tdClass {
border: 1px solid #d8dcdf;
background: #eeeeee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x;
font-weight: bold;
color: #004276;
}


.tableHead {
/* border-collapse: collapse;
display: inline-block; */
background: #CC0000;
/* border-radius: 5px; */
cursor:pointer;
font-color:#fff;
color:#fff;
font-weight:bold;
font-family: Calibri;
}

/* 

.myMenu a {
text-decoration: none;
display: block;
text-transform: uppercase;
padding: 2px .1em;
line-height: 1.5;
min-height: 0;
support: IE7;
font-weight: normal;
border: 1px solid #eeeeee;
background: #cc0000;
font-weight: 300;
font-size: 12px;
color: #FFFFFF;
cursor:pointer;
} */

 
.myMenu a{
color: #fff;
}
.myMenu{
border: 1px solid #eee;
background: #cc0000;
font-family: Calibri;
text-transform: uppercase;
font-size: 12px;
}

element.style {
    width: 300px;
    height: 180px;
    z-index: 950;
    overflow: hidden;
    display: block;
    left: -10px;
    top: -200px;
}

 editmodcustomerstable.ui-widget ui-widget-content ui-corner-all ui-jqdialog ui-draggable ui-resizable {
    width: 400px;
    height: 180px;
    z-index: 950;
    overflow: hidden;
    display: block;
    left: -10px;
    top: -200px;
}
.ui-widget-content {
    border: 1px solid #eeeeee;
  	
    color: #333333;
    font-family: Calibri;
    font-size: 12px;
     z-index: 950;
    
}

editmodcustomerstable. .ui-widget-content {
    border: 1px solid #eeeeee;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #020202;
    font-family: Calibri;
    font-size: 13px;
     left: -10px;
    top: -300px;
    position:absolute;
}

editmodcustomerstable.ui-jqdialog-content ui-widget-content{
	width: 431px;
	 overflow: auto;
	  position: relative;
	   height: 135px;
	        left: -10px;
    top: -300px;
}

/* <div class="ui-widget ui-widget-content ui-corner-all ui-jqdialog ui-draggable ui-resizable" 
id="editmodcustomerstable"
 dir="ltr" tabindex="-1" role="dialog" aria-labelledby="edithdcustomerstable" aria-hidden="false" 
 style="width: 436.382px; height: 392.382px; z-index: 950; overflow: hidden; display: block; position: absolute; top: 1.23936e-05px; left: 446.705px;">
 <div class="ui-jqdialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" id="edithdcustomerstable" style="cursor: move;">
 <span class="ui-jqdialog-title" style="float: left;">Add Record</span><a href="javascript:void(0)" 
 class="ui-jqdialog-titlebar-close ui-corner-all" style="right: 0.3em;">
 <span class="ui-icon ui-icon-closethick"></span></a></div>
 <div class="ui-jqdialog-content ui-widget-content" id="editcntcustomerstable">
 <div><form name="FormPost" id="FrmGrid_customerstable" class="FormGrid" onsubmit="return false;" 
 style="width: 431px; overflow: auto; position: relative; height: 135px;">
 <table id="TblGrid_customerstable" class="EditTable" cellspacing="0" cellpadding="0" border="0"><tbody><tr id="FormError" style="display:none"><td class="ui-state-error" colspan="2"></td></tr><tr style="display:none" class="tinfo"><td class="topinfo" colspan="2"></td></tr><tr rowpos="1" class="FormData" id="tr_name"><td class="CaptionTD">Name</td><td class="DataTD">&nbsp;<input type="text" id="name" name="name" role="textbox" class="FormElement ui-widget-content ui-corner-all"></td></tr><tr rowpos="2" class="FormData" id="tr_icNo"><td class="CaptionTD">IC No</td><td class="DataTD">&nbsp;<input type="text" id="icNo" name="icNo" role="textbox" class="FormElement ui-widget-content ui-corner-all"></td></tr><tr rowpos="3" class="FormData" id="tr_memOldIc"><td class="CaptionTD">Old IC No</td><td class="DataTD">&nbsp;<input type="text" id="memOldIc" name="memOldIc" role="textbox" class="FormElement ui-widget-content ui-corner-all"></td></tr><tr rowpos="4" class="FormData" id="tr_totalPremium"><td class="CaptionTD">Total Premium</td><td class="DataTD">&nbsp;<input type="text" id="totalPremium" name="totalPremium" role="textbox" class="FormElement ui-widget-content ui-corner-all"></td></tr><tr style="display:none" rowpos="5" class="FormData" id="tr_delete"><td class="CaptionTD">Is Delete</td><td class="DataTD">&nbsp;<input type="checkbox" value="on" offval="off" id="delete" name="delete" role="checkbox" class="FormElement"></td></tr><tr rowpos="6" class="FormData" id="tr_excSpouse"><td class="CaptionTD">Exclude Spouse Indicator</td><td class="DataTD">&nbsp;<input type="checkbox" value="on" offval="off" id="excSpouse" name="excSpouse" role="checkbox" class="FormElement"></td></tr><tr class="FormData" style="display:none"><td class="CaptionTD"></td><td colspan="1" class="DataTD"><input class="FormElement" id="id_g" type="text" name="customerstable_id" value="_empty"></td></tr></tbody></table></form><table border="0" cellspacing="0" cellpadding="0" class="EditTable" id="TblGrid_customerstable_2"><tbody><tr><td colspan="2"><hr class="ui-widget-content" style="margin:1px"></td></tr><tr id="Act_Buttons"><td class="navButton"><a href="javascript:void(0)" id="pData" class="fm-button ui-state-default ui-corner-left" style="display: none;"><span class="ui-icon ui-icon-triangle-1-w"></span></a><a href="javascript:void(0)" id="nData" class="fm-button ui-state-default ui-corner-right ui-state-disabled" style="display: none;"><span class="ui-icon ui-icon-triangle-1-e"></span></a></td><td class="EditButton"><a href="javascript:void(0)" id="sData" class="fm-button ui-state-default ui-corner-all fm-button-icon-left">Submit<span class="ui-icon ui-icon-disk"></span></a><a href="javascript:void(0)" id="cData" class="fm-button ui-state-default ui-corner-all fm-button-icon-left">Cancel<span class="ui-icon ui-icon-close"></span></a></td></tr><tr style="display:none" class="binfo"><td class="bottominfo" colspan="2"></td></tr></tbody></table></div></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div></div>

 */