/* CSS Document */

body{
	font-family: Arial,sans-serif;
	color: #333333;
	font-size:14px;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

.red_txt{
clear:right;
font-family: Arial,sans-serif;
font-size:12px;
color:#ED1C24;
font-weight:300;
margin:0px 0px -10px 0px; padding:5px 0;
}

* html .red_txt{
clear:right;
font-family: Arial,sans-serif;
font-size:13px;
color:#ED1C24;
font-weight:bold;
margin:0px 0px 10px 0px;
}


h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}



#main_wrapper {
width:800px;
background:#fff;
text-align:center;
margin:0 auto;
}

/*##############################HEADER AREA START##############################*/
#head{
	width:800px;
	height:110px;
	background-repeat:repeat;
	background-color: #993366;
}

*html #head{
margin-bottom:-20px;
}

#coname{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16pt;
color:#FFF;
margin:0px 0px 0px -10px;
padding:33px 0px 0px 90px;
}
.coname_sub{
text-align:left;
font:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#ccc;
margin:0px 0px 0px 81px;
}


#head_logo{
float:left;
width:58px;
height:58px;
background-image:url(../images/dmalogo.png);
background-repeat:no-repeat;
margin:18px 0px 0px 18px;
}

*html #head_logo{
margin:18px 0px 0px 18px;
}

#head_right_img{
	float:right;
	width:145;
	height:110;
	background-repeat:repeat;
	background-color: #993366;
}

#head_txt{
float:right;
margin:41px 22px 0px 0px;
font-family: Verdana,Arial,sans-serif;
font-size: 150%;
color: #fff;
}
*html #head_txt{
margin:40px 12px 0px 0px;
}
/*##############################BANNER TABS START##############################*/
#banner_tabs{
width:340px;
height:23px;
margin:17px 0px 0px -138px;
padding: 0px;
}

* html #banner_tabs{
margin:14px 0px -20px -538px;
}

#banner_tabs ul{
width:340px;
font-family: Arial,sans-serif;
font-size:13px;
font-weight:bold;
}

#banner_tabs li {
width:103px;
height:23px;
background-color:#677E9A;
border-right:0px solid #012757;
margin: 0px 0px 0px 0px;
padding: 4px 20px 3px 20px;
text-align: left;
display: inline;
list-style-type: none;
}

* html #banner_tabs li {
border-right:2px solid #012757;
}

#banner_tabs li a{
text-decoration:none;
color:#FFF;
}

#banner_tabs li.active{
width:103px;
background-color:#FFF;
border-right:0px solid #012757;
color:#666;
}

* html #banner_tabs li.active{
border-right:2px solid #012757;
}

#banner_tabs li.active a{
width:103px;
background-color:#FFF;
border-right:0px solid #012757;
color:#FFFFFF;
}

* html #banner_tabs li.active a{
border-right:0px solid #012757;
}

/***********************BANNER TAB END*************************************/

/********************HEADER AREA END*************************************/

/*############################LOGIN AREA START##################################*/
#login_box{
width:370px;
/*height:218px;*/
margin:90px 0px 0px 215px;
border:2px solid #993366;
text-align:center;
}
* html #login_box{
margin:90px 0px 0px 0px;
}

#login_top{
	background-repeat:repeat-x;
	background-color: #993366;	
	width:370px;
	height:25px;
	line-height:22px;
	text-align:left;
}
.login_top_txt{
	font-family:Arial, Helvetica, sans-serif;	
	color: #FFF;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 9px;
	font-weight:bold;
	text-align:left;
}

#login_bu{
text-align:center;
margin-top:20px;
}
#key_area{
text-align:center;
border-bottom:1px solid #666;
width:370px;
}
#key_area img{
background-image:url(../images/key.jpg);
background-repeat:no-repeat;
float:left;
margin:-8px 0px 0px 10px;
}

* html #key_area img{
background-image:url(../images/key.jpg);
background-repeat:no-repeat;
float:left;
padding: 0px 0px 0px 0px;
margin:5px 0px 0px 10px;
}

.login_text{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#666;
padding:0px 0px 0px 100px;
}

* html .login_text{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#666;
margin:10px 0px 0px 0px;
}

.login_txt{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#ED1C24;
line-height:10px;
margin:0px 0px 0px 5px;
}

* html .login_txt{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#ED1C24;
line-height:35px;
margin:0px 0px 0px 5px;
}

.forgot_txt{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#666;
padding:10px 0px 10px 0px;
}

#inline_li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	margin: 20px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#inline_li li{
	display: inline;
	list-style-type: none;
}

.pass_link{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
/***********************************LOGIN AREA END*****************************************/

#left_panel{
float:left;
width:140px;
height:100px;
margin: 10px 0px 0px 0px;
}

* html #left_panel{
margin: 30px 0px 0px 0px;
}

/************************************LEFT NAVIGATION START************************************/

#left_nav{
clear:left;
float:left;
width: 140px;
margin: 10px 0px 0px 0px;
/*border: 2px solid #060;*/
}
#left_nav h1{
	background-image:url(../images/left_nav_bg.jpg);
	background-repeat:repeat-x;
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color: #FFF;
	padding: 7px 5px 0px 12px;
	margin: 0px 5px -6px 0px;
	font-size: 13px;
	font-weight:bold;
	text-align:left;
}

* html #left_nav h1{
	background-image:url(../images/left_nav_bg.jpg);
	background-repeat:repeat-x;
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color: #FFF;
	padding: 7px 0px 3px 12px;
	margin: 0px 5px 0px 0px;
	font-size: 13px;
	font-weight:bold;
	text-align:left;
}

#left_nav a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
text-decoration:none;
width:120px;
/*border: 2px solid #f60;*/
}
#left_nav a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;	
font-size: 11px;
color: #000;
text-decoration:none;
font-weight:bold;
}


#left_nav ul{
	background: #ddd;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color: #000;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	height:25px;
	font-size: 11px;
	text-align:left;
	list-style-type: none;
}


#left_nav li{
	background: #ddd;
	border-bottom: 1px solid #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	padding: 6px 0px 6px 12px;
	color: #000;
	font-size: 11px;
	text-align:left;
}
#left_nav li.bold{
	background: #ddd;
	border-bottom: 1px solid #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	padding: 6px 0px 6px 12px;
	color: #000;
	font-size: 11px;
	text-align:left;
	font-weight:bold;	
}
/*****************CALENDAR*******************************************/
/*
#calender{
float:left;
background-image:url(../images/big_calender.jpg);
width: 138px;
height:158px;
margin: 7px 0px 0px 0px;
}*/



/*#####################LEFT NAVIGATION END################################*/

#content_wrapper{
width:634px;
height:100%;
text-align:left;
background-color:#FFFFFF;
margin:11px 0 0px 10px;
}

* html #content_wrapper{
margin:31px 0 0px 10px;
}

#content_wrapper .username{
 font-family: Arial,sans-serif;
 font-size: 130%;
 color: #00558E;
 margin-left:8px;
}

#content_wrapper .tabname{
 font-family: Arial,sans-serif;
 font-size: 130%;
 color: #666;
}


.content {
	  padding: 0px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight:normal;
	text-align:left;	
	}
	
.table_bold{
	  padding: 0px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight:bold;
	text-align:center;	
	}
.content_blue {
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00558E;
	font-weight:normal;
	text-align:left;	
	margin:0px 0px 0px 0px;
	}
	


/*********************************/
#onelineli {
	margin: 0px;
	padding: 0px;
	text-align: left;
	height:30px;
}
#onelineli li{
padding:0px 10px 0px 0px;
	display: inline;
	list-style-type: none;
}
#onelineli li.one{
padding:0px 52px 0px 0px;
}
#onelineli li.two{
padding:0px 25px 0px 0px;
}
#onelineli li.three{
padding:0px 30px 0px 0px;
}
#onelineli li.four{
padding:0px 44px 0px 0px;
}
#onelineli li.five{
padding:0px 80px 0px 0px;
}
#onelineli li.six{
padding:0px 0px 0px 75px;
}
#onelineli li.seven{
padding:0px 0px 0px 80px;
}


/*********************************************/
.lispacing{
margin:0px 0px 0px 332px;
}
/*****************************************************/
#button{
text-align:center;
padding:35px 0px 0px 0px;
}

#button1{
text-align:center;
margin:10px 0px 0px 0px;
}
* html #button1{
text-align:center;
margin:10px 290px 0px 0px;
}

/***********************TIMESHEET BUTTON *******************************/
#bu_add_activity{
float:left;
width:106px;
height:24px;
padding-bottom:0px;
background-image:url(../images/bu_addactivity.jpg);
background-repeat:no-repeat;
cursor:hand;
}

#bu_searchactivities{
float:right;
width:133px;
height:22px;
padding:0px 0px 0 10px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchactivities.jpg);
background-repeat:no-repeat;
cursor:hand;
}

* html #bu_searchactivities{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 0px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchactivities.jpg);
background-repeat:no-repeat;
cursor:hand;
}

/*new added for defaulters page on 20080919*/
#bu_email_this_report {float:left;
width:137px;
height:22px;
padding:0px 0px 2px 0px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_email_this_report.jpg);
background-repeat:no-repeat;
cursor:hand; }

#bu_add_email {float:right;
width:117px;
height:22px;
padding:0px 0px 2px 0px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_add_email.jpg);
background-repeat:no-repeat;
cursor:hand;
}

#bu_add_time{
float:left;
width:106px;
height:22px;
padding-bottom:0px;
background-image:url(../images/bu_add_time.jpg);
background-repeat:no-repeat;
cursor:hand;
}

/*end addition*/
/*********************PROJECTS BUTTON*********************************/

#bu_addproject{
float:left;
width:106px;
height:24px;
padding-bottom:0px;
background-image:url(../images/bu_addproject.jpg);
background-repeat:no-repeat;
cursor:hand;
}

#bu_searchprojects{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 10px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchproject.jpg);
background-repeat:no-repeat;
cursor:hand;
}

* html #bu_searchprojects{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 0px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchproject.jpg);
background-repeat:no-repeat;
cursor:hand;
}

/*********************CLIENT BUTTON*********************************/

#bu_addclient{
float:left;
width:106px;
height:24px;
padding-bottom:0px;
background-image:url(../images/bu_addclient.jpg);
background-repeat:no-repeat;
cursor:hand;
}
#bu_searchclients{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 10px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchclients.jpg);
background-repeat:no-repeat;
cursor:hand;
}

* html #bu_searchclients{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 0px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchclients.jpg);
background-repeat:no-repeat;
cursor:hand;
}

/*********************USERS BUTTON*********************************/

#bu_adduser{
float:left;
width:106px;
height:24px;
padding-bottom:0px;
background-image:url(../images/bu_adduser.jpg);
background-repeat:no-repeat;
cursor:hand;
}

#bu_searchusers{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 10px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchusers.jpg);
background-repeat:no-repeat;
cursor:hand;
}

* html #bu_searchusers{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 0px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchusers.jpg);
background-repeat:no-repeat;
cursor:hand;
}

/*********************TASK BUTTON*********************************/

#bu_addtask{
float:left;
width:106px;
height:24px;
padding-bottom:0px;
background-image:url(../images/bu_addtask.jpg);
background-repeat:no-repeat;
cursor:hand;
}

#bu_searchtasks{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 10px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchtasks.jpg);
background-repeat:no-repeat;
cursor:hand;
}

* html #bu_searchtasks{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 0px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchtasks.jpg);
background-repeat:no-repeat;
cursor:hand;
}

/*********************PROFILE BUTTON*********************************/

#bu_addprofile{
float:left;
width:106px;
height:24px;
padding-bottom:0px;
background-image:url(../images/bu_addprofile.jpg);
background-repeat:no-repeat;
cursor:hand;
}

#bu_searchprofiles{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 10px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchprofile.jpg);
background-repeat:no-repeat;
cursor:hand;
}

* html #bu_searchprofiles{
float:right;
width:133px;
height:22px;
padding:0px 0px 15px 0px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchprofile.jpg);
background-repeat:no-repeat;
cursor:hand;
}

/*********************PROFILE BUTTON*********************************/

#bu_addprivilege{
float:left;
width:124px;
height:24px;
padding-bottom:0px;
background-image:url(../images/bu_addprivilege.jpg);
background-repeat:no-repeat;
cursor:hand;
}

#bu_searchprivilege{
float:right;
width:140px;
height:22px;
padding:0px 0px 15px 10px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchprivilege.jpg);
background-repeat:no-repeat;
cursor:hand;
}

* html #bu_searchprivilege{
float:right;
width:140px;
height:22px;
padding:0px 0px 15px 0px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_searchprivilege.jpg);
background-repeat:no-repeat;
cursor:hand;
}


/*********************TIME BUTTON*********************************/

#bu_addtime{
float:left;
width:124px;
height:24px;
padding-bottom:0px;
background-image:url(../images/bu_addprivilege.jpg);
background-repeat:no-repeat;
cursor:hand;
}


/*********************PRINT BUTTON*********************************/

#bu_print{
float:right;
width:79px;
height:22px;
padding:0px 0px 0px 10px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_print.jpg);
background-repeat:no-repeat;
cursor:hand;
}

* html #bu_print{
float:right;
width:79px;
height:22px;
padding:0px 0px 0px 0px;
margin:0px 5px 0px 0px;
background-image:url(../images/bu_print.jpg);
background-repeat:no-repeat;
cursor:hand;
}

/*************************************************************************/


#table_tabs{
width:100%; height:23px; margin:0px 0px -4px 100px; padding: 0px; }

#table_tabs ul{
width:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }

#table_tabs li {
  height:23px; border-right:0px solid #fff; margin: 0px;  text-align: left; display: inline; list-style-type: none; }

#table_tabs li a{
text-decoration:none; color:#666;  padding: 4px 20px 3px 20px;  background-color:#C3C3C3;  }

#table_tabs li.active{
  background-color:#993366; border-right:0px solid #fff; color:#FFFFFF; }

#table_tabs li.active a{
  background-color:#993366; border-right:0px solid #fff; color:#FFFFFF; }

* html #table_tabs{
width:100%; height:22px; margin:10px 0px -19px -40px; padding: 0px; }

* html #table_tabs li {
 height:22px; border-right:5px solid #fff; margin: 0px; padding: 3px 0px 0px 0px; text-align: center; display: inline; list-style-type: none; }

* html #table_tabs li.active{
 background-color:#993366; border-right:5px solid #fff; color:#FFFFFF; }

/********************************************************************/

#reports_tabs{ width:100%; height:23px; margin:0px 0px -4px 100px; padding: 0px; }

#reports_tabs ul{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }

#reports_tabs li { width:103px; height:23px; background-color:#C3C3C3; border-right:0px solid #fff; margin: 2px; padding: 4px 20px 3px 20px; text-align: center; display: inline; list-style-type: none; }

#reports_tabs li.first{ width:103px; height:23px; background-color:#C3C3C3; border-right:0px solid #fff; margin: 2px; padding: 4px 20px 3px 20px; text-align: center; display: inline; list-style-type: none; }

#reports_tabs li.firstactive{ width:103px; height:23px; background-color:#993366; border-right:0px solid #fff; margin: 2px; padding: 4px 20px 3px 20px; text-align: center; display: inline; list-style-type: none; }

#reports_tabs li.firstactive a{ background-color:#993366; border-right:0px solid #fff; color:#FFFFFF; }

#reports_tabs li a{ text-decoration:none; color:#666; }

#reports_tabs li.active{ width:103px; background-color:#993366; border-right:0px solid #fff; color:#FFFFFF; margin: 2px; }

#reports_tabs li.active a{ width:103px; background-color:#993366; border-right:0px solid #fff; color:#FFFFFF; }

* html #reports_tabs{ width:100%; height:23px; margin:10px 0px -19px -40px; padding: 0px; }

* html #reports_tabs li.first { width:135px; height:23px; background-color:#C3C3C3; border-right:5px solid #fff; margin: 0px; padding: 3px 0px 0px 0px; text-align: center; display: inline; list-style-type: none; }

* html #reports_tabs li.firstactive{ width:135px; height:23px; background-color:#993366; border-right:5px solid #fff; margin: 0px; padding: 3px 0px 0px 0px; text-align: center; display: inline; list-style-type: none; color:#FFFFFF; }

* html #reports_tabs li.firstactive a{ width:103px; background-color:#993366; border-right:0px solid #fff; color:#FFFFFF; }

* html #reports_tabs li { width:95px; height:23px; background-color:#C3C3C3; border-right:5px solid #fff; margin: 0px; padding: 3px 0px 0px 0px; text-align: center; display: inline; list-style-type: none; }

* html #reports_tabs li.active{ width:95px; background-color:#993366; border-right:5px solid #fff; color:#FFFFFF; margin: 0px; }


/**********************************************************************/
#form_border{
width:618px;
/*border:1px solid #666;*/
margin-left:140px;
padding:10px 0px 20px 9px;
background-color:#fff;
}

* html #form_border{
width:629px;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 9px;
background-color:#fff;
}


/*****************************************************************************/
.top_space{
margin-top:1px;
}


/********************************************************************************/

#users_tabs{ width:100%; height:23px; margin:0px 0px -4px 100px; padding: 0px; }

#users_tabs ul{ width:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }

#users_tabs li { width:103px; height:23px; background-color:#C3C3C3; border-right:0px solid #fff; margin: 2px; padding: 4px 20px 3px 20px; text-align: center; display: inline; list-style-type: none; }

#users_tabs li a{ text-decoration:none; color:#666; }


#users_tabs li.active{ width:103px; background-color:#993366; border-right:0px solid #fff; color:#FFFFFF; margin: 2px; }

#users_tabs li.active a{ width:103px; background-color:#993366; border-right:0px solid #fff; color:#FFFFFF; }

* html #users_tabs{ width:100%; height:23px; margin:10px 0px -19px -40px; padding: 0px; }

* html #users_tabs li { width:95px; height:23px; background-color:#C3C3C3; border-right:5px solid #fff; margin: 0px; padding: 3px 0px 0px 0px; text-align: center; display: inline; list-style-type: none; }

* html #users_tabs li.active{ width:95px; background-color:#993366; border-right:5px solid #fff; color:#FFFFFF; margin: 0px; }

/*****************************************************************************/
#footer_li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin: 2px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#footer_li li{
	display: inline;
	list-style-type: none;
}

#report_header{
width:600px;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#ED1C24;
border-bottom:1px solid #666;
margin:-15px 0px 12px 0px;
}
* html #report_header{
width:600px;
}


/********************************************************/
#report_left_text{
float:left;
margin:0px 0px 20px 0px;
}

#report_left_text .bolder{
	  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight:bold;
	text-align:left;	
	}
	

/**************************************/
#report_right_text{
float:left;
margin:0px 0px 20px 0px;
}

	
#report_right_text .plain{
	  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align:left;	
	}

/**********************************************/

#report_left_text_area{
float:right;
margin:0px 203px 0px 0px;
}	
* html #report_left_text_area{
float:right;
margin:0px 100px 0px 0px;
}


#completion_box{
width:110px;
height:62px;
background-color:#fff;
border:1px solid #666;
margin:80px 50px 0px 290px;
}

#completion_box .txt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
font-weight:bold;
text-align:center;
margin:4px 0px 0px 0px;
}


