/* ---------------------------------------------------------------------------------------------------------------------
  +Header
--------------------------------------------------------------------------------------------------------------------- */

#title-area h1 { font-size: 0; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Login
--------------------------------------------------------------------------------------------------------------------- */

body.login h1 { background: url(/images/sitefiles/logo.png) no-repeat center center; text-indent: -9999px; height: 79px; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Forms
--------------------------------------------------------------------------------------------------------------------- */

dl.floated dt { color: #000; }

fieldset .help { background-color: #fff; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Tables
--------------------------------------------------------------------------------------------------------------------- */

table.list tr td { padding: 6px; vertical-align: middle; }
table.list tr th { font-size: 11px; background-color: #888; }
table.list tr th.sortable:hover, table.list tr th.sorted { background-color: #333; }
table.list tr td.quiet { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }

table.list tr.attention-required td.emphasis { font-weight: bold; }

/* ---------------------------------------------------------------------------------------------------------------------
  +Tickets
--------------------------------------------------------------------------------------------------------------------- */

#ticketStatus closed { color: #8BB92D; }
#ticket-notes { margin-bottom: 30px; }
#ticket-notes h2 {
	font-size: 14px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	border-bottom:  1px dotted #ccc;
	text-transform: uppercase;
}
#ticket-notes .title-buttons { margin-top: -60px; }

p.main-note { font-size: 16px; line-height: 24px; }

/* Ticket note -------------------------------------------------------------------*/
.ticket-note {
	padding: 10px 15px;
	position: relative;
	margin-bottom: 10px;
	border-radius: 5px;
	-moz-border-radius:  5px;
	-webkit-border-radius: 5px;
	margin-right: 20px;
}
.ticket-note.user-message, .CompanyNotesPanel .ticket-note { background-color: #f8f8f8; border:  1px solid #ccc; }
.ticket-note h3 { font-size: 14px; margin-bottom: 10px; color: #555; }
.ticket-note p { margin-bottom: 0 }

.CompanyNotesPanel .ticket-note { margin-right: 0; }

/* Ticket note header -----------------------------------------------------------*/
.ticket-note .header p { padding:  5px; }
.ticket-note .header p, .ticket-note .header h3 { display: inline-block; }
.ticket-note .header p.note-date { color: #999; }

.ticket-note.user-message .header { cursor: pointer; }
.ticket-note.user-message .message { padding: 0; }
.ticket-note.user-message .message p.note-message { font-size: 14px; }

/* For Staff -------------------------------------------------------------------*/
.ticket-note.user-message.staff, .ticket-note.user-message.staff.collapsed { background: #ecfee3; margin-left: 20px; border: 1px solid #b2eb99; }

/* Public and Private ----------------------------------------------------------*/
.ticket-note h3 span.public-private {
	width: 16px;
	height: 16px;
	display: inline-block;
	cursor: hand;
	cursor: pointer;
	float: right;
	margin: 2px 0 0 10px;
}
.ticket-note.public h3 span.public-private { background: url( /framework/images/icons/earth.png ) no-repeat; display: none; }
.ticket-note.private h3 span.public-private { background: url( /framework/images/icons/lock.png ) no-repeat; margin:  2px 0 0 10px; }

/* Collapsed notes ------------------------------------------------------------*/
.ticket-note.user-message.collapsed { padding-top: 5px; padding-bottom: 5px; background-color: #fff; }
.ticket-note.user-message.collapsed .message { display: none; }
.ticket-note.user-message.collapsed { background: #f8f8f8; border: 1px dashed #aaa; }
.ticket-note.user-message.collapsed:hover { border: 1px solid #999; }
.ticket-note.user-message.collapsed h3,
.ticket-note.user-message.collapsed p { font-size: 12px; }

/* Status Change ------------------------------------------------------------*/
.ticket-note.status-change { background:  url(/images/sitefiles/dot-bg.png) repeat-x center center; padding:  0; margin:  5px 0; }
.ticket-note.status-change .status-message,
.ticket-note.status-change .note-date { background-color: #fff; font-size: 11px; text-transform: uppercase; }
.ticket-note.status-change .status-message { margin-left: 20px; }

#ticket-files ul { list-style: none; margin: 0; padding: 0; }
#ticket-files ul li {
	list-style: none;
	background: url(/framework/images/icons/document_small.png) no-repeat left center;
	padding-left: 20px;
	margin:  0;
}

/* --------------------------------------------------------------
	+Holidays
-------------------------------------------------------------- */

.table-nav h3.date { font-weight: bold; font-size: 14px; padding-left: 15px; }
.RequestHoliday select { margin-bottom: 15px; }
.RequestHoliday .form-layout-table { margin-bottom: 10px; }
.RequestHoliday td.start { padding-right: 20px; }

/*
*	+ Stats Panel
*
*/
.stat {
	width: 150px;
	float: left;
	background:  #8fbf2f;
	color: #0a0d03;
	padding: 8px 4px;
	border-radius: 4px;
	margin: 4px;
	min-height: 60px;
}

.stat a { color: #0a0d03 }

.stat .status {
	text-align: center;
	font-size: 10pt;
	color: #0a0d03;
	height: 30px;
	margin: 0;
	line-height: 10pt;
}

.stat .count {
	text-align: center;
	font-size: 20pt;
	margin: 0;
	line-height: 24pt;
}

.ganttview-delete {
	position: absolute;
	right: 8px;
	top: 3px;
	width: 18px;
	height: 18px;
	background: url( /framework/images/icons/cross_circle_frame.png ) no-repeat left center;
	cursor: pointer;
}

/*
*+ Calendar
*/

.stat-day {
    background: #eaffcc;
}

.stat-day.fc-event-hori {
    border: 0;
}

.stat-day .fc-event-skin {
    background: #eaffcc;
    border: 0;
    color: #000;
}

table tr.period-group td {
    cursor: hand;
    cursor: pointer;
    background: #EEEEEE;
    font-size: 1.5em;
    font-style: italic;
}

table tr.period-group:hover td {
    background: #EEEEEE;
}

table tr.period-group td.label {
    padding-left: 30px;
    background: url(/images/icons/add.png) no-repeat 5px 5px #EEE;
}

table tr.period-group td.label.expanded {
    background: url(/images/icons/minus.png) no-repeat 5px 5px #EEE;
}

#ExpandAll, .print-button {
    cursor: hand;
    cursor: pointer;
    font-size: 1.2em;
    background: url(/images/icons/add.png) no-repeat 6px 6px #EEE;
    padding: 5px 5px 5px 25px;
    display: inline-block;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 5px;
}

.print-button {
    background-image: url(/images/icons/printer.png);
}

#ExpandAll:hover, .print-button:hover {
    text-decoration: none;
    background-color: #FFF;
}

#TransactionTable .highlighted-transaction td {
    background-color: #BECEE1;
}

#TransactionTable .selected-transaction td {
    background-color: #BEE1CE;
}

#TransactionTable .highlighted-transaction.locked-transaction td {
    border: 1px solid #8E9EB1;
    background-image: url(/images/sitefiles/crosshatch.png);
}

#TransactionTable .selected-transaction.locked-transaction td {
    border: 1px solid #8EB19E;
    background-image: url(/images/sitefiles/crosshatch.png);
}

#TransactionTable table { width: 100% }

#TransactionTable table tr td {
}