@font-face {
  font-family: pagefont;
    src: url('seguisb.ttf');
  
}
@font-face {
  font-family: seguisb;
  src: url('seguisb.ttf');
  
}

@font-face {
  font-family: planer;
  src: url('Planer_Reg.otf');
  
}

@font-face {
  font-family: daxwebfont;
  src: url('dax-webfont.ttf');
  
}
html, body, div, span, applet, object, iframe,
 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,
dl, dt, dd,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	 font-family: pagefont;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	position: relative;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
tr{
	height: 35px;
}


h1{
	font-style: pagefont;
	font-size: 20px;
	color: #12131a;
}
html{
	background-color: #ededed;

}

textarea{
	font-family: pagefont!important;
}
table{
	width:100%!important;

}
table td{
	/*border: 1px solid #000*/
}
.disable-window{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	opacity: 0.3;
	background-color: #000;
	z-index: 9999
}

.logo{
	background-image: url(../images/company_logo.jpg);
	width: 149px;
	height: 80px;
	/*border:1px solid #000;*/
}
.disable-listitems{
	color:gray;
}
#main{
	width: 100%;
	height: auto!important;
	z-index: 1000;
	background-color: #ededed;
}

#sidebar{
	position: relative;
	width: 200px;
	background-color: #2a3f54;
	/*background-image: url(../images/sidebarback.png);*/
	height:auto;
	min-height: 100%;
	overflow: hidden;
}

#sidebar .link{
	padding: 7px 5px;
	position: relative;
	float: right;
	display: block;
	width: 190px;
	list-style: none;
	cursor: pointer;
	/*border:1px solid #fff;*/
}


#sidebar .link a{
	width:150px;
	color: #fff!important;
}

#sidebar span{
	padding: 5px;
	width:25px;
	height: 25px;
	position: absolute;
	left: 2px;
	margin-top: 0%;
}

#sidebar div{
	display: block;
	color: #aaa!important;
}

#sidebar .link > a,#sidebar div >div{
	color: #8287a9;
	/*font-weight: bold;*/
	text-decoration: none;
	font-family: pagefont;
	font-size: 13px;
	padding-left: 35px;
	padding-top: 5px;
}

#sidebar div >div{
	font-weight: normal;
	font-size: 10px;
}

#sidebar .selected >div,#sidebar .hover > div{
	color: #000!important;
}
,#sidebar .hover > a{
	color: #fff!important;
}

#sidebar .selected,.hover{
	background-color: #1aae88;
}

#sidebar .selected > a{
	color: #fff;
}

#sidebar .hover > a{
	color: #fff;
}

#sidebar .selected > span,#sidebar .hover > span{
	padding: 5px;
	width:25px;
	height: 22px;
	position: absolute;
	left: 2px;
	margin-top: 0%
}
#sidebar .selected > span img,#sidebar .hover > span img,#sidebar span img {
	width: 22px;
	height: 22px;
}

#sidebar .seperator,#sidebar .seperator-thin{
	padding:5px;
	
	font-family: pagefont;
	font-size: 14px;
	overflow: hidden;
	border-top:1px solid #455668;
	border-bottom:1px solid #455668;
	position: relative;
	color:#fff!important;
	background-color: #223346
}

#sidebar .seperator-thin{
	padding:1px;
	background-color: #455668
}

#sidebar .indicater{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	text-align: right;
	position: absolute;
	right: 5px;
	top: 15px;
	width:10px;
	background-color: #e33244;
	padding: 5px;
	padding-right:5px ;
	text-align: center;
	font-size: 12px!important;
}

.disabled a,.disabled div{
	color: #fff!important;
}
#sidebar img{
	opacity: 0.3;
	width: 20px!important;
	height: auto!important;
}
#sidebar img.dontfade{
	opacity: 1!important;
}


#pagebody,#sidebar{
	vertical-align: top;
	float: left;
	display: inline-block;
}

#pagebody{
	height:auto;
	/*min-height:100%; */
	height: auto;
	/*overflow: auto;*/
	background-color: #ededed;
	margin-left: 2px;
	padding-top: 10px;
}

.sp_master,
.sp_enquery,
.sp_transaction,
.sp_permissions,
.sp_reports,
.sp_customermenu,
.sp_valuation,
.sp_payment{
	height: auto;
	overflow: hidden;
}

#sidebar .seperator > .enquery_toggle,
#sidebar .seperator > .main_toggle,
#sidebar .seperator > .permissions_toggle,
#sidebar .seperator > .transaction_toggle,
#sidebar .seperator > .reports_toggle,
#sidebar .seperator > .customermenu_toggle,
#sidebar .seperator > .payment_toggle,
#sidebar .seperator > .dataprocess_toggle
{
	width: 3px;
	height: 3px;
	position: absolute;
	left:180px;
	top: 10px;
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	border:1px solid transparent;
	
}


/*{
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0; 
  top: 100%;
  white-space: nowrap; 
  z-index: 100px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  -moz-box-shadow: 0px 0px 4px #222;  
  -webkit-box-shadow: 0px 0px 4px #222;  
  box-shadow: 0px 0px 4px #222;  
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);  
}*/

#selectionbar{
	position: absolute;
	width: 200px;
	background-color: #12131a;
	height:auto;
	min-height: 100%;
	overflow: hidden;
	top:40px;
	right: 0px;
}
.sel_topic{
	background-color: #1aae88;
	color: #fff!important;

}
.refresh{
	position: absolute;
	right: 20px;
	top: 15px;
	width: 30px;
	height: 30px;
}

#pageloading{
	margin-left: 20px;
	position: relative;
	background-color: #ededed;
}

.view_job{
	cursor: pointer;
	top: 10;
	padding:5px 3px;
}
.rightalign{
	display: inline-block;
	vertical-align: top;
	float: right;
}

.leftalign{
	display: inline-block;
	vertical-align: top;
	float: left;
}

#job_details{
	width:850px;
	margin-left: 25px;
}

.search{
	font-size: 12px!important;
	position: absolute;
	top:5px;
	right: 5px;
	padding: 5px 10px;
	height: auto;
	width:200px;
	background-color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #eee
}
#Searchbar,#Searchbar1{
	position: absolute;
	/*max-height: 350px;*/
	height: 100%;
	overflow-y: scroll!important;
	width: 100%;
	padding: 2px;
	/*border: 1px solid #000*/
	background-color: #fff;
	box-shadow: inset 1px 1px 3px #aaa;
	z-index: 100;
}
#Searchbar1{
	position: relative!important;
	height: auto;
	overflow:hidden!important;
}
#Searchbar select, #Searchbar input,#Searchbar1 select, #Searchbar1 input{
	display: inline-block;
	vertical-align: top;
	float: left;
	width: 50%!important
}

#Searchbar select:focus option.holder,#Searchbar1 select:focus option.holder {
  display: none;
}

.controls
{
	float: right;
	overflow: hidden;
	width: auto;
	margin-top: 5px;
	/*border: 1px solid #000*/
}

.controls >.button 
{
	float: right!important;
	display: inline!important;
	vertical-align: top!important;
	width: auto;
}

.page_title {
	border-bottom: 1px solid #aaa
}
.page_title  .controls,.page_title  h1{
	display: inline-block;
	vertical-align: top;
}
.page_title > h1 {
	font-size: 22px
}

#chart_div,#chart_div2,#chart_div3{
	width:  960px;
	height: 300px;
	background-color: #eee;
}



.grid{
	width: 100%;
	font-size: 10;
	background-color: #fff
}
.grid tr{
	height: 5px;
}
.tablehead{
	padding: 5px 10px;
	background-color: #212F3D;
	font-weight: bold;
	height: 30px;
}

.tablehead tr{
	height: 20px;
	font-size: 12px;
	color: #fff;

}
.tablehead tr td{
	
	padding: 5px;

}

.tablebody tr{
	height: 20px;
	padding: 2px;
	font-size: 11px;
}


.tablebody tr td{
	color:#fff;
	padding: 5px;

}

.dim{
	background-color: #F4F4F4;
	color: #fff;

}
.dark{
	background-color: #ECECEC;
	color:#fff;
}

.dim:hover,.dark:hover{
	background-color: #fff;
}

.dim1{
	background-color: #F8F9F9;
	color: #000
}
.dark1{
	background-color: #EAEDED;
	color:#000;
}

.dim1:hover,.dark1:hover{
	background-color: #EBEDEF;
}


.rowupdate,.rowdel{
	cursor: pointer;
	font-size: 10px!important;
}
.rowupdate{
	color: #2980B9;
	}

.rowdel{
	color: #CC0000;
}

#login-box{
	position: relative;
	margin: 10% auto;
	width: 500px;
	height: auto;
	min-height: 250px!important;
}
#container{
	
	height: auto;
	min-height: 200px!important;
	width: 500px;
	overflow: hidden;
	box-shadow: 0px 0px 10px #063566;
	background-color: #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px;
	padding: 10px;
	padding-bottom: 10px;
}

.login-header{
	
	height: auto;
	min-height: 40px!important;
	width: 500px;
	overflow: hidden;
	box-shadow: 0px 0px 10px #063566;
	background-color: #2E4053;
	padding: 10px;
	
}

.formfield{
	font-family: pagefont;
	padding: 5px;
	width:100%;
}

.label{
	font-size: 14px;
	padding: 5px;
}
.label a{
	color:#19caaf;
	text-decoration: none
}

.textinput{
	font-size: 12px;
	width: 100%!important;

}

.textinput input[type='text'],.textinput input[type='password'],.textinput select{
	background-color: #ffffff;
	border: none;
	color: #555555;
	padding: 10px;
	width: 98%!important;
	height: 40px;
	box-shadow:inset 0px 0px 3px #999;

}

.lable,.textinput{
	display: block;
	padding: 5px;
	
}

#featuelist,#attachmentlist,
#MasterUsers,#MasterLevels,
.systemlist,#otherarealist,
#blocksAllocation,
#emaillist,
#CustomerContacts{
	width: 400px;
	height: 200px;
	/*border: 1px solid #000;*/
	background-color: #fff;
	overflow-y: scroll;
	box-shadow: inset 1px 1px 1px #ccc
}
#CustomerContacts{
height: 50px;
}

.item{
float: left;
width: 90%;
height: 10px;
	padding: 5px;
}

.item input[type='text']
 {
 	float: left;
	width:50px!important;
	display: inline-block;
	height: 20px;
	font-size: 11px;
	text-align: center
}

.item-a,.item-f,.item-e{
	/*border: 1px solid #aaa;*/
	float: left;
	display: inline-block;
	vertical-align: top;
	width: auto;
	height: 10px;
	padding: 5px;
	padding-left: 20px;
	padding-top: 0px;
	overflow: hidden;
	margin: 2px;
	cursor: pointer;
	font-size: 11px!important;
	background-image: url(../images/icon/tick_disable.png),url(../images/dis-tick.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 13px;
}
.item-a:hover,.item-f:hover
{
	color: :#f00!important;
}
.selectedmark{
	background-image: url(../images/icon/tick_enable.png),url(../images/dis-tick.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 13px;
	
}
tr:nth-child(0){
	background-color: #f00!important;
}

.selecteditem{
	background-color: #31947c!important;
	color: #fff!important

}

#footer{
	width: 99%;
	height: 40px;
	border: 1px solid #000;
	float:right;
	
}

.loginpade-bg{
	background-color: #566573!important;
}
.developedby
{
		font-size:11px;
		color: #aaa
}
.developedby a{
	color:#16A085;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
}

.developedby a:hover{
	color:#73C6B6;

	
}
.forgetpass{
	position: absolute;
	left: 12px;
	float: left;
	bottom:10;
	color:#566573;
}
.alink{
	text-decoration: none;
	text-transform: none;
	
	font-size:11px!important;
}
.Developersuport{
	height: auto;
	width: 100%;
	word-wrap: wrap;
	font-size: 12px;
	color: #fff;
	background-color: #f00;
	padding: 5px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 9999
}

.height230{
	height: 230px!important;
}
.widthauto{
	width: auto!important
}
/*************************************/
.separater-height{
	height: 210px!important;
}
.dashboard-summary{
	margin-top:5px;
	margin-left:-10px; 
	font-family: pagefont;
	height: 80px;
	width:100%;
	overflow: hidden;
	vertical-align: top;
	float: left;
	background-color: #f7f7f7;
	border-bottom:1px solid #e3e2e7;
	border-top:1px solid #e3e2e7;
	display: block;
	/*border: 1px solid #f00;*/
}

.dashboard-summary-item{
	position: relative;
	width: 180px;
	height: auto;
	min-height: 120px;
	padding: 5px;
	/*border: 1px solid #000;*/
	display: inline-block;
	margin: 5px;
}

.dashboard-summary-item-separater{
	height: 60px;
	display: inline-block;
	width: 1px;
	background-color: #a7a8aa;
	margin-top: 10px;
}
.dashboard-summary-item-title{
	width: 100%;
	color:#000!important;
	font-size: 12px;
	height: 15px;
	padding: 4px;
	text-align: center;
	/*border: 1px solid #000;*/
}
.dashboard-summary-item-title td{
	width: 100%;
	color:#4D4E4F!important;
	font-size: 11px;
}

.dashboard-summary-item-value{
	font-weight: bold;
	font-size: 29px;
	float: left;
	width: 100%;
	height: 35px;
	color: #6e89a6

}

.dashboard-summary-item-details table{
	width: 95%;
	color:#444!important;
	font-size: 12px;
}

.dashboard-summary-link{
	text-transform: uppercase;
	text-decoration: none;
	color:#fff;
	font-size: 10px;
	padding: 3px;
	background-color:#1F96F2 ;
	float: right;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%;
}
.dashboard-summary-link:hover{
	text-decoration: none;
	background-color:#0073A8;
}

.dashboard-summary-item .button{
	float: right;
	margin-top: -30px;
	margin-right:20px;
}

/****************************************************/
#univarsal-search{
	margin-top:0px;
	margin-left:-10px; 
	font-family: pagefont;
	height: auto;
	width:98%;
	overflow: hidden;
	vertical-align: top;
	float: left;
	background-color: #f7f7f7;
	border-bottom:1px solid #e3e2e7;
	border-top:1px solid #e3e2e7;
	display: block;
	padding: 1%;
}
.univarsal-search-input{
	width: 300px!important;
	float: right;
	display: inline-block;
}
.univarsal-search-icon{
	width: 25px;
	height: 25px;
	float: right;
	display: inline-block;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;

	background-size: 90%
}
/****************************************************/
.loadingpage{
	/*top: -5px;
	left:46%;*/
	top: -5px;
	left:0;
	height: 100%;
	width: 100%;
	position: fixed;
	display: none;
	padding: 5px 10px;
	padding-top: 15px;
	z-index: 101;
	text-align: center;
	box-shadow: 0px 0px 3px #aaa;
	background-color: #2E4053!important;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	background-image: url(../images/loading/bars.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
	 opacity: 0.3;
    filter: alpha(opacity=30);
}
.search-link{
	height: 15px;	
	cursor: pointer;
}
.search-link:hover{
	
	background-color: #fafafa
}


.search-link a{
	text-decoration: none;
	text-transform: none;
	color: #6e89a6;
	font-size: 12px;
	padding-left: 25px;
	background-image: url(../images/next.gif);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 10 center;



}
.search-link a:hover{
	text-decoration: underline;
	color: #000;
}

/*************************************************************************************/
tbody.listcontainer-floor,tbody.listcontainer-block{
	display: block; 
	width: 100%!important;
	height:225px!important;
	overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}



table.scroll {
    width: 100%; /* 140px * 5 column + 16px scrollbar width */
    border-spacing: 0;
}

table.scroll tbody,
table.scroll thead tr { display: block; }
table.scroll thead tr { height: 35px!important}

table.scroll tbody {
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.scroll tbody td,
table.scroll thead th {
    width: 140px!important;
}



thead tr th { 
    height: 30px;
    line-height: 30px;
    /*text-align: left;*/
}

thead tr { 
    width: 100%!important
}


tbody td:last-child, thead th:last-child {
    border-right: none !important;
}

.docs{
	display: block;
	width: 95%;
	height: 30px;
	padding: 5px;
	margin: 2px;
	background-color: #eee

}
.docs > .icon{
	width: 10%;
	height: 100%;
	display: inline-block;vertical-align: top;
	float: left;
	
}
.docs > .icon img{
	height: 100%
}
.docs > .docname{
	width: 79%;
	height: 100%;
	display: inline-block;vertical-align: top;
	float: left;

}

.docs > .docname a{
	text-transform: none;
	text-decoration: none;
	color: #000
}
.docopen-link{
	text-transform:none;
	text-decoration:none;
	color: #525252;
}
.locked{
	background-color: #aaa!important;
	color: #000!important;
}
.lock-color{
	background-color: #aaa;
}

.OcupideHighlite{
	background-color: #55aaee!important;
	color: #000!important;
}

/*************************REPORT****************************/
.report-tablehead{
	padding: 5px 10px;
	background-color: #ddd;
	font-weight: bold;
	height: 30px;
}

.report-tablehead tr{
	height: 20px;
	font-size: 12px;
	color: #000;
	
}
.report-tablehead tr td{
	
	padding: 5px;
	border-bottom: 1px solid #555;

}

.report-tablebody tr{
	height: 20px;
	padding: 2px;
	font-size: 11px;
}


.report-tablebody tr td{
	color:#000;
	border-bottom: 1px dotted #aaa;
	padding: 5px;

}

.reports_seperator{
	padding:5px;
	overflow: hidden;
	border-bottom:1px dotted #71757A;
	color:#fff!important;
	margin-left: -40px!important;
	float: left;
	width: 180px;

}


.report-hedder{
	font-size: 11px;
	text-align: center;
	width: 100%;
	font-family: 'tahoma';
	line-height: 20px;
}

.report-title{
	text-align: center;
	width: 100%;
	font-size: 13px;
	font-weight: bold!important;
	font-family: 'tahoma';
	text-transform: uppercase;

}

.report-datetime{
	text-align: center;
	font-size: 11px;
	font-family: 'tahoma';

}

.report-filter{
	text-align: center;
	width: 100%;
	font-size: 10px;

}

.report_viwer{
	width: auto;
	overflow-x: scroll;
	height: 650px;
	border:1px solid #fff;
	overflow-y:scroll; 
	box-shadow:inset 1px 1px 2px #aaa
}

.report_detailText{
	margin-left: 5px;
	font-size: 11px;
	font-family: 'tahoma';
}


.report_signature{
	margin-left: 5px;
	font-size: 11px;
	font-family: 'tahoma';
	
}

.report_highliteTile{
	width: 100%;
	font-size: 11px;
	font-family: 'tahoma';
	height: 15px;
	padding: 4px;
	padding-top: 5px;
	padding-bottom: : 1px;
	font-size: 12px;
	vertical-align: center;
	background-color: #aaa;

}

#sidebar .reports{
	padding: 6px 4px!important;
	
	/*border:1px solid #fff;*/
}
#sidebar  .reports a{
	padding: 5px!important;
	color: #eee!important
}

/******************************************************************/
#Report_filters{
  padding-top: 5px;
  padding: 2px;
    padding-bottom: 5px;
    background-color: #fff;
    width: 100%;
}

#Report_filters tr{
	text-align:left; 
    vertical-align:middle;


}
#Report_filters td{
	font-size: 12px!important;
	/*text-align:center; 
    vertical-align:middle;*/
	
}

.float-left{
	float:left!important;
	position: relative!important;
}

.deletedoc{
	float: right;
	background-image: url(../images/icon/delete2.png);
	background-size: 80%;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	background-position: top left ;
	cursor: pointer;
	/*border:1px solid #000;*/
}
.availability{
	float:left!important;
	font-size:11px;
	font-family: 'tahoma';
	margin-right: 15px;
	text-align: center;
	color:#000;
	width: 100%;
	height:2px;
}

.availability-green{
	background-color: #69EC7D
}
.availability-red{
	background-color: #f00
}


/*******************************************************/
/*Charts*/

.chartbox{
	display: inline-block;
	vertical-align: top;
	float: left;
	margin:10px;
	/*border:1px solid #000;*/
}
.chartby{
	position: absolute;
	bottom: -20px;
	right:0;
	margin:0 auto;
	font-size: 11px;
	font-family: 'tahoma';
	color:#555;
}
.filters
{
	height: 18px;
	width: 250px;
	
	float: right;
	margin-top:-20px;
	padding: 3px;
}

.openList{
	width: 20px;
	height: 20px;
	border:1px solid #ddd;
	background-color: #fff;
	float:right;
	margin-top:-2px;
	margin-right:-2px;
	background-image: url(../images/icon/down.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90%;
	cursor: pointer;
}
.menulist{
	width: auto;
	height: auto;
	max-height: 100px;
	overflow-y: auto;
	z-index: 999;
	float: right;
	position: absolute;
	top: 22px;
	right: 5px;
	border:1px solid #ddd;
	background-color: #f00;
	padding:5px;
	font-size: 12px;
	color:#444;

}

.WaitForLoad,.WaitForLoadButton{
	visibility:hidden;
}

.waiting{
	background-image: url(../images/loading/bars.svg)!important;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 2px 5px;
	background-color: #eee!important;
	padding-bottom: 10px!important;

}
.waiting img{
	display: none;
}

.disable{
	background-image: none!important;
	background-color: eee!important;
	color:#444!important
}
.disable_1{
	background-image: none!important;
	background-color: #aaa!important;
	color:#000!important
}

.grid-td-style{
	width:200px!important;
	/*height:30px!important;*/
	padding: 5px;
}
.displayBlockName{
	border: 1px dotted #888!important;
	width: :auto!important;
	height: 30px!important;
	padding: 4px;
	margin: 3px;
	font-size: 10px;

	display:inline-block!important;
	vertical-align: top;
	float: left;
}
.drawBlock{
	border: 1px solid #f00!important;
	text-align: center;
	width: :50px!important;
	height: 30px!important;
	display:inline-block!important;
	vertical-align: top;
	float: left;
}

.drawFloor{
	width: :100%!important;
	height: 35px;
	vertical-align: top;
	float: left;
	border: 1px solid #000;

}


@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.chartContainer{

}

.chartItem{
	display:inline-block;float:left;vertical-align:top
}
.chartTitle{
	font-size:12px;text-align:center;padding-bottom:5px
}

/*********************************/
.building-data-display{
	width: 200px;
	height: auto;
	padding: 1px;
	display: inline-block;
	/*border: 1px solid #f00;*/
	overflow: hidden;

}
.building-data-display-title{
	width: 100%;
	background-color: #666;
	color:#fff!important;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
	color: #455668;
	height: 20px;
	display: block;
	/*border: 1px solid #000*/

}
.building-data-display-inline{
	width: 50%;
	text-align: center;
	font-size: 15px;
	background-color: #666;
	color: #fff;
	height: 40px;
	display: inline-block;
	float: left;
	vertical-align: top;
	/*border: 1px solid #000;*/
	padding-top: 20px;
	cursor: pointer;
}
.building-data-display-inline-color1{
	background-color: #C70942;
	color: #fff;
}

.building-data-display-inline-color2{
	background-color: #24A834;
	color: #fff;
}

/******************Floor partitioning************************/
#blockview{
	padding: 5px;
	float:left;
	width: 500px;
	height: 510px;
	display: inline-block;
	border: 1px solid #000;
}

#margeview{	
	padding: 5px;
	margin-left: 25px;
	float:left;
	width: 400px;
	height: 240px;
	display: inline-block;
	border: 1px solid #000;
}

#partitioningview{	
	padding: 5px;
	margin-left: 25px;
	margin-top: 20px;
	float:left;
	width: 400px;
	height: 240px;
	border: 1px solid #000;
}

.group{
	position: relative;
	padding: 0px!important;
	display: inline-block!important;
	vertical-align: top!important;
	float: left!important;
}
.groupitems{
	position: relative;
	line-height: 15px;
	font-size: 12px;
	font-family: pagefont;
	width: 97.5%;
	height: auto;
	padding: 5px;
	margin: 2px;
	border: 1px solid #eee!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.groupitem-title{
	padding-top: 4px;
	font-size: 14px;
	max-width: 300px;
	font-weight: bold;
	display: block;
}
.groupitem-status{
	color:#444;
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.groupitem-date{
	color:#777;

	font-size: 10px;
	top:2px;
	right: 5px;
	position: absolute; 
	text-align: right;
}
.groupitems:hover{
	border: 1px solid #aaa!important;
}
.datetime{
	font-size: 12px;
	font-family: pagefont;
}

.recordsummery{
	font-size: 12px;
	font-family: pagefont;
	margin: 10px;
}
.recordsummery div{
	font-size: 12px;
	font-family: pagefont;
}

.recordsummery tr{
	height: 20px;
	padding: 2px;
}