/*************************************************************************
**
** Copyright (c) by jeff (jeff@lipsia.de)
**
** Author:  jeff
**
** File:    $Date: 2022-01-14 16:17:10 +0100 (Fr, 14. Jan 2022) $
**
** Purpose: the ruler css
**
** Created: 2019/12/09
**
** Update:  $Date: 2022-01-14 16:17:10 +0100 (Fr, 14. Jan 2022) $
**
** Notes:
**
************************************************************************/

.horizontal_ruler, .horizontal_double_ruler
{
	height:            30px;
	position:		   relative;
	float:			   left;
}

.horizontal_ruler_left
{
	background-image:   url(/images/dialog/ruler_left.png);
	width:              10px;
	height:             20px;
	position:           relative;
	float:              left;
	margin-top:         5px;
}

.horizontal_ruler_left_selected
{
	background-image:   url(/images/dialog/ruler_left_selected.png);
	width:              10px;
	height:             20px;
	position:           relative;
	float:              left;
	margin-top:         5px;
}

.horizontal_ruler_right
{
	background-image:   url(/images/dialog/ruler_right.png);
	width:              10px;
	height:             20px;
	position:           relative;
	float:              right;
	margin-top:         5px;
}

.horizontal_ruler_right_selected
{
	background-image:   url(/images/dialog/ruler_right_selected.png);
	width:              10px;
	height:             20px;
	position:           relative;
	float:              right;
	margin-top:         5px;
}

.horizontal_ruler_content
{
	background-image:   url(/images/dialog/ruler_content_horizontal.png);
	background-repeat:  repeat;
	height:             20px;
	position:           relative;
	float:              left;
	margin-top:         5px;
	font-size:          18px;
	font-weight:        normal;
	color:              black;
}

.horizontal_ruler_cell
{
	background-image:   url(/images/dialog/ruler_content_horizontal.png);
	background-repeat:  repeat;
	height:             20px;
	position:           relative;
	float:              left;
	font-size:          14px;
	font-weight:        bold;
	font-family:        calibri;
	color:              black;
	vertical-align:     middle;
	text-align:         center;
	line-height:        20px;
}

.horizontal_ruler_cell_selected
{
	background-image:   url(/images/dialog/ruler_content_horizontal_selected.png);
	background-repeat:  repeat;
	height:             20px;
	position:           relative;
	float:              left;
	font-size:          14px;
	font-weight:        bold;
	font-family:        calibri;
	color:              #afafaf;
	vertical-align:     middle;
	text-align:         center;
	line-height:        20px;
}

.vertical_ruler, .vertical_double_ruler
{
	width:              30px;
}

.vertical_ruler_top
{
	background-image:   url(/images/dialog/ruler_top.png);
	width:              20px;
	height:             8px;
	position:           relative;
	float:              left;
	top:                0px;
	left:               5px;
}

.vertical_ruler_top_selected
{
	background-image:   url(/images/dialog/ruler_top_selected.png);
	width:              20px;
	height:             8px;
	position:           relative;
	float:              left;
	top:                0px;
	left:               5px;
}

.vertical_ruler_bottom
{
	background-image:   url(/images/dialog/ruler_bottom.png);
	width:              20px;
	height:             8px;
	position:           relative;
	float:              left;
	bottom:             0px;
	left:               5px;
}

.vertical_ruler_bottom_selected
{
	background-image:   url(/images/dialog/ruler_bottom_selected.png);
	width:              20px;
	height:             8px;
	position:           relative;
	float:              left;
	bottom:             0px;
	left:               5px;
}

.vertical_ruler_content
{
	background-image:   url(/images/dialog/ruler_content_vertical.png);
	background-repeat:  repeat;
	width:              20px;
	position:           relative;
	float:              left;
	left:               5px;
	font-size:          18px;
	font-weight:        normal;
	color:              black;
	vertical-align:     middle;
	text-align:         center;
}

.vertical_ruler_cell
{
	background-image:   url(/images/dialog/ruler_content_vertical.png);
	background-repeat:  repeat;
	width:              20px;
	position:           relative;
	float:              left;
	clear:              both;
	left:               5px;
	font-size:          18px;
	font-weight:        normal;
	color:              black;
	vertical-align:     middle;
	text-align:         center;
}

.vertical_ruler_cell_selected
{
	background-image:   url(/images/dialog/ruler_content_vertical_selected.png);
	background-repeat:  repeat;
	width:              20px;
	position:           relative;
	float:              left;
	clear:              both;
	left:               5px;
	font-size:          18px;
	font-weight:        normal;
	color:              #afafaf;
	vertical-align:     middle;
	text-align:         center;
}

.ruler_handle
{
	background-image:   url(/images/dialog/ruler_handle.png);
	width:              30px;
	height:             30px;
	font-size:          20px;
	color:              white;
	position:           relative;
	z-index:            100;
	text-align:         center;
	vertical-align:     middle;
	line-height:        30px;
	cursor:             pointer;
}