/* Font Imports Starts from Here */
@font-face {
	font-family: 'Cantora One';
	src: url('../fonts/CantoraOne-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body {
	overflow-x:hidden;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
	{
	
	margin: 0;
	padding: 0;
	font-family: 'Lucida Grande', Helvetica, Arial;
	font-family: Arial, Helvetica, sans-serif;
	font-smooth: always;
	font-size: 12px;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
table,tr,td {
	border-collapse: collapse;
}

a,img {
	border: none;
}
/* Main Style Starts from Here */
#wrapper {
	background: #fff url(../images/background.png) repeat-x top center;
	width: 100%;
	height: auto;
}

.clr {
	clear: both;
}

.lft {
	float: left;
	margin-right: 10px;
}

.rft {
	float: right;
	margin-left: 10px;
	margin-top: 6px;
}

.emptyDiv {
	background: none;
	width: auto;
	height: 10px;
}

#centerContent {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	min-height: 670px;
}

#header {
	height: 109px;
	padding-top: 2px;
}

.headerRegisteredNumber {
	color: #000;
	float: right;
	margin-top: 15px;
	margin-right: 6px;
	font-size: 17px;
}

.topLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	width: auto;
	height: 35px;
	float: right;
	padding-top: 3px;
	padding-left: 5px;
	margin-right: 6px;
}

.socialMedia {
	position: relative;
	top: 4px;
	padding-left: 3px;
}

.orangeheading {
	color: #d24b07;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 5px;
}

.orangeLinks {
	color: #d24b07;
	text-decoration: none;
	font-weight: 400;
}

a.orangeLinks:hover {
	color: #018acd;
	text-decoration: underline;
	font-weight: 400;
}

.logoText {
	font-family: Cantora One;
	font-size: 36px;
	color: #018acd;
	padding-top: 15px;
}

#hmenu {
	height: 45px;
	margin-bottom: 5px;
}

.staffLogin {
	position: relative;
	top: 5px;
	left: 5px;
}

a.staffLogin:hover {
	background: #047db8;
}
/* Horizontal Main Menu Starts From here */

/* Horizontal Main Menu Starts From here */
#banner {
	height: 380px;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider {
	position: relative;
	width: 980px;
	height: 380px;
	background: url(../images/loading.gif) no-repeat 50% 50%;
}

#slider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

#slider a {
	border: 0;
	display: block;
}

.nivo-controlNav {
	position: absolute;
	right: -17px;
	bottom: 10px;
	width: 98px;
	height: 17px;
	padding: 9px 20px;
	z-index: 1000;
	background: url(../images/templatemo_slider_nbg.png)
}

.nivo-controlNav a {
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 8px;
	float: left;
}

.nivo-controlNav a.active {
	background-position: 0 -10px;
}

.nivo-directionNav a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}

a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}

a.nivo-prevNav {
	left: 15px;
}

.nivo-caption {
	text-shadow: none;
	padding: 15px 0;
	font-family: Helvetica, Arial, sans-serif;
}

.nivo-caption a {
	color: #efe9d1;
	text-decoration: underline;
}
/* New Marquee Style Starts from Here */
#marquee {
	background: #f9f9f6 url(../images/newSBg.png) repeat-x top center;
	width: auto;
	height: 30px;
	padding-top: 8px;
}

#footer {
	background: #e7e7e7 url(../images/footer.png) repeat-x top center;
	width: 100%;
	padding: 14px 12px;
	height: 58px;
	margin-top: 10px;
}

#footer .footerWrapper {
	width: 1000px;
	margin: 0 auto;
}

#footer .footerWrapper .footerleft {
	float: left;
	margin-right: 10px;
	width: 750px;
	
}

#footer .footerWrapper .footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #07232f;
	position: relative;
	bottom: 5px;
}

#footer .footerWrapper .poweredDiv {
	float: right;
	padding-top: 2px;
}

#footer .footerWrapper .fLogo {
	position: relative;
	top: -8px;
	width: auto;
}

#footer .footerWrapper a.footerLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #07232f;
	text-decoration: none;
}

#footer .footerWrapper a.footerLinks:hover {
	color: #d24b07;
	text-decoration: underline;
}
/* Inner Pages Style Starts From here */
#innerPage {
	width: 980px;
	margin: 0 auto;
	height: auto;
	margin-bottom: 8px;
}

.leftMenu {
	width: 210px;
	height: auto;
	margin-right: 10px;
	float: left;
}

.rightContent {
	width: 760px;
	height: auto;
	float: left;
}

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

.headingBig {
	color: #025A85;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.headingBigOrange {
	color: #F08456;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	text-align: justify;
}

.contentB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}

input,textarea {
	font: 14px/24px Helvetica, Arial, sans-serif;
	color: #666;
}

input,select {
	width: 25%;
	margin-bottom: 8px;
}

form {
	margin: 10px 0 0 0;
	margin-top: 0; 
	border-radius:5px;
}

.appNo {
	padding-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #018acd;
	font-weight: bold;
	width: 100%;
}

input,textarea,select {
	border: 1px solid #aeaeae;
	background: #e6e6e6;
	background-image: -moz-linear-gradient(top, white, #efefef);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white),
	color-stop(1, #efefef));
	background-image: linear-gradient(top, white, #efefef);
	border-radius: 5px;
	box-shadow: 0 1px 1px #d2d2d2;
	font-size: 14px;
	height: 25px;
	padding-left: 5px;
	color: #000000;
	width: 138px;
}

select {
	border: 1px solid #aeaeae;
	background: #e6e6e6;
	background-image: -moz-linear-gradient(top, white, #efefef);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white),
		color-stop(1, #efefef));
	background-image: linear-gradient(top, white, #efefef);
	border-radius: 5px;
	box-shadow: 0 1px 1px #d2d2d2;
	font-size: 14px;
	padding-left: 5px;
	padding-top: 2px;
	color: #000000;
	width: 145px;
	height: 28px;
}
select:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	border: 1px solid rgba(81, 203, 238, 1);
}

button {
	background: #d24b07;
	border: 1px solid #B7D6DF;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #FFFFFF;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: auto;
	padding: 6px 10px;
	width: auto;
	margin-top: 10px;
}

button:hover {
	background: #018cd3;
	border: 1px solid #9FBAC0;
	cursor: pointer;
}

#send span {
	margin-bottom: 10px;
	margin-right: 10px;
}

textarea {
	width: 30%;
	margin: 0;
	height: 50px;
	margin-bottom: 8px;
	resize: vertical;
}

.movementtextarea {
	width: 94%;
	margin: 0 0 0 2px;
	height: 25px;
	margin-bottom: 8px;
	min-height: 15px;
}

form label {
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 20px;
	display: block;
	width: 200px;
	float: left;
	padding-top: 0px;
}

textarea:focus,input:focus {
	border: 1px solid #09C;
}

.mandetory {
	color: red;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
}

.dateinput {
	background: url(../images/calender.png) no-repeat right;
	background-size: 50px;
	border: 1px solid #aeaeae;
	border-radius: 5px;
	box-shadow: 0 1px 1px #d2d2d2;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
	width: 25%;
}

.onlyMonthAndYear, #emiStartDate, .trxnDatePicker, .dateinput2,.endDate,.startDate,.statusStartDate,.statusEndDate,.dateinputEmpty,.dateInputEmptyWithValidation,
.fromDate,.toDate,#fromDate,#toDate,.dateinputDOB,.nextYear,.futureDate,.onlyFutureDate,.dateinputEmptyAndFutureDate, .lastMonthFutureOneYear,
.setDatelastMonthFutureOneYeard, .mortValidTo, .mortgageExpiry, .anyDateInput,.dateOfBirth, .anyDateInputEmpty, .cashFreezeDateinput, .defCurrentDateMax,.fromDateHasfutureDate,.toDateHasfutureDate
,.minusOneMonthOfCurDate,.dateinput1
	{
	background: url(../images/calender.png) no-repeat right;
	background-size: 50px;
	border-radius: 5px;
	box-shadow: 0 1px 1px #d2d2d2;
	font-size: 12px;
	height: 25px;
	padding-left: 5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 94%;
}

.sideinput {
	width: 94%;
	border: 1px solid #aeaeae;
	background: #e6e6e6;
	background-image: -moz-linear-gradient(top, white, #efefef);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white),
		color-stop(1, #efefef));
	background-image: linear-gradient(top, white, #efefef);
	border-radius: 5px;
	box-shadow: 0 1px 1px #d2d2d2;
	font-size: 12px;
	height: 25px;
	padding-left: 5px;
}

.sidemininput {
	width: 9%;
	border: 1px solid #aeaeae;
	background: #e6e6e6;
	background-image: -moz-linear-gradient(top, white, #efefef);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white),
		color-stop(1, #efefef));
	background-image: linear-gradient(top, white, #efefef);
	border-radius: 5px;
	box-shadow: 0 1px 1px #d2d2d2;
	font-size: 12px;
	height: 25px;
	padding-left: 5px;
}

.sideselect {
	width: 97%;
}

.sidetextarea {
	width: 98%;
	border: 1px solid #aeaeae;
	background: #e6e6e6;
	background-image: -moz-linear-gradient(top, white, #efefef);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white),
		color-stop(1, #efefef));
	background-image: linear-gradient(top, white, #efefef);
	border-radius: 5px;
	box-shadow: 0 1px 1px #d2d2d2;
	font-size: 12px;
	height: 25px;
	padding-left: 5px;
}

.sideselectfullwidth {
	width: 59%;
}

.whiteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 5px;
	border-right: #FFFFFF 1px solid;
}

.phaseTable {
	border: #CCCCCC 1px solid;
}

/* Staff Login Page Css Starts from Hers */
#StaffloginDiv {
	border: 1px solid #CCCCCC;
	width: 964px;
	height: auto;
	margin: 0 auto;
	padding: 8px;
}

.loginHeader {
	background: #FFFFFF url(../images/LoginHeader.png) repeat-x top center;
	width: 371px;
	height: 32px;
	margin: 0 auto;
	padding-left: 10px;
	padding-top: 6px;
}

.loginContainer {
	width: 371px;
	height: 250px;
	float: left;
}

.homeloansImg {
	width: 593px;
	height: auto;
	float: left;
}

.logininput {
	border: 1px solid #aeaeae;
	background: #e6e6e6;
	background-image: -moz-linear-gradient(top, white, #e6e6e6);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white),
		color-stop(1, #e6e6e6));
	background-image: linear-gradient(top, white, #e6e6e6);
	border-radius: 5px;
	box-shadow: 0 1px 1px #d2d2d2;
	font-size: 12px;
	width: 210px;
	height: 25px;
	padding-left: 5px;
}

.whiteHeading {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

.tableHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	color: white;
	background-color: #369;
	height: 20px;
	padding-top: 4px;
	width: 99.6%;
}

/*Pagination and Srting CSS Starts from here*/
.fixedTableLyaout{
	table-layout: fixed;
}
.sortable {
	width: auto;
	border-left: 1px solid #c6d5e1;
	border-top: 1px solid #c6d5e1;
	border-bottom: none;
	margin: 0 auto 15px;
	font: 11px Verdana, Arial;
	background: #ffffff;
	color: #333333;
}

.sortable th {
	background: #018acd;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-right: none;
	padding-left: 5px;
	height: 30px;
}

.sortable th h3 {
	font-size: 10px;
	padding: 6px 8px 8px;
	word-wrap: break-word;
}

.sortable td {
	padding: 4px 6px 6px;
	border-bottom: 1px solid #c6d5e1;
	border-right: 1px solid #c6d5e1
}

.sortable .head h3 {
	background: url(../images/sort.gif) 7px right no-repeat;
	cursor: pointer;
}

.sortable .desc,.sortable .asc {
	background: #018acd;
}

.sortable .desc h3 {
	background: url(../images/desc.gif) 7px center no-repeat;
	cursor: pointer;
	padding-left: 18px
}

.sortedDesc h3 {
	background: url(../images/desc.gif) 7px center no-repeat;
	padding-left: 18px
}

.sortable .asc h3 {
	background: url(../images/asc.gif) 7px center no-repeat;
	cursor: pointer;
	padding-left: 18px
}

.sortable .head:hover,.sortable .desc:hover,.sortable .asc:hover {
	color: #fff;
}

.sortable .evenrow td {
	background: #fff;
}

.sortable .oddrow td {
	background: #ecf2f6;
}

.sortable td.evenselected {
	background: #ecf2f6;
}

.sortable td.oddselected {
	background: #dce6ee;
}

#controls {
	background-color: #DDE6EE;
	padding-top: 4px;
	width: 100%;
	height: 30px;
}

#perpage {
	width: 253px;
	float: left;
	margin-left: 11px;
}

#perpage select {
	float: right;
	font-size: 11px
}

#perpage span {
	float: left;
	margin: 6px 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align: right;
	margin-top: 7px;
}

#navigation {
	float: left;
	width: 253px;
	margin-top: 6px;
	text-align: center;
}

#navigation img {
	cursor: pointer;
}

#text {
	float: left;
	width: 201px;
	text-align: right;
	margin-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}
/*Pagination and Srting CSS Ends here*/
.loanDetails {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border: 1px solid black;
}

.loanDetails td {
	border: 1px solid #d8d8d8;
	padding: 2px 1px;
}

.evenrow {
	background: #c1e1f7;
}

.oddrow {
	background: #EBF4FA;
}

label.error, #errorMessageLable {
	color: red;
	float: right;
	padding-right: 50px;
	font-weight: normal;
}

label.success, #successMessageLable {
	color: green;
	float: right;
	padding-right: 50px;
	font-weight: normal;
}

label.specimenError {
	color: #FF0000;
	float: right;
	font-weight: normal;
	padding-bottom: 15px;
	padding-right: 150px;
	width: 293px;
}

textfield .error {
	font-weight: normal;
	border: 2px solid red;
}
/* Date Picker Style Starts from Here */
#ui-datepicker-div {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
	border-top-left-radius: 4px;
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
	border-top-right-radius: 4px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
	border-bottom-left-radius: 4px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
	border-bottom-right-radius: 4px;
}

.ui-datepicker-prev {
	background: url(../images/left_arrow.gif) 2px center no-repeat;
}

.ui-datepicker-next {
	background: url(../images/right_arrow.gif) 2px center no-repeat;
}

a {
	color: #0254EB
}

a:visited {
	color: #0254EB
}

.morecontent span {
	position: absolute;
	z-index: 1000;
	border: 1px solid rgba(122, 188, 255, 1);
	width: 140px;
	height: auto;
	padding: 10px;
	background-color: #EBF4FA;
	border-radius: 4px;
	display: block;
	color: white;
	right: 150px;
	background: rgb(122, 188, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(122, 188, 255, 1) 0%,
		rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(122,
		188, 255, 1)), color-stop(44%, rgba(96, 171, 248, 1)),
		color-stop(100%, rgba(64, 150, 238, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(122, 188, 255, 1) 0%,
		rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(122, 188, 255, 1) 0%,
		rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(122, 188, 255, 1) 0%,
		rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(122, 188, 255, 1) 0%,
		rgba(96, 171, 248, 1) 44%, rgba(64, 150, 238, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#7abcff',
		endColorstr='#4096ee', GradientType=0); /* IE6-9 */
}

.createAppBtn {
	float: right;
	width: 147px;
	height: 25px;
}

.appmovemntdiv {
	width: 241px;
	float: left;
	height: auto;
}

.errmsg {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
	color: red;
}

#filterBar {
	background-color: #fff;
	width: 750px;
	height: 32px;
	margin-bottom: 15px;
}

#filterBar ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#filterBar a {
	float: left;
	width: 6em;
	text-decoration: none;
	color: white;
	background-color: #696969;
	padding: 7px 0.6em;
	border-right: 1px solid white;
	height: 15px;
	margin-bottom: 10px;
}

#filterBar a:hover {
	background-color: #018acd;
}

#filterBar li {
	display: inline;
}

/* Tabeed Menu Css Starts from Here */
.tabGroup {
	font: 10pt arial, verdana;
	width: 761px;
	height: auto;
	margin-top: 16px;
}

/* Configure the radio buttons to hide off screen */
.tabGroup>input[type="radio"] {
	position: absolute;
	left: -100px;
	top: -100px;
}

/* Configure labels to look like tabs */
.tabGroup>input[type="radio"]+label {
	/* inline-block such that the label can be given dimensions */
	display: inline-block;
	/* A nice curved border around the tab */
	border: 1px solid black;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	/* the bottom border is handled by the tab content div */
	border-bottom: 0;
	/* Padding around tab text */
	padding: 5px 8px;
	/* Set the background color to default gray (non-selected tab) */
	background-color: #018ACD;
	color: #fff;
	cursor: pointer;
}

/* Focused tabs need to be highlighted as such */
.tabGroup>input[type="radio"]:focus+label {
	border: 1px solid black;
}

/* Checked tabs must be white with the bottom border removed */
.tabGroup>input[type="radio"]:checked+label {
	background-color: white;
	font-weight: bold;
	border-bottom: 1px solid white;
	margin-bottom: -1px;
	color: #000;
}

/* The tab content must fill the widgets size and have a nice border */
.tabGroup>div {
	display: none;
	border: 1px solid black;
	background-color: white;
	padding: 10px 0;
	height: 100%;
	overflow: auto;
	box-shadow: 0 0 8px #444;
	-moz-box-shadow: 0 0 8px #444;
	-webkit-box-shadow: 0 0 8px #444;
	border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
}

/* This matchs tabs displaying to thier associated radio inputs */
.tab1:checked       ~ .tab1,.tab2:checked       ~ .tab2,.tab3:checked     
	 ~ .tab3 {
	display: block;
}
/* For showing additional information in Charts */
.chartMsg {
	background: #fff;
	border: 1px solid #333;
	min-width: 380px;
	width: auto;
	height: auto;
	padding: 8px;
	float: left;
	border-radius: 7px;
	margin-right: 373px;
	margin-left: 77px;
	text-align: center;
}

.chartBlock {
	background: #4897f1;
	height: auto;
	margin-right: 5px;
	padding: 0 9px;
}

.chartHeading {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial,
		Helvetica, sans-serif;
	font-size: 16px;
	color: #274b6d;
	padding-left: 178px;
}

.chartHeadingSub {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial,
		Helvetica, sans-serif;
	font-size: 14px;
	color: #274b6d;
	padding-left: 125px;
}

.outlineBorderedTable {
	border: #CCCCCC 1px solid;
	border-collapse: collapse;
}

.membertextarea {
	width: 94%;
	margin: 0 0 0 2px;
	height: 45px;
	margin-bottom: 8px;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 5.5px 16px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.button:hover {
	text-decoration: none;
}
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff),
		to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#ededed');
}

.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff),
		to(#dcdcdc));
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#dcdcdc');
}

.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed),
		to(#fff));
	background: -moz-linear-gradient(top, #ededed, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',
		endColorstr='#ffffff');
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top, #faa51a, #f47a20);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.orange:hover,.orange:active, .orange:focus {
	color: white;
	background: #de5009;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.redirectableButton {
    color: #fef4e9;
    border: solid 1px #35B7C4;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#2BD2E2), to(#027C88));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.redirectableButton:hover, .redirectableButton:active, .redirectableButton:focus {
	color: white;
	border: solid 1px #002F4E;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#7EB0D2), to(#002F4E));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

/* Vertical Menu Starts From Here */
.glossymenu {
	width: 210px; /*width of menu*/
	border: #c9c9c9 1px solid;
	margin-bottom: 8px;
}

.glossymenu .headerbar {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333333;
	background: #f98d2a;
	margin-bottom: 8px;
	/*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	margin-top: 0;
}

.glossymenu a.menuitem {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	position: relative;
	/*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 24px;
	text-decoration: none;
	background: url(../images/arrowright.png) no-repeat 2% 50%;
}

.glossymenu a.menuitem:visited,.glossymenu .menuitem:active {
	color: bc3f00;
}

.glossymenu a.menuitem .statusicon {
	/*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 7px;
	right: 12px;
	border: none;
}

.glossymenu a.menuitem:hover {
	color: #bc3f00;
}

.glossymenu div.submenu { /*DIV that contains each sub menu*/
	background: #f8f3d2;
	margin: 0 11px;
	padding: 4px 1px;
}

.glossymenu div.submenu ul { /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li {
	border-bottom: 1px solid #CCCCCC;
}

.glossymenu div.submenu ul li a {
	display: block;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 4px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover {
	background: #018cd3;
	color: white;
}

.dottedBtn {
	background-color: #F2F2F2;
	border: 1px dotted #666666;
	color: #D2691E;
	display: block;
	height: 14px;
	padding: 5px 8px;
	width: 80px;
	text-decoration: none;
	margin-top: 2px;
	text-align: center;
	cursor: pointer;
}

a.dottedBtn:hover {
	background-color: #00adee;
	color: #FFFFFF;
	text-decoration: none;
}

.mandatory {
	background: url(../images/mandatoryStar.png) no-repeat;
	padding-left: 10px;
	margin-left: 4px;
}

.checkbox {
	width: 19px;
	height: 20px;
	padding: 9px 3px 1px 0;
	display: block;
	clear: left;
	float: left;
	border: none;
	box-shadow : none;
}

input[type="text"]:disabled {
	background: #dddddd;
}
/* popup */
.element_to_pop_up {
	background-color: #fff;
	border-radius: 15px;
	color: #000;
	display: none;
	padding: 30px 20px;
	width: 300px;
	height: auto;
}

.b-close {
	cursor: pointer;
	margin-top: 12px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #B7D6DF;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a),
		to(#f47a20));
	background: -moz-linear-gradient(top, #faa51a, #f47a20);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a',
		endColorstr='#f47a20');
}
/*Container For Image*/
.non-immediate-parent-container {
	height: 200px;
	width: 300px;
}
/* Tree Menu */
.ui-dialog {
	width: 200px;
}

#casteCategoryPicker {
	background: rgb(238, 238, 238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%,
		rgba(204, 204, 204, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238,
		238, 238, 1)), color-stop(100%, rgba(204, 204, 204, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%,
		rgba(204, 204, 204, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%,
		rgba(204, 204, 204, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%,
		rgba(204, 204, 204, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%,
		rgba(204, 204, 204, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#eeeeee',
		endColorstr='#cccccc', GradientType=0); /* IE6-9 */
}

#categoryMenu {
	background: #fff;
}

#categoryMenu ol.tree {
	padding: 0 0 0 30px;
	width: 300px;
}

li {
	position: relative;
	margin-left: 3px;
	list-style: none;
}

li.file {
	margin-left: -1px !important;
}

li.file a {
	background: url(../images/arrowright.png) -4px 0 no-repeat;
	color: #333333;
	padding-left: 13px;
	text-decoration: none;
	display: block;
	width: 280px;
}

li input {
	position: absolute;
	left: 0;
	margin-left: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
	height: 1em;
	width: 1em;
	top: 0;
}

.tree li {
	margin: 5px 0;
}

li input+ol {
	background: url(../images/toggle-small-expand.png) 40px 0 no-repeat;
	margin: -0.938em 0 0 -44px; /* 15px */
	height: 1em;
}

li input+ol>li {
	display: none;
	margin-left: -24px !important;
	padding-left: 1px;
}

li label {
	background: url(../images/folder-horizontal.png) 15px 1px no-repeat;
	cursor: pointer;
	display: block;
	line-height: 10px;
	padding-left: 26px;
}

li input:checked+ol {
	background: url(../images/toggle-small.png) 40px 5px no-repeat;
	margin: -1.25em 0 0 -44px; /* 20px */
	padding: 1.563em 0 0 80px;
	height: auto;
}

li input:checked+ol>li {
	display: block;
	margin: 0 0 0.125em; /* 2px */
}

li input:checked+ol>li:last-child {
	margin: 0 0 0.063em; /* 1px */
}

#fileUpload input[type="text"],div.styled,input[type="file"] {
	width: 30%;
	border-radius: 5px;
	border: solid 1px #ccc;
	padding: 5px;
}

#fileupload,.fileUpload, .selectFile {
	position: absolute;
	width: 120px;
	height: 30px;
	left: 0;
	top: -15px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity =     0);
}

#fileAttachmentId,.fileAttachmentId {
	color: white;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
	width: 120px;
	height: 30px;
	left: 0;
	top: -3px;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
	display: block;
	background: rgb(255, 168, 76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 168, 76, 1) 0%,
		rgba(255, 123, 13, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		168, 76, 1)), color-stop(100%, rgba(255, 123, 13, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 168, 76, 1) 0%,
		rgba(255, 123, 13, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 168, 76, 1) 0%,
		rgba(255, 123, 13, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 168, 76, 1) 0%,
		rgba(255, 123, 13, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 168, 76, 1) 0%,
		rgba(255, 123, 13, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ffa84c',
		endColorstr='#ff7b0d', GradientType=0); /* IE6-9 */
}

.castebutton,.castebutton:hover {
	background: url(../images/cateBtm.png) no-repeat;
	cursor: pointer;
	border: none;
	width: 90px;
	height: 26px;
	position: relative;
	top: 3px;
}

.specimenRemoveBtn {
	background: url("../images/removeSpecimenBtn.png") no-repeat;
	cursor: pointer;
	border: none;
	width: 200px;
	height: 35px;
	display: block;
	margin-left: 530px;
}

.rupee {
	background: url(../images/rupee_symbol.png) no-repeat;
	padding-left: 10px;
	margin-left: 25px;
}

.inputDisabled {
	background: #dddddd;
}

.noListFound {
	background-color: #F9FFBA;
	height: 25px;
	text-align: center;
	font-size: 15px;
	color: #F00;
	font-family: 'Lucida Grande', Helvetica, Arial;
}

fieldset {
	padding: 1em;
	font: 80%/1 sans-serif;
}

.chckListcontainer {
	border: 2px solid #ccc;
	width: 300px;
	height: 100px;
	overflow-y: scroll;
}

.contentTable {
	background-color: antiquewhite;
}

/*Login Page Starts here*/
#LoginInnerPage {
	background: #FFFFFF url(../images/staffLoginBg.png) repeat-x bottom
		center;
	width: 980px;
	margin: 0 auto;
	height: auto;
	margin: 18px 0px;
}

.container {
	margin: 20px 4px;
	width: 420px;
}

.login {
	position: relative;
	margin: 0 auto;
	padding: 20px 20px 20px;
	width: 310px;
	background: white;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px
		rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px
		rgba(0, 0, 0, 0.3);
}

.login:before {
	content: '';
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	z-index: -1;
	background: rgba(0, 0, 0, 0.08);
	border-radius: 4px;
}

.login p {
	margin: 20px 0 0;
}

.login p:first-child {
	margin-top: 0;
}

.login input[type=text],.login input[type=password] {
	width: 278px;
}

.login p.remember_me {
	float: left;
	line-height: 31px;
	width: 160px;
}

.login p.remember_me label {
	font-size: 12px;
	color: #777;
	cursor: pointer;
}

.login p.remember_me input {
	position: relative;
	bottom: 1px;
	margin-top: 7px;
	vertical-align: middle;
	width: 20px;
}

.login p.submit {
	text-align: right;
}

.login-help {
	margin: 20px 0;
	font-size: 10px;
	color: white;
	text-align: center;
}

.login-help a {
	color: #cce7fa;
	text-decoration: none;
}

.login-help a:hover {
	text-decoration: underline;
}

:-moz-placeholder {
	color: #c9c9c9 !important;
	font-size: 13px;
}

::-webkit-input-placeholder {
	color: #ccc;
	font-size: 13px;
}

.loginInput {
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size: 14px;
}

.loginInput {
	margin: 5px;
	padding: 0 10px;
	width: 198px;
	height: 34px;
	color: #404040;
	background: white;
	border: 1px solid;
	border-color: #c4c4c4 #d1d1d1 #d4d4d4;
	border-radius: 2px;
	outline: 5px solid #eff4f7;
	-moz-outline-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

.loginInput:focus,.loginInput:focus {
	border-color: #ff6c22;
	outline-color: #ffca9a;
	outline-offset: 0;
}

.loginButton {
	padding: 0 2px;
	height: 29px;
	font-size: 12px;
	font-weight: bold;
	color: #527881;
	text-shadow: 0 1px #e3f1f1;
	background: #cde5ef;
	border: 1px solid;
	border-color: #b4ccce #b3c0c8 #9eb9c2;
	border-radius: 16px;
	outline: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
	background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
	background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
	background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
	width: 85px;
}

.loginButton:active {
	background: #cde5ef;
	border-color: #9eb9c2 #b3c0c8 #b4ccce;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.lt-ie9 input[type=text],.lt-ie9 input[type=password] {
	line-height: 34px;
}
/* SB Transactions Page Style */
#imageUploadDiv {
	padding: 12px 0px;
}

#imageUploadDiv div {
	float: left;
	margin-right: 10px;
}
#history {
	position: relative;
	top: -7%;
	line-height: 23px;
	border-radius: 5px;
}

input[type="button"],#history {
	text-decoration: none;
	width: auto;
	display: block;
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a),
		to(#f47a20));
	background: -moz-linear-gradient(top, #faa51a, #f47a20);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a',
		endColorstr='#f47a20');
	cursor: pointer;
	padding: 0px 5px;
	height: 26px;
	display: inline-block;
}

input[type="button"]:hover,#history:hover {
	background: #de5009;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee),
		to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee',
		endColorstr='#0078a5');
	border: solid 1px #FFFFFF;
}

/* Speciman image hover show image Style Starts from here */
.tooltip {
	text-decoration: none;
	position: relative;
}

.tooltip span {
	display: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: black;
	background: black;
}

.tooltip span img {
	float: left;
	margin: 0px 8px 8px 0;
}

.tooltip:hover span {
	display: block;
	position: absolute; < br > top : 0; < br > left : 0;
	z-index: 1000;
	width: auto;
	width: auto;
	height: auto;
	border: 1px solid black;
	margin-top: 12px;
	margin-left: 32px;
	overflow: hidden;
	padding: 15px;
	width: 200px;
	height: 250px;
}

.inputRupee {
	background: white url(../images/rupee_symbol.png) left no-repeat;
	background-position: 8px 6px;
	padding-left: 24px;
	width: 100px;
}

.inputPercentage {
	background: white url(../images/percentage.png) right no-repeat;
	background-position: 108px 6px;
	padding-right: 24px;
	width: 100px;
}

.inputSearch {
	background: white url(../images/SearchIcon.png) right no-repeat;
	background-position: 225px 4px;
	padding-right: 24px;
	width: 220px;
}

.enterImage {
	background: white url(../images/enter.png) right no-repeat;
	background-position: 225px 4px;
	padding-right: 40px;
	width: 220px;
}

.glIdInputSearch {
	background: white url(../images/SearchIcon.png) right no-repeat;
	background-position: 120px 4px;
	padding-right: 24px;
	width: 113px;
	margin-bottom:-4px;
}

.memberGLInputSearch {
	background: white url(../images/SearchIcon.png) right no-repeat;
	background-position: 120px 4px;
	padding-right: 24px;
	width: 113px;
}

/* FD,RD, and Agent module Internal CSS */
.disabledInput {
	background: #dddddd;
}

div.content-module {
	background: white;
	border: 1px solid #eeefef;
}

div.content-module-heading {
	background: #0378c4;
	/* padding: 10px; */
	height:42px;
	line-height:36px;
	color: #FFFFFF;
	cursor: pointer;
}

div.content-module-heading h3 {
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	margin: 1.25em; /* 15/12 */
}

div.content-module-heading span {
	color: #FFF;
	float: right;
	position: relative;
	right: 12px;
	top: -38px;
	cursor: pointer;
	font-weight: bold;
	font-size: 18px;
}

div.content-module-main {
	background-color: #DAEBF5;
	width: 742px;
	padding: 1%;
}

div.content-module-mains {
	background-color: #DAEBF5;
	width: 742px;
	padding: 1%;
}

#space input {
	margin-left: 30px;
}

#space {
	padding-top: 20px;
}

.specimenUploadImg {
	width: 150px;
	height: 210px;
	margin-left: 28px;
	border: 1px solid #888;
	float: left;
}

.specimenUploadImg img {
	width: 150px;
	height: 180px;
	border-bottom: 1px dashed #818181;
}

.specimenText {
	width: 150px;
	margin-left: 6px;
	font-size: 12px;
	clear: both;
	padding: 5px 0px;
	text-align: center;
}

//
popup css 

#modalPopUpCont {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 200px;
	left: 30%;
	position: absolute;
	top: 30%;
	width: 400px;
	z-index: 1001;
	display: none;
}

#modalPopUpCont .indCont {
	display: none;
}

#modalPopUpCont #errorCont {
	display: block;
}

.header {
	background: none repeat scroll 0 0 #A4C5E1;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
}

/*#home {
	padding-right: 142px;
}*/

.msg {
	font-size: 20px;
	font-variant: small-caps;
	font-weight: bold;
	margin-top: 50px;
	text-align: center;
}

#errorCont .header {
	color: #FF0000;
}

#warnCont .header {
	color: #00FFFF;
}

#infoCont .header {
	color: #008000;
}

#modalPopupMask {
	background: none repeat scroll 0 0 #000000;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	display: none;
}

.upperCaseOffFocus,.upperCase {
	text-transform: uppercase;
}

.enter {
	background: url(../images/enter.png) no-repeat;
	display: inline-block;
	position: relative;
	left: -40px;
	top: 2px;
}

.sdlScheme {
	font-size: 12px;
	color: #333333;
	width: 100%;
	border-width: 1px;
	border-color: #ebab3a;
	border-collapse: collapse;
}

.sdlScheme th {
	font-size: 12px;
	background-color: #e6983b;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #ebab3a;
	text-align: left;
}

.sdlScheme tr {
	background-color: #f0c169;
}

.sdlScheme td {
	font-size: 12px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #ebab3a;
}

.sdlScheme tr:hover {
	background-color: #ffffff;
}

.tftable {
	font-size: 12px;
	color: #2d2d2d;
	width: 100%;
	border-width: 0;
	border-collapse: collapse;
}

.tftable th {
	font-size: 12px;
	padding: 8px;
	text-align: left;
}

.tftable td {
	font-size: 12px;
	padding: 8px;
	border-style: none;
}

a.superUserBtn {
	display: inline-block;
	position: relative;
	top: -1px;
	text-decoration: none;
	padding-left: 21px;
	border-radius: 3px;
	margin-left: 3px;
	margin-top: 11px;
	border-color: #2aa4e5;
	background: #2aa4e5;
	font-size: 12px;
	font-weight: 100;
	color: white;
	padding: 6px 8px 5px 8px;
	text-transform: uppercase;
}

a.superUserBtn:hover {
	color: white;
	background-color: #0874ae;
}

.superUserBtn .superUser {
	content: "";
	display: block;
	background: url('../images/headerIcons.png') no-repeat 0px -29px;
	width: 13px;
	height: 13px;
	float: left;
	padding-left: 4px;
}

.superUserBtn .taskList {
	content: "";
	display: block;
	background: url('../images/headerIcons.png') no-repeat 0px -14px;
	width: 13px;
	height: 13px;
	float: left;
	padding-left: 4px;
}

.superUserBtn .headerLogin {
	content: "";
	display: block;
	background: url('../images/headerIcons.png') no-repeat 0px 0px;
	width: 13px;
	height: 13px;
	float: left;
	padding-left: 4px;
}

.msgSucc {
	position: relative;
	padding: 7px 15px;
	margin-bottom: 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462),
		to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462),
		color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',
		endColorstr='#57a957', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: white;
}

.msgSucc2, #successPopupMsgCont {
	position: relative;
	padding: 7px 15px;
	margin-bottom: 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	color: green;
	background-color: #DBFEF5;
	border: 1px solid green;
}

.errMsgCont1 {
	position: relative;
	padding: 7px 15px;
	margin-bottom: 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	color: #404040;
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b),
		to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b),
		color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',
		endColorstr='#c43c35', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: white;
}

.errMsgCont2, #errorPopupMsgCont {
	display: none;
	position: relative;
	padding: 7px 15px;
	margin-bottom: 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	color: #D8000C;
	background-color: #FFDDDD;
	border: 1px solid #D8000C;
}

.msgErrCross {
	position: absolute;
	display: inline-block;
	right: 5px;
	font-size: 16px;
}

.msgWarning, #warningPopupMsgCont {
	position: relative;
	padding: 7px 15px;
	margin-bottom: 18px;
	background-color: #EEDD63;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1),
		to(#EEAA21));
	background-image: -moz-linear-gradient(top, #fceec1, #EEAA21);
	background-image: -ms-linear-gradient(top, #fceec1, #EEAA21) ;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1),
		color-stop(100%, #EEAA21));
	background-image: -webkit-linear-gradient(top, #fceec1, #EEAA21) !important;
	background-image: -o-linear-gradient(top, #fceec1, #EEAA21)!important;
	background-image: linear-gradient(top, #fceec1, #EEAA21)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1',
		endColorstr='#EEAA21', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #EEAA21 #EEAA21 #e4c652;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.cheader {
	background: rgb(237, 158, 40); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237, 158, 40, 1) 0%,
		rgba(249, 141, 42, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237,
		158, 40, 1)), color-stop(100%, rgba(249, 141, 42, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237, 158, 40, 1) 0%,
		rgba(249, 141, 42, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237, 158, 40, 1) 0%,
		rgba(249, 141, 42, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237, 158, 40, 1) 0%,
		rgba(249, 141, 42, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(237, 158, 40, 1) 0%,
		rgba(249, 141, 42, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#ed9e28',
		endColorstr='#f98d2a', GradientType=0); /* IE6-9 */
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.cheader input {
	position: relative;
	right: -320px;
	top: 2px;
	background-image: url("../images/search.png");
	background-repeat: no-repeat;
	background-position: 120px 5px;
}

.warnInput{
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #EEAA21));
}

body>div.ui-widget-overlay.ui-front {
	background: #000;
	opacity: .6;
	z-index: 1000;
}

.ui-dialog.ui-widget.ui-widget-content,div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable
	{
	z-index: 1001;
}

.hideDefault {
	display: none;
}

.rupee2 {
	margin-right: 5px;
	background-position: center center;
	background-position: bottom right;
	background-size: 8px;
	width: 10px;
	height: 14px;
	background-image: url('../images/rupeeIcon.jpg');
	display: inline-block;
	background-repeat: no-repeat;
}

.ui-dialog .ui-dialog-title .ui-icon {
	float: left;
	margin-right: 4px;
}

.msgErrCross {
	cursor: pointer;
}

/* Bread crumb Navigation Starts form here  */
#breadcrumb {
	font: 12px Arial, Helvetica, sans-serif;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee),
		color-stop(100%, #e1e1e1));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
	background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#eeeeee',
		endColorstr='#e1e1e1', GradientType=0);
	height: 30px;
	line-height: 30px;
	color: #9b9b9b;
	border: solid 1px #cacaca;
	width: 760px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border-radius: 3px;
	margin-bottom: 8px;
}

#breadcrumb li {
	list-style-type: none;
	float: left;
	padding-left: 10px;
}

#breadcrumb a {
	height: 30px;
	display: block;
	background-image: url('../images/breadCrumbDivider.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	text-decoration: none;
	color: #454545;
}

.home {
	border: none;
	margin: 8px 0px;
}

#breadcrumb a:hover {
	color: #0085cb
}

.wrapword {
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
}


/* CSS Default table style */
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table, thead, tbody, tfoot, tr, td, th, caption {
  display: block;
}

table {
    display: table;
    border-collapse: separate;
    border-color: gray
}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit
}

table > tr {
    vertical-align: middle;
}

col {
    display: table-column
}

colgroup {
    display: table-column-group
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}

td, th {
    display: table-cell;
    vertical-align: inherit
}

th {
    font-weight: bold
}

caption {
    display: table-caption;
    text-align: -webkit-center
}

#fixedFooter {
	position: fixed;
	bottom: 0px;
	width: 982px;
	height: 35px;
	background: none repeat scroll 0 0 #e1e2e2;
	color: #fff;
	font-size: 12px;
	bottom: 0;
	z-index: 2;
	opacity: 0.98;
	padding: 8px 1px;
	border-top: 1px dashed #000000;
}

.headcont {
	background: none repeat scroll 0 0 #0378C4;
	height: 25px;
	padding: 6px 1%;
	width: 98%;
	line-height: 25px;
	color: white;
}

.imageBox {
	width: 172px;
	height: 142px;
	float: left;
	margin: 8px;
}	
.specimenImage {
	width: 174px;
	height: 124px;
}

.signatureImage {
    height: 41px;
    width: 175px;
    margin-left: 13px;
}

.signatureBox {
	width: 110px;
	height: 50px;
	float: left;	
	margin-left:5px ;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(211, 211, 211, 0.8)
		url('../images/loading_main.gif') 50% 50% no-repeat;
}

body.loading {
	overflow: hidden;
}

body.loading .modal {
	display: block;
}
.headerList {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 12px;
	margin-top: 14px
}
.headerList li {
	float: left;
	margin: 0px;
	padding: 0px 3px;
	line-height: 12px;
}
.headerList li a {
	color: #F58634;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.headerList li a:hover {
	color: #369;
	text-decoration: underline;
}
.headerList li.user_Acc {
	background:url('../images/user_Acc.png') no-repeat 0 0px;
	height: 40px;
	width: auto;
	padding-left: 45px;
	line-height: 18px;
}
.fullContent{
	width: 980px;
	height: auto;
	float: left;
	border: 1px solid #c1c1c1;
    border-radius:5px; 
    padding: 5px;
}

/* Employee Basic info table style starts from here */
.empBasicInfo {
	width: 760px;
}
.empBasicInfo label {
	width: 142px;
	font-weight: normal;
	color: #272727;
	margin-left: 10px;
}
/*	divHeader for all div headers	*/
.divHeader{
	background: none repeat scroll 0 0 #A4C5E1;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}

.tableHeader {
	font-size: 12px;
	color: #2d2d2d;
	width: 100%;
	border-width: 0;
	border-collapse: collapse;
}

.tableHeader th {
	font-size: 12px;
	padding: 5px;
	text-align: left;
	padding-top: 8px;
	font-weight: normal;
	height:30;
}

.tableHeader td {
	font-size: 12px;
	padding: 5px;
	border-style: none;
	padding-top: 8px;
	font-weight: normal;
	height: 30;
}

.divContainer{
	padding: 4px;
    border: 1px solid #ccc;
}

.bgColour{
 background-color: #0378C4;
}

/** remove tdData class in jsp level and add c-tdData-bgcolor for member-Div and where ever used**/
.c-tdData-bgcolor{
	background-color: #C1E1F7;	
}
/*** Scroll To Top CSS **/
#back-to-top {
    position: fixed;
    cursor: pointer;
    bottom: 20px;
    right: 20px;
    padding: 5px;
    width: 55px;
    height: 70px;
    text-align: center;
    display: none;
    bottom: 10px;
    right: 2%;
}

/*** Scroll To Top CSS **/

.convrtDiv {
    border: 1px solid #0378C4;
    margin: 10px 0;
}
.headCont {
    background: none repeat scroll 0 0 #0378C4;
    height: 25px;
    padding: 10px 0 0;
    width: 100%;
}
.radioCont > .radioBox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    width: 20%;
}
.radioCont > .checkBox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 20%;
}

input[type="radio"] {
    width: 10px;
    height: 10px;
    background: none;
    box-shadow: none;
}

input[type="checkbox"] {
    margin: 0 10px;
    vertical-align: middle;
    width: auto;
    background: none;
	box-shadow: none;
}

.headCont > h3 {
    color: #FFFFFF;
    margin: 0 0 0 10px;
}

.c-button-div-container{
	float: right;
}

.c-anchorButton{
   /* border: 1px solid turquoise; */
    display: inline-block;
    text-decoration: none;
    font: 14px/100% Arial,Helvetica,sans-serif;
    padding: 5.5px 16px;
    /* text-shadow: 0 1px 1px rgba(0,0,0,.3); */
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #c3c2c2;
    color: #000000 !important;
}

.dynamicSectionHeading {
	color: #FFFFFF;
	background-color: #0378C4;
	height: 40px;
}

.dynamicSectionHeaderName{
    font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-left: 10px;
	margin-top: 0px;
}

.dynamicTableForm{
    margin-left: 15px;
}


.dynamicTableFormInput{
    width: 205px;
    height: 30px;
}

.dynamicOrange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.dynamicTableCss{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.leftViewDiv{
    float: left;
    width: 460px;
    background: antiquewhite;
    border-radius: 5px;
    min-height:340px;
    border: 1px solid black;
    border-collapse: collapse;
}

.rightViewDiv{
    float: right;
    width: 460px;
    background: antiquewhite;
    border-radius: 5px;
    min-height: 340px;
    border: 1px solid black;
    border-collapse: collapse;
}