/**************************************************************************************************
 Customizable styles - typography, colors, images. Can be safely changed to
 provide another application appearance without breaking layout.
 
 Contents (allowed CSS rules in brackets):
 - Colors [CLS] (color, background-color, border-color, opacity)
 - Images [IMG] (background-image)
 - Fonts [FNT] (font-size, font-family, text-decoration, font-weight, line-height)
 
**************************************************************************************************/


/*************************************************************************************************/
/* Colors [CLS] */

/* dark blue text */
h1, h1 a, h1 a:visited, h2, h3, h4,
legend,
a, a:hover, a:visited, b,
div#header-toolbox, div#header-toolbox li a, div#header-toolbox li a.last,
dl#menu, dl#menu a, dl#menu a:hover, dl#menu a:visited,
div.footer, div.footer a, div.footer a:hover, div.footer a:visited
{ color: #003888; }

/* red errors text */
label.error, span.error
{ color: red; }

/* black text */
body,
#tooltip h3,
a.workflow-action, a.workflow-action:hover,
li.image a,
p.info b,
li.info b
{ color: #000; }

/* white text */
td.dpDayTD
{ color: #fff; }

/* light grey text */
ul#breadcrumbs, .dpTable { color: #616161; }

/* white background */
body,
ul.blocks ul.actions,
#modal, #overlay,
div#formatting-help,
.listpair ul,
label.error,
#sidebar, #proof, #horizontal-ruler, #vertical-ruler, #rulers-corner,
#area-preview,
table.data tr.after-selection
{ background-color: #fff; }

/* hover background */
.buttons a:hover,
.pager a:hover, .pager span.current,
ul.actions li a:hover,
.job div.details a:hover,
.highlighted,
li.image a:hover,
.theme-select ul li:hover
{ background-color: #fff; }

/* light blue background */
table.data th,
div.form-part,
.listpair span.ui-draggable-dragging,
#toolbar, #tab-background-holder
{ background-color: #ecf4fb; }
ul.tabs li.ui-tabs-active { border-color: #ecf4fb; }
.listpair .preview ul { background-color: #fff; }

/* almost white blue background */
.dpTable, .dpTable input,
.ac_results
{ background-color: #f2f7fb; }

/* another almost white blue background */
table.data tbody tr:hover
{ background-color: #f7fafd }

/* yellow note background */
div.note-body,
#tooltip
{ background-color: #ffffed; }

/* gray background */
td.dpDayHighlightTD, td.dpDayTD,
li.ac_over
{ background-color: #ccc; }

/* dark gray proof background */
#viewport { background-color: #8b8d8f }

/* selected table row highlighing */
table.data tbody tr.selection, 
table.data tbody tr.selection:hover
{ background-color: #ecf4fb }

/* dark blue border */
.simple-page .header,
div.footer,
fieldset,
div.form-part,
.listpair ul, .listpair span.empty, .listpair span.ui-draggable-dragging,
label.error, span.error,
table.data td, table.data th,
ul.blocks li,
#modal,
div.note-body,
div#formatting-help,
#tooltip,
img.customizable-areas,
.wrapper.closed,
ul.workflow,
td.job img, td.theme img,
.theme-select ul, .theme-select ul li,
#sidebar, #toolbar, .panel,
#area-preview
{ border-color: #c6d6f4; }
hr { background-color: #c6d6f4; color: #c6d6f4; }
#sidebar .ui-resizable-handle { background-color: #c6d6f4; }
pre.keep-format span  { background-color: #c6d6F4; }

/* gray border */
.dpTable, td.dpDayHighlightTD, td.dpDayTD,
.ac_results,
.color
{ border-color: #aaa; }

/* one shot colors */
#horizontal-ruler, #vertical-ruler, #rulers-corner { border-color: #000; }
.found-item, .current-found-item { border-color: #00f; }
.variable-area { border-color: #0f0; }
.note-area, .note-label, .current-note-area, .note-selection { border-color: #665F16; }
.note-label, .current-note-area { background-color: #ddd05e ; }
.current-found-item { background-color: #00f; }

/* background opacity */
.listpair span.ui-draggable-dragging	{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
#tooltip			{ opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); }
#overlay			{ opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.current-note-area	{ opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); }
.current-found-item	{ opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); }
.note-label			{ opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); }
.point				{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }



/*************************************************************************************************/
/* Images [IMG] */

body	{ background-image: url("layout/page_background.png") }
h3		{ background-image: url("layout/fading_line.png"); }
li		{ background-image: url("decoration/bullet.png"); }

/* actions */
a.info					{ background-image: url("items_listing/actions/info.png"); }
a.edit					{ background-image: url("items_listing/actions/edit.png"); }
a.delete				{ background-image: url("items_listing/actions/delete.png"); }
a.unlock				{ background-image: url("items_listing/actions/lock.png"); }
a.password				{ background-image: url("items_listing/actions/password.png"); }
a.user_permission		{ background-image: url("items_listing/actions/user_permission.png"); }
a.members_permission	{ background-image: url("items_listing/actions/members_permission.png"); }
a.members				{ background-image: url("items_listing/actions/members.png"); }
a.employees				{ background-image: url("items_listing/actions/employees.png"); }
a.restore				{ background-image: url("items_listing/actions/restore.png"); }
a.clone					{ background-image: url("items_listing/actions/clone.png"); }
a.rename				{ background-image: url("items_listing/actions/rename.png"); }
a.show-datepicker		{ background-image: url("datepicker/calendar.png"); }
a.browse-time			{ background-image: url("timepicker/calendar.png"); }

/* notes */
div.note-head			{ background-image: url("note/speaking.png"); }
div.note-head.active	{ background-image: url("note/speaking_active.png"); }
div.note-body.active	{ background-color: #f6f0bb ; }
div.point				{ background-image: url("note/spot.png"); }
a.make-private-note		{ background-image: url("note/unlock.png"); }
a.make-public-note		{ background-image: url("note/lock.png"); }
a.reply-to-note			{ background-image: url("note/reply.png"); }
a.delete-note			{ background-image: url("note/delete.png"); }
a.edit-note				{ background-image: url("note/edit.png"); }
a.target-note			{ background-image: url("note/target.png"); }
a.hide-note-replies		{ background-image: url("note/minus.png"); }
a.show-note-replies		{ background-image: url("note/plus.png"); }

/* reports */
a.hide-subreports		{ background-image: url("report/minus.png"); }
a.show-subreports		{ background-image: url("report/plus.png"); }

/* table heading */
th.filetype span	{ background-image: url("items_listing/header/filetype.png"); }
th.version>a>span	{ background-image: url("items_listing/header/version.png"); }
th.deadline>a>span	{ background-image: url("items_listing/header/deadline.png"); }
th>a>span.asc		{ background-image: url("items_listing/header/sort-asc.png"); }
th>a>span.desc		{ background-image: url("items_listing/header/sort-desc.png"); }

/* no job preview */
div.empty		{ background-image: url("items_listing/content/empty-job.png"); }
div.unknown		{ background-image: url("items_listing/content/unknown-job.png"); }
div.nopreview	{ background-image: url("items_listing/content/no-preview.png"); }

/* file types */
.filetype.unknown,	.file.unknown	{ background-image: url("filetype/default.png"); }
.filetype.wfd,		.file.wfd		{ background-image: url("filetype/wfd.png"); }
.filetype.pdf,		.file.pdf		{ background-image: url("filetype/pdf.png"); }
.filetype.tno,		.file.tno		{ background-image: url("filetype/tno.png"); }
.filetype.afp,		.file.afp		{ background-image: url("filetype/afp.png"); }
.filetype.eps,		.file.eps		{ background-image: url("filetype/eps.png"); }
.filetype.xml,		.file.xml		{ background-image: url("filetype/xml.png"); }
.filetype.xls,		.file.xls		{ background-image: url("filetype/xls.png"); }
.filetype.image,	.file.image		{ background-image: url("filetype/image.png"); }
.filetype.multi,	.file.multi		{ background-image: url("filetype/multi.png"); }

/* job detail buttons */
.actions a.info					{ background-image: url("items_listing/content/info.png"); }
.actions a.checklist			{ background-image: url("items_listing/content/checklist.png"); }
.actions a.notes				{ background-image: url("items_listing/content/notes.png"); }
.actions a.history				{ background-image: url("items_listing/content/history.png"); }
.actions a.datafile				{ background-image: url("filetype/files/data.png"); }
.actions a.attachments			{ background-image: url("items_listing/content/attachments.png"); }
.actions a.data-file			{ background-image: url("items_listing/content/data_attach.png"); }
.actions a.download				{ background-image: url("items_listing/content/download.png"); }


/* true/false signs */
span.true			{ background-image: url("decoration/true.png"); }
span.false			{ background-image: url("decoration/false.png"); }
span.true-inherited	{ background-image: url("decoration/true_inherited.png"); }

/* active/inactive-user signs */
span.active-user	{ background-image: url("decoration/active-user.png"); }
span.inactive-user	{ background-image: url("decoration/inactive-user.png"); }

/* pager */
.pager a.prev		{ background-image: url("items_listing/pager/prev.png"); }
.pager a.next		{ background-image: url("items_listing/pager/next.png"); }
.pager span.noprev	{ background-image: url("items_listing/pager/noprev.png"); }
.pager span.nonext	{ background-image: url("items_listing/pager/nonext.png"); }

/* tabs */
ul.tabs li										{ background-image: url("tab/left.png"); }
ul.tabs li a									{ background-image: url("tab/right.png"); }
ul.tabs li.ui-tabs-active, ul.tabs li:hover	{ background-image: url("tab/left-active.png"); }
ul.tabs li.ui-tabs-active a, ul.tabs a:hover	{ background-image: url("tab/right-active.png"); }

/* wrappers */
.wrapper		{ background-image: url("wrapper/right-opened.png"); }
.wrapper a		{ background-image: url("wrapper/left.png"); }
.wrapper.closed	{ background-image: url("wrapper/right-closed.png"); }

/* top menu */
div#header-toolbox li									{ background-image: url("tab/topmenu-left.png"); }
div#header-toolbox li a, div#header-toolbox li a.last	{ background-image: url("tab/topmenu-right.png"); }

/* listpairs */
.listpair ul.selected a.manip				{ background-image: url("listpair/remove.png") }
.listpair ul.possible a.manip				{ background-image: url("listpair/add.png") }
.listpair a.change, .listpair a.collapse	{ background-image: url("listpair/switch.png"); }

/* application menu */
dl#menu dt										{ background-image: url("layout/menupart_bullet.png"); }
dl#menu a, dl#menu a:hover, dl#menu a:visited	{ background-image: url("layout/menu_item.png"); }

/* validators */
.validator-bottom label span	{ background-image: url("layout/speaking_top.png"); }
.validator-right label span		{ background-image: url("layout/speaking_left.png"); }

/* datepicker */
.dpButtonBack	{ background-image: url("datepicker/previous.png"); }
.dpButtonBack2	{ background-image: url("datepicker/pprevious.png"); }
.dpButtonNow	{ background-image: url("datepicker/today.png"); }
.dpButtonNext	{ background-image: url("datepicker/next.png"); }
.dpButtonNext2	{ background-image: url("datepicker/nnext.png"); }
.dpButtonClose	{ background-image: url("datepicker/close.png"); }

/* page approval */
div.page-approval span.PendingProofMap { background-image: url("page_approval/pending.png"); }
div.page-approval span.AllConfirmed    { background-image: url("page_approval/confirmed.png"); }
div.page-approval span.SomeRefused     { background-image: url("page_approval/refused.png"); }

div.page-approval span.PageConfirmed   { background-image: url("page_approval/confirmed.png"); }
div.page-approval span.PageRefused     { background-image: url("page_approval/refused.png"); }
div.page-approval span.PageNotApproved { background-image: url("page_approval/pending.png"); }

/* proof pager */
a#first-page span	{ background-image: url("proof/pager/first.png"); }
a#prev-page span	{ background-image: url("proof/pager/prev.png"); }
a#next-page span	{ background-image: url("proof/pager/next.png"); }
a#last-page span	{ background-image: url("proof/pager/last.png"); }

/* proof tabs */
#notes-tab span				{ background-image: url("proof/tab/notes.png"); }
#search-tab span			{ background-image: url("proof/tab/search.png"); }
#foldmarks-tab span			{ background-image: url("proof/tab/foldmarks.png"); }
#data-tab span				{ background-image: url("proof/tab/data.png"); }
#approvals-tab span			{ background-image: url("proof/tab/approvals.png"); }
#display-options-tab span	{ background-image: url("proof/tab/display-options.png"); }

/* proof rotation */
#rotate-counterclockwise span	{ background-image: url("proof/rotate-counterclockwise.png"); }
#rotate-clockwise span			{ background-image: url("proof/rotate-clockwise.png"); }

/* proof zoom */
#fit-width span		{ background-image: url("proof/zoom/zoom-fit-width.png"); }
#fit-height span	{ background-image: url("proof/zoom/zoom-fit-height.png"); }
#fit-view span		{ background-image: url("proof/zoom/zoom-fit.png"); }
#dot-to-dot span	{ background-image: url("proof/zoom/zoom-dot2dot.png"); }
#zoom-area span		{ background-image: url("proof/zoom/zoom-area.png "); }
#zoom-in span		{ background-image: url("proof/zoom/zoom-in.png"); }
#zoom-out span		{ background-image: url("proof/zoom/zoom-out.png"); }

/* proof view */
#switch-highlight-variables span	{ background-image: url("proof/variables.png"); }
#switch-show-foldmarks span			{ background-image: url("proof/foldmarks.png"); }
#switch-show-labels span			{ background-image: url("proof/labels.png"); }
#switch-show-rulers span			{ background-image: url("proof/ruler.png"); }
#switch-show-sidebar span			{ background-image: url("proof/sidebar.png"); }

/* proof page approval */
#next-in-range span	{ background-image: url("page_approval/next-in-range.png"); }
#next-pending span	{ background-image: url("page_approval/next-pending.png"); }
#confirm-page span	{ background-image: url("page_approval/confirm.png"); }
#refuse-page span	{ background-image: url("page_approval/refuse.png"); }

/* proof misc */
#toolbar .switch.on, #toolbar a.on	{ background-image: url("proof/active-tool.png"); }
#sidebar .ui-resizable-handle		{ background-image: url("proof/resize-handle.png"); }
#print-document span				{ background-image: url("proof/print.png"); }
#quick-print-document span			{ background-image: url("proof/quick-print.png"); }
#save-default-view span				{ background-image: url("proof/save-default-view.png"); }
#exit-proof span					{ background-image: url("proof/exit.png"); }
#back-to-my-account span			{ background-image: url("proof/back-to-my-account.png"); }
#logout span						{ background-image: url("proof/logout.png"); }

/* misc */
.progress						{ background-image: url("decoration/progress.gif"); }
#progress						{ background-image: url("decoration/big-progress.gif"); }
.shadow span					{ background-image: url("decoration/shadow.png"); }
ul#breadcrumbs li				{ background-image: url("layout/breadcrumb_separator.png"); }
div#copyright span.separator	{ background-image: url("layout/footer_separator.png"); }
div#formatting-help				{ background-image: url("decoration/help.png"); }
a.workflow-action				{ background-image: url("items_listing/content/info.png"); }
a.download						{ background-image: url("items_listing/content/download.png"); }		


/*************************************************************************************************/
/* Fonts [FNT] */

/* basic settings */
body { line-height: 1.5em; }
body, input, select, option, textarea
{
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
}
.dpTable { font-family: tahoma, arial, helvetica, sans-serif; }

/* headings */
h1 { font-size: 2.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.1em; }
h2 b { font-size: .8em; padding-left: .5em; }
#sidebar h2 { font-size: 1em; }

/* italics */
.theme-select ul li#th { font-style: italic; }

/* removed links underline */
h1 a, h1 a:visited,
div#header-toolbox li a, div#header-toolbox li a.last,
ul#breadcrumbs li a,
dl#menu a, dl#menu a:hover, dl#menu a:visited,
div#copyright a, div#copyright a:hover, div#copyright a:visited,
.listpair a,
table.data tfoot a,
thead a
{ text-decoration: none; }
/* added underline */
.listpair a.user
{ text-decoration: underline; }

/* bold / removed bold */
table.data tfoot th,
table.info th, table.info.inverted td,
div.listpair table th
{ font-weight: normal; }
div#header-toolbox ul,
legend,
.pager span.current,
table.info td, p.info b, li.info b, table.info.inverted th,
.dpTitleText, .dpDayHighlight,
.theme-select ul
{ font-weight: bold; }
.theme-select ul li span,
.validator
{ font-weight: normal; }

/* special font sizes */
.wrapper { font-size: 1em; }
#tooltip { font-size: .8em; }

/* page approval header */
div.page-approval table.header td  { font-weight:bold; }