/*
This stylesheet's TOC

0. Helpers
1. Body tags (every page has the section ID in the body tag)
    1.1. Styles that use body ID to identify a page
2. General styles - a, img, text-plain...
3. Listings styles
	3.1. Listing headers
	3.2. Datagrid
	3.3. Listing actions
	3.4. Status lights
4. Utilities div - date, logout link
5. Logos - HG, client logo, homepage, inner pages
6. Footer
7. Navigation menu
    7.1. Subnavigation
8. Content container
9. Headings, e.g. "Admin > Employees"
10. Login
11. Logout
12. Popup styles
12b. MyDashboard styles
13. Timesheets specific
14. Calendar
    14.1. Container
    14.2. Overall calendar styles
    14.3. Calendar elements
15. Reports
    15.1  Time (HourGlass)
16. Forms
	15.1. Form heading
17. WiP tasks
18. Task Manager table
	17.1. Task Manager edit form
19. Project reports 
20. Admin->company menu
21. Admin->workcodes menu
22. Setup wizard
	22.1. Previous/next bar
	22.2. Progress bar
23. Licensing
24. Help
25. Miscellaneous
*/



/*===================================*/
/*------- FONTS ---------------------*/
/*===================================*/
@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('../../_fonts/HelveticaNeueRoman.eot');
    src: url('../../_fonts/HelveticaNeueRoman.eot?#iefix') format('embedded-opentype'),
         url('../../_fonts/HelveticaNeueRoman.svg') format('svg'),
         url('../../_fonts/HelveticaNeueRoman.woff') format('woff'),
         url('../../_fonts/HelveticaNeueRoman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('../../_fonts/HelveticaNeueLight.eot');
    src: url('../../_fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'),
         url('../../_fonts/HelveticaNeueLight.svg') format('svg'),
         url('../../_fonts/HelveticaNeueLight.woff') format('woff'),
         url('../../_fonts/HelveticaNeueLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueThin';
    src: url('../../_fonts/HelveticaNeueThin.eot');
    src: url('../../_fonts/HelveticaNeueThin.eot?#iefix') format('embedded-opentype'),
         url('../../_fonts/HelveticaNeueThin.svg') format('svg'),
         url('../../_fonts/HelveticaNeueThin.woff') format('woff'),
         url('../../_fonts/HelveticaNeueThin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Helpers */
.clear-floats{ clear:both }
.unbold { font-weight: normal }


/* body(s) */
body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	
	margin: 0px;
	padding: 0px;
}
	#body-login, #body-logout {
		background: white;
                width: 940px;
                margin: 0 auto;
	}
	#body-timesheet-myreport .data-table-cell-content {
		background: white;
		font-size: 10px;
	}
	
	#body-timesheet-mytimesheet .input-text.details, #body-mydashboard .input-text.details, #body-myexpenses-list .input-text.description, #body-admin-timesheets textarea {
	    width: 93%;
	    margin: 0 5px;
        height: 12px;
        overflow: hidden; 
	}
    #body-timesheet-mytimesheet .ui-widget, 
    #body-myexpenses-list .ui-widget, 
    #body-admin-timesheets .ui-widget,
    #body-mydashboard .ui-widget {
        font-size: 0.7em; /* override jQuery UI style of 1.1em */
    }
    
	#body-myexpenses-list-popup td {
		cursor: pointer;
	}
	#body-myexpenses-report .data-table-cell-content {
		background: white;
		font-size: 10px;
	}
    #body-admin-licenses table.listing-header .admin-header-buttons .trial-cta {
        margin-bottom: 5px;
    }
	#body-admin-licenses-popup .data-table {
		padding: 0px;
		margin:  0px;
	}
    #body-admin-payments.wizard table.listing-header {
        display: none;
    }
    #body-admin-payments.wizard .form-table,
    #body-admin-payments.wizard .form-note {
        margin-left: auto;
        margin-right: auto;
        max-width: 715px;
    }
    #body-admin-payments.wizard .form-table {
        margin-top: 35px;
        margin-bottom: 10px;
    }
    #body-admin-payments.wizard .form-note {
        margin-bottom: 60px;
    }
    #body-admin-payments.wizard .form-table td {
        font-size: 14px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #body-admin-payments.wizard .form-table tr.form-row-static td {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #body-admin-payments.wizard .form-table tr#payment-form-row-subdomain td {
        padding-top: 10px;
        padding-bottom: 10px;
        white-space: nowrap;
    }
    #body-admin-payments.wizard .form-table tr#payment-form-row-subdomain input#subdomain {
        border: 1px solid #e0e0e0;
        font-size: inherit;
        text-align: right;
        width: 190px;
    }    
    #body-admin-payments.wizard .form-table tr#payment-form-row-subdomain input#subdomain_check {
        font-size: inherit;
    }

    #body-admin-payments.wizard .form-buttons-container {
        display: none;
    }
    
	#body-taskmanager table.listing-header,
	#body-mytasks table.listing-header {
		margin-bottom: 10px;
    }

	#body-myexpenses-list-popup .listing-header,
    #body-timesheet-mytimesheet-popup .listing-header,
	#body-admin-clients-popup .listing-header, 
	#body-admin-projects-popup .listing-header,
	#body-admin-company .listing-header,
	#body-admin-company-profile .listing-header,
	#body-admin-company-locations .listing-header,
	#body-admin-company-departments .listing-header {
		padding: 10px 5px 10px 10px;
        margin: 0px;
    }
	#body-admin-employees .employee-admin-privileges a {
        font-weight: bold;
		color: red;
	}
    #body-admin-projects .listing-rate-exceptions {
		font-size: 1em;
	}
	#body-admin-projects .rate-exceptions-action {
        text-align: center;
		text-transform: uppercase;
        width: 100%;
	}
	#body-admin-projects .rate-exceptions-action a:hover {
        text-decoration: none;
		color: red;
    }
	#body-admin-projects-popup .listing-header-row {
        cursor: pointer;
    }
	#body-admin-projects-popup #popup-content .data-table {
        margin: 0px;
    }
	#body-reports-time-popup {
		margin: 5px;
	}
	#body-reports-time .reports-time-cell {
		font-size: 10px;
    }
	#body-taskmanager-popup .input-text {
        font-size: 10px;
	}
    #body-admin-wizard-start #wizard-container,
    #body-admin-wizard-done #wizard-container {
        background: url(../../_media/en/wizard_bg_2.gif) no-repeat center;
        min-height: 501px;
	}
    #body-mytasks th {
		text-align: left;
    }

/* general styles - links, text, etc */
a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
    color: black;
}

a:hover {
	color: #6CBBEF;
    text-decoration: none;
	/* background-color: #81A0B3; */
}

img {
	border: none;
}
form {
    padding: 0px;
	margin: 0px;
}
.input-text {
    border: 1px solid #b8b8b8;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
}
.input-text:hover, .input-text:focus {
	border: 1px solid #7C9EAC;
}
.input-text-error {
	border: 1px solid red;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
.text-plain {
	font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 10px;
	line-height: 18px;
}
.clearbreak {
    clear: both;
}
acronym {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    cursor: help;
}

select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}
textarea {
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
    height: 100px;
}
input, label {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
}
.form-row input {
    font-size: 10px;
}
.wip-select {
	width: 300px;
}
.wip-input-text {
	width: 296px;
}
.wip-input-shorter {
    width: 274px;
}

.no-wrap {
	white-space: nowrap;
}
.custom-bullet {
	color: #81A1B3;
}
.th-center {
	text-align: center;
}
.th-right {
	text-align: right;
}
/* Listings - top part of the datagrids */
div.listing-header {
	background: #eeeeee;
	font-size: 10px;
	clear: both;
	padding-top: 10px;	
}
table.listing-header {
    border-collapse: collapse;
    margin-left: 0;
}

.listing-header {
	background: #eeeeee;
	font-size: 10px;
	clear: both;
	width: 100%;
}

div.listing-header {
    width: auto;
}

.listing-header-row {
	font-size: 10px;
	background: #cccccc;
	font-weight: bold;
}

.listing-container{
    background: #aaaaaa;
}

	/* datagrids */
	.data-table {
		background: #aaaaaa;
		padding: 0px;
		margin: 0px;
		width:  100%;
		
		border-collapse: collapse;
		position: relative;
		border:1px solid #AAAAAA;
	}
    
    .data-table.file-listing {
        background: #fff;
        font-size: 10px;
    }
    .data-table tr.modify {
        background-color:  #d6eaf7;
    }
    .data-table tr.modify .data-table-cell-action,
    .data-table tr.modify .action,
    .data-table tr.modify .action-last {
        background-color: #a7cfed;
    }
	
	.data-table th, 
	.data-table td {
		border: 1px solid #aaaaaa;
	}

    .data-table .checkbox {
        text-align: center;
        padding: 0px 0.5em;
    }

   
	.data-table .listing-rate-exceptions,
	.data-table .noborder {
		border-style: none;
	}
	
	.data-table th, 
	.data-table-header {
		background: #dddddd;
	}
		.data-table-header th,
		th.data-table-header {
			font-size: 10px;
			padding: 5px;
			background: #dddddd;
			font-weight: bold;
			padding: 5px 5px 5px 5px;

		}
        
    .data-table-header span.note,
    .data-table-header div.note {
        font-weight: normal;    
    }
    .toggle-all-descriptions {
        float:right;
        margin-right: 17px;
        cursor: pointer;
    }
    .task-header .toggle-all-descriptions {
        display:block;
        margin-right: 6px;
    }
	.data-table-row-even, .data-table-row-odd {
		background: white;
	}
	
	.data-table-row-insert {
		background: white;
	}
	.data-table-row-even:hover, .data-table-row-odd:hover {
        background: #eeeeee;
	}
	.data-table-row-even td, .data-table-row-odd td {
        font-size: 10px;
	}
	.data-table-row-total {
		background: #eeeeee;
		font-size: 10px;
	}
	.data-table-cell-content, .dc, .dc-hours, .dc-date { /* "dc" is a shorter name, data cell */
		border: 1px solid #AAAAAA;
		padding: 7px;
	}
	.dc-hours {
		border: 1px solid #AAAAAA;
		text-align: right;
	}
	.dc-date {
		border: 1px solid #AAAAAA;
		white-space: nowrap;
	    width: 10em;
	}
    .dc-status {
        border: 1px solid #AAAAAA;
        padding: 0;
    }
	.data-table input{
		font-size: 10px;
	}

	.data-table-cell-prefix {
	  padding: 7px;
      width: 100px;
	}    
    
	.data-table-arrow-asc {
		background: url(../../_media/en/arrow_sort_down.gif);
		background-repeat: no-repeat;
		margin-left: 3px;
		min-width:  21px;
		min-height: 11px;
		width: 21px;
		height: 11px;
	}
	.data-table-arrow-desc {
		background: url(../../_media/en/arrow_sort_up.gif);
		background-repeat: no-repeat;
		margin-left: 3px;
		min-width:  21px;
		max-height: 11px;
		width: 21px;
		height: 11px;
	}
	/* actions */
	.action, .action-last {
		background: #eeeeee;
		border-bottom: 1px solid #aaaaaa;
		text-align: center;
		text-transform: uppercase;
		font-weight: normal;
		display: block;
		margin: 0px 0px 0px 0px;
		border-bottom: 1px solid #aaaaaa;		
		width: 100%;
        padding: 1px 0px;
	}
	.action-inactive, .action-last-inactive {
		background: #eeeeee;
		border-bottom: 1px solid #aaaaaa;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
		font-weight: normal;
		color: #999999;
		
	}
	.action:hover, .action-last:hover {
        background: #dedede;
    }
	.action a:hover, .action-last a:hover {
		text-decoration: none;
        color: red;
	}
	.action-last {
		border-bottom: none;
	}
	.action-last-inactive {
		border-bottom: none;
	}
	.action-add {
		background: #eeeeee;
        text-align: center;
	}
    
	.data-table td.data-table-cell-action,
    .data-table-cell-action, 
	.data-table-cell-action-inactive {
		padding: 1px 0px;
		background: #eeeeee;
		border: 1px solid #AAAAAA;		
	}
	.data-table-cell-action-inactive .action, 
	.data-table-cell-action-inactive .action-last,
	.data-table-cell-action-inactive .action:hover,
	.data-table-cell-action-inactive .action-last:hover {
		color: #999999;
		background: #eeeeee;
	}
	.default-record-cell {
		font-weight: bold;
	}

    td.docket input {
        width: 56px;
    }
	/*  Status lights */
    .status-red {
        width: 7px;
		height: 7px;
		background: red;
        font-size: 1px;
		color: red;
        border: 1px solid black;
	}
    .status-green {
        width: 7px;
		height: 7px;
        background: #00cc00;
        font-size: 1px;
		color: #00cc00;
		border: 1px solid black;
	}
	.status-yellow {
        width: 7px;
        height: 7px;
        background: yellow;
		font-size: 1px;
        color: yellow;
		border: 1px solid black;
	}

	/*  Listing legends  */
	.listing-legend-table {
		background: #eeeeee;
		font-size: 10px;
		clear: both;
		margin-top: 0;
		padding-top: 5px;
		padding-left: 5px;
        width: 100%;
	}
    
    .listing-legend-table .action-note {
        text-align: right;
        font-size: 11px;
    }
    
    .listing-legend {
        background: #eeeeee;
        font-size: 10px;
        clear: both;
        margin-top: 0;
        padding-top: 5px;
        padding-left: 5px;        
    }

/* utilities - date, logout link */
#utilities{
	font-size: 10px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}

/* Versoin on top */
#version-home{
    text-align: right;
    color: #c6c6c6;
    margin-top: 4px;
    font-family: 'HelveticaNeueLight', arial;
    font-size: 20px;
    font-weight: bold;
}

/* logos */
#logo {
    padding-left: 30px;
    padding-bottom: 5px;
}
#client-logo {
	padding-left: 30px;
    padding-right: 30px;
	padding-bottom: 5px;
    float: left;
}
#client-logo-home {
	float: right;
}

/* footer */
.text-fine-print {
    font-size: 9px;
	color: #666666;
}
#footer-home {
	clear: both;
    padding: 20px 15px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}
#ssl-seal {
	float: left;
}
#footer-login-ignitionweb-logo {
    float: right;
    padding-top: 35px;
    padding-right: 10px;
}
#footer-home-copy {
    color: #666666;
	font-size: 9px;
    padding-top: 25px;
    margin-left: 0px;
    text-align: left;
}
#footer-home-copy a {
    color: white;
}
#footer {
    background: url(../../_media/en/footer_bg.gif) repeat-x;
	padding: 10px;
    padding-top: 20px;

}
#footer-copyright {
    float: left;
}
#footer-logo {
    float: right;
}

/* navigation menu */
#menu {
	position: relative;
	height: 50px;
}

#menu-main-nav {
	height: 24px;
    margin-left: 10px;
}

#menu a {
	padding-bottom: 0px;
	height: 24px;
	border-style: none;
	border-width: 0px;
}

#menu img {
	position: relative;
	top: 0px;
}

/* sub-navigation */
#sub-nav {
	background: url(../../_media/en/subnav_bg.gif);
    font-size: 10px;
    padding: 5px;
	padding-top: 5px;
	padding-left: 13px;
	height: 16px;
    

}
	#sub-nav img {
        vertical-align: middle;
    }
	#sub-nav a{
		padding: 10px;
	}

    #sub-nav a:hover, #sub-nav a.on {
		color: white;
        text-decoration: none;
       
    }
    #sub-nav-items {
		float: left;
    }
	#sub-nav-feedback {
		float: right;
    }
    #sub-nav-help {
        float: right;
        margin-right: 7px;
    }
	.sub-nav-disabled-item{
		padding: 10px;
		color: #5B7585;
	}

/* container for content */
#content-container {
	padding-left: 10px;
    padding-right: 10px;
	background: white;
	margin-bottom: 20px;
	clear: both;
}



/* Heading */
#heading {
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 1;
    position: relative;
    float: left;
}

.wizard #heading {
    width: 100%;    
}

    #heading h1,
    #heading h2 {
        margin: 0;
        font-size: 30px;
        letter-spacing: -0.04em;
        font-family: Arial,Helvetica,Verdana,sans-serif;
        display: inline;
    }
    #heading h1{
        color: #D1D9DE;
	}
	#heading h2{
        color: #81A1B3;
    }

/* login */
#home-login {
    background: white;
}
	
   
    #login-demo-title {
        float:right;
        color:#d00;
        font:bold 11px Verdana; 
    }
    #body-login .promo,
    #body-logout .promo {
        margin-top: 1em;
        width: 950px;
        margin-left: auto;
        margin-right: auto;
    }
    #body-login .promo div.text-plain,
    #body-logout .promo div.text-plain {
        text-align: center;
        padding-left: 45px;
        padding-right: 40px;
        line-height: 18px;
        font-size: 11px;
        color: #666;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    

    #body-login .promo div.text-plain p,
    #body-logout .promo div.text-plain p {
        margin-bottom: 3px;
        margin-top: 0;
    }    
    
    
    #home-login-box {
        margin-top: 80px;
        width: 100%;
        text-align: center;
        font-family: "HelveticaNeueRoman", arial;
    }
    #login-box{
        width: 400px;
        display: inline-block;
        border: 1px solid #ccc;
        padding: 20px;
    }
    #login-box form table{
        font-family: "HelveticaNeueRoman", arial;
        font-size: 20px !important;
        text-align: center;
        width: 100%;
    }
    #login-box form table td{
        margin: 0;
        padding: 0;
    }
    
    #login-box input[type=text], #login-box input[type=password]{
        padding: 5px;
        font-size: 20px !important;
        font-size: 20px;
        font-weight: normal;
        line-height: 30px;
        margin-bottom: 10px;
        width: 90%;
        height: 35px;
        
    }
    #login-box-title {
        font-family: "HelveticaNeueRoman", arial;
        font-size: 24px;
        line-height: 40px;
        font-size: 24px;
        line-height: 40px;
    }
    #login-box #button-login{
        font-family: 'Prompt', arial, sans-serif;
        font-weight:300;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: #3561a2; /* Old browsers */
        background: -moz-linear-gradient(top,  #3561a2 0%, #315396 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3561a2), color-stop(100%,#315396)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #3561a2 0%,#315396 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #3561a2 0%,#315396 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #3561a2 0%,#315396 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #3561a2 0%,#315396 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3561a2', endColorstr='#315396',GradientType=0 ); /* IE6-9 */
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        text-shadow: none;
        color: #fff;
        line-height: 35px;
        cursor: pointer;
        margin-bottom: 20px;
        font-size: 20px;
        padding: 5px 80px 5px 80px;
        margin-top: 20px;
    }
    #login-box-footer a{
        line-height: 30px;
    }

    #login-content-container {
        padding-left: 10px;
        padding-right: 10px;
        background: white;
		margin-bottom: 0px;
    }
    
    
/* forgot password popup from login page */
    #forgot-password-box {
        clear: both;
		border: 1px solid #b8b8b8;
        width: 300px;
	}
    #forgot-password-box-title {
		border-bottom: 1px solid #b8b8b8;
        padding: 5px;
        font-weight: bold;
        color: #848B80;
		font-size: 12px;

    }
    #forgot-password-box form {
		padding: 0px;
        margin: 0px;
    }
    #forgot-password-box td {
        font-size: 10px;
    }
/* logout */
#logout-box {
    border: 1px solid #aaaaaa;
    text-align: center;
    margin-left: 30%;
    margin-right: 30%;
	margin-bottom: 50px;
	margin-top: 50px;
	font-size: 10px;
}
#logout-box-title {
    background: #F0F0F0;
    border-bottom: 1px solid #b8b8b8;
    padding: 5px;
}
#logout-box-login {
	background: #DDDDDD;
    padding: 5px;
}

/* popup */
#popup-content {
	padding: 10px;
}
#popup-content .data-table td{
    padding: 5px;
}

/* MyDashboard */
body#body-mydashboard #content-container{
    background-color:#f4f8fb;
    padding:0px;
    margin-bottom:0px;
}
body#body-mydashboard #content-container #heading{
    background-color:#FFF;
    float:none;
    padding:10px;
}
body#body-mydashboard #content-container #heading h1{
    color: #81A1B3;
}
.mydashboard-container{
    padding:20px 35px;
}
.mydashboard-section{
    background-color:#FFF;
    border: 1px solid #f4f8fb;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom:35px;
    position:relative;
}
.mydashboard-section h3{
    font-size:15px;
    margin:0px;
    padding:15px;
    border-bottom: 1px solid #ddd;
}
.mydashboard-summary-container{
    display:flex;
}
.mydashboard-summary-subsection{
    margin:0;
    font-size: 12px;
    border-right:1px solid #ddd;
    flex: 0 0 auto;
    width: 16.66666666%;
}
.mydashboard-summary-subsection:last-child{
    border-right:none;
}
.mydashboard-summary-subsection-inner{
    padding:15px;
}
.mydashboard-summary-subsection h4{
    font-size:12px;
    margin:0 0 10px 0;
}
.mydashboard-hours{
    font-size: 30px;
    line-height:normal;
    font-weight:bold; 
    color: #69d7f9;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}
.dashboard-more-btn{
    margin-top:30px;
    margin-right:15px;
    margin-bottom:15px;
    text-align:right;
}
#mydashboard-projects-container{
    border-bottom:1px solid #ddd;
    display:flex;
}
.mydashboard-projects-subsection{
    border-right:1px solid #ddd;
    flex: 0 0 auto;
    width: 33.3333333%;
}
.mydashboard-projects-subsection:last-child{
    border-right:none;
}
.mydashboard-projects-subsection-inner{
    padding:15px;
    top:50%;
    transform:translateY(-50%);
    position:relative;
    min-height:100px;
}
#mydashboard-timesheet-day-select{
    position: absolute;
    top: 18px;
    right: 15px;
}
.mydashboard-section-timesheet #timesheet-calendar{
    display:none;
}
.mydashboard-section-timesheet-table,
.mydashboard-section-tasks-table{
    padding:0 15px 20px 15px;
}
.mydashboard-section-tasks-table:last-child{
    padding-bottom:0px;
}
.mydashboard-tasks-none{
    text-align:center;
    padding:15px 0;
}
#mydashboard-projects-days-select{
    position: absolute;
    top: 18px;
    right: 15px;
}
.mydashboard-projects-subsection .position{
    font-size:48px;
    font-weight:bold;
    display:inline-block;
    vertical-align:top;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}
.mydashboard-projects-subsection .details{
    display:inline-block;
    vertical-align:top;
    font-size:12px;
    margin-top: 7px;
    line-height:18px;
}
.mydashboard-projects-subsection .details strong{
    display:block;
}
.mydashboard-projects-subsection .details .date{
    margin-bottom:3px;
}
.mydashboard-projects-subsection .na{
    display:inline-block;
    text-align:center;
    vertical-align:bottom;
    margin-bottom:5px;
    width: calc(100% - 60px);
}
/* MyDashboard end */

/* timesheet */
#timesheet-calendar {
    padding-top: 10px;
    float: right;
    font-size: 10px;
    position: relative;
    z-index: 100;
}

	#timesheet-calendar img {
        vertical-align: middle;
    }
    
    #timesheet-calendar #calendar-container {
        top: 32px!important;
        right: 0px!important;
        left: auto!important;
    }

    table.timesheet tbody td, table.timesheet tfoot td {
        padding: 4px 8px; 
        height: 26px;
        vertical-align: middle;  
    }
    
    table.timesheet tbody td.data-table-cell-action, #popup-content table.timesheet tbody td.data-table-cell-action {
        padding: 2px 0px; 
    }

    table.timesheet tbody td.billable {
        text-align: center; 
    }
    table.timesheet tbody td.time-total{
        text-align: right; 
    }

    table.timesheet tbody td.time-end, table.timesheet tbody td.time-start{
        text-align:center;
    }

    table.timesheet tbody td.time-end input.input-text, table.timesheet tbody td.time-start input.input-text{
        margin-right: 2px; 
        width:58px; 
    }


    table.timesheet tfoot td {
        text-align: right; 
        font-weight: bold;
    }

    #timesheet-calendar-date-container {
    	width:500px;
    	float:right;
    	margin:0px auto;
    }

    #timesheet-calendar-date-container-prev {
    	width:20px;
    	height:20px;
    	float:right;
       	text-align:center;
	 }
    #timesheet-calendar-date-container-title {
    	width:90px;
    	padding-top:2px;
    	float:right;
    	text-align:center;
    }
	#timesheet-calendar-date-container-next {
    	width:20px;
    	height:20px;
    	float:right;
     	text-align:center;
   }
    #timesheet-calendar-container {
    	width:120px;
    	padding-top:1px;
    	float:right;
    	text-align:right;
    }

    #timesheet-calendar-name-container {
    	padding-top:2px;
    	float:right;
    	margin-right:10px;
    	text-align:right;
    }
    #timesheet-calendar-icon {
    	margin-top:10px;
    }

/* Task Comments */
    .clr {
	clear:both;
	}

	.task-comments-container {
		margin:0px auto;
		padding:0px;
		font-size:10px;
	}

	.task-comments-header {
		padding:5px;
		font-style:italic;
		padding-left:0px;
		width:90%;
		float:left;
	}

	.task-comments-header span {
		cursor:pointer;
		color:#350055;
	}

	.task-comments-header span:hover {
		color:#56A7DB;
	}
	
	.task-comments-text {
		padding:10px;
		outline:2px dashed #EEEEEE;
		background-color:#ffffff;
		margin-bottom: 10px;
	}

	.task-comments-button {
		float:right;
		width:16px;
		height:16px;
		cursor:pointer;
	}

	.task-comments-button-expand {
		background:url(../../_media/en/task_comments_expand_all.png) top center no-repeat scroll;
	}

	.task-comments-button-expand:hover {
		background:url(../../_media/en/task_comments_expand_all_on.png) top center no-repeat scroll;
	}

	.task-comments-button-collapse {
		background:url(../../_media/en/task_comments_collapse_all.png) top center no-repeat scroll;
	}

	.task-comments-button-collapse:hover {
		background:url(../../_media/en/task_comments_collapse_all_on.png) top center no-repeat scroll;
	}

	.task-comments-form {
		margin-bottom:10px;
		margin-top:10px;
	}

	.task-comments-add-comment-button-fr {
		margin-top:15px;
		width:72px;
		height:17px;
		text-align:center;
		float:right;
		background:url(../../_media/fr/task_comments_button_add_comment.png) top left no-repeat scroll;
		cursor:pointer;
	}
	
	.task-comments-add-comment-button-fr:hover {
		background:url(../../_media/fr/task_comments_button_add_comment_on.png) top left no-repeat scroll;
	}

	.task-comments-add-comment-button-en {
		margin-top:15px;
		width:86px;
		height:17px;
		text-align:center;
		float:right;
		background:url(../../_media/en/task_comments_button_add_comment.png) top left no-repeat scroll;
		cursor:pointer;
	}
	
	.task-comments-add-comment-button-en:hover {
		background:url(../../_media/en/task_comments_button_add_comment_on.png) top left no-repeat scroll;
	}

	.task-comments-add-comment-form {
		display:none;
		width:100%;
	}

	.task-comments-add-comment-form textarea {
		width:98%;
		float:right;
		padding:1%;
		height:40px;
		font-family:Verdana;
		font-size:11px;
		border:1px solid #cccccc;
	}

	.task-comments-submit-comment-button-fr {
		float:right;
		width:71px;
		height:17px;
		display:none;
		margin-top:10px;
		cursor:pointer;
		background:url(../../_media/fr/task_comments_button_submit.png) top left no-repeat scroll;
	}
	
	.task-comments-submit-comment-button-fr:hover {
		background:url(../../_media/fr/task_comments_button_submit_on.png) top left no-repeat scroll;
	}
	
	.task-comments-submit-comment-button-en {
		float:right;
		width:50px;
		height:17px;
		margin-top:10px;
		display:none;
		cursor:pointer;
		background:url(../../_media/en/task_comments_button_submit.png) top left no-repeat scroll;
	}
	
	.task-comments-submit-comment-button-en:hover {
		background:url(../../_media/en/task_comments_button_submit_on.png) top left no-repeat scroll;
	}

	img.task-button {
		margin-top:1px;
		cursor:pointer;
		display:inline;
	}

	.task-comments-icon-minus, 
    .task-comments-icon-plus {
		padding-top:2px;
		background:url(../../_media/en/task_comments_icon_minus.png) center center no-repeat scroll;
		display:inline-block;
		height:18px;
		width:18px;
		cursor:pointer;
        margin-top: 2px !important;
	}

	.task-comments-icon-minus:hover {
		background:url(../../_media/en/task_comments_icon_minus_on.png) center center no-repeat scroll;
	}

	.task-comments-icon-plus {
		background:url(../../_media/en/task_comments_icon_plus.png) center center no-repeat scroll;
	}

	.task-comments-icon-plus:hover {
		background:url(../../_media/en/task_comments_icon_plus_on.png) center center no-repeat scroll;
	}

    .task-info .icon-paperclip {
    	margin-right:4px;
    }

    .task-comments-bubble {
    	min-width:24px;
    	display:inline;
    	margin-right:4px;
    	padding-left:7px;
    	padding-right:7px;
    	padding-bottom:6px;
    	padding-top:2px;
    	text-align:center;
    	font-size:8px;
    	color:#666666;
    	font-weight: normal;
    	background:url(../../_media/en/task_comments_icon_comments.png) center center no-repeat scroll ;
    }
    .task-manager-toggle-all-details {
        float:right;
        margin-right: 7px;
        cursor: pointer;
    }

    .my-tasks-toggle-all-details {
        float:right;
        margin-right: 17px;
        cursor: pointer;
    }


/* Reports */
    /* Time (HourGlass) */
		.reports-time-select-report-header {
			background-color: #aaaaaa;
			font-size: 10px;
			clear: both;            
		}
		.reports-time-header,
        .reports-project-header,
        .reports-expenses-header {
            padding-top: 10px;
            background: white;
			font-size: 12px;
			clear: both;
        }
		
		table.reports-time-header-info,
		table.reports-project-header-info,
        table.reports-expenses-header-info {
        	border: none;        	
        }
        
        
        
		td.reports-time-header,
        td.reports-expenses-header,
        td.reports-project-header{
        	padding-left: 0px;
			padding-bottom: 5px;
			padding-right: 20px;
        }
        .reports-time-select-report-header th {
            background: #d0d0d0;
            height: 30px;
        }
        
		.reports-time-copyright {
			background: white;
            font-size: 10px;
        }
        /*
        #cell2 {background: #F0F0F0;}
        #cell3 {background: #DDDDDD;}
        */
		
		table.reports-time-data {
			width: 100%;
			background-color: black;
		}
        .reports-time-cell {
            background: white;
            font-size: 9px;
        }
        .reports-time-cell-grey {
			background: #f0f0f0;
            font-size: 9px;
        }
        .reports-time-subtotals {
			background: #f0f0f0;
            font-size: 9px;
		}
		.reports-time-totals {
            padding-right: 0.5em;
            background: #f0f0f0;
            font-size: 10px;
        }
        .reports-time-rule {
            background: #d0d0d0;
		}
        .reports-time-employee {
            font-size: 9px;
            background: #e0e0e0;
		}
        
        .reports-myreport-totals-title {
            font-size: 10px;
        }
        
        #report-form-submit-combined-report {
            float:right;
            margin-top: 15px;
            margin-right: 15px;
            display: none;
        }
        
        #report-filters-combine {
            margin-left:0px;
        }
        
        .report-listing tr.ui-sortable-helper td, .report-listing tr.ui-sortable-helper th {
            background-color: #fff;
            opacity: 0.75;
            min-width: 99px;
        }
        .report-listing tr.ui-sortable-helper td.details {
            width:99%;
        }
        .report-listing .ui-sortable {
            cursor:ns-resize;
        }
        .report-listing .ui-sortable .report-action input{
            cursor:default;
        }
        .report-listing .ui-sortable.ui-sortable-disabled {
            cursor:auto;
            background-image: none;
        }
        .report-listing .ui-sortable tr:hover td, .report-listing .ui-sortable tr:hover th{
            background-image: url(../../_media/en/drag-handle.png);
            background-position: right bottom;
            background-repeat: repeat-x;
        }
        .report-listing .ui-sortable.ui-sortable-disabled tr:hover td, .report-listing .ui-sortable.ui-sortable-disabled tr:hover th {
            background-image: none;
        }

/* Forms */
	/* Form header */

	.form-header,
    .tabbed-form-header {
		background: #eeeeee;
		font-size: 10px;
		clear: both;
        border: 1px solid #aaaaaa;
		border-bottom: none;
        border-collapse: collapse;
	}
    
    .tabbed-form-header {
        border: 0!important;
    }
    
	.form-header-title, listing-header-title, .listing-title {
		font-size: 14px;
		font-weight: bold;
		font-family: Verdana,Arial,Helvetica,sans-serif;
	}
    .sub-listing-title {
        font-size: 12px;
    }
	
	.form-header-label {
	  font-weight: bold;
	}
	
	/* the actual form */
	.form-table {
		background: #aaaaaa;
		border-collapse: collapse;
	}
	.form-row-label,
	.form-row-element,
	.form-section-header-area
	 {
		padding: 5px 5px 5px 5px;
	}    
	.form-section-header-area, .form-section-header-area:hover {
		background: #cccccc;
		color: black;
		font-weight: bold;
		font-size: 14px;
		border: 1px solid #aaaaaa;
	}
	.form-row, .form-row-static {
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 10px;
		background: white;
	}
	
	.form-row-static td {
		border: 1px solid #aaaaaa;
	}
	.form-row:hover{
		color: #4C6674;
		background: #eeeeee;
	}
	.form-row-label {
		font-size: 10px;
		font-weight: bold;
		width: 25%;
		background: #dddddd;
		border: 1px solid #aaaaaa;
		padding: 3px 3px 3px 3px;
	}
    
    .form-row-label .note {
        font-weight: normal;          
        margin-top: 1ex;
    }
    
	.form-row-element {
		width: 75%;
		border: 1px solid #aaaaaa;
		padding: 3px 3px 3px 3px;
	}
	.form-row-data {
		border: 1px solid #aaaaaa;
		padding: 3px 3px 3px 3px;	
	}
	.form-buttons-container {
		border: 1px solid #aaaaaa;
        border-collapse: collapse;
		border-top: none;
		border-left: none;
	}
	.form-buttons-container td {
		background: #f0f0f0;
		border-left: 1px solid #aaaaaa;
		padding: 7px;
	}
    
    .form-buttons-container td.button {
        text-align: center;
    }
    
    .form-buttons-container td a {
        font-size: 1%;
    }

/* WiP tasks */
.task-description {
	float: left;
	padding-right: 20px;
}
.task-more-button {
	/* float: right; */
}
	.task-more-button img.task-button {
		cursor: pointer;
	}
	.task-more-button img.task-button:hover {
		background: #7c9eac;
		cursor: pointer;
	}
	.task-more-button a {
		cursor: default;
	}

.task-details {
    display: none;
    width: 100%;
    margin:0px;
}
    .task-details .more-details-content a{
        color: #5699c8;
    }
    .task-details .more-details-content a:hover{
        text-decoration: underline;
    }
    

.task-info .total-hours {
	font-weight: normal;
}

img.toggle-zip-contents{
    margin-bottom: -2px;
    cursor: pointer;
}

.task-info .total-hours .label {
    border-bottom: 1px dotted;
    cursor: help;
}

#body-taskmanager-popup .icon-info {
    padding-left: 6px;
    cursor: help;
    
}
/* Task manager styles */
.taskman-table {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

.taskman-table .project-tasks table td {
	border-bottom-width: 0px;
}

.taskman-table .project-tasks {
	border-bottom: 1px solid #aaaaaa;
}


.taskman-row-client {
	background: #abd5f3;
}

.taskman-row-separator {
    height: 5px;
}

.taskman-row-separator td{
    border: #aaaaaa 1px solid;
}

.taskman-row-separator.dark {
    background-color: #ffffff;
}

.taskman-row-client td{
	padding: 7px;
	font-size: 16px;
	border: 1px solid #aaaaaa;
}
.taskman-row-project {
	background: #c9c9c9;
}

.taskman-table .project-info {
	border-left: 1px solid #aaaaaa;
	padding-right: 5px;
}

.taskman-table .more-tasks {
    text-align: right;
    font-weight: bold;
}


.taskman-table .project-info .item {
	white-space: nowrap;
}

.taskman-table .project-info .item .label {
	font-weight: bold;
}

.taskman-table .project-info .item  .value {
	margin-right: 2em;
}
.taskman-table .project-info .item  .value.last {
	margin-right: 0px;
}

.no-projects td {
    border: 1px solid #aaaaaa;
    padding-right: 5px;
}

.taskman-row-project td {
	padding: 7px;
	font-size: 13px;
	border-top: none;
}

.taskman-row-project .modified-tasks {
	display: none;
}


td.taskman-row-project-action {
	border-left: none;
	border-right: 1px solid #aaaaaa;
	width: 90px;
	text-align: center;	
}
td.taskman-row-project-modified {
	font-size: 10px;
	border-left: none;
	text-align: right;  
	white-space: nowrap;
	padding: 7px 0px 7px 0px;
}

td.taskman-row-project-modified.disabled {
	width: 0px;
}

td.taskman-row-project-modified .counter {
}

td.taskman-row-project-modified .counter {
	color: blue;
}

.taskman-row-heading {
	background: white;
}
.taskman-row-heading td{
	padding: 7px;
	font-weight: bold;
	font-size: 10px;
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}
.taskman-row-heading-action {
	text-align: center;
}
.taskman-row-no-tasks td {
	border: 1px solid #aaaaaa;
	font-size: 10px;
	font-style: italic;
}
.taskman-row-milestone {
	background: #F7F5EA;
	font-size: 10px;
	font-weight: bold;
}

.taskman-row-milestone td {
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	
}
.taskman-cell-first {
	border-left: 1px solid #aaaaaa;
}
.taskman-cell-last {
	border-right: 1px solid #aaaaaa;
}


.taskman-table .data-table-row-even .dc,
.taskman-table .data-table-row-even .dc-hours,
.taskman-table .data-table-row-even .dc-date,
.taskman-table .data-table-row-odd .dc,
.taskman-table .data-table-row-odd .dc-hours,
.taskman-table .data-table-row-odd .dc-date {
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	padding-right: 10px;       
	white-space: normal;
}
.taskman-table .data-table-cell-action {
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}

.taskman-row-client-divider td {
	border-top: 1px solid #aaaaaa;
}
.taskman-row-milestone .taskman-cell-first {
    padding: 10px;
}
.taskman-row-milestone .task-description {
	background-image: url(../../_media/en/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
}

.taskman-table .data-table-row-odd  .task-description,
.taskman-table .data-table-row-even .task-description{
	padding-left: 20px;
}
.taskman-table .data-table-row-odd  .task-details,
.taskman-table .data-table-row-even .task-details {
    padding-top: 7px;
    padding-left: 0px;
    margin-bottom: 7px;
}

.taskman-table .responsibles-full {
	width: 17em;
}

#email-notification-radio {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#email-notification-extra {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: none;
}

#email-notification-extra p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

table.task-info {
	width: 100%;
}

.task-info td {
	border-style: none;
}

.task-info .description {
	width: 100%;
}

.task-info .attachment-info {
        margin-top: 20px;
        padding-top: 7px;
        border-top: 1px solid lightgray;
}

.task-info td.more-button {
    	min-width: 80px;
    	padding-top:0px;
    	margin-top:0px auto;
		text-align: right;
}


	.task-info td.more-button span {
		height:23px;
		line-height:23px;
		vertical-align:middle;
	}
    html.safari .task-info td.more-button span, 
    html.firefox .task-info td.more-button span {
        height:22px;
    }	
    
	.task-info td.more-button span.plus {
		margin-top: 9px !important;
		display: inline-block;
	}
	
	.task-info td.more-button span.plus:hover {

	}

	.opera .task-comments-icon-plus,
	.opera .task-comments-icon-minus{
		margin-top: 9px !important;
		display: inline-block;
	}
	

    .task-info .attachment-info .icon-paperclip {
            margin-bottom: -3px;
    }

.task-details {
	margin-left: 0px;
	padding-top: 7px;
	font-weight: normal;
	padding-right: 10px;
	
}

#wip-calendar {
	display: inline;
	position: absolute;
	padding-top: 3px;
}
#wip-calendar img {
	vertical-align: middle;
}


#edit_task textarea {
	height: 80px;
}


#edit_task img#delete-file{
    cursor: pointer;
    float: right;
    max-height: 15px;
}

/* Project reports */

#calendar-container1, #calendar-container2 {
    display: none;
}
#wip-reports-calendar1, #wip-reports-calendar2 { 
    display: inline;
    position: static;
    padding-left: 10px;
	z-index: 0;

}

#wip-reports-calendar1 img, #wip-reports-calendar2 img { 
   vertical-align: middle;
}

/* Admin->Company menu */
#company-menu {
    padding-top: 10px;
    clear: both;
}
#company-menu img,
#company-menu-wizard img {
	padding: 0px 1px 0px 0px;
}
#company-menu-wizard {
    padding-top: 10px;
}

/* Admin->Workcodes menu */
#workcodes-menu {
	padding-top: 10px;
    clear: both;
}
#workcodes-menu img,
#workcodes-menu-wizard img {
    padding: 0px 1px 0px 0px;
}
#workcodes-menu-wizard {
    padding-top: 10px;
}

.small-button-panel {
	display: block;
	width: 100%;
	margin-top: 5px;
}

/* Setup wizard */
#wizard-nav {
    background: url(../../_media/en/wizard_bg.gif) repeat-x;
    height: 93px;
}
    /* previous */
	#wizard-nav-prev {
		float: left;
        margin: 20px;
    }
    /* next */
    #wizard-nav-next {
		float: right;
		margin: 20px;
    }
    #wizard-nav-next-disabled {
        float: right;
		margin: 20px;
    }
    a.wizard_pdf {
        position: absolute;
        right: 0;
        bottom: 8px;
    }
        a.wizard_pdf img {
            vertical-align: middle;
		}
    #wizard-instructions {
        float: right;
        vertical-align: bottom;
		padding-top: 10px;
        padding-bottom: 3px;
    }
    
        #wizard-instructions img {
            vertical-align: middle;
        }
        
		#wizard-instructions-container {
			display: none;
            margin-top: 4px;
            z-index: 1;
            position: absolute;
			background: white;
			width: 300px;
            border: 1px solid #666666;
        }
            
            #wizard-instructions-container iframe.blank {
                width: 300px; 
                height: 320px; 
                position: absolute; 
                left: 0; 
                right: 0;            
                z-index: 2;
                left: 0;
                top: 0;
            }
            
            #wizard-instructions-container-main {
                z-index: 4;
                position: relative;
                left: 0;
                top: 0;
                width: 300px; 
                height: 330px; 
            } 
			    
                #wizard-instructions-container-head {
                    background: #ddd;
				    border-bottom: 1px solid #666666;
                    cursor: move;
                    
                }
                    
                    #wizard-instructions-container-head img{
					    float: right;
                        display: block;
					    padding: 5px;
				    }
                
                #wizard-instructions-container-body {
                    background: #f8f7ef;
                    clear: both;
                    padding: 5px;
                    overflow: auto;
				    height: 300px;
                }
        
    /* wizard progress bar */
    #wizard-progress-bar {
        clear: both;
        border: #2A3E4B solid 1px;
		background: url(../../_media/en/wizard_progress_bg.gif) repeat-x;
		height: 23px;
        padding: 7px 0 0 15px;
		font-size: 11px;
        font-weight: bold;
    }
	.wizard-progress-item,
	.wizard-progress-item-current {
        padding-right: 15px;
    }
    .wizard-progress-item-disabled {
		color: #91AEC0;
        padding-right: 15px;
    }
	.wizard-progress-item-current {   
        color: black;
    }
	
	#wizard-progress-bar a:hover {
        color: black;
        text-decoration: underline;
    }
    
	
    #wizard-info-bar{
		padding-top: 20px;
        padding-left: 50px;
        font-family: Arial,Helvetica,Verdana,sans-serif;
        letter-spacing: -0.02em;
        font-size: 18px;
        line-height: 24px;
		font-weight: bold;
		color: #50616B;
		width: 90%;
            
    }
    
    #wizard-start-tutorial-download {
        padding-left: 50px;        
    }
    
    
    #wizard-start-tutorial-download-image {
        padding-left: 5px;
    }
    
    #wizard-start-tutorial-download-link, 
    #wizard-start-tutorial-download-link img{
        vertical-align: middle;
    }
    
    
    .wizard-dashboard-label {
        font-family: Arial,Helvetica,Verdana,sans-serif;
		letter-spacing: -0.04em;
        font-size: 18px;
        line-height: 21px;
        font-weight: bold;
        color: #50616B;
	}
    .wizard-dashboard-text {
        font-family: Arial,Helvetica,Verdana,sans-serif;
		letter-spacing: -0.04em;
		font-size: 18px;
        line-height: 21px;
        font-weight: bold;
		color: #81A0B3;
    }  
    .wizard-done-text {
        font-size: 18px;
        font-weight: bold;
        color: #50616B;
        line-height: 24px;
	}  
    table.wizard-done {
        width: 70%;
        clear: both;
        float: none;
    }
    div.wizard-done {
        width: 100%;
	}


/* 23. Licensing */
.licensing-row-legend {
	background: #eeeeee;
}
td.licensing-row-legend-cell{
	border-top: 1px solid #aaaaaa;
}
td.licensing-row-subscription-divider {
	border-top: 1px solid #aaaaaa;
}

/* 24. Help */
.help-header-title {
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color: white;
}
.help-column-left {
    font-size: 10px;
    background-color: #8DB9DB;
}

.help-column-left-section {
    cursor: pointer;
    background-color: #8DB9DB;
}

.help-column-left-section-major {
    cursor: pointer;
	background-color: #C4E0F6;
}

.help-column-left-section-minor {
    cursor: pointer;
    background-color: #C4E0F6;
}

.help-column-left-section-selected {
    cursor: pointer;
    background-color: white;
}

.help-column-left-section-rollover {
	cursor: pointer;
    background-color: #C4E0F6;
}

.help-column-left-title {
	font-weight: bold;
    text-transform: uppercase;
}

.help-column-right-title {
	font-size: 14px;
	font-weight: bold;
}

.help-column-right-content {
	font-size: 10px;
}

option.generic-employee-active {
  color: black;
  font-weight: bold;
}

option.generic-employee-inactive {
  color: red;
  font-weight: bold;
}

table.misc-report-filter {
  margin-top: 7px;
  margin-bottom: 5px;
  width: 100%;
  border-style: none;
  border-collapse: collapse;
}

.misc-report-filter td {
	padding: 0px 0px 0px 0px;
    height: 20px;
}

td.misc-report-filter-label {
	width: 105px;
	white-space: nowrap;
	text-align: right;
	padding-right: 10px;
}

td.misc-report-filter-field {
	text-align: left;
	width: 235px;
}
td.misc-report-filter-checkbox {
    text-align: left;
}

.misc-report-filter-selector {
    width: 225px;
    min-width: 225px;
}

body.lang-fr .misc-report-filter-selector {
    width: 240px;
    min-width: 240px;
}

body.lang-fr td.misc-report-filter-field {
    width: 250px;
}

.misc-report-filter-month {
	width: auto;
}

.misc-report-filter-year {
}

.report-filter-date {
    max-width: 100px;
}

dl.filter-set input:disabled + label {
    color:#999;
}
.tasks-initials-active {
}

.tasks-initials-inactive {
	color: red;
}

/* 25. Miscellaneous */

/* 25.1 Administration */
tr.admin-header {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
}

td.admin-header-label {
	padding: 10px 5px 10px 10px;
	text-align: left; 
	white-space: nowrap;
	max-width: 20%; 
	min-width: 15%;
}
td.admin-header-label-super {
    padding-bottom: 0;
}

.admin-header-actions,
.admin-header-actions-long {
	text-align: right;
	max-width: 100%;
	width: 100%;	
}

.admin-header-actions {
	white-space: nowrap;
}

.admin-header-back {
    float:left;
    position:relative;
    text-align:left !important;
    white-space:nowrap !important;
    width:20em;
}
div.admin-header-back{
    padding: 11px 0px 0px 6px;
}

.admin-header-actions-long {
	white-space: normal;
}

.admin-header-buttons {
	padding-right: 10px;
}


td.admin-header-selectors {
  width: 250px;
  text-align: left;
  vertical-align: bottom;
  padding-left: 10px;
  white-space: nowrap;
}

div.admin-header-actions {
	position: relative;
	float: right;
	text-align: left !important;
	width: 20em;	
	white-space: nowrap !important;
}

.lang-fr div.admin-header-actions {
    width: 25em;
}

div.lineup {
  display: inline;
  vertical-align: middle;
}


td.admin-header-buttons {
   min-width: 50px;
   max-width: 15%;
   width: 15%;
   text-align: right;
   white-space: nowrap;
}

form.admin-clients-selector {
    display: inline;
}
div.admin-clients-selector-label {
    display: inline;
}
div.admin-clients-selector {
	display: inline;
	padding-right: 20px;
}
td.admin-clients-selector {
	padding-right: 5px;
}

div.admin-header-selector {
   padding-top: 5px;
   padding-bottom: 7px;   
}
div.admin-header-selectors {
   display: inline;
   padding-top: 5px;
   padding-bottom: 7px;   
}

.admin-clients-button {
	width: 30%;
	text-align: right;
}

.admin-separator {
  display: inline;
  padding-left:  20px;
  padding-right: 20px;
}

/* 25.2 Forms and data tables */
.form-comment {
  font-style: italic;
  font-weight: bold;
  color: #666;
  padding-left: 5pt;
  line-height: 2em;
}

span.initials {
}

.data-table-cell, .data-table tbody td {
  white-space: normal;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: middle;  
}

.data-table-cell-time {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}

.data-table-cell-amount,
.data-table-cell-total {
  white-space: normal;
  text-align: right;
  padding-left: 1.5em;
  padding-right: 0.5em;
  padding-top: 3px;
  padding-bottom: 3px;
 
}

.data-table-cell-center {
  white-space: normal;
  text-align: center;
  vertical-align: middle;
  padding-top: 3px;
  padding-bottom: 3px; 
}




.report-cell {
  white-space: normal;
  height: 15px;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 3px;
  padding-bottom: 3px;
}

th.report-cell-total {
  text-align: center;
  width: 9em;
}
th.report-cell-time {
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  height: 15px;
  width: 10em;
}

td.report-cell-time {
  white-space: normal;
  text-align: center;
  height: 15px;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 3px;
  padding-bottom: 3px;
}

.report-cell-amount,
.report-cell-total {
  white-space: normal;
  text-align: right;
  height: 15px;
  padding-left: 1.5em;
  padding-right: 0.5em;
  padding-top: 3px;
  padding-bottom: 3px;
}

.form-note,
.footnote {
  font-size: 10px;
}

/* 25.3 AJAX requests */

.async-wait {
	text-align: center;
    height: 600px;
	width: 100%;
    vertical-align: middle;
}

.async-wait-hourglass {
    vertical-align: middle;
	top: 40%;
	position: relative;    
}

.async-wait-message {
    font-weight: bold;
}

.please-wait {
    display: none;
}



/** Dialogs **/

.yui-panel-container{
    max-width:94%;
}
div.dialog {
	border: 1px solid black;
	background: white;
	max-width:100%;
}

div.dialog div.message {
	text-align: left;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
}

div.dialog .hd {
	background-color: #5699C8;
}

div.dialog div.buttons {
	text-align: center;
}

div.dialog div.checkboxes {
    margin-top: 10px;
}

div.dialog div.button {
	display: inline;
}

table.payment-history-actions {
	float: right;
}


img.button {
    border-style: none;
    padding-left: 5px;
    padding-right: 5px;
}

/** 
 * WIP Task Selectors 
 */
#container-task-selectors {
    clear: left;
    float: left;
    width: 100%;
    /*overflow: hidden;*/
    z-index: 100;
}

#task-selectors {
	background-color: #eeeeee;
    border: 1px solid #eeeeee;
	clear: both;
	padding-top: 4px;
	padding-bottom: 5px;
    /*overflow: hidden;*/
    height: auto;
    margin: 0;
    display: block;
}


#task-selectors .selectors {    
    padding: 3px;
    margin: 0;
    background-color: #eeeeee;
}
#task-selectors.with-upload .selectors {
    width: 60%;
    float: left;
    min-width: 554px;
}

#task-selectors .upload-container {
    vertical-align: middle;
    width: 39%;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    background-color: #eeeeee;
}

#task-selectors .upload {
    float: left;
    position: relative;
    vertical-align: middle;
    display: table;
}
#task-selectors .upload-box {
    float: left;
    display: table-cell;
    padding: 15px;
    vertical-align: middle;     
    min-width: 390px;
}
#task-selectors .upload-box input {
    width: 100%;
}

#task-selectors .upload-box td.upload-field {
    border: 1px solid #ababab;
    background-color: #dddddd;
    padding: 5px;
    width: 65%;
}

#task-selectors-more {
	display: none;
}

#task-selectors .upload-box div.arrow {
    float: left;
    margin-top: 5px;
}
#task-selectors .upload-box div.download-label {
    float: left;
    width: 95%;
}

#task-selectors .upload-box div.download-label a {
    color: #5699c8;
    font-weight: bold;
}

#task-selectors .upload-box div.download-label a:hover {
    text-decoration: underline;
}
.task-selectors td.label {
    vertical-align: middle;
}

table.task-selectors {
	font-size: 10px;
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

table.task-selectors td {
	padding: 1px;	
}

table.task-selectors td.extra {
	padding: 0px;	
}


#task-selectors #button-generate-report,
#task-selectors #button-show-tasks,
#task-selectors #link-toggle-filters,
#task-selectors a.link-toggle-filters {
	margin-left: 113px;
}

#task-selectors #link-toggle-filters,
#task-selectors a.link-toggle-filters {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


.task-selectors .label {
	text-align: right;
	vertical-align: top;
	width: 110px;
}
.task-selectors .selector {
	width: 300px;
}
.task-selectors .selector,
.task-selectors .extra {
	text-align: left;
	vertical-align: top;
}

.task-selectors .clear {
	text-align: left;
	vertical-align: bottom;
}

#button-generate-report,
#button-show-tasks {
	display: block;
	margin-top: 4px;
}


#link-toggle-filters {
	display: block;
	font-size: 10px;
}

#task-selector-state {
	margin-top: 10px;
	margin-bottom: 3px;
    font-size: 12px;
    z-index: 1;
}

#task-selector-state table {
    width: 100%;
}
#task-selector-state table td.upload {
    width: 30%;
    text-align: right;
}
#task-selector-state .label {
	font-weight: bold;
}

#task-selector-state .state {
	padding-right: 5px;
}

/**
 * Blinking arrows to point trial users to the appropriate places
 */
.trial-cta {
    display: none;
    margin: 0 10px 0 0;
}
body.trial-user .trial-cta {
    display: inline-block;
}
.trial-cta i {
    animation: blinker 1.0s linear infinite;
    color: #73a2d1;
    font-size: 28px;
    line-height: 1.3em;
}
.trial-cta + a {
    display: inline-block;
    margin-top: 5px;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/**
 * Micro-styles
 * These can be used in combination with other style classes
 */
 
.right, .amount {
	text-align: right;
}

.centered {
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

.inline {
	display: inline;
}

.small-popup-icon {
	margin-left: 4px;
	padding-bottom: 0px;
}
.small-icon-left {
	margin-right: 4px;
}

.taskman-back-to-top {
	text-align: right;
	font-size: 8pt;
	margin-top: 5px;
	margin-bottom: 15px;
}

div.taskman-back-to-top {
	width: 100%;
}

.debug {
	font-size: 10px;
	font-family: Courier monospace;
	border: 2px outset yellow;
	background-color: yellow;
	
}

div.show {
	display: block;
}

span.reference-point {
	position: absolute;
    /*position: relative;*/
}

div.reference-point {
    /*position: absolute;*/
    position: relative;
}

#start_date-calendar-container,
#end_date-calendar-container,
#report-filters-start-date-calendar-container,
#report-filters-end-date-calendar-container,
#report-filters-project-listing-start-date-calendar-container,
#report-filters-project-listing-end-date-calendar-container {
    z-index: 100;
    position: absolute !important;
    width: 145px;
}

#start_date-calendar-container,
#end_date-calendar-container {
    left: 120px;
}

#report-filters-project-listing-start-date-calendar-container,
#report-filters-project-listing-end-date-calendar-container {
    left: 78px;
}

.yui-calcontainer{
    position: relative !important;
    background-color: #fff;
}

.emphasis {
	font-weight: bold;
}

.data-table td.note {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.small-button {
	font-size: 10px;
}

.hidden {
	display: none;
}

/* Subscriptions */
table.subscriptions {
	width: 500px;
}

.subscriptions .dc {
	white-space: nowrap;
}

.modified {
	color: blue;
}

.warning {
	color: red;
}

#subscription-table th.renewal,
#subscription-totals th.renewal,
#subscription-details .form-table td.renewal {
    background-color: #c1c0c0;
}

#subscription-details .form-table tr.form-header {
    font-weight: bold;
}

#subscription-details .form-table tr.form-header td {
    padding-left: 10px;
}

#subscription-details {
	background-color: #eeeeee;
	padding: 10px 20px 10px 20px;
}

#subscription-details table.form-table {
    width: 480px;
}

#subscription-details table.form-table tr {
    height: 25px;
}

#subscription-details .form-row-label {
    padding-left: 10px;
}

.subscription-details {
    background-color: #eeeeee;    
}
.subscription-details td.form-row-label {
    white-space: nowrap;
}

#subscription-details-details-column {
    float: left;
    padding-right: 30px;   
}

#subscription-details-term-column {
    float: right;
}

#subscription-details-term-table {
    width: 400px;
}
#subscription-details-term-table .form-row-label {
    white-space: nowrap;
}


#subscription-totals th.total {
	width: 20%;
}

#subscription-totals .data-table-cell-action {
    padding-top: 15px;
    padding-bottom: 15px;
    border-width: 0;
    border-style: none;
}

table#subscription-totals.data-table{
    border-width: 0;
    border-style: none;
}

table#subscription-totals.data-table.totals td {
    position: relative;
}

table#subscription-totals.data-table.totals td span.trial-users {
    display: none;
}
body.trial-user table#subscription-totals.data-table.totals td span.trial-users:before {
    content: " ";
    white-space: pre;
}
body.trial-user table#subscription-totals.data-table.totals td span.trial-users {
    display: inline-block;
}

table#subscription-totals.data-table.totals td span {
    position: absolute;
    height: 1em;
    top: 50%;
    transform: translateY(-50%);
}

#confirmation-popup {
	margin-top: 60px;
	font-size: 12px;
	text-align: center;
}

#confirmation-buttons {
	margin-top: 20px;
}

table.subscriptions th.renewal-date {
  width: 40em;
}

.page-current {
	font-weight: bold;
}

#section404 {
    clear: both;
}
/** Workarounds for browser issues */
strong {
	font-weight: bold;
}

a.disabled {
    color: #808080;
    cursor: default;
}

.calcell {
	padding: .1em .2em !important;
}

input[type=checkbox] {
    margin-bottom:  0px;
}

input[type=radio] {
    margin-bottom: -1px;
}


#main-javascript-disabled {
    position: absolute;
    top: 50%;
    left: 50%;
}

#main-javascript-disabled-content {
    width: 400px;
    height: 100px;
    position: absolute;
    font-family: Verdana,Arial,Helvetica,sans-serif;    
    left: -200px;
    top: -50px;
    text-align: center;
}

#main-javascript-enabled {
    display: none;
}

.section404-intro {
    font-size: 12px;
}


/* 
 * Filter Sets - used throughout the Reports section and in a few places in the
 * Administration section
 */
dl.filter-set {
    display: block;
    clear: both;
    background-color: #eeeeee;
    font-size: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0 0 10px 0;
}


    dl.filter-set dt {
        height: 19px;   
        line-height: 18px;
        padding-right: 10px;
        float: left;
        clear: left;
        text-align: right;     
    }



    dl.filter-set dd {
        clear: right;
        padding-top: 1px;
        padding-bottom: 2px;
    }
    
    dl.filter-set dd.date {
        padding-bottom: 0;
    }
    
        dl.filter-set dd span.checkbox input {
            padding: 0;
        }
    
    
        dl.filter-set dd div.reference-point {
            display: inline;
        }
    
    
        dl.filter-set dd label.set-dates {
            font-weight: bold;
        }

    dl.filter-set dd .link-options,

    dl.filter-set table.date-picker a#report-filters-start-date-calendar-hyperlink,
    dl.filter-set table.date-picker a#report-filters-end-date-calendar-hyperlink {
        line-height: 18px;
    }
    table.report-listing td.details .link-options {
        margin-left: 0;        
    }
    

#report-form dl.filter-set dt {
    width: 115px;
}

#clients-listing-header dl {
    width: 450px;
}

#clients-listing-header dl.filter-set dt {
    width: 55px;          
    padding-right: 0;       
    padding-top: 1px;
}
    #clients-listing-header dl.filter-set dd span.checkbox {
        margin-left: 5px;
    }

    



/**
* The Reports section
*/
table.report-listing {
    border-collapse: collapse;
    width: 100%;
}

table.report-listing th.report,
table.report-listing th.details,
table.report-listing th.report-action {
    vertical-align: top;    
}
table.report-listing td,
table.report-listing th.report,
table.report-listing th.details,
table.report-listing th.report-action {
    border: solid 1px #aaaaaa;   
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
}

table.report-listing thead th.report {
    text-align: left;
}

table.report-listing thead th.details {
    text-align: center;
} 

table.report-listing thead th.report-action {
    text-align: center;
    width: 100px;
} 

table.report-listing tbody td.report-action {
    text-align: center;
    background-color: #f0f0f0;
}

table.report-listing tbody td.report-action .button {
    display: inline;
}

table.report-listing thead th.report,
table.report-listing thead th.details,
table.report-listing thead th.report-action {
    background-color: #d0d0d0;
}

table.report-listing .report {
    width: 100px;
}


table.report-listing tbody td.report-action input {
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: default;
}

table.report-listing tbody th.report {
    text-align: left;
}

table.report-listing tbody td.details {
    padding-left: 20px;
    padding-right: 50px;
    padding-bottom: 20px;
}

.expense table.report-listing tbody th.report,
.expense table.report-listing tbody td.details {
    padding-top: 20px;
    padding-bottom: 20px;
}


ul.options {
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
}

dl.report-options {
    padding-left: 2em;
    margin-bottom: 0;
}


dl.report-options dt {
    float: left;
    display: block;
    padding-top: 5px;
    
}

dl.report-options dd {
    display: block;
    margin-left: 120px;
}


ul.link-options {
    list-style-type: none;    
    margin: 0px;
    padding: 0;
    display: inline;    
}

ul.link-options li {
    display: inline;
}

.progress-indicator {
    padding-top: 40px;
    padding-bottom: 40px;
    border: 1px ridge black;
    background-color: white;
    width: 400px;
    height: 70px;
    vertical-align: middle;
    text-align: center;
}

.progress-indicator img {
    margin-right: 5px;
}

.progress-indicator .label {
    font-weight: bold;
    color: #9dbee1;
    font-size: 16px;
}

/** Taxes and Recurring Charges **/

#taxes-table .data-table-cell-content{
    padding: 3px;
}

table.recurring-charges {
    min-width: 800px;
}

table.recurring-charges td.charge-name {
    padding: 0;
    text-align: center;
    
}
table.recurring-charges td.charge-name input {
    width: 80%;
}

table.recurring-charges td.amount {
    white-space: nowrap;
}

table.recurring-charges td.charge-frequency {
    width: 390px;
    text-align: center;
    white-space: nowrap;
}

table.recurring-charges td.amount {
    width: 85px;
    white-space: nowrap;
}

table.recurring-charges td.action {
    width: auto!important;
    border: none;
}


#taxes-table .data-table-cell-content .input-full-width, 
#recurring-charges-table .data-table-cell-content .input-full-width {
    width:95%;
}

#recurring-charges-table td.recurring-charges-frequency-cell input, 
#recurring-charges-table td.recurring-charges-frequency-cell select {
    margin: 0px 3px;    
}

#empty_recurring_charges {
    line-height: 2em;
    text-align: center;
}

.calendar-position{
    height:1px;
    position:relative;
    display:inline-block;
    z-index:100;
}

.calendar-position div.yui-calcontainer{
    position:absolute !important;
}

.report-download {
    width: 450px;
}

.report-download .bd {
    padding: 20px;    
    padding-top: 5px;
}


.report-download .description {
    margin-top: 10px;
    margin-bottom: 10px;
}

.report-download .file {
    font-size: 11px;
}

.report-download .file .label {
    font-weight: bold;
}

.company-form-logo {
    vertical-align: middle;
}

#taxes-table-body-new-tax-selector {
    min-width: 100px;
}

.minor-caption {
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 3px;
}

.form-table.project .form-row-label {
    vertical-align: top;    
}

/* calendar */
#calendar-container, #calendar-container1, #calendar-container2, #date-calendar-container, #recurring-charges-new-charge-start-date-calendar-container   {
    display: inline;
    display: none;
    z-index: 100;
    position: absolute !important;
    background-color: white;
    width: 140px; 
    left: -10px;
    
}

#recurring-charges-new-charge-start-date-calendar-container {
    right: 0px!important;
    left: auto;
}
    /* overall calendar styles */
    
    .yui-calcontainer {
        font-size: 10px;
    }
    
    table.calendar {
        border-collapse: collapse;
        width: 140px;
    }
    .calbordered {
        float:left;
        border:1px solid #81A1B3;
    }

    .calbordered .title {
        font:73% Arial,Helvetica,sans-serif;
        color:#000;
        font-weight:bold;
        margin-bottom:5px;
        height:auto;
        width:304px;
        position:relative;
    }

    .title .close-icon {
        position:absolute;
        right:0;
        top:0;
        border:none;
    }

    .cal2up {
        float:left;
    }

    .calnavleft {
        position:absolute;
        top:0;
        bottom:0;
        height:12px;
        left:2px;
    }

    .calnavright {
        position:absolute;
        top:0;
        bottom:0;
        height:12px;
        right:2px;
    }

    /* Calendar element styles */
    .calendar {
        font:11px Arial,Helvetica,sans-serif;
        text-align:center;
        border-spacing:0;
        position: relative;
    }
    
    .calcell {
        width:1.5em;
        border:1px solid white;
        background-color:#FFF;
    }

    .calcell a {
        color:black;
        text-decoration:none;
    }

    .calcell.today {
        border:1px solid #000;
    }

    .calcell.oom, .calcell.oom:hover {
        cursor:default;
        color:#999;
        background-color:#EEE;
        border:1px solid #eee;
    }

    .calcell.selected {
        color:#003DB8;
        background-color:#FFF19F;
        border:1px solid #FF9900;
    }

    .calcell:hover, .calcell.calcellhover {
        cursor:pointer;
        color:#FFF;
        background-color:#FF9900;
        border:1px solid #FF9900;
    }

    .calcell.calcellhover a, .calcell:hover a {
        color:#FFF;
    }

    .calcell.restricted {
        text-decoration:line-through;
    }

    .calcell.previous {
        color:#CCC;
        cursor: default;
    }

    .calcell.highlight1 { background-color:#CCFF99; }
    .calcell.highlight2 { background-color:#99CCFF; }
    .calcell.highlight3 { background-color:#FFCCCC; }
    .calcell.highlight4 { background-color:#CCFF99; }

    
    .calhead {
        border:1px solid #E0E0E0;
        vertical-align:middle;
        background-color:#dddddd;
    }

    .calheader {
        position:relative;
        width:100%;
    }

    .calheader img {
        border:none;
    }

    .calweekdaycell,
    .data-table td.calweekdaycell,
    .data-table th.calweekdaycell {
        color:#666;
        font-weight:normal;
        padding-bottom: 5px;
        border: 0px none;
        background-color: white;
    
    }

    .calfoot {
        background-color:#EEE;
    }

    .calrowhead, .calrowfoot {
        color:#666;
        font-size:9px;
        font-style:italic;
        font-weight:normal;
        width:15px;
    }

    .calrowhead {
        border-right-width:2px;
    }

#help {}
    
    #help #footer-copyright {
        margin-top: 5px;
    }

    
ul.context-menu {
    display: block;
    border-bottom: 1px solid #666666;
    list-style-type: none;
    padding: 0;
    z-index: 10000;
    position: absolute;
    margin: 0;
}

    ul.context-menu li {
        margin-left: 0;
        padding-left: 1em;
        border: 1px solid #666666;
        border-bottom: 0 none;
        padding: 5px;        
        background-color: #F4F3F5;        
        cursor: pointer;
    }
    
    ul.context-menu li:hover,
    ul.context-menu li.hover {
        cursor: pointer;
        background-color: #D6D5D5;
    }
    
    ul.context-menu li:hover a,
    ul.context-menu li.hover a {
        color: black;
    }
    
#help-selection {
    width: 180px;
}


.btn-mini{
    font-size: 10px;
}

.btn-toggle.down{
    background-color: darkgray;
}

.strikeout{
    text-decoration: line-through;
}


/* Zip file contents information block */
.zip-contents{
    margin-top: 10px;
    display: block;
    background-color: #e6e6e6;
    padding: 7px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.zip-contents > .zip-structure{
    padding-left: 18px;
}

.zip-contents ul{
    padding-left: 25px;
}
.zip-contents > ul{
    padding-left: 0px;
}

.zip-structure .folder{
    list-style-image: url('../../_media/en/icon_zip_folder.png');
}
.zip-structure .file{
    list-style-image: url('../../_media/en/icon_zip_file.png');
}


.file-listing td.date, .file-listing td.size, .file-listing td.type {
    text-align:center;
    width: 7%;
}
.file-listing td.date {
    width: 15%;
}
.file-listing .task-name {
    display:block;
    margin: 2px 0px;
    text-decoration:underline;
}
.file-listing .client-name {
    padding-right: 6px;
}
.file-listing .project-name {
    padding-right: 6px;
}
.file-listing td.data-table-cell-action {
    width: 140px;
}
#body-files .disk-space {
    float:right; 
    font-size: 10px;
}
#body-files .disk-space th {
    text-align: left;
    padding: 3px 3px 3px 8px;
}
#body-files .disk-space td {
    text-align: right;
}
#body-files .disk-space td.caption {
    text-align: left;
    color: #000;
    font-weight:bold;
}   
#body-files .error {
    text-align:center;
    font-size: 10px;
    padding: 3px;
    border: 1px solid #f00;
    color: #f00;
    font-weight: bold;
    margin: 5px 0px;
}

.batch-actions{
    margin: 0px 0px 10px 0px;
}
.search-files {
    float:right;
    margin-top: 16px; 
}
.search-files label {
    padding-right: 6px;
}
.search-files #file-search {
    width:180px; 
}
form .placeholder {
    color: #888;
}

.search-files .submit {
    background: url(../../_media/en/icon_search.gif) center center no-repeat;
    border: 1px solid #666;
    padding: 0px 4px;
    width: 26px;
    height: 18px;
    margin-left: 6px; 
}

.scanning-for-viruses {
    padding-left: 6px;
    font-style: italic;
    font-weight: normal;
    color: #090;
}

.file-listing .scanning-for-viruses {
    display:block;
    text-transform: none;
    padding: 3px;
}


.welcome-to-version-x {
    display:block;
    width: 240px;
    position: absolute;
    right: 10px;
    top: 68px;
    z-index: 99999;
    text-align:right;
}

.mobile-view {
    display:block;
    width: 100%;
    position:fixed;
    background-color: #5699C8;
    color: #fff;
    text-align:center;
    text-decoration:none;
    padding: 10px;
    line-height: 20px;
    font-size: 19px;
    bottom: 0px;
    left: 0px;
}

/* Large desktop */
@media (min-width: 1200px) {
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {    
	#body-login, #body-logout{ width: 100% !important; }
	#body-login .promo, #body-logout .promo{ width: 100% !important; }
	#body-login .promo img, #body-logout .promo img{ max-width: 100%; height: auto;}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	#home-login-box #login-box{ width: 95%; padding: 0; }
}