/******************************************************************************
 WebProof specialized styles

 Contents:
 - Layout
 - Table : Content
 - Previews
 - Logs

******************************************************************************/


/*****************************************************************************/
/* Layout */

.headerNew
{
	overflow: auto;
}

/* TODO: (r.matej) consider moving this two styles to global.css */
/* app menu is floated left */
dl.appMenu
{
	float: left;
	/* leave all place to the floated content */
	margin-right: -195px;
}

/* Page content has to be floated to establish a new block formatting context,
   so we can use clear:left without worying about left-floated menu.
   See CSS 2.1 specification for more info:
   http://www.w3.org/TR/CSS21/visuren.html#block-formatting */
.pageContentNew
{
	float: left;
}

/* footer under all floated elements */
div.footer
{
	clear: both;
}

h2
{
	margin: 1.3em .5em 1em;
}


/*****************************************************************************/
/* Table : Content */

/* TODO: remname this horror */
.Icon_pdf, .Icon_wfd, .Icon_xls, .Icon_default, .Icon_xml, .Icon_image, .Icon_tno, .Icon_afp, .Icon_eps
{
	width: 16px;
	height: 16px;
	border: 0px;
	background-repeat: no-repeat;
	text-decoration: none;
}
.Icon_default { background-image: url("items_listing/item_types/files/default.gif"); }

.Icon_pdf { background-image: url("items_listing/item_types/files/pdf.gif"); }
.Icon_wfd { background-image: url("items_listing/item_types/files/wfd.gif"); }
.Icon_xls { background-image: url("items_listing/item_types/files/xls.gif"); }
.Icon_xml     { background-image: url("items_listing/item_types/files/xml.gif"); }
.Icon_image   { background-image: url("items_listing/item_types/files/image.gif"); }
.Icon_tno   { background-image: url("items_listing/item_types/files/tno.gif"); }
.Icon_afp   { background-image: url("items_listing/item_types/files/afp.gif"); }
.Icon_eps   { background-image: url("items_listing/item_types/files/eps.gif"); }


/*****************************************************************************/
/* Previews */

td.previewColumn
{
	text-align: center;
}

.preview
{
	/* no border now - previews generated from pdf jobs has
	empty spaces filled with transparent color and border
	doesn't limit the page .. it should be reworked */
	/*border: 1px solid #000;*/
	margin: .2em;
}

span.PageApproval_PendingProofMap, span.PageApproval_AllConfirmed, span.PageApproval_SomeRefused
{
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -5000px;
	overflow: hidden;
	background-repeat: no-repeat;
}

span.PageApproval_PendingProofMap   { background-image: url("page_approval/pending.gif"); }
span.PageApproval_AllConfirmed   { background-image: url("page_approval/confirmed.gif"); }
span.PageApproval_SomeRefused   { background-image: url("page_approval/refused.gif"); }

span.PageApproval_PageConfirmed, span.PageApproval_PageRefused, span.PageApproval_PageNotApproved
{
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -5000px;
	overflow: hidden;
	background-repeat: no-repeat;
}

span.PageApproval_PageConfirmed   { background-image: url("page_approval/confirmed.gif"); }
span.PageApproval_PageRefused     { background-image: url("page_approval/refused.gif"); }
span.PageApproval_PageNotApproved { background-image: url("page_approval/pending.gif"); }

/* HACK: (r.matej) the style should be set to the <td>, not to unnecessary <div> */
div.workflowActions
{
	text-align: center;
	white-space: nowrap;
}


/*****************************************************************************/
/* Logs */

#logs tr.header th
{
	background-color: #ecf4fb;
	font-weight: bold;
}
#logs td, #logs th
{
	border: 1px solid #c6d6f4;
	padding: 0.2em 0.5em;
}
#logs tr.highlight td
{
	background-color: #ecf4fb;
}
#logs tr.dehighlight td
{
	color: #616161;
}