label{
    color:#2b3562;
}
.login {
	margin-left: auto;
width: 200px;
text-align:center;
margin-right: auto;
}
.security-bar {
	margin-left: auto;
width: 400px;
text-align:center;
margin-right: auto;
margin-top:50px;
}
.security-bar .https.red-status,
.security-bar .server-port.red-status {
	color:red;
}
.security-bar .https.green-status,
.security-bar .server-port.green-status {
	color:green;
	font-weight:bold;
}
.clients, .add_client_details, .main-navigation, .client_details, .project_details, .payment_details, .invoice_details, .assignment, .user_files, .user_days, .timetable_details, .add_user_day, .invoice_list {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	border:1px solid #2b3562;
	background: #ceeff9;
	margin-left: auto;
	width: 1060px;
	margin-right: auto;
	margin-bottom:15px;
}
h3.open, h3.close {
	background: rgb(30,87,153); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, #2c81e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,#2c81e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,#2c81e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,#2c81e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,#2c81e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,#2c81e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	border:1px solid #2b3562;
	color:white;
	text-decoration:none;
}
h3.open a, h3.close a {
	text-decoration:none;
	color:white;
	display:block;
}
h3.open a {
	background:url(../css/images/icon_minus.png) right center no-repeat;
}
h3.close a {
		background:url(../css/images/icon_plus.png) right center no-repeat;
}
.projects h4.open, .projects h4.close {
	background: rgb(30,87,153); /* Old browsers */
	background: -moz-linear-gradient(top,  #2b7edc 0%, #4f9df5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b7edc), color-stop(100%,#4f9df5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2b7edc 0%,#4f9df5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2b7edc 0%,#4f9df5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2b7edc 0%,#4f9df5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2b7edc 0%,#4f9df5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	border:1px solid #2b7edc;
	color:white;
	text-decoration:none;
}
.projects h4.open a, .projects h4.close a {
	text-decoration:none;
	color:white;
	display:block;
}
.projects h4.open a {
	background:url(../css/images/icon_minus.png) right center no-repeat;
}
.projects h4.close a {
		background:url(../css/images/icon_plus.png) right center no-repeat;
}
.project-details-table {
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
.project-details-table td {
	width:50%;
}
.project-details-table td input {
	width:100%;
}
.main-navigation ul {
	padding-left:0px;
	display: inline-block;
}
.main-navigation li {
	display: inline-block;
}
.main-navigation ul ul{
    display: none;
}
.main-navigation ul li:hover > ul{
    display:block;
}
.main-navigation ul {
	background: #1E5799; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	padding: 0 20px;
}
.main-navigation ul.log-out{
    float:right;
}
.main-navigation ul:after {
    content: ""; clear: both; display: block;
}
.main-navigation ul li {
	float: left;
}
.main-navigation ul li:hover {
    background: #2c81e2;
}
	
.main-navigation ul li a {
    display: block; padding: 15px 20px;
    color: #fff; text-decoration: none;
}
.main-navigation ul ul {
	background: #1E5799; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
.main-navigation ul ul li {
    float: none; 
	position: relative;
    display: block;
}
.main-navigation ul ul li a {
	padding: 15px 40px;
    color:#fff;
}	
.main-navigation ul ul li a:hover {
    background: #2c81e2;
}
.main-navigation ul.log-out {
margin-top: 16px;
float: right;
}

.add_client_details form,
.add_user_day form {
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}
.add_client_details form .error,
.add_user_day form .error {
margin-bottom: 15px;
margin-top: -23px;
margin-left: 343px;
padding-left: 48px;
color:red;
width:100%;
}
.add_client_details form label,
.add_user_day form label {
	float: left;
	width: 250px;
}
.add_client_details form input,
.add_client_details form select,
.add_user_day form input,
.add_user_day form select {
	width:235px;
	margin-bottom:20px;
}
.add_client_details form textarea ,
.add_user_day form textarea {
	width:235px;
	height:120px;
	resize:none;
}
.add_client_details form input.add_button,
.add_user_day form input.add_button {
background: rgb(30,87,153);
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, #2c81e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,#2c81e2));
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,#2c81e2 100%);
background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,#2c81e2 100%);
background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,#2c81e2 100%);
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,#2c81e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
	cursor: pointer;
	height: 40px;
	border: 0px;
	color: white;
	margin: 50px;
	width: 392px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #2b3562;
}
.edit_details {
	width:1084px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	height:40px;
}
.edit_details button.red_button  {
background: rgb(191,38,38); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(191,38,38,1) 0%, rgba(255,8,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,38,38,1)), color-stop(100%,rgba(255,8,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(191,38,38,1) 0%,rgba(255,8,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(191,38,38,1) 0%,rgba(255,8,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(191,38,38,1) 0%,rgba(255,8,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(191,38,38,1) 0%,rgba(255,8,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf2626', endColorstr='#ff0800',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	height: 40px;
	border: 0px;
	color: white;
	width: 250px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #BF2626;
	float:right;
}
.edit_details button.green_button  {
background:url(../css/images/icon_edit.png) #2c81e2 no-repeat left center;
	cursor: pointer;
	height: 40px;
	border: 0px;
	color: white;
	width: 250px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #327517;
	float:right;
}
h1 {
	color: #2b3562;
font-family: 'Century Gothic', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
margin-top: 0px;
font-size: 22px;
}
.top_paginator {
	margin-bottom: 20px;
	margin-top: 20px;
}
.clients_box, .invoice_box {
	background:white;
	margin-top:10px;
	margin-top:10px;
}
.clients_box table, .invoice_box table {
	width:1033px;
	margin-left:7px;
	border-spacing: 0px;
}
.clients_box td.name {
	width:50%;
	padding-left:15px;
}
.invoice_box td{
    text-align: center;
}
.invoice_box td.name{
    width:25%;
    text-align: left;
}
.invoice_box td.cr-name{
    width:70%;
    text-align: left;
}
.invoice_box td.amount,.invoice_box td.date,.invoice_box td.completed,.invoice_box td.invoiced,.invoice_box td.paid,.invoice_box td.save{
    width:10%;
}
.invoice_box td.invoice,{
    width:15%;
}
.clients_box td.active, .clients_box td.details {
	width:25%;
}
.client-row {
	height:50px;
}
.bottom_paginator {
	margin-top:20px;
}
.project_details div div{
    display:block;
}
.project_details textarea {
	width:80%;
	
	min-height: 80px;
}
.project_details .tasks,
.project_details .services,
.payment_details .recuring_payment_type,
.payment_details .recuring  {
	background:white;
	margin-top:10px;
	border-spacing: 0px;
	width:100%;
	margin-bottom: 26px;
}
.project_details .tasks tr,
.project_details .services tr,
.payment_details .recuring_payment_type tr,
.payment_details .recuring tr {
	height:50px;
}
.project_details .tasks td {
	width:225px;
	text-align: center;
}
.project_details .tasks td.table_name {
	width:20%;
}
.project_details .tasks td.table_required {
	width:10%;
}
.project_details .tasks td.table_notes {
	width:40%;
}
.project_details .tasks td.table_completed {
	width:10%;
}
.project_details .tasks td.table_save {
	width:10%;
}
.project_details .tasks td .details.save,
.project-details-table td .details.save {
	background: green;
	color: white;
	border: 0px;
	padding: 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor:pointer;
	max-width:100px;
}
a.add_project_task {
	background: blue;
	color: white;
	border: 0px;
	padding: 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor:pointer;
	min-width:100px;
	text-decoration:none;
}

a.add_project_task:hover {
	background:#009;
}
a.red_button{
    background-color:#fc0101;
	color: white;
	border: 0px;
	padding: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	max-width:150px;
	text-decoration:none;
    text-align:right;
    display:block;
    margin-top:10px;
}
a.red_button:hover {
    background-color: #c60202 ;
	color:white;
}
a.delete_project{
    background: url(../css/images/icon_logout.png) #fc0101 no-repeat left center;
	color: white;
	border: 0px;
	padding: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	max-width:150px;
	text-decoration:none;
    text-align:right;
    display:block;
    margin-top:10px;
}
a.delete_project:hover {
    background: url(../css/images/icon_logout.png) #c60202 no-repeat left center;
	color:white;
}
a.delete_project_attach, a.delete_payment {
    background: #fc0101;
	color: white;
	border: 0px;
	padding: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	max-width:150px;
	text-decoration:none;
    text-align:right;
    display:inline-block;
}
a.delete_project_attach:hover, a.delete_payment:hover {
	background:#c60202;
	color:white;
}
a.add_payment, a.generate_invoice, a.invoice, a.credit_note, a.edit_task  {
	background: orange;
	color: black;
	border: 0px;
	padding: 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor:pointer;
	min-width:100px;
	text-decoration:none;
}
a.add_payment:hover, a.generate_invoice:hover, a.invoice:hover, a.credit_note:hover, a.edit_task:hover  {
	background:#F60;
	color:white;
}
a.invoice{
    background:#02c610;
}
a.invoice:hover{
    background:#008d0a;
}
a.credit_note{
    background:#cd4dd5;
}
a.credit_note:hover{
    background:#b029b8;
}
.project_details .tasks td .details.save:hover,
.project-details-table td .details.save:hover  {
	background:#060;
}
.project-details-table td textarea {
	width:100%;
}
.project_details .tasks tr.even {
	height: 40px;
background: #f1f0f0;
}
.project_details .tasks tr.odd {
	height: 40px;
background:#ceeff9
}

.pagination {
	list-style: none;
padding-left: 0px;
}
.pagination li {
display: inline;
margin-right: 6px;
margin-left: 6px;
font-size:22px;
}
.pagination li a {
color: #333;
font-weight:bold;
text-decoration:underline;
}
.invoice {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.invoice div {
	border:1px solid #ccc;
}
.invoice .logo {
	text-align:right;
	border:0px;
}

.invoice .address {
	width:300px;
	float:left;
	margin-bottom:10px;
}
.invoice .address h2 {
	margin-top: 0px;
	padding-left: 10px;
	font-size: 16px;
	color: white;
	padding-bottom: 10px;
	padding-top: 10px;
	background: blue;
}
.invoice .address p {
	padding-left:10px;
}

.invoice .evolution {
	width:580px;
	float:left;
	text-align:right;
	border:0px solid #ccc;
}
.invoice .details {
	clear:both;
	text-align:center;
	margin-top:10px;
}
.invoice .description {
	clear:both;
	text-align:left;
	margin-top:10px;
}
.invoice .details table, 
.invoice .description table {
	border-collapse: collapse;
	vertical-align: text-top;
}
.invoice .details table tr td,
.invoice .description tr td  {
	border: 1px solid #ccc;
	vertical-align: top;
}
.invoice .description tr.padding td {
	padding-left:10px;
}
.invoice .details table tr td h2,
.invoice .description table tr td h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	font-size: 16px;
	color: white;
	padding-bottom: 10px;
	padding-top: 10px;
	background: blue;
}
.invoice .details table tr td p,
.invoice .description table tr td p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.timesheet_details, .add_timesheet_task {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid #2b3562;
	background: #ceeff9;
	margin-left: auto;
	width: 1060px;
	margin-right: auto;
	margin-bottom: 15px;
}
.add_timesheet_task form {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	height:760px;
}
.add_timesheet_task form label {
	width:20%;
	float:left;
	height:40px;
}
.add_timesheet_task form select,
.add_timesheet_task form input,
.add_timesheet_task form textarea {
	width:70%;
	height:40px;
}
.add_timesheet_task form .add_button {
	margin-left:20%;
}
.search_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid #333;
	background: grey;
	margin-left: auto;
	color:white;
	margin-right: auto;
	margin-bottom: 15px;
}
.search_bar table {
	width:100%;
}
.search_bar table tr {
	height:50px;
}

.timesheet_item {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	border: 1px solid #2b3562;
	background: #ceeff9;
	margin-left: auto;
	width: 865px;
	margin-right: auto;
	margin-bottom: 15px;
}
.timesheet_item h2.close {
	background:#92ccdd url(images/icon_plus.png) no-repeat right;
	padding:5px;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.timesheet_item h2.open {
	background:#92ccdd url(images/icon_minus.png) no-repeat right;
	padding:5px;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.timesheet_item h2 a {
	color:#666;
	display:block;
	text-decoration:none;
}
.timesheet_item h4 {
	margin-bottom: 0px;
	text-align: right;
}
.timesheet_item h4 a {
	text-decoration:none;
	color:#333;
}
.total_time_spent {
	margin-right:17px;
	margin-bottom: 0px;
	text-align: right;
}
.timesheet_item table  {
	width:100%;
	border-collapse: collapse;
	margin-top:20px;
}
.timesheet_item table tr {
	height:40px;
	text-align:center;
}
.timesheet_item table thead {
	background:grey;
	color:white;
	padding-left: 6px;
	padding-right: 6px;
}
.timesheet_item table tr.odd {
	background:white;
	padding-left: 6px;
	padding-right: 6px;
}
.timesheet_item table tr.even {
	background:#b4b4b4;
	padding-left: 6px;
	padding-right: 6px;
}
.project_details .services {
	width:100%;
	margin-bottom:15px;
	margin-top:15px;
}
.project_details .services  tr,
.payment_details .recuring_payment_type tr,
.payment_details .recuring tr {
	text-align:center;
}
.project_details .services tr.even,
.payment_details .recuring_payment_type tr.even,
.payment_details .recuring tr.even {
	background: #FCC;
}
a.add_project,
a.add_recuring,
a.add_attachment,
a.add_days {
	background: url(../css/images/icon_add_new.png) rgb(30,87,153) no-repeat left center;
	padding: 6px 15px 7px 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	background-size: 18%;
}
a.add_project:hover,
a.add_recuring:hover,
a.add_attachment:hover,
a.add_days:hover {
	background:url(../css/images/icon_add_new.png) #2c81e2 no-repeat left center;
	background-size: 18%;
	color:black;
}
	
a.details_link {
	background: url(../css/images/icon_details.png) rgb(30,87,153) no-repeat left center;
	padding: 12px 15px 12px 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
}
a.details_link:hover {
	background:url(../css/images/icon_details.png) #2c81e2 no-repeat left center;
	padding: 12px 15px 12px 50px;
}
.clients_box thead tr {
	height:40px;
	font-weight:bold;
}
.clients_box  .client-row.odd, .invoice_box .odd {
	background:#f1f0f0;
}
a.invoice_generate {
	background: url(../css/images/icon_pdf.png) rgb(30,87,153) no-repeat left center;
	padding: 12px 15px 12px 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
}
a.invoice_generate:hover {
	background:url(../css/images/icon_pdf.png) #2c81e2 no-repeat left center;
	padding: 12px 15px 12px 50px;
}

a.blue_button {
	background-color: rgb(30,87,153) !important;
	padding: 12px 15px 12px 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
}
a.blue_button:hover {
	background-color:#2c81e2 !important;
	padding: 12px 15px 12px 50px;
}
a.add{
    background: url(../css/images/icon_add_new.png) no-repeat left center;
}
input#submit_button{
    background: rgb(30,87,153);
	padding: 15px 25px 15px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
    border:0px;
    text-align:center;
}
input#submit_button:hover{
    background:#2c81e2;
}
a.generate_credit_note {
	background: url(../css/images/icon_logout.png) rgb(30,87,153) no-repeat left center;
	padding: 12px 15px 12px 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
}
a.generate_credit_note:hover {
	background:url(../css/images/icon_logout.png) #2c81e2 no-repeat left center;
	padding: 12px 15px 12px 50px;
}
.invoice_details {
	padding:30px;
	width:855px;
}
label.recuring-notes {
	background: grey;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	color: white;
	width: 370px !important;
	margin-top: 10px;
	margin-bottom: 10px;
}
#select[name=add_periodicity], select[name=status] {
	width:240px;
}
.search_bar input {
	margin-left:15px;
}
.search_bar input[name=submit] {
	background:url(../css/images/icon_view.png) rgb(30,87,153) no-repeat left center;
	padding: 12px 15px 12px 50px;
	cursor: pointer;
	border:0px;
	color:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.search_bar input[name=submit]:hover {
	background:url(../css/images/icon_view.png) #2c81e2 no-repeat left center;
	padding: 12px 15px 12px 50px;
	cursor: pointer;
	border:0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.assignment_box {background:white;}
.assignment_box table {width:100%;}
.assignment_box table tr  {height:60px;}


.half.holiday{
    background-color:#84e98e;
}
.full.holiday{
    background-color:#00a031;
}

.half.sick{
    background-color:#faa18f;
}
.full.sick{
    background-color:#b41804;
}

.half.off{
    background-color:#7ea8fd;
}
.full.off{
    background-color:#0038aa;
}
.weekend{
    background-color:#b7b7b7;
}
.public_holiday{
    background-color:#fffc00;
}
.legend{
  position: fixed;
  right: 35px;
  top: 365px;
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #2B3562;
  background: #CEEFF9 none repeat scroll 0% 0%;
}
.legend td{
    min-width:30px;
}

.timetable-note{
    display:none;
    position: absolute;
    z-index: 99999;
    width: 400px;
    padding: 10px;
    background: #EEEFEB;
    color: #000000;
    border: 1px solid #4D4F53;
    margin: 0px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
}
.month td{
    min-width: 25px;
}
.month td a{
    color: #fff;
  text-decoration: none;
  font-weight: 700;
}
.days{
    text-align: center;
}
.add_day_links td{
    padding-top:10px;
}
.unpaidinvoice{
    background-color:#feaee1;
}
.paidinvoice{
    background-color:#02c610;
}
.tabledetails{
    width:100%;
    background:#fff;
    border-spacing: 0px !important;
    margin-bottom: 30px;
}
.tabledetails thead td{
    font-weight:700;
}
.tabledetails tr{
    height:50px;
}
.tabledetails tr td:first-of-type{
    padding-left:5px;
}
.tabledetails tr.odd{
    background:#f1f0f0;
}
.tabledetails input.submit_button{
    background: rgb(30,87,153);
	padding: 10px 15px 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
    border:0px;
    text-align:center;
}
.tabledetails input.submit_button:hover{
    background:#2c81e2;
}
.tabledetails a.red_button{
    padding: 10px 15px 10px 15px;
    margin-top:0px;
    display:inherit;
}
.tabledetails tr td.t10{
    width:10%;
}
.tabledetails tr td.t15{
    width:15%;
}
.tabledetails tr td.t20{
    width:20%;
}
.tabledetails tr td.t30{
    width:30%;
}
.tabledetails tr td.t40{
    width:40%;
}
.tabledetails tr td input, .tabledetails tr td textarea{
    padding-left: 2%;
    padding-right:2%;
    width:90%;
}