/* TODO: (r.matej) this classes should be all reworked */

#verticalRuller
{
	width: 0.6cm;
}

#horizontalRuller
{
	height: 0.6cm;
}

.cube_first, .cube_second, .vcube_first, .vcube_second
{
	font-family: sans-serif;
	color: #000;
	font-size: 10px;
	vertical-align: top;
	text-align: left;
	background-color: #87ceeb;
	width: 0.5cm;
	height: 0.5cm;
	border-color: #000;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}

.cube_first
{
	padding-left: 1px;
	border-right-width: 0;
	border-bottom-width: 2px;
	border-right-width: 1px;
}

.cube_second
{
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 2px;
}

.vcube_first
{
	border-bottom-width: 0;
	border-right-width: 2px;
}

.vcube_second
{
	border-bottom-width: 1px;
	border-right-width: 2px;
}

.vcube_first, .vcube_second
{
	/* TODO: (r.matej) what is this? */
	vertical-align: bottom-text;
	text-align: left;
}

/* main parts colors */
.Proof_ControlRow, #Proof_SliderTD, #Proof_ProofTD
{
	background-color: #f2f7fb;
}

.Proof_ControlTable
{
	width: 100%;
	height: 100%;
}

.Proof_ControlTable TD
{
	/* text-align: center; */
	color: #000;
}

/* div containing proof (inside scrollalble area) */
#frameDiv
{
	background-color: #f6f6f6;
	border: 1px solid #c6d6f4;
}

/* rendered impage - proofed document */
#renderedImage
{
	/* some little border on the rendered image to see where page ends */
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #cdcdcd;
}

#Proof_ImageAndNotesTable
{
	border-collapse: collapse;
	border: 0 solid #000;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#Proof_Rect
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 666;
	border: 3px dashed;
	width: 100px;
	height: 100px;
	color: #f00;
	display: none;
	cursor: crosshair;
}


/**********************************************************************************************************************/
/* Notes */

#Proof_NotesTD
{
	vertical-align: top;
	background-color: #fff;
	border: 1px solid #c6d6f4;
}

#Proof_NotesDIV
{
	overflow: auto;
}

div.notesPaddingHolder, div.pageApprovalsPaddingHolder
{
	padding: .5em;
}

#notesVSPageApprovals
{
	/*height: 15px;*/
}

#showApprovals
{
}

#notesVSPageApprovals.MultiViewArea
{
	margin: 0;
	border-style: none;
	border-bottom: 1px solid #c6d6f4;
}

#notesVSPageApprovals.MultiViewArea .StripLeftSpacer, #notesVSPageApprovals.MultiViewArea .StripRightSpacer
{
	width: 0px;
}


/**********************************************************************************************************************/
/* Pager */

/* pager buttons' common styles */
.ProofButtonFirst, .ProofButtonPrevious, .ProofButtonNext, .ProofButtonLast, .ProofButtonNext2Proof, .ProofButtonNextInApproval
{
	height: 16px;
	width: 16px;
	border: 0;
	background-repeat: no-repeat;
	background-color: Transparent;
	text-decoration: none;
	cursor: pointer;
}

.ProofButtonFirst, .ProofButtonLast { width: 16px; }
.ProofButtonPrevious, .ProofButtonNext, .ProofButtonNext2Proof, .ProofButtonNextInApproval { width: 16px; }

.ProofSearchControlsDisabled { background-color: #fff; }
.ProofSearchControlsDisabled { background-color: #e0e0e0; }

/* pager buttons' images */
.ProofButtonFirst { background-image: url("proof/pager/first.gif"); }
.ProofButtonNext { background-image: url("proof/pager/next.gif"); }
.ProofButtonPrevious { background-image: url("proof/pager/previous.gif"); }
.ProofButtonLast { background-image: url("proof/pager/last.gif"); }

.ProofButtonNext2Proof  { background-image: url("page_approval/next_to_evaluate.gif"); }
.ProofButtonNextInApproval  { background-image: url("page_approval/next_in_approval.gif"); }

/**********************************************************************************************************************/
/* Confirm / Refuse */
.ProofButtonConfirm, .ProofButtonRefuse
{
	height: 16px;
	width: 16px; 
	padding: 0;
	margin: 0 3px;
	border: 0;
	background-color: Transparent;
	background-repeat: no-repeat;
	cursor: pointer;
}
.ProofButtonConfirm
{
	background-image: url("page_approval/confirm.gif");
}
.ProofButtonRefuse
{
	background-image: url("page_approval/refuse.gif");
}

/**********************************************************************************************************************/
/* Menu */

/* common styles for picture buttons */
.ProofPrintPictureButton,
.ProofPrintPdfPictureButton,
.ProofPrintButton,
.ProofSaveSettingsPictureButton,
.ProofSaveDefaultSettingsPictureButton,
.ProofExitPictureButton,
.ProofDataViewPictureButton,
.ProofFoldMarksPictureButton
{
	display: block;
	height: 24px;
	width: 20px;
	margin: 0 10px;
	background-repeat: no-repeat;
}

/* TODO: (r.matej) why has every button different size? */

.ProofDataViewPictureButton
{
	width: 35px;
	height: 24px;
}

.ProofPrintPdfPictureButton
{
	width: 37px;
	height: 24px;
}

.ProofPrintButton
{
	width: 25px;
	height: 24px;
}

.ProofPrintPictureButton
{
	width: 45px;
	height: 24px;
}

.ProofSaveDefaultSettingsPictureButton
{
	width: 30px;
	height: 25px;
}

.ProofFoldMarksPictureButton
{
	width: 46px;
	height: 24px;
}

/* menu buttons' images */
.ProofDataViewPictureButton { background-image: url("proof/menu/dataview.gif"); }
.ProofExitPictureButton { background-image: url("proof/menu/exit.gif"); }
.ProofSaveDefaultSettingsPictureButton { background-image: url("proof/menu/save_as_default_settings.gif"); }
.ProofSaveSettingsPictureButton { background-image: url("proof/menu/save_settings.gif"); }
.ProofPrintPictureButton { background-image: url("proof/menu/print_image.gif"); }
.ProofPrintPdfPictureButton { background-image: url("proof/menu/print_pdf.gif"); }
.ProofPrintButton { background-image: url("proof/menu/print.gif"); }
.ProofFoldMarksPictureButton { background-image: url("proof/menu/foldmarks.gif"); }


/**********************************************************************************************************************/
/* Horizontal Ruller */

.TDRullerHoriz, .TDRullerHoriz4px
{
	padding: 0;
	margin: 0;
	background: #87ceeb;
	/* TODO: (r.matej) and what is this? */
	height: 20;
}

.TDRullerHoriz4px
{
	border: 1px solid #000;
	margin: 0;
	padding: 0;
	border-bottom-width: 2px;
	/* TODO: (r.matej) and what is this? */
	height: 10;
}


/* tyhle divy jsou obsazeny uvnitr predchozich TD */
.DIVRullerHoriz96dpi8font20pxruleSize_1,
.DIVRullerHoriz96dpi8font20pxruleSize_2,
.DIVRullerHoriz96dpi7font20pxruleSize_1,
.DIVRullerHoriz96dpi7font20pxruleSize_2,
.DIVRullerHoriz96dpi6font20pxruleSize_1,
.DIVRullerHoriz96dpi6font20pxruleSize_2
{
	/* TODO: (r.matej) and what is this? */
	height: 20;
	color: #000;
	vertical-align: bottom;
	text-align: left;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
	border-bottom-width: 2px;
}
.DIVRullerHoriz96dpi7font20pxruleSize_1,
.DIVRullerHoriz96dpi8font20pxruleSize_1,
.DIVRullerHoriz96dpi6font20pxruleSize_1
{
	border-right-width: 0;
}
.DIVRullerHoriz96dpi7font20pxruleSize_2,
.DIVRullerHoriz96dpi6font20pxruleSize_2,
.DIVRullerHoriz96dpi8font20pxruleSize_2
{
	border-right-width: 1px;
}


/**********************************************************************************************************************/
/* Vertical Ruller */

.TDRullerVert,.TDRullerVert4px
{
	padding: 0;
	margin: 0;
	background: #87ceeb;
	/* TODO: (r.matej) and what is this? */
	width: 20;
}

.TDRullerVert4px
{
	border: 1px solid #000;
	margin: 0;
	padding: 0;
	border-right-width: 2px;
	/* TODO: (r.matej) and what is this? */
	width: 10;
}


/* tyhle divy jsou obsazeny uvnitr predchozich TD */
.DIVRullerVert96dpi8font20pxruleSize_1,
.DIVRullerVert96dpi8font20pxruleSize_2,
.DIVRullerVert96dpi7font20pxruleSize_1,
.DIVRullerVert96dpi7font20pxruleSize_2,
.DIVRullerVert96dpi6font20pxruleSize_1,
.DIVRullerVert96dpi6font20pxruleSize_2
{
	/* TODO: (r.matej) and what is this? */
	width: 20;
	color: #000;
	vertical-align: top;
	text-align: right;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
	border-right-width: 2px;
}
.DIVRullerVert96dpi7font20pxruleSize_1,
.DIVRullerVert96dpi8font20pxruleSize_1,
.DIVRullerVert96dpi6font20pxruleSize_1
{
	border-bottom-width: 0;
}
.DIVRullerVert96dpi7font20pxruleSize_2,
.DIVRullerVert96dpi8font20pxruleSize_2,
.DIVRullerVert96dpi6font20pxruleSize_2
{
	border-bottom-width: 1px;
}

/* error label section */
div#errorDiv
{
	color: #f00;
}

span.errorLabel
{
	font-size: 1.1em;
	font-weight: bold;
}


a#sliderMoreLeft,
a#sliderLeft,
a#sliderRight,
a#sliderMoreRight
{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: 2000px;
	overflow: hidden;
	white-space: nowrap;
}

a#sliderMoreLeft { background-image: url("proof/slider/more_left.gif"); }
a#sliderLeft { background-image: url("proof/slider/left.gif"); }
a#sliderRight { background-image: url("proof/slider/right.gif"); }
a#sliderMoreRight { background-image: url("proof/slider/more_right.gif"); }