body,td,th{
	font-family:arial;
	font-size:14px;
}
input,textarea{ font-family:arial; color:#003377; font-size:12px; background-image:url(../images/bginput.gif); background-repeat:repeat-x; border: 1px solid #CCCCCC; } 
select{ color:#003377; font-size:12px; background-image:url(../images/bginput.gif); background-repeat:repeat-x; border: 1px solid #CCCCCC; }

.logintext{
	background-image:url(../images/bginput.gif); background-repeat:repeat-x; border: 1px solid #CCCCCC;
}

#loginas_dhx_blue{
	position:absolute;
	right:20px;
	top:5px;
	text-align:right;
	color:#999;
}
#loginas_dhx_black{
	position:absolute;
	right:20px;
	top:5px;
	text-align:right;
	color:#EFEFEF;
}

#app_name_title_div_dhx_blue{
	background-color:#D3E2E5;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}

#app_name_title_div_dhx_black{
	background-color:#000;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding-left:5px;
}
#app_name_title_div_dhx_gray{
	background-color:#636466;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding-left:5px;
  padding-top:2px;
}

/*Seting dhtmlx v2.5*/
#loginas_dhx_skyblue{
	position:absolute;
	right:20px;
	top:5px;
	text-align:right;
	color:#000;
}

#app_name_title_div_sky_blue{
	background-color:#cce2fe;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}#app_name_title_div_elegan{
	background-color:#cccccc;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}
#app_name_title_div_sky{
	background-color:#e3e3e3;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}
#app_name_title_div_salad{
	background-color:#e5f0c9;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}
#app_name_title_div_sea{
	background-color:#d1d3f0;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}
#app_name_title_div_autumn{
	background-color:#f0e3bf;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}
#app_name_title_div_rose{
	background-color:#f0e1e3;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}
#app_name_title_div_yellow_send{
	background-color:#d8c891;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}
.dhx_toolbar_text{
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
}
/*loading cover*/
#cover{
	top:0;
	left:0;
	margin:0 auto; 
	position:absolute;
	opacity:0.5; 
	-moz-opacity:0.5; 
	filter:alpha(opacity=50); 
	width:100%;
	height:100%;
	text-align:center;
	background-color:#efefef;
	display:none;
	z-index:10;
	padding-top:300px;
} 

/*dhx_blue row selected*/
div.gridbox_dhx_blue table.obj tr.rowselected td{ 
	background-color:#C2E3EA; color:black; 
}
/*cell*/
div.gridbox_dhx_blue table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
	background-color:#77ADDA; color:white;
}

/*dhx_black row selected*/
div.gridbox_dhx_black table.obj tr.rowselected td{
	background-color:#999; color:black; 
}
/*cell*/
div.gridbox_dhx_black table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
	background-color:#777; 
}

/*dhx_skyblue row selected*/
div.gridbox_dhx_skyblue table.obj tr.rowselected td{ 
	background-color:#C2E3EA; color:black;
}
/*cell*/
div.gridbox_dhx_skyblue table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
	background-color:#77ADDA; color:white;
}
.dhx_textarea{
	z-index:7;
}
.dhx_header_cmenu{
	background-color:#fff;
	height:300px;
	overflow:auto;
}

/*triangle combo */
div.dhtmlxToolbarArrow {
	width:20px;
}

#formEdit{
	overflow:auto;
	height:100%;
	position:relative;
}

/*Home Page*/
.dasboard{
	padding:20px;
}
.das_logo{
	float : left;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	width:110px;
	height:55px;
	padding:10px;
}
.das_logo .logo{
	height:50px;
}
.das_logo .logo .logo_img{
	height:48px;
	width:48px;
}

/*document form*/
.list_add{
	width:260px;
	height:16px;
	overflow:hidden;
}

.list_add a{
	text-decoration:none;
}
.footer-link
{
	font-size:12px;
	color:#EFEFEF;
}

.formPopup{
	overflow:auto;
	height:100%;
}

/*activity css*/
.list_person{
	clear:both;
	height:20px;
}
.list_person .a{
	float:left;
	margin-right:5px;
}

.list_person .close{
	float:left;
	font-weight:bold;
}

.list_person .close a{
	color:#DD0000;
	padding-left:4px;
	padding-right:4px;
	line-height:16px;
	display:block;
	text-decoration:none;
}
.list_person .close a:hover{
	background-color:#FF0000;
	color:#DDDDDD;
}
#id_doc_library div{
	clear:both;
}
#id_doc_library span{
	float:left;
}
#id_doc_library a{
	color:#DD0000;
	padding-left:4px;
	padding-right:4px;
	line-height:16px;
	display:block;
	text-decoration:none;
	float:left;
	margin-left:10px;
	font-weight:bold;
}
#id_doc_library a:hover{
	background-color:#FF0000;
	color:#FFFFFF;
}


/*
	accordion routing
*/

#accordion{width:100%;height:300px;overflow:auto;}
#accordion .triger{height:30px;cursor:pointer;background:none;}
#accordion .triger span{display:block;line-height:30px;padding-left:5px;background:#CCC;color:#444;font-size:12px; font-weight:bold;}
#accordion .content{display:block;overflow:hidden;height:auto;}

#grid-to, #grid-doc{height:150px;}


/* button style */

.buttonarchive {
	height: 30px;
	width: 240px;
	position:absolute;
	top:10px;
	right:10px;
	
}

#changePass{
float:left;
margin-top:0;
margin-right:10px;
text-decoration:none;
font-size:12px;
width:33px;
height:33px;
background-image:url(../images/profiles.png);
background-repeat:no-repeat;
background-position:0px 0px;
}
#changePass:hover{
float:left;
margin-top:0;
margin-right:10px;
text-decoration:none;
font-size:12px;
width:33px;
height:33px;
background-image:url(../images/profiles.png);
background-repeat:no-repeat;
background-position:top right;
}

.buttonarchive #button01 {
	background-image: url(../images/button_onoff.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
	width: 40px;
	display: block;
	float: left;
}
.buttonarchive #button01:hover {
	background-position: 0px -30px;
}

#button01Active{
	background-position: 0px -30px;
	background-image: url(../images/button_onoff.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 40px;
	display: block;
	float: left;
}
.buttonarchive #button02 {
	background-image: url(../images/button_onoff.png);
	background-repeat: no-repeat;
	background-position: -40px 0px;
	height: 30px;
	width: 40px;
	display: block;
	float: left;
}
.buttonarchive #button02:hover {
	background-position: -40px -30px;
}
#button02Active{
	background-position: -40px -30px;
	background-image: url(../images/button_onoff.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 40px;
	display: block;
	float: left;
}

.buttonarchive .button03 {
	background-image: url(../images/logout_archive.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	height: 30px;
	width: 40px;
	display: block;
	float: left;
	margin-left:10px;
	
}
.textcsSearch{border-radius:5px;height:28px;width:37%;}
.buttonSearchS{border-radius:5px;height:28px;width:25px;color:green;font-weight:bold;}
.buttonSearchX{border-radius:5px;height:28px;width:25px;color:red;font-weight:bold;}
.val_combo{width: 180px}
.val_combo2{width: 60px}
.val_combo3{width: 130px}