/* CSS Document */



body {
margin:0px;
padding:0px;	
background:#f7f7f7;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

.clear_float {
	clear:both;
}

.float_left {
float:left;	
	
	
	
}


a {
	text-decoration:none;	
		color:#87a0ac;	
		border:none;
}

ul, li {
    margin: 0;
    padding: 0;
}





/* NAVIGATION ///////////////////////////////////////////////////////////////////////////////////////////////////////*/

.header {
	
width:100%;
height:65px;
background:#c9ecfc;
border-bottom: 1px solid #dde7eb;
-moz-box-shadow: 0px 1px 2px #c7c7c7; /* Firefox */
  -webkit-box-shadow: 0px 1px 2px #c7c7c7; /* Safari*/
  
}

.menu_button a {
	
padding:20px;
float:left;
color:#87a0ac;	
font-size:18px;
}

.menu_button a:hover {
	
padding:20px;
float:left;
color:#586a73;	
font-size:18px;
}

.my_prefs a:hover {
	
padding:5px;
margin-right:20px;
margin-top:18px;
float:right;
color:#586a73;	
font-size:15px;
background:#b8e5fa;
}

.my_prefs a {
	
padding:5px;
margin-right:20px;
margin-top:18px;
float:right;
color:#738b97;	
font-size:15px;
background:#b8e5fa;
}



.lined_header {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
font-size:15px;
padding-left:15px;
font-weight:bold;
color:#666;

	
}
/* LOGIN ///////////////////////////////////////////////////////////////////////////////////////////////////////*/

.login_inputs {
	
width:250px;
height:25px;
border: solid 1px #CCC;
border-radius:5px;
padding-left:5px;
	
}


.login_wrapper {
	
background:#FFF;
border: 1px solid #D9D9D9;
border-radius:10px;
width:400px;
font-size:12px;
padding:20px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;



moz-box-shadow: 3px 3px 4px #000;

webkit-box-shadow: 3px 3px 4px #CCC;

box-shadow: 1px 1px 4px #CCC;

/* For IE 8 */

ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

/* For IE 5.5 - 7 */

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');	
	
}




#remember_me_warning {
	
display:none;
background:#F0FFEF;
border-radius:10px;
border:1px solid #60A656;
padding:8px;
color:#4D8842;	
	
}

/* MAIN BODY ///////////////////////////////////////////////////////////////////////////////////////////////////////*/


.wrapper {
	
width:1070px;
min-width:1070px;
margin: 0 auto;
border:1px solid #cccccc;
margin-top:50px;
border-top-left-radius:10px;	
border-top-right-radius:10px;
background:#FFF;
min-height:70px;

}

.wrapper_with_btn {
	
width:1070px;
min-width:1070px;
margin: 0 auto;
border:1px solid #cccccc;
margin-top:10px;
border-top-left-radius:10px;	
border-top-right-radius:10px;
background:#FFF;
min-height:70px;

}
.page_header {
	
	background:#eeeeee;
	color:#666666;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e5e5e5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e5e5e5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #eeeeee,  #e5e5e5); /* for firefox 3.6+ */ 	
padding-top:15px;
padding-left:15px;
width:1055px;
height:30px;
border-top-left-radius:10px;	
border-top-right-radius:10px;	
border-bottom:1px solid #cccccc;
font-size:20px;
margin-bottom:12px;

}


.right_header {
float:right;
padding-right:10px;	
font-size:12px;
padding-top:4px;



}

.left_header {
	
float:left;	
	
}

.chart_header {
	
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#dbdbdb'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#dbdbdb)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #dddddd,  #dbdbdb); /* for firefox 3.6+ */ 	
font:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
height:20px;
width:1000px;	
padding-left:8px;
padding-top:5px;
border-bottom: 1px solid #F7F7F7;
}


.main_body {

font-size:12px;
font-family:Arial, Helvetica, sans-serif;
	width:95%;
	margin:15px;
}


.footer {
margin: 0 auto;
 width:1055px;
  background:#eeeeee;
	color:#666666;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e5e5e5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e5e5e5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #eeeeee,  #e5e5e5); /* for firefox 3.6+ */ 	
padding-top:15px;
padding-left:15px;
height:30px;
border-bottom-left-radius:10px;	
border-bottom-right-radius:10px;	
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
font-size:20px;
}

/* Form ////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.form_row {
	
font-size:10px;
font-weight:bold;
border-bottom:1px solid #E8E8E8;
padding:4px;
	color:#666666;
}



.form_highlight:hover {
	
background:#F4FDFF;
	
}





/* BUTTONS ////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.top_control_btn_holder {
	

width:1070px;
min-width:1070px;
margin: 0 auto;	
margin-top:40px;
padding-left:8px;
	
}


.delete_project_btn {
	cursor:pointer;
	color:#999;
background:#E6E6E6;
border:1px solid #C7C7C7;
border-radius:5px;	
padding-right:6px;
height:15px;
width:45px;
font-size:10px;	
padding-top:6px;
padding-left:6px;
font-weight:bold;
	
}

.delete_project_btn:hover {
	cursor:pointer;
	color:#999;
background:#dcdbdb;
border:1px solid #C7C7C7;
border-radius:5px;	
padding-right:6px;
height:15px;
width:45px;
font-size:10px;	
padding-top:6px;
padding-left:6px;
font-weight:bold;
		
	
}

.archive_project {
cursor:pointer;	
	
	
}

.archive_project, .unarchive_project:hover {
cursor:pointer;	
	color:#999;
	
}


.view_archive_prjct {
	float:left;
cursor:pointer;
	color:#999;
background:#E6E6E6;
border:1px solid #C7C7C7;
border-radius:5px;	
height:12px;
font-size:10px;	
padding:3px;
text-align:center;

	
}

.view_archive_prjct:hover {
	float:left;
cursor:pointer;
	color:#999;
background:#DCDCDC;
border:1px solid #C7C7C7;
border-radius:5px;	
height:12px;
font-size:10px;	
padding:3px;
text-align:center;

	
}







.edit_project_btn {
	background-image:url(../img/time_sheet/pencil_small.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	width:24px;
	height:24px;
	border:#CCC 1px solid;
	margin-left:6px;
	border-radius:4px;
	padding:2px;	
	
	
}

.edit_project_btn:hover {
	background-image:url(../img/time_sheet/pencil_small.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F8F8F8;
	cursor:pointer;
	float:left;
	width:24px;
	height:24px;
	border:#CCC 1px solid;
	margin-left:6px;
	border-radius:4px;
	padding:2px;
	
}




.new_asset {
	float:left;
cursor:pointer;
	color:#999;
background:#E6E6E6;
border:1px solid #C7C7C7;
border-radius:5px;	
width:100px;	
height:15px;
font-size:10px;	
padding-top:6px;
padding-left:6px;

	
}

.new_asset:hover {
	float:left;
cursor:pointer;
	color:#999;
background:#DCDCDC;
border:1px solid #C7C7C7;
border-radius:5px;	
width:100px;	
height:15px;
font-size:10px;	
padding-top:6px;
padding-left:6px;

	
}

.edit_asset_btn {
	background-image:url(../img/time_sheet/pencil_small.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	width:24px;
	height:24px;
	border:#CCC 1px solid;
	margin-left:6px;
	border-radius:4px;
	padding:2px;	
	
	
}

.edit_asset_btn:hover {
	background-image:url(../img/time_sheet/pencil_small.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F8F8F8;
	cursor:pointer;
	float:left;
	width:24px;
	height:24px;
	border:#CCC 1px solid;
	margin-left:6px;
	border-radius:4px;
	padding:2px;
	
}





.create_new_btn {
	
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c051', endColorstr='#2f8e12'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#71c051), to(#2f8e12)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #71c051,  #2f8e12); /* for firefox 3.6+ */ 	
border:1px solid #237c07;
font-weight:bold;
color:#FFF;
font-size:12px;
border-radius:3px;
display:inline-block;	
height:15px;
padding:4px;

}

.create_new_btn:hover {
	
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c051', endColorstr='#71c051'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#71c051), to(#71c051)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #71c051,  #71c051); /* for firefox 3.6+ */ 	
border:1px solid #237c07;
font-weight:bold;
color:#FFF;
font-size:12px;
display:inline-block;
height:15px;

border-radius:3px;
cursor:pointer;
padding:4px;

	
}



.new_time_entry_btn {
	cursor:pointer;
	color:#999;

background:#E6E6E6;
border:1px solid #C7C7C7;
border-radius:5px;	
width:70px;	
height:15px;
font-size:10px;	
padding-top:6px;
padding-left:6px;

}

.new_time_entry_btn:hover {
	cursor:pointer;
	color:#999;
background:#DCDCDC;
border:1px solid #C7C7C7;
border-radius:5px;	
width:70px;	
height:15px;
font-size:10px;	
padding-top:6px;
padding-left:6px;

}


.save_timesheet_btn {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c051', endColorstr='#2f8e12'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#71c051), to(#2f8e12)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #71c051,  #2f8e12); /* for firefox 3.6+ */ 	
border:1px solid #237c07;
font-weight:bold;
color:#FFF;
font-size:12px;
border-radius:3px;
display:inline-block;	
height:15px;
padding:4px;
margin-left:10px;

}

.save_timesheet_btn:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c051', endColorstr='#71c051'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#71c051), to(#71c051)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #71c051,  #71c051); /* for firefox 3.6+ */ 	
border:1px solid #237c07;
font-weight:bold;
color:#FFF;
font-size:12px;
display:inline-block;
height:15px;
border-radius:3px;
cursor:pointer;
padding:4px;
margin-left:10px;


}

.start_timer_btn {
	cursor:pointer;
	color:#FFF;
width:60px;	
height:24px;
font-size:16px;	
background-image:url(../img/time_sheet/btn_timer.png);
background-position:0px 0px;
background-repeat:no-repeat;
float:left;
margin-left:8px;
margin-top:2px;
display:none;
}

.start_timer_btn:hover {
	cursor:pointer;
	color:#FFF;
width:60px;	
height:24px;
font-size:16px;	
background-image:url(../img/time_sheet/btn_timer.png);
background-position:0px -23px;
background-repeat:no-repeat;
float:left;
margin-left:8px;
margin-top:2px;
}


.stopp_timer_btn {
	cursor:pointer;
	color:#FFF;
width:60px;	
height:24px;
font-size:16px;	
background-image:url(../img/time_sheet/btn_running.gif);
background-position:0px 0px;
background-repeat:no-repeat;
display:none;
float:left;
margin-left:8px;
margin-top:2px;
}

.stopp_timer_btn:hover {
	cursor:pointer;
	color:#FFF;
width:60px;	
height:24px;
font-size:16px;	
background-image:url(../img/time_sheet/btn_running.gif);
background-position:0px 0px;
background-repeat:no-repeat;
display:none;
float:left;
margin-left:8px;
margin-top:2px;
}

.edit_time_sheet {
	background-image:url(../img/time_sheet/pencil_small.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	width:24px;
	height:24px;
	border:#CCC 1px solid;
	margin-left:6px;
	border-radius:4px;
	padding:2px;	
	
	display:none;
}

.edit_time_sheet:hover {
	background-image:url(../img/time_sheet/pencil_small.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#F8F8F8;
	cursor:pointer;
	float:left;
	width:24px;
	height:24px;
	border:#CCC 1px solid;
	margin-left:6px;
	border-radius:4px;
	padding:2px;
		
	
}


.update_btn {
	
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c051', endColorstr='#2f8e12'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#71c051), to(#2f8e12)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #71c051,  #2f8e12); /* for firefox 3.6+ */ 	
border:1px solid #237c07;
font-weight:bold;
color:#FFF;
font-size:12px;
width:70px;
height:30px;
border-radius:3px;
	
	
}

.update_btn:hover {
	
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71c051', endColorstr='#71c051'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#71c051), to(#71c051)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #71c051,  #71c051); /* for firefox 3.6+ */ 	
border:1px solid #237c07;
font-weight:bold;
color:#FFF;
font-size:12px;
width:70px;
height:30px;
border-radius:3px;
cursor:pointer;
	
	
}


.delete_time_entry_btn {
	cursor:pointer;
	color:#999;
background:#E6E6E6;
border:1px solid #C7C7C7;
border-radius:5px;	
padding-right:6px;
height:15px;
width:45px;
font-size:10px;	
padding-top:6px;
padding-left:6px;
font-weight:bold;
}

.delete_time_entry_btn:hover {
	cursor:pointer;
	color:#999;
background:#dcdbdb;
border:1px solid #C7C7C7;
border-radius:5px;	
padding-right:6px;
height:15px;
width:45px;
font-size:10px;	
padding-top:6px;
padding-left:6px;
font-weight:bold;
}



.new_invoice_item {
	float:left;
cursor:pointer;
	color:#999;
background:#E6E6E6;
border:1px solid #C7C7C7;
border-radius:5px;	
width:60px;	
height:15px;
font-size:10px;	
padding-top:6px;
padding-left:6px;

	
}

.new_invoice_item:hover {
	float:left;
cursor:pointer;
	color:#999;
background:#DCDCDC;
border:1px solid #C7C7C7;
border-radius:5px;	
width:60px;	
height:15px;
font-size:10px;	
padding-top:6px;
padding-left:6px;

	
}



/* LOADERS /////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.small_loader {
	
width:16px;
height:16px;
margin:4px;
float:left;	
display:none;
}

.small_loader_no_left {
	
width:16px;
height:16px;
display:none;
	

	

}

/* LOADERS - END //////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* HOME ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.google-analytics {
	
background-color:#4885ed;
padding:25px;
align-content: center;
width:150px;
margin-top:50px;
margin-left:50px;
color:white;
	
}



/* PROJECT CREATION ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.newproject_clients {
	
display:none;
	
	
}

.project_name {
	
width:600px;
height:20px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;
	
	
}

.project_code {
	
width:100px;
height:20px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;
	
	
}

.project_notes {
	
width:600px;
height:150px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;
 resize: none;
	
}

.asset_holder {
	

min-height:200px;
min-width:720px;
	
}

.asset_name_input {
	
width:540px;
height:20px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;	
	
}

.asset_description_input {
	
width:540px;
height:150px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;
 resize: none;	
	
}


/* PROJECT DELETION ////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 


/* Customize your modal window here, you can add background image too */
#modal #confirm_delete_project {
  width:435px; 
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background:#FFF;
  border:1px solid #999;
  padding:15px;
}


/* ASSET MANAGEMENT, ASSET EDIT, ASSET VIEWING ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.asset_title {

	
}

.asset_title_input {

width:300px;
height:30px;
	
}

.asset_description {
font-size:9px;	
padding:5px;
margin-left:180px;
background-color:#EFEFEF;
border-radius:3px;
float:left;
}

.asset_creation_date {
padding-top:3px;
font-size:11px;
float:left;	
}


.asset_proj_assoc_holder {
	
background-color:#dbffda;
border:1px solid #c3e5c2;
border-radius:3px;
margin-left:10px;
margin-right:10px;
margin-top:2.5px;
margin-bottom:2.5px;
padding:10px;
font-size:12px;
width:45%;
float:left;
}

.asset_proj_assoc_title {
	
float:left;
}

.delete_asset_projc_assoc {

float:right;
padding-left:10px;
width:30px;	

}

.asset_contents_txt_area {
width:95%;
font-size:14px;
color:#666;
height:600px;
padding:15px;
line-height:30px;

}

.asset_info {
float:left;
font-size:11px;	
font-weight:400;
margin-left:3px;
margin-right:3px;
padding-top:5px;

}

.asset_info_title {
float:left;
font-size:11px;	
font-weight:400;
margin-left:3px;
margin-right:3px;
padding-top:5px;
}

.asset_info_icon {
float:left;

}


/* ASSET PRINT ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 

#modal .window_asset {
  position:fixed;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#modal #asset_print {
  width:400px; 
  height:245px;
  font-family:Arial, Helvetica, sans-serif;
  background:#FFF;
  border:1px solid #999;
}


.print_asset_label {
	
color:#b3bac7;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;
margin-right:110px;
padding-top:4px;
margin-bottom:50px;
	
	
}


.print_asset_label:hover {
	
color:#b3bac7;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;	
cursor:pointer;
text-decoration:underline;
margin-right:110px;
	
}



/* END ASSET PRINT ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* START ASSET CLONE ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.clone_asset {
border: 2px solid #AFDE92;
	padding:6px;
	display:none;
	
}

.cloned_asset_holder {
	border: 2px solid #AFDE92;
	padding:6px;
	display:none;
}

.clone_exist {
display:none;	
	
}

/* ASSET SEARCH ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.asset_search_box {


width:800px;
height:40px;	
font-size:18px;
padding-left:10px;
font-weight:bold;
margin-bottom:10px;
}

.highlight { background-color: yellow }


.asset_name {
	margin-top:20px;
	margin-top:8px;
background-color:#ddffd1;
border: 1px solid #c5e5b9;
padding:8px;
width:100%;	
	
}


/* END ASSET SEARCH ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* TIME SHEET PAGE ////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }


.time_entry_row {
	
font-size:10px;
padding:5px;
display:none;
	
	
}

.time_entry_row_existing {
	
font-size:10px;
padding:5px;

	
	
}

.time_holder {
float:left;
padding-top:5px;

min-width:180px;

min-height:15px;
display:none;

}


.time_sheet_date_holder {
	
	
}

.stop_watch_holder {
	
float:left;	
}

/*edit modal window ******/
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#FFF;
  display:none;
}
   
#modal  .window {
  position:fixed;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#modal #dialog {
  width:375px; 
  height:130px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  background:#FFF;
  border:1px solid #999;
}


.description {
	
	
 resize: none; 
 border:1px solid #CDCDCD;
 border-radius:5px;	
	
}

.assoc_user_expense_btn {
	font-size:13px;
	color:#D6D6D6;
	cursor:pointer;
	
}


/* Customize your modal for edit user task association window here, you can add background image too */
#task-modal  .window {
  position:fixed;
  width:440px;
  height:200px;
 display:none;
  z-index:9999;
  padding:20px;
}
 
 

#task-modal #task-dialog {
  width:375px; 
  height:130px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  background:#FFF;
  border:1px solid #999;
}

/* END TIME SHEET PAGE ////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* START CHEQUE PAGE ////////////////////////////////////////////////////////////////////////////////////////////////////////*/



#cheque_wrapper {
font-size:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	
	
}
#ref_cheque_holder {
	background-image:url(../img/cheques/cheque_scan_cropped.jpg);	
	width:817px;
	height:338px;
}

#cheque_written_amt{
position:relative;
top:20px;	
left:48px;
min-height:20px;
width:400px;
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

#cheque_payee_nameinfo {
position:relative;
	
top:177px;
left:68px;
font-size:11px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:180px;
height:110px;
}

#cheque_date_display {

position:relative;

width:200px;
height:30px;	
left:600px;
top:100px;
	
}

.date_display_left{
	padding-top:3px;
float:left;	
}

.date_display_right{
		padding-left:6px;
float:left;	
}
cheque_date_ref {
	
font-size:9px;	
	
}

#cheque_numerical_dollar_amt {
	
position:relative;	
left:590px;
top:0px;	
font-size:14px;
font-weight:bold;
padding-left:8px;
width:100px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

#cheque_memo_display {
	
position:relative;	
left:10px;
top:115px;	
font-size:12px;
padding-left:10px;
width:200px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

.cheque_inputs {
  
    height: 22px;

    width: 303px;
border:1px solid #CDCDCD;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;	
	
	
	
}

.cheque_inputs_long {
  
    height: 22px;

    width: 580px;
border:1px solid #CDCDCD;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;	
	
	
	
}

.cheque_inputs_med {
  
    height: 22px;

    width: 520px;
border:1px solid #CDCDCD;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;	
	
	
	
}

.cheque_inputs_amt {
  
    height: 22px;

    width: 80px;
border:1px solid #CDCDCD;
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;	
	
	
	
}



/* END CHEQUE PAGE ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* START EXPENSES PAGE////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Customize your modal window here, you can add background image too */
#modal #dialog_expense {
  width:875px; 
  height:450px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  background:#FFF;
  border:1px solid #999;
}

.input_payment_amount {
	
 border:1px solid #CDCDCD;
 background:#FBFBFB;		
 height:20px;
	
}

.recently_added_expenses {
margin:15px;

}


#modal #edit_expense_modal {
  width:435px; 
  height:380px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background:#FFF;
  border:1px solid #999;
  padding:15px;
}

.edit_expense:hover {
	
	cursor:pointer;
	text-decoration:underline;
	
}

.expenses_modal_header {
	
	padding-bottom:8px;
	color:#666666;
font-size:20px;

	
}

.edit_expense_row {

border-bottom:1px solid #E8E8E8;
padding:3px;
	color:#666666;	
	
}


/* END EXPENSES PAGE////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*START REIMBURSEMENT USER PAGE////////////////////////////////////////////////////////////////////////////////////////////////////*/
#modal #reimb_modal {
  width:435px; 
  height:350px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background:#FFF;
  border:1px solid #999;
  padding:15px;
}

.input_reimbursement_amount {
	
 border:1px solid #CDCDCD;
 background:#FBFBFB;		
 height:20px;
	
}

.input_reimbursement_desc {
	
 border:1px solid #CDCDCD;
 background:#FBFBFB;		
 height:20px;
	
}

.reimb_descriptions {
	
background:#FBFBFB;
margin-bottom:2px;
margin-top:3px;
color:#7A7A7A;
font-size:9px;
font-style:italic;
	
}

.reimb_insert_header {
	margin-top:6px;
	padding-top:8px;
	border-top: 1px solid #F0F0F0;
}


.reimb_modal_header {
	
	padding-bottom:8px;
	color:#666666;
font-size:20px;

	
}/*START REIMBURSEMENT ADMIN PAGE////////////////////////////////////////////////////////////////////////////////////////////////////*/
#modal #reimb_create_modal {
  width:435px; 
  height:210px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background:#FFF;
  border:1px solid #999;
  padding:15px;
}

.reimb_access_url {
	
margin-top:10px;
margin-bottom:10px;
background:#F0FFEF;
border-radius:10px;
border:1px solid #60A656;
padding:8px;
color:#4D8842;
}



/*START VENDOR CREATE PAGE////////////////////////////////////////////////////////////////////////////////////////////////////*/


#modal #vendor_create_modal {
  width:415px; 
  height:495px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background:#FFF;
  border:1px solid #999;
  padding:15px;
}


.input_vendors {
	
 border:1px solid #CDCDCD;
 background:#FBFBFB;		
 height:25px;
 width:300px;	
 padding-bottom:2px;
font-size:12px;
}

.vendor_row {

border-bottom:1px solid #E8E8E8;
padding:3px;
	color:#666666;	
	
}
/*START INVOICING////////////////////////////////////////////////////////////////////////////////////////////////////*/


#time_sheet_groups_holder{
	
	width:1050px;
min-width:1050px;
margin: 0 auto;
}

.time_sheet_group {
width:800px;
min-height:80px;
border:dashed 1px #999;	
border-radius:10px;
margin-top:10px;
padding-top:20px;	
}

.drag-timesheet-item{
list-style-type: none;
background:#E0E0E0;
margin-top:2px;
margin-bottom:2px;
border-radius:10px;
width:700px;	
}

.approved_timesheet_highlight {
	
background:#F0FFEF;	
	
}

#select_expenses_invoice {
display:none;
width:100px;	
	
}



#invoice_editing {
	display:none;
width:100px;	
	
}

.main_invoice_particulars {
	
font-size:11px;
font-weight:bold;
color:#666666;	
	
}


.invoice_line_item_header {
		
font-size:11px;
font-weight:bold;
color:#666666;
	font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #E8E8E8;
padding:4px;
	
	
	
}

.invoice_numerical_inputs {
width:50px;
height:20px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;	
font-size:11px;
font-weight:bold;
color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
}


.invoice_quantity_inputs {
width:30px;
height:20px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;	
font-size:11px;
font-weight:bold;
color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
}

.invoice_unit_price_inputs {
width:50px;
height:20px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;	
font-size:11px;
font-weight:bold;
color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;	
	
}



.invoice_description_input {
	padding:3px;
width:380px;
height:50px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;
 resize: none;		
	font-size:11px;
font-weight:bold;
color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:8px;
}

.invoice_po_number {
width:100px;
height:30px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;	
font-size:11px;
font-weight:bold;
color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;	
	
	
}

.invoice_dropdowns {
	margin-top:8px;
	min-width:250px;
height:25px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;	
font-size:11px;
font-weight:bold;
color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;	
	
	
}



.invoice_reorder {
	background-image:url(../img/invoicing/reorder.png);
	width:12px;
	height:30px;
	background-position:center;
	
}

.invoice_reorder:hover {
	background-image:url(../img/invoicing/reorder.png);
	background-position:bottom;
	width:12px;
	height:30px;
	cursor:move;
	
}


.invoice_current_row_reorder {
	
background:#d4f5fc;
border:1px dashed #7BD1D8;	
	
}


.invoice_final_numbers {
font-size:18px;
font-weight:bold;
color:#666666;	
	
	
}

.invoice_discount_desc {

width:380px;
height:43px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;
 resize: none;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
margin-top:0px;
font-size:18px;
padding-left:7px;
padding-right:7px;
padding-top:22px;
font-weight:bold;
margin-right:8px;
}

.invoice_discount_holder {
float:right;
height: 80px;
margin-top:20px;
margin-bottom:25px;
margin-right:55px;
}

#discount {
width:75px;
height:60px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;	
font-size:18px;
font-weight:bold;
color:#666666;
margin-bottom:90px;
font-family:Arial, Helvetica, sans-serif;
padding-right:3px;	
padding-left:7px;
padding-top:3px;
padding-bottom:3px;

}

.invoice_item_delete {
color:#666666;	

}

.invoice_item_delete:hover {
color:#C6080B;
	cursor: pointer;
}

.line_item_date_holder {
	font-size:11px;
font-weight:bold;
color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	
}

.ui-datepicker-trigger {
	
	cursor:pointer;
}

.invoice_particular {
	
font-size:14px;
font-family: 'Rubik', sans-serif;
font-weight:bold;
padding:4px;
color:#666666;
margin-top:4px;
margin-bottom:4px;

}

.expense_search {
	margin-top:3px;
font-size:14px!important; 
	color:#C6C6C6;
	
}

.expense_search:hover {
color:#A4A4A4;
cursor:pointer;
}


/*start of invoice presentation or view */
.invoice_table tr:nth-child(odd) {
    background: #dedcdc;
}

.invoice_row_header {
font-family: 'Rubik', sans-serif;
font-size:22px;
font-weight:300;
border-bottom:1px solid #E8E8E8;
padding:15px;
color:#eeeeee;
background:#282828;
}


.invoice_row {
font-family: 'Rubik', sans-serif;
font-size:18px;
font-weight:200;
border-bottom:1px solid #E8E8E8;
padding:10px;
color:#666666;
}

.invoice_row_left {
font-family: 'Rubik', sans-serif;
font-size:18px;
font-weight:200;
border-bottom:1px solid #E8E8E8;
border-left:1px solid #E8E8E8;
padding:10px;
	color:#666666;
}



.line_item_date_holder {
	font-size:11px;
font-weight:bold;
color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	
}


.invoice_row_right {

font-family: 'Rubik', sans-serif;
font-size:18px;
font-weight:200;
border-bottom:1px solid #E8E8E8;
border-right:1px solid #E8E8E8;
padding:10px;
color:#666666;
}

.discount_row {
	background:#74ed85!important;
	
}


.invoice_header {
width:100%;	


}


.ac_invoice_logo {
font-family: 'Roboto', sans-serif;
font-size:75px;
font-weight:900;
color:black;
}

.invoice_right {
font-family: 'Rubik', sans-serif;
float:right;
color:#282828;
background:#dedcdc;
min-width: 200px;
height:100%;
padding:20px;
margin-right:30px;
vertical-align: top; /* here */
	
}

.invoice_right p {
margin-top:4px;	
margin-bottom:4px;	
}

.invoice_left{
font-family: 'Rubik', sans-serif;
font-size: 18px;
color:#282828;
font-weight: 300;
float:left;	
padding:20px;
	
}

.invoice_left p {
margin-top:4px;	
margin-bottom:4px;	
}


.invoice {
font-family: 'Roboto', sans-serif;
font-weight:bold;	
font-size:38px;	
}

.invoice_specs {
	
font-family: 'Rubik', sans-serif;
font-weight:400;	
font-size:20px;		
	
}

.billto {
margin-top:10px;
font-family: 'Rubik', sans-serif;
font-weight:300;	
font-size:16px;			
	
}

.totals {
margin-top:50px;
margin-right:67px;
margin-bottom:30px;	
width:450px;
float:right;

}


.invoice_totals {
font-family: 'Rubik', sans-serif;
font-weight:400;	
font-size:20px;	
float:right;
width:120px;
padding-top:3px;

}

.stronger {
font-weight:500;	
	
	
}

.invoice_num_totals {
font-family: 'Rubik', sans-serif;
font-weight:400;	
font-size:20px;	
min-width:150px;
float:right;	
text-align:left;
padding-left:12px;
padding-top:3px;

	
}

/*/////INVOICE SEARCH STARTS//*/

.invoice_search_holder {
	
text-align:center ;
	
}

.invoice_search_holder input {
margin-right:8px;
margin-top:80px;
margin-bottom:80px;
width:400px;
height:40px;	
font-size:18px;
padding-left:10px;
font-weight:bold;
}

/*INVOICING VIEW ALL STARTS HERE */
.invoice_sort_holder {
	text-align:right;
font-weight:bold;
color:#666666;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
	
}

.invoice_is_paid {
	background:#AEF2C2

}

.invoice_pay_btn:hover {
	
cursor:pointer;	
	
}


/*START EDIT GROUPS////////////////////////////////////////////////////////////////////////////////////////////////////*/
.group_row_box {
	
font-size:10px;
font-weight:bold;
border-bottom:1px solid #E8E8E8;
border-top:1px solid #E8E8E8;
border-left:1px solid #E8E8E8;
padding:4px;
	color:#666666;
}

.group_row_check {
	
font-size:10px;
font-weight:bold;
border-bottom:1px solid #E8E8E8;
border-top:1px solid #E8E8E8;
border-right:1px solid #E8E8E8;
padding:4px;
	color:#666666;
}



/*START TRACKERS////////////////////////////////////////////////////////////////////////////////////////////////////*/
.tracker_input  {
	
width:300px;
height:40px;
font-size:12px;
padding-left:10px;
 border:1px solid #CDCDCD;
 border-radius:2px;	
 background:#FBFBFB;
 resize: none;	
	
}

#new_link_tracker_table .form_row {
	
	font-size:10px;
	
}

#new_link_tracker_table a:link {
	
	font-size:16px;
}


/*START MY LIST////////////////////////////////////////////////////////////////////////////////////////////////////*/

.mylist_task_desc {
	
width:600px;
height:30px;
border: 0;
    outline: 0;
    background: transparent;
border-bottom:1px solid #CCC;
outline-width: 0;	
font-size:25px;
color:#666;
font-family:Arial, Helvetica, sans-serif;
	
}

/* SQUARED FOUR */
.squaredFour {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}

.squaredFour label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/*START OFFICE TEMPERATURE////////////////////////////////////////////////////////////////////////////////////////////////////*/

.ac_off {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3F3F', endColorstr='#3F3F3F'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#3F3F3F), to(#3F3F3F)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #3F3F3F,  #3F3F3F); /* for firefox 3.6+ */ 	
border:1px solid #222222;
font-weight:bold;
color:#FFF;
font-size:12px;
border-radius:3px;
display:inline-block;	
height:15px;
padding:4px;
	
}

/*START THE EVALUATOR////////////////////////////////////////////////////////////////////////////////////////////////////*/

.evaluator_main {

font-family:Arial, Helvetica, sans-serif;
width:800px;
margin:auto;
padding-left:15px;
padding-right:15px;
padding-top:25px;
}

.evaluator_item {
	
	font-size:17px;
	padding:10px;
}

.evaluator_question {
padding-right:10px;
text-align:right;
}

.evaluator_total {
	
position:fixed;
top:100px;
	text-align: center;
	padding-top:20px;
	font-size:40px;
	color:aliceblue;
background-color:#00A1AA;
min-width:100px;
min-height:70px;
}