@charset "utf-8";
/* CSS Document */

body {background:#fff; font:Arial, Helvetica, sans-serif;}


#container {
	width:1024px; 
	margin:10px auto;
	
}

/* Top Navigation Banner */

#header {
	width:1024px; 
	height:140px; 
	margin:0 auto; 
	border-bottom:2px solid #717073;
	position:relative;
}


.logo { width:470px; height:90px; background-image:url(images/logo.jpg); background-repeat:no-repeat;}


.top_nav {
	float:right;  
	position:absolute;
	right:0px;
	bottom:10px;
}
.top_nav ul {
	font: 16px Arial, Helvetica, sans-serif; 
	text-align:right; 
	margin: 0px 5px 0px 5px;
	float:right;
}
.top_nav li { 
	float:left;
	list-style-type:none;
	display:block;
	
}
.top_nav ul li a {
		color: #717073; 
		margin: 0 5px 0 5px;
		
}
.top_nav ul li a:link, a:visited {text-decoration:none;}

.top_nav ul li a:hover {
	color:#E87D1E; 
	text-decoration:underline;
	 padding:0px 0px 15px 0px;
}


*:first-child+html .top_nav li { 
	padding:0px 0px 15px 0px;
}
*:first-child+html .top_nav{
	bottom:-5px;
}

.top_nav ul li a.active {color:#E87D1E; text-decoration:none;}

.hou{
	float:left;
}
*:first-child+html .myCalendarTitle{
	width:390px !important;
}

.top_nav li ul { display: none; }

.top_nav li:hover ul {
  display: block;
  position: absolute;
  width:1024px; 
  height: 30px;
  margin:0px 0px 0px 0px;
  font: 12px Arial, Helvetica, sans-serif; 
  text-align:right;
  right:0px;
  padding:0px;
  top:31px;
}
.top_nav li ul li {
	display:inline;
	line-height: 16px;
    padding: 6px 0 !important;
	float:right;
}
.top_nav li ul li a {
	color: #717073; 
	margin: 0 5px 0 5px;
}
.top_nav li ul li a:link, a:visited {
	text-decoration:none;
}
.top_nav li ul li a:hover {
	color:#E87D1E; 
	text-decoration:underline;
	padding:0px;
} 
.top_nav li ul li a.active {
	color:#FFF; 
	text-decoration:none; 
	background:#717073; 
	border:1px solid #717073; 
	border-bottom:none; 
	border-top:none; 
	padding: 5px;
}


/* Sub Nav*/

#sub_nav{width:1024px; height: 30px; margin:0px 0px 0px 0px; position:absolute; right:0px; top:-35px;}
		#sub_nav ul {font: 12px Arial, Helvetica, sans-serif; text-align:right;}
		#sub_nav li {display:inline;}
		#sub_nav ul li a {color: #717073; margin: 0 5px 0 5px;}
		#sub_nav ul li a:link, a:visited {text-decoration:none;}
		#sub_nav ul li a:hover {color:#E87D1E; text-decoration:underline;} 
		#sub_nav ul li a.active {color:#FFF; text-decoration:none; background:#717073; border:1px solid #717073; border-bottom:none; border-top:none; padding: 5px;}


*:first-child+html #sub_nav{height: 30px; margin:0px 0px 0px 0px; position:absolute; right:0px; top:-29px;}
*:first-child+html #sub_nav li { float:left !important; line-height: 16px; padding: 6px 0 !important;}
*:first-child+html #sub_nav ul { float:right;}


/* Body */

#body{width:1024px; margin:30px auto 10px auto; position:relative}

		
#left_container {width:180px; margin:0px 0px 0px 0px; border:1px solid #E87D1E; padding:5px;float: left;}
	
	#left_container h1 {background:#E87D1E; font:12px Arial, Helvetica, sans-serif; color: #FFF; text-align:left; font-weight:bold; padding: 5px; margin:-6px -6px 10px -6px;}
	
	#left_container p {font: 12px Arial, Helvetica, sans-serif; margin: 5px 0px 5px 10px;}
	
	#left_container a {color:#717073;}
	#left_container a:link, a:visited {text-decoration:none;}
	#left_container a:hover {color:#E87D1E; text-decoration:underline;}
	#left_container a:active {color:#E87D1E; text-decoration:none;}	

#main_container {
	/*width:820px; */
	width:100%;
	min-height:20px;
	border:2px solid #717073; 
	float:right; 
	padding-bottom:15px;
	position:relative;
}
		#main_container h1 {font: 24px Arial, Helvetica, sans-serif; color:#717073; margin:20px 10px 10px 10px;}
		#main_container h2{background:#717073; font:14px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding:5px 0px 5px 10px; margin:10px 0 10px 0;}


.container_nav{
	height:24px; 
	margin:0 auto; 
	padding:5px 0px 0px 0px;
	text-align:center;
}

		
.container_buttons {
	background:none; 
	border:none; 
	font: 12px Arial, Helvetica, sans-serif; 
	color:#E87D1E; 
	font-weight:bold; 
	margin:0px;
	cursor:pointer;
}
.container_buttons:hover{
	text-decoration:underline;
}



.Main_Fieldst table, td {
	font:12px Arial, Helvetica, sans-serif; 
	color:#717073 !important; 
	text-align:left; 
	width:160px; 
}
.Delete{	
	width:10px!important; 
}

.client-tab td{
	text-align:right;
	position:relative;
}

.client-tab1 td{
	text-align:left;
	position:relative;
}

.Client_List {width:800px; margin: 30px 0 20px 0;}
.telrikgrd {
    height:200px!important;overflow:auto;text-align:left!important
}
.telrikgrd table td{
    text-align:left!important; 
}

.admin th a{
	text-decoration:none;
}
	
.admin td a {
	background:none; 
	border:none; font: 12px Arial, Helvetica, sans-serif; 
	color:#E87D1E; 
	font-weight:bold; 
	margin:0px;
	text-align:right;
	text-decoration:none !important;
	display:block;
	padding:3px 0px;
}

	
.admin{margin:0 auto; background-color: #444; width: 95%; font:14px Arial, Helvetica, sans-serif; border: 1px solid #000; }
.admin th{ 
	color: #333 !important; 
	background-color:#ccc; 
	text-align: center;
	font: bold 13px Arial,Helvetica,sans-serif;
}
.admin th a {
	color: #333333 ; 
	background-color: #ccc; 
	text-align: left;
	font: bold 13px Arial,Helvetica,sans-serif;
	text-decoration:none;
}
.admin th a:hover { text-decoration:underline;}
.admin tr{ background-color:#fff; color: #eee; padding: 3px;height:20px;}
.admin tr.alt{ background-color:#fafafa; color: #eee; padding: 3px}
.admin tr:hover td{background-color: #CCFFCC;}
.admin td{color: #333; padding: 3px;}
.admin td a a:link a:visited a:active{color:Black !important; padding: 3px; text-decoration:underline}
.admin td a:hover{text-decoration:none !important}
.admin td table tr td {font-weight:bold;}
.admin td table tr td a{color:#0066FF;}


/* My Css Start Here 11-07-2012
==========================================================*/

select {
	width:153px;
	color: Black;
    font: 12px Arial,Helvetica,sans-serif;
}
select[disabled] {
    color: gray;
}
.gridviewclass
{
	border-collapse:separate !important;
}

.TopNavLinks{
	text-align:right;
	float:right;
	width:300px;
	margin: 5px 10px 0px 0px;
}
.TopNavLinks a {
	color: #E87D1E;
    font: bold 12px Arial,Helvetica,sans-serif;
	text-decoration:none;
}
.TopNavLinks a:hover{
	text-decoration:underline;
}
.calendar{
	position:absolute;
	top:10px;
	right:10px;
	
}
.calendar table{
	border-collapse:collapse !important;
	
}
.add-edit-time-sheet{
	width:800px;
	margin:10px auto;
}
.date-1{
	 width: 33px !important;
	float:none;
	position:relative;
}
.required-text{
	color:#ff0000;
	position:absolute;
	left:88px;
	top:-17px;
	font: 11px Arial,Helvetica,sans-serif !important;
}
.left-texts
{
    min-height:225px;
	width:460px;
	overflow:hidden;
}
.left-bar label{
	color: #717073 !important;
    font: 12px Arial,Helvetica,sans-serif;
    text-align: right;
    width: 120px;
	padding-right:5px;
}
.left-bar p{
	padding:3px 0px;
	*padding:0px !important;
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
}
.left-bar input[type="text"]{
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
}
.time-new-add{
    padding: 0;
    position: relative;
}
.my-add-time{
	margin:0px;
	position:absolute;
	top:-32px;
	left:177px;
}
.am-pm{
	width:75px !important;
}
.left-bar select {
	width:183px ;
}
.client-tab input{
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
	width:148px;
}
.add-time{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #E87D1E;
    cursor: pointer;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 0;
	padding:0px;
}
.save-btn1{
	position:relative;
	left:508px;
	width:80px;
}
.save-btn input[type="submit"]{
	background:#E87D1E;
	color:#ffffff;
	padding:3px 15px;
	border:none;
	cursor:pointer;
}
.save-btn input[type="submit"]:hover{
	text-decoration:underline;
}
.min-height-1, .left-bar{
	margin:20px 0px 10px 0px;
	min-height:240px;
}
.wideTable{margin:0 auto; background-color: #444; width: 95%; font:14px Arial, Helvetica, sans-serif; border: 1px solid #000; }
.wideTable th{ 
	color: #333 !important; 
	background-color:#ccc; 
	text-align: center;
	padding:3px 5px;
	font: bold 13px Arial,Helvetica,sans-serif;
}
.wideTable th a {
	color: #333333 ; 
	background-color: #ccc; 
	text-align: left; 
	font: bold 13px Arial,Helvetica,sans-serif;
	text-decoration:none;
}
.wideTable th a:hover { text-decoration:underline;}
.wideTable tr{ background-color:#fff; color: #eee; padding: 3px;height:20px;}
.wideTable tr.alt{ background-color:#fafafa; color: #eee; padding: 3px}
.wideTable tr:hover td{background-color: #CCFFCC;}
.wideTable td{
	color: #333; 
	padding: 3px 5px;
}
.wideTable td a{
	text-decoration:none;
	color:#E87D1E;
	font-weight:bold;
}
.wideTable td a a:link a:visited a:active{color:Black !important; padding: 3px;}
.wideTable td a:hover{text-decoration:none !important}
.wideTable td table tr td {font-weight:bold;}
.wideTable td table tr td a{color:#0066FF;}


.wideTable input[type="submit"] {
    border: medium none;
    color: #E87D1E;
    cursor: pointer;
    padding: 3px;
	font-weight:bold;
	background:transparent;
}
.wideTable input[type="submit"]:hover{
	text-decoration:underline;
}


.t-hours{
	padding:20px 0px 10px 0px;
	text-align:center;
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
}

/* Edit Department CSS
================================================*/
.edit-department{
	text-align:center;
	padding:0px 0px 10px 0px;
}
label{
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
}
.department-name label{
	padding:0px 10px 0px 15px;
}
.department-name input{
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
}
.department-task{
	margin:0px auto;
	padding:0px 15px;
}
.department-task label{
	width:80px;
	text-align:right;
	padding:0px 10px 0px 0px;
}
.department-task input{
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
}
.department-task select{
	width:135px;
}
.department-task  table td:first-child{
	padding-top:0px !important;
}
.department-task  table td{
	padding:5px 0px;
}
.department-task  table td label{
	text-align:left;
}
.department-task  table td input{
	float:left;
	margin-top:1px;
	margin-top:-3px\9;
	margin-top:-3px\8;
}

/* Edit Payroll
--------------------------------------------*/
.edit-payroll{
	padding:10px 0px;
}
.edit-payroll label{
	text-align:right;
	width:100px;
	padding-right:5px;
}
.edit-company-holiday{
	padding:0px 15px;
}
.edit-company-holiday label{
	width:125px;
	text-align:right;
	padding-right:5px;
}
.edit-company-holiday td input{
	margin-top:-2px;
	margin-top:-6px\9;
	margin-left:0px;
}
.edit-company-holiday td{
	width:132px;
}
.edit-company-holiday td label{
	text-align:left;
	width:100px !important;
	margin-top:-2px;
}

.sub-btn{
	margin:10px 0px;
	position:relative;
	left:122px;
}
.sub-btn input[type="submit"]{
	background:#E87D1E;
	color:#ffffff;
	padding:3px 15px;
	border:none;
	cursor:pointer;
}
.sub-btn input[type="submit"]:hover{
	text-decoration:underline;
}

/* Change Password
=======================================================*/
.change-password{
	margin:0px;
	padding:0px;
}
.change-password table{
	width:66%;
	margin:0px auto;
}
.change-password table td {
	padding:5px 0px;
	width:125px;
}
.change-password table td label{
	text-align:right;
	width:160px;
}

.save-can{
	 left: 130px !important;
    position: relative;
}

*:first-child+html .save-can{
	 left: 120px !important;
 }
*:first-child+html .change-password table td {
	padding:5px 10px !important;
	width:135px !important;
}
*:first-child+html .change-password table{
	width:50%;
	margin:0px auto;
}


/* Login Page Css
-------------------------------------------------------*/

#login {width:500px; height:500px; margin:0 auto; padding-top:50px; text-align:center;}

	#login h1 {font:24px Arial, Helvetica, sans-serif; font-weight:lighter; border-bottom:2px solid #E87D1E; text-align:left; margin: 20px 10px 25px 10px; color:#E87D1E; padding: 10px 10px;}
	
	table#LoginControl {margin:0 auto; width:333px; position:relative; left:-33px;}
	table#LoginControl tr {margin: 0px auto; position:relative;}
	table#LoginControl td { text-align:right;}
	table#LoginControl td table{margin:0px auto; width:333px;}
	table#LoginControl td table td {padding:10px 0px; border:none; width:180px}
	table#LoginControl td table td span{ padding-left:4px; color:#ff0000;}

	table#LoginControl td table td input[type="submit"]{margin-right:10px;}
	table.text_field td, tr {font:18px Arial, Helvetica, sans-serif; color:#717073; text-align:left;}

	table.submit td, tr {padding:20px 15px 0 0; margin:0; text-align: right;}
	
	#LoginControl_PasswordRecoveryLink {font:10px Arial, Helvetica, sans-serif; color:#717073; font-weight:bold; padding:20px 5px 0px 0px; outline:none;}
	#LoginControl_PasswordRecoveryLink:link, a:visited {text-decoration:none;}
	#LoginControl_PasswordRecoveryLink:hover {color:#E87D1E; text-decoration:underline;}
	#LoginControl_PasswordRecoveryLink:active {color:#E87D1E; text-decoration:none;}
	
		
	#forgot {background:none; border:none; font: 12px Arial, Helvetica, sans-serif; color:#E87D1E; font-weight:bold; margin:0px 10px 0px 0; padding:0px; }
	

.user {width: 476px; margin:0 auto; border-bottom:2px solid #E87D1E; padding: 0 0 10px 0;}

table#login_table {margin:0 auto;}
	table#login_table tr {margin: 0px auto;}
	table#login_table td {font:18px Arial, Helvetica, sans-serif; color:#717073; text-align:right; padding:10px; border:none;}
	

	table.text_field td, tr {font:18px Arial, Helvetica, sans-serif; color:#717073; text-align:left;}

	table.submit td, tr {padding:20px 15px 0 0; margin:0; text-align: right;}
	
*:first-child+html  #LoginControl_LoginButton{
	position:relative;
	left:150px;
	top:0px;
}
*:first-child+html #LoginControl_PasswordRecoveryLink{
	position:relative;
	left:150px;
	top:0px;
}
	
/* Edit Project
======================================================*/
.edit-project{
	padding:15px 0px;
	width:96%;
	margin:0px auto;
}
.watermark{
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
	width:126px !important;
}
.edit-line-item{
	width:96%;
	margin:0px auto;
}
.pad-15px{
	padding:15px 0px;
}
.tect-area{
	width:490px;
}
.check-box-manage-project input[type="checkbox"]{
	width:15px;
	float:left;
	margin:0px 5px 0px 0px;
}
.check-box-manage-project table{
	width:443px;
}
.check-box-manage-project tr{
	float:left;
	padding:0px 0px 5px 0px;
}
.check-box-manage-project tr td{
	text-align:left;
	width:178px !important;
}

/* Edit User
============================================================*/
.edit-user{
	padding:15px 0px;
	margin:0px auto;
	width:96%;
}
.wid50px{
	text-align:left !important;
}
.edit-user input[type="checkbox"]{
	width:20px;
}


/* MonthlyTimesheetReport
=============================================================*/

.report{
	text-align:center;
	margin:0px auto;
	padding:15px 0px;
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
}
.submit-btns{
	background:#E87D1E;
	color:#ffffff;
	padding:3px 15px;
	border:none;
	cursor:pointer;
}
.submit-btns:hover{
	text-decoration:underline;
}

/* Approve Reject Timesheet
===========================================================*/

.wid50px [type="submit"]{
	background: #E87D1E;
    border: 1px solid #717073;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 3px;
	width:42px !important;
}

.name-id{
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
	width:96%;
	margin:0px auto;
	padding:0px 0px 10px 0px;
}

.name-id1{
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
	width:96%;
	margin:0px auto;
	padding:0px 0px 10px 50px;
}

.appr{
	margin:0px auto;
}

.requiredText1{
    color:Red;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;    
}
.required{
	/*position:absolute;*/
	padding:5px;
}

.NavMenuSelected
{
    background: none repeat scroll 0 0 #717073;
    border-color: -moz-use-text-color #717073;
    border-left: 1px solid #717073;
    border-right: 1px solid #717073;
    border-style: none solid;
    border-width: medium 1px;
    color: #FFFFFF !important;
    padding: 8px;
    text-decoration: none;
}
.NavMenuSelected:hover
{
    background: none repeat scroll 0 0 #717073;
    border-color: -moz-use-text-color #717073;
    border-left: 1px solid #717073;
    border-right: 1px solid #717073;
    border-style: none solid;
    border-width: medium 1px;
    color: #FFFFFF !important;
    padding: 8px !important;
    text-decoration: none;
}
.daycolor{
	font-weight:bold;
	color:#E87D1E !important;
}
		
.activday{
	background: #E87D1E;
	color: #FFFFFF;
}
		
.wel-name{
	padding:16px 0px;
	color: #717073;
	font: 12px Arial,Helvetica,sans-serif;
	font-weight:bold;
		}
		
.title-fontNew{
    font: 20px Arial,Helvetica,sans-serif;
}
		
.wideTable table td{
	width:0px !important;
}
/*.save-btn {background:#E87D1E; border:1px solid #717073; border-radius:5px; font: 12px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; margin:0px; padding:3px; cursor:pointer;} */
#hours {height:20px; width:250px; font:14px Arial, Helvetica, sans-serif; color:#717073; margin:20px 5px 0 20px;}
.num {width:170px; height:20px; float:right; margin:0px; font:14px Arial, Helvetica, sans-serif; color: #339933; font-weight:bold;}
table.Centered {
	font:12px Arial, Helvetica, sans-serif; 
	color:#717073; 
	text-align:center; 
	border:none; 
	padding:10px 0 10px 0; 
}

table.Centered td.New_Time_Centered {
	font:12px Arial, Helvetica, sans-serif; 
	color:#717073; 
	text-align:center; 
	border:none; 
	width:auto;
	padding:10px;
}
.New_Time_Centered p {
    color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 10px;
}

table.Centered th.New_Time_Centered { 
	font:12px Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color: #333; 
	background-color:#ccc; 
	text-align: center; 
	height:15px; 
	margin:0;
	padding:5px 17px;
}
table.Centered td.New_Time_Centered  textarea{
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
	width:170px;
	}
.t-hours-day{
	text-align:Center;
	font-weight:bold;
}

table.Centered tr.timesheet { border-bottom:1px solid #717073;}
.approve_button {background:#E87D1E; border:1px solid #717073; border-radius:5px; font: 12px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; margin:0 10px; padding:3px; cursor:pointer;}

.reject_button {background:#E87D1E; border:1px solid #717073; border-radius:5px; font: 12px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; margin:0 10px; padding:3px; cursor:pointer;}


.save-btn {background:#E87D1E; border:1px solid #717073; border-radius:5px; font: 12px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; margin:0px; padding:3px; cursor:pointer;}
.save-btn_a {background:#E87D1E; border:1px solid #717073; border-radius:5px; font: 12px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; margin:0px; padding:4px; cursor:pointer; text-decoration:none;}


.success-text
{
    color:#ff0000;
    padding:3px 5px 12px 0px;
    text-align:center;
    font-size:13px;
    font-family:Arial;
    display:block;
    font-weight :bold;
}

#submit {
    float: right;
    height: 20px;
   margin: -24px 18px 0 0;
}
.required-invalid{
	padding: 0px 0px 0px 5px;
    position: absolute;
	color: #ff0000;
    font: bold 11px Arial,Helvetica,sans-serif;
	min-width:125px;
	text-align:left;
}
.required-invalid1{
	padding: 5px 0px 0px 0px;
    position: absolute;
	color: #ff0000;
    font: bold 11px Arial,Helvetica,sans-serif;
	min-width:125px;
	text-align:left;
	left:185px;
	bottom:5px;
	left:10px\9;
	bottom:-25px\9;
}
.save-btn2{
	position:relative;
	left:120px;
	top:5px;
	width:80px;
}
.success-texttimesheet
{
    color:#ff0000;
    padding:3px 5px 12px 0px;
    text-align:left;
    font-size:13px;
    font-family:Arial;
    display:block;
    font-weight :bold; 
}

.red-color{
	 background:url(images/red-img.png) no-repeat 0px 6px;
	padding-left:20px !important;
}
.green-color{
	 background:url(images/green-img.png) no-repeat 0px 6px;
	padding-left:20px !important;
}
.orange-color{
	 background:url(images/orenge-img.png) no-repeat 0px 6px;
	padding-left:20px !important;
	margin-left:5px;
}
.blue-color{
	 background:url(images/blue-img.png) no-repeat 0px 6px;
	padding-left:20px !important;
}

.colors{
	padding:10px 5px;
	display:block;
}
.colors td{
	padding:5px 0px;
	width:140px;
}
.wideTable th, .wideTable td{
	border:1px solid #000;
}
.admin th, .admin td{
	border:1px solid #000;
}

.defaultRequired
{
 color:#ff0000;
    
    
}
.searchfilter1
{
    padding:5px 0px 15px 25px;
    width:96%;
    
}

.searchfilter1 span 
{
    font-size :12px;
    font-family:Arial;
    color:#717073 ;
}

.searchfilter1 input[type='text'] 
{
    padding:1.5px 2px ;
    font-size :12px;
    font-family:Arial;
    color:#717073 ;
    width:150px;
    
}
.searchfilter
{
    padding:5px 0px 15px 0px;
    width:96%;
    text-align:center;    
}
.searchfilter span 
{
    font-size :12px;
    font-family:Arial;
    color:#717073 ;
}

.searchfilter input[type='text'] 
{
    padding:1.5px 2px ;
    font-size :12px;
    font-family:Arial;
    color:#717073 ;
    width:150px;
    
}
.totalColor
{ color: #339933;
}

.loginLabel
{
    font-size:12px;
    font-weight:bold;
}

/* Employee Report
-----------------------------------------------------*/
.employee-report{
	margin:0px;
	padding:0px;
}
.employee-report-left input{
	float:left;
	margin:0px 5px 0px 5px;
	margin:-3px 5px 0px 5px\9;
}
.employee-report-left label{
	margin-right:20px;
}
.employee-report-left select{
	padding:3px;
	margin:6px 0px 6px 6px;
}
.cont-lab{
    text-align: right;
}


.table-2nd{
	position:relative;
    top: 0px;
    left: 49px;
}

.over-text{
	background:#e9f0f9;
	width:160px;
	border:1px solid #658bbc;
	position:absolute;
	top:53px;
	right:90px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.over-text td
{
    display:block;
}
.image-I
{
    margin: -7px 0 0 -6px;
    position: absolute;
}
.over-text td.firstLevel {
    color: #303099 !important;
    font-weight: bold;
    padding-left: 10px;
}

.over-text td.secondLevel {
    color: #303099 !important;
    font-weight:normal;
    padding-left: 30px;
    font-size:11px;
}


.over-text td.thirdLevel {
    color: #303099 !important;
    font-weight:normal;
    padding-left: 50px;
    font-style: italic;
    font-size:11px;
}

.over-text td.fourthLevel {
    color: #303099 !important;
    font-weight:normal;
    padding-left: 70px;
    font-style: italic;
    font-size:11px;
}


.table-3rd{
	background:#e9f0f9;
	border:1px solid #658bbc;
	padding:5px;
	margin:0px;
}

.table-3rd label{
	width:35px;
	padding:5px;
	text-align:right;
}
.table-3rd select{
	margin:0px 10px;
}
.employee-month{
	width:100px;
}
.employee-day{
	width:50px;
}
.employee-year{
	width:70px;
}


.table-4th cont-lab{
	padding : 5px 0px;
	text-align: right;
}
.table-4th label{
	width:60px;
	text-align:right;
	padding:2px 5px 2px 0px;
}
.bord-1{
	border-top:1px solid #717073;
	margin:0px 10px;
	margin-top:5px;
}


.required-invalidPassword {
    bottom: 18px;
    color: #FF0000;
    font: bold 11px Arial,Helvetica,sans-serif;
    min-width: 125px;
    padding: 5px 0 0;
    position: absolute;
    left: 108px;
    top:0px ;
    text-align: left;
}


.checkBoxDepartment input{
	float:left;
	margin-top:-3px\9;
	
}

.checkBoxRoles input{
	float:left;
	margin-top:-3px\9;
	
}

.resetPassword
{
   font: bold 12px Arial,Helvetica,sans-serif;
   color :#E87D1E;
    margin-right: 6px;

}

*:first-child+html #ContentPlaceHolder1_chkDepartment{
	width:300px !important;
}

.labelProject
{
      font: bold 14px Arial,Helvetica,sans-serif;
   color :#E87D1E;
 
}

.CheckBoxAlignWidth
{
	width:500px !important;
}

.CheckBoxAlignWidth td
{
	text-align:left !important;
}
.CheckBoxAlignWidth td input
{
	width:20px !important;
	float:left !important;
}

.CheckBoxAlignWidth td label
{
	line-height:18px !important;
}

/* 17-08-2012
============================================*/
.AjaxControlToolkit
{
	position:relative;
}
.AjaxControlToolkit input
{
	width:160px;
}
.AjaxControlToolkit table
{
	top:0px !important;
}
.ajax__combobox_buttoncontainer
{
	width:24px;
}
.ajax__combobox_buttoncontainer button
{
	border:none;
	background:#fff;
	cursor:pointer;
}
.p-para
{
	color: #717073;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 3px 0;
}
.p-para label
{
	color: #717073 !important;
    font: 12px Arial,Helvetica,sans-serif;
    padding-right: 5px;
    text-align: right;
    width: 120px;
}

.ajax__combobox_itemlist
{
	top:22px !important;
	top:12px\8 !important;
	left:125px !important;
	z-index:1000000 !important;
	
	
	
}

.ajax__combobox_itemlist {
    left: 0 !important;
    position: relative !important;
    top: 0px !important;
    z-index: 1000000 !important;
}
.ajax__combobox_textboxcontainer input
{
	width:163px !important;
	
}
.ajax__combobox_textboxcontainer, .ajax__combobox_buttoncontainer{
*margin:0;
	*padding:0;
}

.ResetBold b, strong
{
	font-size:12px;
	font-weight:bold;
	color:#000;
}

.requiredchange
{
    padding : 5px;
    color:Red;
    font-weight :bold;
    
}


/*---------------------------------------- EXPENSE STYLES ------------------------------------------------------------------ */


.Expense_container
{
    margin:0;
    padding:15px;
    font-family:Verdana;
}

.tbl 
{
    border-collapse: collapse;
}

.tbl, .tbl th, .tbl td {
    border: 1px solid black;
    padding:8px;
}
.tbl .tbl_head td
{
    background-color:#ffcc00;
    font-weight:bold;
    color:#333333!important;
    text-align:center;
}


.rounded_box
{
    padding:13px;
    margin:2px 0px 2px 0px;
    border-radius:10px;
    border:1px solid #000000;
}

.rounded_box ul li {
		color: #717073; 
		padding: 3px 1px;
		font-size:12px;
}

.rounded_box ul li a {
		color: #717073; 
		padding: 5px 1px;
		font-size:12px;
			
}
.rounded_box ul li a:link, a:visited {text-decoration:none;}

.rounded_box ul li a:hover {
	color:#E87D1E; 
	text-decoration:underline;
	 }



.fields_control
{
    margin:0;
    padding:10px 2px 3px 2px;
    clear:both;
}
.fields_control label
{
    width:150px;
    color:#000000;
    display:inline-block!important;
}

.fields_control input[type="text"], fields_control select
{
  
    
}
.fields_control textarea
{
    padding:3px;
    width:200px;
    color:#000000;
    border:1px solid #555555;
    resize:none;
}

.pull_right
{
    
    float:right;
}


.pull_left
{
    
    float:left;
}
.clear_fix:after{
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    float:right;
}
.clearboth
{
    clear:both;
}
.buttons_conrol
{
    margin-left:186px;
}


.small_textbox
{
    width:50px!important;
}
.mid_lbl
{
    float:none;
    margin-left:50px;
    width:40px!important;
}

.InputControls select
{
   
	width:173px!important;
	

}
.notification
{
     font-weight: bold;     
     font-size:10px
}
.fields_PayInfo
{
    margin:0;
    padding:3px;
    clear:both;
}
.fields_PayInfo label
{
    width:120px;
    color:#000000;
    display:inline-block!important;
}


.expnse_report
{
    width:400px;
    margin-left:3px;
}
.paymentinfo
{
    width:350px;
}
.PayInfoinput
{
    width:150px!important;
}

.expnse_report .fields_PayInfo label
{
    width:120px!important;
}

.allication_grid
{
    width:400px!important;
}

.allication_grid select
{
width:80px!important;
}

.Wildcard
{
    float:none;
    margin-left:75px;
    width:40px!important;
}


.file-upload span strong{
background:#E87D1E;
border:1px solid #717073;
border-radius:5px;
font: 12px Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
margin:0px;
padding:3px;
cursor:pointer;
}


/* The button size */
.file-upload {
    height: 22px!important;
}

    .file-upload, .file-upload span {
        width: 80px!important;
    }

    .file-upload input {
        ;
        top: 0;
        left: 0;
        margin: 0;
        font-size: 11px;
        font-weight: bold;
        /* Loses tab index in webkit if width is set to 0 */
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .file-upload strong {
        font: normal 12px Tahoma,sans-serif;
        text-align: center;
        vertical-align: middle;
    }

    .file-upload span {
           
        top: 0;
        left: 0;
        display: inline-block;
        /* Adjust button text vertical alignment */
        padding-top: 5px;
    }
                

.sameheight_01
{
height:305px;
}

.sameheight_02
{
height:130px;
}


.paymentinfo h4, x:-moz-any-link, x:default {

}


.fields_PayInfo #ContentPlaceHolder1_rev1
{
margin-top:-15px;
}


.fields_PayInfo #ContentPlaceHolder1_rev1, x:-moz-any-link, x:default {
margin-top:3px;
*margin-top:-4px!important;
}


.SortingClass
{
cursor:pointer;
cursor:hand;
}

.SortingClass:hover
{
Color:#000000;
}

#loadingmessage
        {
            display: none;
            position: absolute;
            top: 45%;
            left: 45%;
            width: 150px;
            height: 150px;
            padding: 30px 15px 0px;
            border: 3px solid #ababab;
            box-shadow: 1px 1px 10px #ababab;
            border-radius: 20px;
            background-color: white;
            z-index: 1002;
            text-align: center;
            overflow: auto;
        }
        
#processingmessage
        {
            display: none;
            position: absolute;
            top: 45%;
            left: 45%;
            width: 250px;
            height: 250px;
            padding: 30px 15px 0px;
            border: 3px solid #ababab;
            box-shadow: 1px 1px 10px #ababab;
            border-radius: 20px;
            background-color: white;
            z-index: 1002;
            text-align: center;
            overflow: auto;
        } 
        
.loadingImage
        {           
            position: absolute;
            top: 45%;
            left: 45%;
            width: 150px;
            height: 150px;
            padding: 30px 15px 0px;
            border: 3px solid #ababab;
            box-shadow: 1px 1px 10px #ababab;
            border-radius: 20px;
            background-color: white;
            z-index: 1002;
            text-align: center;
            overflow: auto;
        } 


.InvoiceExpanse .rgDataDiv
{
 height : auto !important ;
}


.Expanseicon
{
    padding:13px;
    margin:2px 0px 2px 0px;
    border-radius:10px;
    border:0px solid #000000;
}


.fields_Expanse
{
    margin:0;
    padding:3px;
    
}
.fields_Expanse label
{
    width:140px!important;
    color:#000000;
    display:inline-block!important;
}

.image-upload 
{
    
    height:70px!important;
    width:300px!important;
  
}
.image-upload  label
{
 width:120px!important;
}

.image-upload input
{
   
    display: none!important;
}

.image-upload img
{
    width: 120px!important;
    cursor: pointer!important;
}

.imaglabel
{
    width:80px!important;
}
#divamount
{
   width: 355px!important; 
}

 .demo-droppable {
             
                padding: 40px 0;
                text-align: center; 
                border: dotted 1px black; 
              }
.demo-droppable.dragover {
background: #00CC71;
}
.displaynone
{
   
    display: none!important;
}



.InvoiceExpanse .rgDataDiv
{
 height : auto !important ;
}

.sendmail
{
    position: relative;
   top : 10px;
   width : 40px;
}
.Testfloating_headerexpense
{
    position:fixed;
    top:50%;
    left: 50%;
    z-index:10000001;
    overflow:hidden;
    color:Black;    
}
.divWaiting{
   

background-color: #FAFAFA;
opacity: 0.8;
overflow: hidden;

}

.links a {
    color: #E87D1E;
    text-decoration:none;
}
.links a:hover {
    color: #E87D1E;
    text-decoration: none;
}

/*------------------------------------------ KENDO STYLES ----------------------------------------*/

.rgHeader{
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px !important;
    background: #eee;
    color:#000 !important;
}

.rgHeader a{
    color:#000 !important;
}

.rgFilterBox
{
    height:15px !important;
}

 .riTextBox  
{
    height:22px !important;
}

.rgFilter 
{
    width:22px !important;
    height:22px !important;
}

.rcCalPopup 
{
    background:#eeeeee !important;
}

.rcSelect {
    width: 38px !important;
    height: 20px !important;
}

.RadCalendarPopup 
{
    width: 150px !important;
}

.RadInput
{
    height: 22px !important;
}

.vendortemplate
      {
          width: 100px!important;
      }

.FormColumn
{
    float:left;
    width:500px;
}
.form { font-size:12px; font-family:Arial, Helvetica, sans-serif; height:auto;}

/* Double listbox */

select.doubleLB
{
	width: 200px;
	height: 100px;
	margin: 0 0 0 0px;
} 

div.boxed_div
{
	border:	1px solid gray;
	float: left;
	padding: 5px 5px 5px 5px; 
	margin: 0 20px 5 px 0;
}
div.doubleLB
{
	width: 200px;
	float: left;
} 
div.doubleLB_right
{
	width: 200px;
	float: left;
	margin-right:20px;
} 
label.doubleLB
{
	margin: 0 0 0 30px;
	float:none;
}
div.buttonColumn
{
	float:left;
	width:50px;
	margin: 0px 0 0 5px;
}



a.action span
{
  float:left;
  border:1px solid #324d5f; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px;
 border-radius: 3px;
 font-size:12px;
 font-family:arial, helvetica, sans-serif; 
 font-weight:600;
 text-decoration:none;
 padding: 5px 8px; 
 margin:0 1px; 
 color: #ffffff;
 background-color: #3b779e; 
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.19);
    background-image: linear-gradient(to bottom, #3b779e, #294b61);

}
 
 a.action span:hover {text-decoration:none;}


 .RadGrid
{
   /* border-radius: 10px; */
   /* overflow: hidden; */
}

div.RadGrid td.rgPagerCell
{
    border-left: 0;
}

.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table 
{
    font-size: 13px !important;
    line-height: 20px !important;
    font-family: Arial,Helvetica,sans-serif !important;
}

.RadGrid_MetroTouch .rgRow a, .RadGrid_MetroTouch .rgAltRow a, .RadGrid_MetroTouch tr.rgEditRow a, .RadGrid_MetroTouch .rgFooter a, .RadGrid_MetroTouch .rgEditForm a 
{
    color: #f46500 !important;
}

.rgHeader 
{
    height:30px;
}
.rgFooter 
{
    height:30px !important;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader  a {
    color: #0f78bc !important;
   /* text-decoration:underline !important; */
    background-color: #ccc !important;
    font-weight:bold !important;
    text-transform:uppercase;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader  a:hover 
{
    color:#000 !important;
}

.RadGrid_MetroTouch .rgFilterRow 
{
    height:20px !important;
    background-color: blanchedalmond !important;
}
.RadGrid_MetroTouch .rgFilter {
    width: 24px !important;
    height: 22px !important;
    background-position: -14px -4513px !important;
    border: 1px solid #cdcdcd !important;
}
.RadGrid_MetroTouch .rgFilterBox
{
    height: 17px !important;
    font-size:14px !important;
}
.rgHoveredRow
{
    background-color: #CCFFCC !important;
}

.rgSelectedRow
{
	color:#000000 !important;
}
.letter_count
{
    width:25px;
    background:none;
    border:none;
    font-weight:bold;
}
/* .patient_div_scroll
{
height: 700px;
overflow: scroll;
overflow-x: hidden; 
} 
*/
.rtsVertical 
{
    width: 120px !important;
}

.rtsVertical .RadMainSubTabStyle
{  
    width: 120px !important;
}

.checkDIV
{
    text-align:left;
}