body { color:#242424 !important; }



textarea {
    resize: none;
}
.content_wrap {
	background: none repeat scroll 0 0 #FFFFFF;
	float: left;
	padding: 1%;
	width: 98%;
}

.content_wrap .main { width:80%; }

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu * {
	margin: 0;
	padding: 0
}

ul.menu a {
	display: block;
	color: #000;
	text-decoration: none
}

ul.menu li {
	position: relative; /*float:left;*/
	margin-right: 2px;
	margin-top: 5px;
	z-index: 1
}

ul.menu ul {
	position: absolute;
	top: 0px;
	left: 176px;
	background: #d1d1d1;
	display: none;
	opacity: 0;
	list-style: none
}

ul.menu ul li {
	position: relative;
	border: 1px solid #aaa;
	border-top: none;
	width: 148px;
	margin: 0
}

ul.menu ul li a {
	display: block;
	padding: 3px 7px 5px;
	background-color: #d1d1d1
}

ul.menu ul li a:hover { background-color: #c5c5c5 }

ul.menu ul ul {
	left: 148px;
	top: -1px
}

ul.menu .menulink {
	border: 1px solid #aaa;
	padding: 8px;
	font-weight: bold;
	background: url(../images/menubg.jpg) repeat-x center bottom;
	width: 158px
}

ul.menu .menulink:hover, ul.menu .menuhover { background: url(../images/menubg_over.jpg) }

ul.menu .sub { background: #d1d1d1 url(../images/arrow.gif) 136px 8px no-repeat }

ul.menu .topline { border-top: 1px solid #aaa }

form {
	padding: 0px;
	margin: 0px;
}

.leftmenu {
	float: left;
	width:175px;
	height: auto;
	margin:0px 20px 0 0px;
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #DEDEDE;
}

.leftmenu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

.leftmenu ul li {
	border-top: 1px solid #E8E7E6;
	padding: 0px;
	position: relative;
	background: url("../images/left_menu_bg.jpg") repeat-y scroll right top transparent;
	border-left: 1px solid #DEDEDE;
}

.leftmenu ul li a {
	clear: both;
	color: #212A37;
	display: block;
	font-size: 11px;
	padding: 10px;
}

.leftmenu ul li ul.child-menu { display: none; }

/* .leftmenu ul li:hover ul.child-menu {
	display: block;
} */

.leftmenu li ul.child-menu {
	clear: both;
	height: auto;
	/* position: absolute; */
	top: 100%;
	width: 150;
	top:0px;
	z-index: 10000;
}

.leftmenu li ul.child-menu li {
	clear: both;
	cursor: pointer;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
	vertical-align: middle;
	width: 100%;
	background-image: none;
	border-left:0px;
}

.leftmenu li ul.child-menu li a {
	color: #000000;
	display: block;
	padding-left:20px;
	background: url("../images/left_menu_arrow.png") no-repeat scroll  7px 14px transparent;
}

.leftmenu li ul.child-menu li:first-child a { }

/* .leftmenu li ul.child-menu li:hover {
	background: none repeat scroll 0 0 #38a929;
	box-shadow: none;
} */

.leftmenu li ul.child-menu li:hover a { color: #3B5998; background: url("../images/left_menu_arrow.png") no-repeat scroll  7px 14px transparent; }

.leftmenu li a:hover, .leftmenu ul li a.active {
	background: none repeat scroll 0 0 #000;
	box-shadow: none;
}

.leftmenu ul li a .arrow {
	background: url("../images/colspaned_menu.png") no-repeat scroll right center transparent;
	float: right;
	height: 13px;
	width: 13px;
	background-position: top;
}

.leftmenu ul li a.active .arrow {
	background: url("../images/colspaned_menu.png") no-repeat scroll right center transparent;
	float: right;
	height: 13px;
	width: 13px;
	background-position: 0px -13px;
}

.leftmenu li:hover a, .leftmenu ul li a.active { color: #fff; }

.newUnit {
	font-size: smaller;
	background-color: #00CC00;
	width: 40px;
	height: 40px;
	border: 1px solid 00CC00;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.newUnit a { color: #FFFFFF }

.text { color: #FFFFFF }

.unDefinedUnit {
	background: #dadada url(../images/questionmark.jpg) no-repeat center  center;
	color: #999999;
	border: 1px solid 999999;
	width: 40px;
	height: 40px;
	font-size: smaller;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.soldUnit {
	font-size: smaller;
	background-color: #FF0000;
	/* height: 100px; */
	border: 1px solid 000000;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	/* width:100px; */
}

.holdUnit {
	font-size: smaller;
	background-color: #FFFF00;
	width: 40px;
	height: 40px;
	border: 1px solid FF0000;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.selectAllUnit {
	font-size: smaller;
	background-color: #2C467E !important;
	width: 40px;
	height: 40px;
	border: 1px solid FF0000;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color:#fff;
}

.soldUnit a, .holdUnit a { color: #000000; }

.main {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	min-height: 580px;
}

.customerListDiv {
	float: left;
	margin-top: 30px;
	line-height: 12px;
	margin-bottom: 18px;
}

.customerListDiv select { width: 135px; }

.pageTitle, .pageTitle a {
	font-size: 16px;
	font-weight: normal;
	padding:7px 0px;
	margin-bottom: 15px;
	text-align: center;
	color:#fff;
}

.successMsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	height: 20px;
	line-height: 12px;
	margin-bottom: 15px;
	text-align: center;
	color: #ff842a;
}

.pageTitle span { margin: 7px }

.submit { margin-top: 20px; }

.company .addCompany { margin-top: 35px }

.companyList {
	width: 190px;
	margin-top: 0px;
}

.main .projectList { margin: 0px; }

.main .projectList .showCompany { margin-bottom: 15px }

.main .projectList .showProject { margin-bottom: 15px }

.main#mainPrint { width: 965px; }

body .main#mainPrint { font-size: 12px; }

.main .items {
	text-align: center;
	width: 100%;
	border: 1px solid #DDDDDD;
	float: left;
	padding:1px;
	margin:10px 0px;
}

.main .items td {
	background-color: #F9F9F9;
	padding:10px;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
}

.main .items td:first-child { border-left: 0 none; }

.main .items td#leftSpace, .itemsTable td#leftSpace, .balanceBlock#discount td#leftSpace {
	padding: 3px;
	padding-left: 6px;
}

.main .items td#rightSpace, .itemsTable td#rightSpace { padding-right: 6px; }

.main .items td a { color: #3B5998; }

.main .items .odd { background-color: #fff; }

.main .items .pdcTransaction td { background-color: rgb(255, 222, 231); }

.main .items .refundTransaction td { background-color: rgb(170, 212, 255); }

.itemsTable {
	text-align: center;
	width: 100%
}


.itemsTable td {
    background-color: #FFFFFF;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    padding:7px 5px;
    text-align: center;
}


.itemsTable td:first-child,
.itemsTable th:first-child { border-left:0px;}

.itemsTable th {
	background-color: #F9F9F9;
	padding:7px 5px;
	border-left: 1px solid #DDDDDD;
}


.tableCustomer { font-size: 11px }

.tableCustomer a { margin-right: 9px; }

.bookedDetailsTab { text-align: left; }

.bookedDetailsTab td { width: 25% }

.subBookedDetailsTab { text-align: left; }

.subBookedDetailsTab td { width: 50% }

.subBookedDetailsTab td select {
	width: 200px;
	margin-right: 13px;
	float: right
}

.subBookedDetailsTab td #presentPinCode {
	margin-right: 13px;
	float: right
}

.subBookedDetailsTab td #pinCode {
	margin-right: 13px;
	float: right
}

.paymentTable { text-align: left }

.paymentTable td {
	width: 203px;
	padding-bottom: 5px
}

.paymentTabledgds select { width: 180px }

.rightTD { width: 180px }

.rightTD select { width: 166px }

.rightTD input { width: 162px }

.rightTD .dateInput { width: 160px }

.main .projectList .addProjectbutton { margin: 10px }

.main .projectList .addPropertybutton { margin: 20px }

.main #setInfoDiv { margin: 10px 5px 10px 0px }

.main #infoDiv table { width: auto; }

.spanLeft {
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin-left: 240px;
	width: 125px;
}

.spanAmount {
	font-size: 12px;
	font-weight: normal;
}

.spanRight {
	float: none;
	font-size: 14px;
	margin: 0px 0px 0px 5px;
	color: #3FB230;
	font-weight: bold
}

.spanPhase {
	float: none;
	font-size: 14px;
	margin: 0px 0px 0px 35px;
	color: #FF842A
}

.header {
	/*height: 111px;
	width: 100%;
	float: left;
	background:url(../images/manglamHeader.jpg) no-repeat center; 
	background-image: url(../images/top-background-1px.jpg);
	background-repeat: repeat-x;*/
}

/* header form relate */
.headerForm {
	background:none repeat scroll 0 0 #EEEEEE;
	text-align: right;
	height: 25px;
	padding: 10px;
	border-bottom: #999999 1px solid;
	font-weight: bold;
	font-size: 11px;
	display:blcok;
	clear:both;
}

.headerForm .spanBlock a { color:#324653; }

.headerForm form.selectForm {
	float:left;
	width:100%;
}

.breadcrumbDiv {
	width:80%;
	float:left;
	padding: 8px 0px;
	margin: 0 0 20px;
	list-style: none;
	font-size:13px;
}

.breadcrumbDiv a { color:#3B5998; }

.breadcrumbDiv span { padding:0px 15px; }

.headerForm select { padding:3px; }

/* .selectForm{float:left;height: 35px}*/
.showMessage {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 30px;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	background: url(../images/alert.gif) no-repeat left center;
}

.login {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 20px;
}

.loginUser { }

.spansubLeft {
	float: left;
	width: 125px;
}

.spansubRight {
	width: 290px;
	float: left;
}

.cityForm {
	width: 500px;
	float: left
}

.deleteCityForm { margin-top: 249px; }

.showTable { padding-top: 25px; }

.showTable .tableHeader {
	width: auto;
	font-weight: bold;
}

.addUnitButton { margin: 0px 15px 5px 15px }

.addUnit {
	margin: 0px 15px 0px 21px;
	text-align: center;
}

#deleteUnit { margin-left: 10px }

.bookDiv {
	text-align: center;
	margin: 25px 15px 45px 5px;
}

.balanceBlock {
	background-attachment: scroll;
	background-color: #E0E3E8;
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	word-spacing: 2px;
}

.balanceBlock#discount {
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
}

.balanceBlock#printBalance { font-size: 10px; }

.highlight { font-weight: bold; }

#detailTable { margin: 3px 0; }

.mainDiv {
	float: left;
	height: auto;
	width: 100%;
}

/* buttons */
input[type=submit] {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: -moz-linear-gradient(top, #444444, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image: -webkit-linear-gradient(top, #444444, #222222);
	background-image: -o-linear-gradient(top, #444444, #222222);
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color:#222222;
filter:progid:DXImageTransform.Microsoft.gradient(enabled= false);
	color: #FFFFFF;
	font-weight: normal;
	outline: medium none;
	width: auto;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius: 1px;
	cursor:pointer;
}

.button {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #686165;
	background-image: -moz-linear-gradient(top, #848484, #686762);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#848484), to(#686762));
	background-image: -webkit-linear-gradient(top, #848484, #686762);
	background-image: -o-linear-gradient(top, #848484, #686762);
	background-image: linear-gradient(to bottom, #848484, #686762);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff848484', endColorstr='#ff686762', GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color:#51a351;
filter:progid:DXImageTransform.Microsoft.gradient(enabled= false);
	color: #FFFFFF;
	font-weight: normal;
	outline: medium none;
	width: auto;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius: 1px;
	cursor:pointer;
}

.buttons,  .activatedButton {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #4e6599;
	background-image: -moz-linear-gradient(top, #647aab, #2c467e);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#647aab), to(#2c467e));
	background-image: -webkit-linear-gradient(top, #647aab, #2c467e);
	background-image: -o-linear-gradient(top, #647aab, #2c467e);
	background-image: linear-gradient(to bottom, #647aab, #2c467e);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff647aab', endColorstr='#ff2c467e', GradientType=0);
	border-color: #2c467e #2c467e #182745;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color:#2c467e;
filter:progid:DXImageTransform.Microsoft.gradient(enabled= false);
	color: #fff;
	outline: medium none;
	font-weight: normal;
	outline: medium none;
	width: auto;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius: 1px;
	cursor:pointer;
}

.activatedButton { }

.button:hover, .buttons:hover, input[type=submit]:hover, .activatedButton:hover {
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
	color: #fff;
	outline: medium none;
}

.button:active {
	position:relative;
	top:1px;
}

.headerForm .button {
	margin-top: 0px;
	padding:2px 7px 5px 7px;
	font-size:12px;
}

.errorMessage { color: red }

.digitToWords {
	color: blue;
	width: 146px;
	float: left;
}

.dateErrorMessage {
	color: red;
	float: right;
	padding-right: 86px;
}

#showDocument { margin-top: 5px }

.seperator {
	height: 20px;
	margin: 15px
}

.unitArea {
	text-align: center;
	font-size: 10px;
	color: Black;
}

.unitCategory {
	text-align: center;
	font-size: 10px;
	color: Blue;
}

.unitBlock {
	font-size: smaller;
	width: 25px;
	border: 1px solid pink
}

.unitCheckBox {
	vertical-align: top;
	text-align: center
}

.greenText {
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: Green;
}

.redText {
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: Red;
}

.blackText {
	text-align: center;
	font-size: 10px;
	color: Black;
}

.addTD {
	width: 50%;
	padding-bottom: 15px;
}

.addList {
	width: 670px;
	font-size: 13px;
}

.content {
	width: 750px;
	text-align: center;
}

.printTab { padding: 20px 10px }

.showTable { }

.showAdd {
	padding: 20px 20px 20px 230px;
	align: center;
}

.clear{ height:0; clear:both;}
.clearDiv {
	clear: both;
	height: 5px
}

.clearTab {
	clear: both;
	height: 2px;
	line-height: 6px
}

.clearCust { padding-bottom: 130px; }

/* home page */
.symbol {
	float: right;
	border:1px solid #DDDDDD;
	padding:5px;
}

.unitSymbolDiv {
	float: left;
	width: 250px;
}

.noDueUnitSymbolSpan {
	background-color: #37a929;
	width: 100px;
	height: 15px;
	color: #E4CCD6
}

.previousDueUnitSymbolSpan {
	background-color: #e00b00;
	width: 100px;
	height: 15px;
	color: DarkGray
}

.dueUnitSymbolSpan {
	background-color: #5050CC;
	width: 100px;
	height: 15px;
	color: DarkGray
}

.undefinedUnitSymbolSpan {
	background-color: #dadada;
	width: 100px;
	height: 15px;
	color: #6699CC
}

.status { text-align: left }

/* end of home page */ /* search page */
.searchDiv select {
	text-align: left;
	width: 125px;
	margin-right: 6px;
	margin-top: 5px
}

.searchDiv input {
	text-align: left;
	width: 125px;
	margin-right: 6px;
	margin-top: 5px
}

/* end of search page */
.main .showSelect { margin-bottom: 15px }

.readOnlyInput { border: #ffffff 1px solid; }

.checkboxList { float: left; }

.mainForCust {
	float: left;
	margin-top: 15px;
	line-height: 12px;
	width: 750px;
	margin-bottom: 10px;
	min-height: 80px;
}

.showMessageForCompany {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 220px;
	float: left;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
	background: url(../images/alert.gif) no-repeat center;
}

.rightAlign { float: right }

.padLeft { padding-left: 70px; }

.gapButton { padding-left: 25px; }

.balanceBlock .padLeft { padding-left: 28px; }

.cashStyle {
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
}

.cashStyleText {
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin-left: 209px;
	text-align: right;
	width: 90px;
}

.cashStyleReportText {
	float: left;
	font-size: 12px;
	font-weight: normal;
	padding-left: 300px;
	text-align: right;
	width: 90px;
}

.selectBox { padding-left: 5px; }

.padCenter { padding-left: 140px; }

.dateAlign {
	font-size: 12px;
	font-weight: normal;
	line-height: 0px
}

.showProject .spanLeft { padding-top: 4px }

.selectClass select {
	text-align: left;
	width: 125px;
	margin-right: 6px;
	margin-top: 5px
}

.selectClassBig select {
	text-align: left;
	width: 200px;
	margin-right: 6px;
	margin-top: 5px
}

.fontShow { font-size: 14px; }

.header img { vertical-align: bottom; }

.checkOverFlow {
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 20px;
	width: 100%
}

.filterCustomerTable { padding: 0px }

.filterCustomerTable select { width: 135px; }

.filterCustomerTable input { width: 130px; }

#cashflowForm { line-height: 12px; }

.manageHeight { line-height: 12px; }

.reportDefaulter, .dueReport, .filterClass {
	float: left;
	width: 800px;
}

.defaulterElement, .dueElement {
	float: left;
	width: 130px;
}

.excelButton {
	width: 750px;
	padding: 20px 20px 20px 0px;
}

.filter, .dueFilter {
	padding: 0px;
	width: 650px;
}

.filter input, .filter select, .projectGroup select { width: 135px; }

.projectGroup #projectId { width: 175px; }

.recoveryFilter select { width: 135px; }

.recoveryFilter input { width: 115px; }

#goButton { width: 50px }

.colTD { width: 75px }

.receipt { line-height: 15px; }

#toDateSpan, #fromDateSpan { line-height: 19px; }

#transferDiv { width: 775px; }

.cellWidth { width: 225px; }

.alignLeft {
	float: left;
	padding-left: 5px;
}

.login_box { }

.login_box .loginHeader {
	background: #053A4A none repeat scroll 0 0;
	border-left: 1px solid #DCEAED;
	border-right: 1px solid #DCEAED;
	color: #FFFFFF;
	padding: 10px;
}

.login_box .body {
	border-left: 1px solid #DCEAED;
	border-right: 1px solid #DCEAED;
}

.login_box .footer {
	border-bottom: 1px solid #DCEAED;
	border-left: 1px solid #DCEAED;
	border-right: 1px solid #DCEAED;
}

.error_msg {
	background: transparent url(../images/alert.gif) no-repeat scroll 0 0;
	color: #FF0000;
	padding: 10px 10px 10px 35px;
	text-align: left;
	width: 60%;
	font-weight: bold;
}

.listBox { width: 200px; }

table.items { border-collapse: separate; }

.inputWidth { width: 80px; }

.inputShortWidth { width: 32px; }

.tableStyle {
	border-bottom: 1px solid #FF842A;
	width: 100%;
	margin-bottom: 15px;
	height: 20px;
}

.bookingInputWidth { width: 141px; }

.bookingSelectWidth { width: 144px; }

.bookingInputAlign { vertical-align: middle; }

.categoryInpurWidth { width: 200px; }

table#editTable td { padding: 3px }

table#editTable td input { width: 200px; }

table#editTable td select { width: 204px; }

table#editTable td textarea { width: 200px; }

table#editTable td input.button { width: 75px; }

.xstooltip {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	color:white;
	margin-top:20px;
	font-weight:normal;
	font-size:11px;
	padding: 3px;
	border: solid 1px;
	background-repeat: repeat;
	background-color: #2C467E;
	text-align: left;
}

.customerFormRadio {
	margin-left: opx;
	vertical-align: text-bottom;
}

* html .customerFormRadio {
	margin-left: opx;
	vertical-align: middle;
}

.newBookingDiv { }

.newBookingShortInfoTable {
	margin-bottom: 10px;
	color: #ff842a;
	text-align: left
}

.lineDiv {
	border-bottom: 1px solid #D5D8D8;
	width: 100%;
	margin-bottom: 10px
}

.firmBooking { text-align: left }

.firmBooking td { padding-bottom: 5px }

.firmBookingLeftTD { width: 100px; }

.bookingConfirmation {
	width: 400px;
	text-align: left
}

.bookingConfirmation td {
	padding-bottom: 5px;
	margin-top: 15px
}

.bookingConfirmation .leftTD { width: 150px }

.onTodayDiv {
	width: 230px;
	float: right;
	border: 1px solid #D5D8D8;
}

.onTodayDiv div { margin: 5px 2px 20px 2px }

.onTodayTable { width: 100% }

.onTodayTable tr {
	background-color: #D5D8D8;
	height: auto;
}

.onTodayTable td { padding: 3px; }

.onTodayTable a { text-decoration: none; }

.rightColumn { font-size: 10px; }

.customerDetailViewTable td {
	padding: 10px;
	text-align: left;
}

.customerDetailViewTable .leftTD { width: 110px; }

.subCustomerDetailViewTable .leftTD { width: 122px; }

.timeSpanDiv {
	float: right;
	margin-top: 40px;
	margin-right: 20px;
}

#timeSpan {
	color: #949292;
	font-weight: bold;
}

.receiptTable td { text-align: left; }

table#editTable td .optionsProject input { width: 15px }

table#editTable td .optionsProject#mtnChrgeProject { padding-left: 208px; }

.reportSelect { width: 175px; }

.trigger {
	border: 1px solid #FFFFFF;
	background-image: url(../images/calicon.jpg);
	width: 17px;
}

.cashFlowAlign { text-align: left; }

form#area_stmt #tblArea input { width: 80px; }

form#area_stmt .subTn {
	float: right;
	padding-top: 10px;
}

.formWrap {
	width:50%;
	margin: 0px auto;
}

.RowWrap {
	display:inline-block;
	width:100%;
	clear:both;
	margin:5px 0px;
}

.RowWrap label {
	float:left;
	width:160px;
	text-align:left;
}

.RowWrap input, .RowWrap select {
	float:left;
	width:160px;
	text-align:left;
}

.RowWrap .button {
	width:auto;
padding 5px 10px;
	margin-right:10px;
}

.RowWrap .trigger, .RowWrap .trigger1 {
	float:left;
	margin-left:5px;
}

/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/ /* The main calendar widget.  DIV containing a table. */
div.calendar { position: relative; }

.calendar, .calendar table {
	border: 1px solid #bdb2bf;
	font-size: 11px;
	color: #000;
	cursor: default;
	z-index: 10020;
	background: url("../images/normal-bg.gif");
	font-family: "trebuchet ms", verdana, tahoma, sans-serif;
}

.calendar { border-color: #797979; }

/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
	text-align: center; /* They are the navigation buttons */
	padding: 2px; /* Make the buttons seem like they're pressing */
	background: url("../images/title-bg.gif") repeat-x 0 100%;
	color: #000;
	font-weight: bold;
	border-radius:0px;
}

.calendar .nav { font-family: verdana, tahoma, sans-serif; }

.calendar .nav div { background: transparent url("../images/menuarrow.gif") no-repeat 100%  100%; }

.calendar thead tr {
	background: url("../images/title-bg.gif") repeat-x 0 100%;
	color: #000;
}

.calendar thead .title { /* This holds the current "month, year" */
	font-weight: bold; /* Pressing it will take you to the current date */
	text-align: center;
	padding: 2px;
	background: url("../images/title-bg.gif") repeat-x 0 100%;
	color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */ }

.calendar thead .name { /* Cells <TD> containing the day names */
	border-bottom: 1px solid #797979;
	padding: 2px;
	text-align: center;
	color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */ color: #c44; }

.calendar thead .hilite {
	/* How do the buttons in header appear when hover */
	background: url("../images/hover-bg.gif");
	border-bottom: 1px solid #797979;
	padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
	background: url("../images/active-bg.gif");
	color: #fff;
	padding: 3px 1px 0px 3px;
	border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */ background: url("../images/dark-bg.gif"); }

/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */
	font-family: verdana, tahoma, sans-serif;
	width: 2em;
	color: #000;
	text-align: right;
	padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #999;
}

.calendar tbody .day.othermonth.oweekend { color: #f99; }

.calendar table .wn {
	padding: 2px 3px 2px 2px;
	border-right: 1px solid #797979;
	background: url("../images/dark-bg.gif");
}

.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn { background: url("../images/rowhover-bg.gif"); }

.calendar tbody td.today { font-weight: bold;/* background: url("today-bg.gif") no-repeat 70% 50%; */
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
	background: url("../images/hover-bg.gif");
	padding: 1px 3px 1px 1px;
	border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */ padding: 2px 2px 0px 2px; }

.calendar tbody td.weekend { /* Cells showing weekend days */ color: #c44; }

.calendar tbody td.selected { /* Cell showing selected date */
	font-weight: bold;
	border: 1px solid #797979;
	padding: 1px 3px 1px 1px;
	background: url("../images/active-bg.gif");
	color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
	visibility: hidden; }

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
	display: none; }

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
	text-align: center;
	background: #565;
	color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	padding: 2px;
	background: url("../images/status-bg.gif") repeat-x 0 0;
	color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
	background: #afa;
	border: 1px solid #084;
	color: #000;
	padding: 1px;
}

.calendar tfoot .active {
	/* Active (pressed) style for buttons in footer */
	background: #7c7;
	padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	cursor: default;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #797979;
	background: url("../images/normal-bg.gif");
	color: #000;
	z-index: 100;
	font-size: 90%;
}

.calendar .combo .label, .calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}

.calendar .combo .label-IEfix { width: 4em; }

.calendar .combo .hilite {
	background: url("../images/hover-bg.gif");
	color: #000;
}

.calendar .combo .active {
	background: url("../images/active-bg.gif");
	color: #fff;
	font-weight: bold;
}

.calendar td.time {
	border-top: 1px solid #797979;
	padding: 1px 0px;
	text-align: center;
	background: url("../images/dark-bg.gif");
}

.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
	padding: 0px 5px 0px 6px;
	font-weight: bold;
	background: url("../images/normal-bg.gif");
	color: #000;
}

.calendar td.time .hour, .calendar td.time .minute { font-family: monospace; }

.calendar td.time .ampm { text-align: center; }

.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.calendar td.time span.hilite {
	background: url("../images/hover-bg.gif");
	color: #000;
}

.calendar td.time span.active {
	background: url("../images/active-bg.gif");
	color: #fff;
}

/* for top menu bar */

#topmenubar {
	width: auto;
	float: left;
	margin: 0 0 3em 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE );
}

#topmenubar li { float: left; }

#topmenubar li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #ccc;
}

#topmenubar li ul {
	display: none;
	width: auto;
}

#topmenubar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}

/*end*/

/* for input forms */


/* for info table/form */

.infoClass {
	/*background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC),  to(#EEEEEE) );
	background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
	border: 1px solid #999;
	border: inset 1px solid #333;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);*/
	padding: 10px;
	width: auto;
	height: auto;
	margin: auto;
	font-family: verdana;
	font-size: 11px;
	font-style: italic;
	line-height: 24px;
	font-weight: bold;
	color: #000000;
}

.amountClass {
	font-weight: bold;
	float:right;
	padding-top: 5px;
	padding-bottom: 5px;
	clear:both;
}

.reportFilterClass { font-weight: bold; }

.completeWidth { width: 100% !important }

.width_100 { width: 100px; }

.width_250 { width: 250px; }

.navigation { width: 100%; }

table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

/* admin comman css */


.breadcrumbDiv, .inputform, .login_box, .right-block, .customerDetailViewTable, .infoClass,
.document_download_file li{
	background-color: #ffffff;
	border: 1px solid #c4c5c9;
	-webkit-box-shadow: 0px 0px 1px rgba(196, 197, 201, 0.75);
	-moz-box-shadow: 0px 0px 1px rgba(196, 197, 201, 0.75);
	box-shadow: 0px 0px 1px rgba(196, 197, 201, 0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.box-block {
	background-color: #ffffff;
	border: 1px solid #c4c5c9;
	-webkit-box-shadow: 0px 0px 1px rgba(196, 197, 201, 0.75);
	-moz-box-shadow: 0px 0px 1px rgba(196, 197, 201, 0.75);
	box-shadow: 0px 0px 1px rgba(196, 197, 201, 0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

select, textarea, .headerForm select, .inputform input, input[type="text"],input[type="password"], .popup-body .aui-field-block input {
	background-color: #ffffff;
	border: 1px solid #bdc7d8;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 -webkit-transition: border linear .2s, box-shadow linear .2s;
 -moz-transition: border linear .2s, box-shadow linear .2s;
 -o-transition: border linear .2s, box-shadow linear .2s;
 transition: border linear .2s, box-shadow linear .2s;
	padding:4px;
}

.ds_box .ds_header,
.pageTitle, .pageTitle a, .ui-widget-header, .main .items th, table.dataTable thead th {
	/*background-color: #4e6599;
	background-image: -moz-linear-gradient(top, #647aab, #2c467e);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#647aab), to(#2c467e));
	background-image: -webkit-linear-gradient(top, #647aab, #2c467e);
	background-image: -o-linear-gradient(top, #647aab, #2c467e);
	background-image: linear-gradient(to bottom, #647aab, #2c467e);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff647aab', endColorstr='#ff2c467e', GradientType=0);
	border-color: #2c467e #2c467e #182745;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color:#2c467e;
filter:progid:DXImageTransform.Microsoft.gradient(enabled= false); */


color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #686165;
	background-image: -moz-linear-gradient(top, #848484, #686762);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#848484), to(#686762));
	background-image: -webkit-linear-gradient(top, #848484, #686762);
	background-image: -o-linear-gradient(top, #848484, #686762);
	background-image: linear-gradient(to bottom, #848484, #686762);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff848484', endColorstr='#ff686762', GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color:#51a351;
filter:progid:DXImageTransform.Microsoft.gradient(enabled= false);
	color: #FFFFFF;
	
	
}

.ui-widget-header {
	height:28px;
	color: #fff;
	font-weight: bold;
	font-size:11px;
}

.deactivatedButton {
	display: inline-block;
*display:inline;
*zoom:1;
	padding: 5px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f0f1f6;
	background-image: -moz-linear-gradient(top, #fafbfe, #e0e3ea);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafbfe), to(#e0e3ea));
	background-image: -webkit-linear-gradient(top, #fafbfe, #e0e3ea);
	background-image: -o-linear-gradient(top, #fafbfe, #e0e3ea);
	background-image: linear-gradient(to bottom, #fafbfe, #e0e3ea);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafbfe', endColorstr='#ffe0e3ea', GradientType=0);
	border-color: #e0e3ea #e0e3ea #b2bacb;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color:#e0e3ea;
filter:progid:DXImageTransform.Microsoft.gradient(enabled= false);
	border: 1px solid #bdbec0;
*border:0;
	border-bottom-color: #a3a4a7;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
*margin-left:.3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

.deactivatedButton:hover {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
	outline: medium none;
}

/* login block */

.inputform .aui-field-label, .login_box .aui-field-label {
	font-weight:bold;
	font-size:11px;
	width:150px;
	float:left;
	padding: 7px 0;
}

.login_box {
	margin:50px auto;
	width: 410px;
	overflow:hidden;
	padding:2px 1px;
}

.login-inner-block {
	padding: 20px 0px;
	overflow:hidden;
}

.systemSettingForm { padding:20px; }

.inputform {
	margin: auto;
	width: 425px;
	overflow:hidden;
	padding-top: 20px;
}

.inputform .aui-field-block, .login_box .aui-field-block {
	clear:both;
	padding:5px 20px;
}

.inputform input, .login_box input, .inputform textarea, .inputform select { width:200px; }

.inputform .submit input[type="submit"], .login_box .submit input[type="submit"] {
	float: right;
	margin-right: 6px;
	padding: 5px 15px;
	width: auto;
}

.inputform .aui-field-element .errorMessage {
	color: red;
	float: left;
	margin-left: 150px;
	padding: 5px 0;
	clear:both;
}

.login_box .error_msg { width:90%; }

input.button {
	padding:4px 5px;
	width:auto;
}

input[type="radio"], input[type="checkbox"] { width:auto !important; }

.main .items th {
	/* background: url("../images/headerTitleBGBlue.png") repeat scroll 0 0 transparent; */
	color: #FFFFFF;
	border-right: 1px solid #b4b4b4;
	padding:10px 5px;
}

.main .items th { /*color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); */ }

.edit,  .delete {
	display: inline-block;
 *display: inline;
	padding: 4px 12px;
	margin-bottom: 0;
 *margin-left: .3em;
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
 *background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
 *border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 *zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.edit:hover, .delete:hover, .edit:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*emailEdit */

.emailEdit .aui-field-block .titleName,
.EditSms  .aui-field-block .titleName {
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 0;
	width: 100px;
}

.emailEdit .aui-field-block,
.EditSms  .aui-field-block {
	clear: both;
	margin: 10px 0;
}

.emailEdit .slide-details,
.EditSms .slide-details {
	width:180px;
	float:left;
	padding:5px;
}

.emailEdit .slide-details ul,
.EditSms  .slide-details ul {
	padding:0px;
	margin-left:1.5em;
	margin-top:0px;
}

.emailEdit .slide-details ul li,
.EditSms  .slide-details ul li {
	clear:both;
	color:#34a626;
	line-height:24px;
}

.emailEdit .slide-details ul li a,
.EditSms  .slide-details ul li a {
	clear:both;
	color:#324653;
	line-height:20px;
}

.emailEdit .slide-details ul li a:hover,
.EditSms  .slide-details ul li a:hover
 { color:#34a626; }

.emailEdit .right-block {
	float:right;
	padding:15px;
	width:78%;
}

.btn-block {
	clear:both;
	margin:10px auto;
	text-align: center;
}

/* Overlay */
#simplemodal-overlay {
	background-color: #000;
	cursor: url(http://www.example.com/bar.gif);
}

/* Container */
#simplemodal-container {
	width: 60%;
	position: absolute !important;
	top:20% !important;
	position: fixed;
	z-index: 1050;
	background-color: #ffffff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.3);
 *border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}

.simplemodal-wrap { overflow:visible !important; }

#simplemodal-container .simplemodal-data { width:auto !important; }

#simplemodal-container code {
	background: #141414;
	border-left: 3px solid #65B43D;
	color: #bbb;
	display: block;
	font-size: 12px;
	margin-bottom: 12px;
	padding: 4px 6px 6px;
}

#simplemodal-container a { color: #ddd; }

#simplemodal-container a.modalCloseImg {
	background: url(../images/x.png) no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -16px;
	cursor: pointer;
}

#simplemodal-container h3 { color: #84b8d9; }

.popup-body {
	width:60%;
	margin:auto;
	height:350px;
	overflow:auto;
}

.popup-body .aui-field-block {
	clear:both;
	margin:10px 0px;
}

.popup-body .aui-field-block .aui-field-label {
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 7px 0;
	width: 150px;
}

.popup-body .aui-field-block .errorMessage {
	color: red;
	float: left;
	margin-left: 150px;
	padding: 5px 0;
	clear:both;
}

.popup-body .aui-field-block input, .popup-body .aui-field-block textarea, .popup-body .aui-field-block select { width:250px; }

.popup-header {
	border-bottom: 1px solid #EEEEEE;
	padding: 9px 15px;
	font-size:22px;
	margin-bottom:20px;
}

.popup-footer, .inputform-footer {
	padding: 14px 15px 15px;
	margin-top:20px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
 *zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}

.heightAauto { height:auto !important; }

.header_society .login-btn {
	background: url("../images/login_btn.jpg") repeat-x scroll 0 0 transparent;
	border: 0 none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 5px 15px 7px 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	margin: 0px 5px;
}

.checkOverFlow table.items td.soldUnit { border:1px solid #ddd !important;}

/* widget */
.widget { margin-top: 0px;
  margin-bottom: 25px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 2px rgba(196, 197, 201, 0.75);
  -moz-box-shadow: 0px 1px 2px rgba(196, 197, 201, 0.75);
  box-shadow: 0px 1px 2px rgba(196, 197, 201, 0.75);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-top: 1px solid rgba(196, 197, 201, 0.32);}

.widget .header {
  min-height: 30px;
  padding: 4px 10px;
  margin-bottom: 0;
  width: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 1px #C2C2C2;
  background-color: #F7F7F7;
  -webkit-border-top-left-radius: 1px;
  -moz-border-radius-topleft: 1px;
  border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 1px;
  -moz-border-radius-topright: 1px;
  border-top-right-radius: 1px;
  
 }
 .widget .header span{
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin: 5px 0;
    padding: 0;
}
.table-condensed { padding:12px;}

.width500 { width:500px;}
.width400 { width:400px;}

 .widget table#editTable td,
 .widget td   {background-color: #ffff;  border-bottom: 1px solid #DDDDDD; padding:10px;}
 

 
 .widget table#editTable td.border-none,
 .widget  td.border-none {border:0 none;}
 
.simplemodal-data .sms-popup-content {width:75%; margin:20px auto;}
.simplemodal-data  .sms-popup-content label.titleName,
.simplemodal-data .emailEdit.sms-popup-content  .aui-field-block .titleName{padding:0px; font-weight:bold;}
.bottom-btn-block {  float: right;}
.bottom-btn-block .add-bank {  float: left; margin-right:5px;}
.fullWidth {width:100%;  margin: 10px 0;}

.aui-field-right {float:left; margin:5px 10px 5px 0px;}

.aui-field-right .aui-field-label {
    clear: both;
    display: block;
    float: none;
}
 .ui-datepicker-trigger{    
	margin-left: 5px;
    margin-top: 4px;
    top: 2px;}
.aui-right-content  .remove-icon {float: left;
	position: relative;
    top: 30px;}
 .width675 {width:675px !important;}
 .width675  .addButton {clear:both;}
 
 
 .inputform.add_poll_form .aui-field-label,
.inputform.add_ticket_form .aui-field-label{ width:200px;}
.inputform.add_ticket_form .inputform-footer{ text-align:left;}

.add_poll_form .inputform-footer input.submit_btn,
.inputform.add_ticket_form .inputform-footer input.button{margin-left:205px;}

.add_poll_form .inputform-footer input.button,
.userProfileAccordion .ui-accordion-content input.button,
.inputform.add_ticket_form .inputform-footer input.button{   background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color:#51a351;
filter:progid:DXImageTransform.Microsoft.gradient(enabled= false); min-width:100px;} 

.uploadTicketDiv{ padding-top:10px;}
.add_ticket_form .uploadTicketDiv .aui-field-label{ text-align:left; padding-left:20px;} 
.inputform.add_ticket_form input[type="radio"]{ border:0; vertical-align:bottom; vertical-align:middle\0/;}

.add_ticket_form textarea{ width:192px\0/; overflow:auto;}

.inputform.add_ticket_form .errorMessage{ margin-left:196px; float:none; display:block; clear:both;}

#accordion.userProfileAccordion{ width:auto!important; padding:10px!important; border:1px solid #C4C5C9;}
.userProfileAccordion.ui-accordion .inputform{ padding-top:5px; border:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;  }
.userProfileAccordion.ui-accordion .ui-accordion-header{

	background-color: #4e6599;
		background-image: -moz-linear-gradient(top, #647aab, #2c467e);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#647aab), to(#2c467e));
		background-image: -webkit-linear-gradient(top, #647aab, #2c467e);
		background-image: -o-linear-gradient(top, #647aab, #2c467e);
		background-image: linear-gradient(to bottom, #647aab, #2c467e);
		background-repeat: repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff647aab', endColorstr='#ff2c467e', GradientType=0);
		border-color: #2c467e #2c467e #182745;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color:#2c467e;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled= false);
   padding-left:20px; color:#fff;
 
  }
 
 
.userProfileAccordion.ui-accordion .ui-accordion-header .ui-icon{ left:0.3em;}
.userProfileAccordion.ui-accordion .ui-accordion-header.ui-state-active{
    background-color: #5bb75b;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
}

.userProfileAccordion .ui-accordion-content .inputform .aui-field-block{ padding-left:0;}
.userProfileAccordion .ui-accordion-content .aui-field-label{ width:200px;}
.userProfileAccordion .ui-accordion-content{ width:auto;}
.userProfileAccordion .ui-accordion-content input.button{ min-width:100px;}

.userProfileAccordion .ui-accordion-content table.items{ padding:0;}
.userProfileAccordion .ui-accordion-content table.items td.emptyField{  border-bottom:0; text-align:left;}

.userProfileAccordion .ui-accordion-content table.items td label{ margin-left:0;}

/*.userProfileAccordion .ui-accordion-header.ui-state-hover .ui-icon{ background:url(../images/ui-icons_e0fdff_256x240.png) -32px -16px;}*/

.userProfileAccordion .ui-accordion-content #save.button{ margin-left:200px;}

.add_poll_form #plusMember.button,
.userProfileAccordion .ui-accordion-content #plusVehicle,
.userProfileAccordion .ui-accordion-content #plusMember{ background:url(images/plus.png) no-repeat 0px 0px; padding:0 0 2px 25px; color:#425B90; border:0;
 box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; text-align:left; text-shadow:none;   }
 
.userProfileAccordion .ui-accordion-content .items td .aui-field-element  .dobClass{ width:128px;}

.ds_box{display: inline;	float: left;	margin-left: 1%; margin-right: 1%; width: 49%;  }

.mr_right_none{ margin-right:0!Important; }
.mr_left_none{margin-left:0!Important}

.ds_box .ui-widget { border-radius:0; padding:0; }

.ds_box .ds_header{ height:30px; line-height:30px; color:#fff; font-size:18px;}
.ds_box .box_icon{ float:left; width:17px; height:17px; margin:7px 5px 0; background:url(images/ds_headingsprites.png) no-repeat 0px 0px; }
.box_icon.help_desk_icon{ background-position:-224px 0;}
.box_icon.myflat_icon{ background-position:-319px 0;}
.box_icon.notice_icon{ background-position:-192px 0;}
.box_icon.poll_icon{ background-position:-286px 0;}

.ds_box .sub_heading_style{ font-size:14px; color:#222;}

.ds_box .ds_content_box{ padding:15px 10px 10px;}

.noticeboard_box h3.sub_heading_style,
.help_desk_box h3.sub_heading_style,
.help_desk_box h2.sub_heading_style{ margin:0;}

.help_desk_box .blc_1 , .help_desk_box .blc_2{ width:48%; float:left;}

.help_desk_box .blc_1 { margin-right:4px;}

.ds_box .list_wrapper{ float:left; width:100%;}

.noticeboard_box h3.sub_heading_style,
.help_desk_box h3.sub_heading_style{ margin-bottom:5px;}

.ds_box .list_link{ padding-bottom:5px;}

.help_desk_box .list_link a{ color:#34A626; font-size:12px;}

.ds_box .action_block{ padding:10px 10px; background-color:#F6F6F6; border-top:1px solid #ddd;}

.ds_box .action_block a.button{ display:inline-block; color:#fff; margin-right:10px; min-width:50px; text-align:center;}

.my_cus_icon{ background:url("images/ui-icons_056b93_256x240.png") no-repeat 0px 0px; margin-right:10px;}
.my_cus_icon.aerrow_blue{ background-position:-38px -21px; display:inline-block; width:7px; height:7px;  } 

.add_poll_form #plusMember.button{ margin:0 0 10px 219px;}
.add_poll_form .inputform-footer input.submit_btn{margin-right:10px;}


.FDAddFormBlock {padding:20px;}

.FDAddFormBlock h1 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}

.FDAddFormBlock .top-header {
    clear: both;
    display: block;
    float: left;
    width: 100%;
     margin-bottom: 20px;
}
.FDAddFormBlock  .top-header .left-block{
    float: left;
    width: 40%;
}

.FDAddFormBlock  .top-header .right-block{
    float: right;
    margin-left:30px;
     width: 56%;
     padding-bottom:10px;
}

.FDAddFormBlock .top-header .title {
    border-bottom: 1px solid #BDC7D8;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.FDAddFormBlock .row-label-block {
    clear: both;
    display: block;
    margin: 0px 10px;
   overflow: hidden;
}

.FDAddFormBlock .row-label-block .lf {
    border-right: 1px solid #BDC7D8;
    float: left;
    margin-right: 5px;
    width: 48%;
}

.FDAddFormBlock  .row-label-block .rf {
    float: left;
    width: 50%;
}


.FDAddFormBlock  .top-header .right-block label {
    float: left;
    margin-top: 12px;
    width: 35%;
}
   

.FDAddFormBlock .top-header .right-block input {
    border-width: 0 0 1px;
    box-shadow: none;
    float: left;
    width:60%;
}

.FDAddFormBlock .top-header .right-block select {width:62%; margin-top:5px;}

.FDAddContactForm, .FDAddContactForm1  { clear:both;
    background-color: #FFFFFF;
    border: 1px solid #C4C5C9;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 1px rgba(196, 197, 201, 0.75);
}

.FDAddContactForm   .row-label-block {margin:0px;}
.FDAddContactForm  label{ width:150px; border-right:1px solid #BDC7D8; border-bottom:1px solid #BDC7D8; float:left; padding:10px 5px; margin-right:10px; font-weight:bold;}
.inquery-form {
    border: 1px solid #C4C5C9;
    clear: both;
    display: block;
    float: left;
    margin: 10px 0px;
    padding: 10px;
}

.OrTag{margin-left: 32%;}


.FDAddContactForm   .row-label-block input { margin:5px 0px; float:left;     border-width: 0 0 1px; box-shadow: none; width: 79%;}

.FDAddContactForm label.no-border {border:0px; width:auto;}

.FDAddContactForm label.address { padding:25px 5px}

.FDAddContactForm .row-label-block .lf { border:0px;}

.FDAddContactForm label.no-border.half-width {
    float: left;
    padding-top: 0;
    width: 104px;
}


.FDAddContactForm .row-label-block textarea {
    border-width: 0 0 1px;
    box-shadow: none;
    height: 15px;
    margin-bottom: 5px;
    resize: none;
    width: 100%;
}

.FDAddContactForm1 { margin:10px 0px; overflow: hidden;}
.FDAddContactForm1 label{  float: left;
    font-weight: bold;
    padding: 5px;
    width: 160px;}
    
.FDAddContactForm1 label span {font-weight: normal; clear:both}

.FDAddContactForm1 .lf, .FDAddContactForm1 .rf {width:50%; float:left;}

.FDAddContactForm1 input {   border-width: 0 0 1px;
    box-shadow: none;
    float: left;
    width: 260px; margin-top:5px;}
    


.FDAddContactForm .full-label label {    border-right: 0 none;
    width: 79%;}
    
  .FDAddContactForm .half-label label {    border-right: 0 none;
    width: 35%;}
    
  .FDAddContactForm  .block-2 {width:79%; float:left}
  
  .FDAddContactForm  .block-2 .full-label label { width:100%;}
  
    .FDAddContactForm  .block-2 .half-label label { width:60%;}
    
    
 .FDAddContactForm2 { clear:both;
    background-color: #FFFFFF;
    border: 1px solid #C4C5C9;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 1px rgba(196, 197, 201, 0.75);
    padding:5px;
}

 .FDAddContactForm2  td.lebel  {
    border-bottom: 1px solid #BDC7D8;
    border-right: 1px solid #BDC7D8;
    font-weight: bold;
    margin-right: 10px;
    padding: 10px 5px;
}

 .FDAddContactForm2  td.lebel label { width:150px; float:left}
 
 .FDAddContactForm2  td.full-width  input {
    border-width: 0 0 1px;
    box-shadow: none;
    float: left;
    margin: 5px 0;
    width: 79%;
}

.FDAddContactForm2 table td.w110   input[ type="text"], .FDAddContactForm2 table td.w100  { width:90px;}

 .FDAddContactForm2 table td.w110  select { width:148px;}
 
.FDAddContactForm2 table td.w75   input[ type="text"], .FDAddContactForm2 table td.w75 { width:75px;}

.table-center { text-align: center; border-bottom: 1px solid #BDC7D8;}

.table-center td { padding:5px 3px;     border-right: 1px solid #BDC7D8;
    border-top: 1px solid #BDC7D8;}
 
 .table-center td.boder-t-r-n { border-top:none;}
 .table-center td.boder-r-r-n { border-right:none; border-top:none;}
 
  .table-center td.boder-r-b-n {border-right:none;}
  
  
.FDAddContactForm3 {
    background-color: #FFFFFF;
    border: 1px solid #C4C5C9;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 1px rgba(196, 197, 201, 0.75);
    clear: both;
    padding: 5px;
    margin:5px 0px;
    overflow:hidden;
    
}


.FDAddContactForm3 .title{ font-weight:bold}

.one-four { width:25%;float: left; margin:10px 0px;}

.FDAddContactForm3 .lf {
    float: left;
    margin: 10px 0;
    width: 30%;
}

.FDAddContactForm3  .rf {
    float: left;
    margin: 10px 0;
    width: 70%;
}

.FDAddFormBlock .bottom-header .right-block{
    float: right;
    margin-left:30px;
    width: 48%;
    padding-bottom:10px;
    padding:5px;
}

.FDAddFormBlock .bottom-header .right-block .head {
    display: block;
    margin: 10px 0;
    text-align: center;
}


.FDAddFormBlock .bottom-header .right-block input {
    border-width: 0 0 1px;
    box-shadow: none;
    margin-bottom: 5px;
    width: 390px;
}

.FDAddFormBlock .bottom-header .right-block .row-label-block label{ float:left; width:115px; margin-top: 15px;}
.FDAddFormBlock .bottom-header .right-block .row-label-block input {width:65%;}

.FDAddFormBlock .bottom-header .right-block .row-label-block .lf {border:none;}


.bottom-header .right-block .row-label-block .lf input,
.bottom-header .right-block .row-label-block .rf input  {
    width: 36%;
}

.FDAddFormBlock .bottom-header .right-block .row-label-block textarea  {    width: 67%;  resize: none}
.allErrorDiv span{display:block;vertical-align: top;margin-bottom: 5px;}
.allErrorInnerDiv{display: inline-block;width: 45%;margin-left: 2%;vertical-align: top;} 


.FDAddFormBlock .errorMessage {
    clear: both;
    color: #FF0000;
    display: block;
}
.fdDetailValue{
	margin-top: 12px;
}

.edit-botton-right {    clear: both;
    display: block;
    float: right;
    margin: 10px 0;
    text-align: right;
    width: 100%;}
    
    
.vertical-align-top {vertical-align: top;}

.editTableInner {
    margin: auto;
    width: 50%;
}

.editTableInner  .aui-field-block .aui-field-element  input {width:300px;}

.editTableInner  .aui-field-block .aui-field-element select  {width:310px;}

.editTableInner .aui-field-block.heightAauto.buttom-block {
    text-align: center;
}


.button.big {
    padding: 8px; margin-bottom: 4px; float: right;
}

.change-password .editTableInner {
    margin: auto;
    width: 60%;
}

.change-password .aui-field-block.heightAauto.buttom-block {
    margin: auto;
    width: 24%;
}

ul.document_download_file{
	margin: 0px 0 0 -15px;
	padding: 0px;
	list-style: none;
}
ul.document_download_file li{
	margin:  0px 0 0 15px;
	padding: 10px;
	float: left;
}


.document-icon {background: transparent url("../images/document_icon.png") no-repeat; height:128px; width:128px;float: left; margin-bottom: 20px; }
.pdf-icon { background: transparent url("../images/pdf_icon.png") no-repeat; height:128px; width:128px;float: left; margin-bottom: 20px;}
.excel-icon {background: transparent url("../images/excel_icon.png") no-repeat; height:128px; width:128px;float: left; margin-bottom: 20px;}
.image-icon{background: transparent url("../images/image_icon.png") no-repeat; height:128px; width:128px;float: left; margin-bottom: 20px;}
.document_download_file li {}
.document_download_file a { clear:both; display:block; color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #686165;
	background-image: -moz-linear-gradient(top, #848484, #686762);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#848484), to(#686762));
	background-image: -webkit-linear-gradient(top, #848484, #686762);
	background-image: -o-linear-gradient(top, #848484, #686762);
	background-image: linear-gradient(to bottom, #848484, #686762);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff848484', endColorstr='#ff686762', GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color:#51a351;
filter:progid:DXImageTransform.Microsoft.gradient(enabled= false);
	color: #FFFFFF;
	font-weight: normal;
	outline: medium none;
	width: auto;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius: 1px;
	text-align:center;
	cursor:pointer;}
	
	
.inputform  .reportFilterClass .custom_inner_block input { width:135px;}

.inputform  .reportFilterClass .custom_inner_block  select {
    width: 228px !important;
}

.main .items.fixed-deposit-table td {padding:5px; border:0px;}
.main .items .header-row td{background : #EEEEEE;}

.blue-color{ color:#3B5998; padding-bottom:5px;}

.main .items.fixed-deposit-table .hr-bottom td {border-bottom:1px dashed #DDDDDD; padding-bottom: 15px}