/*
 * Author:	Petteri Hakala
 *			Sentatel Oy
 *			petteri.hakala@oyk.fi
 */

/* --------------- DIVS ------------------*/
div#content_div
{
	margin-left: 1%;
	margin-right: 2%;
}

img.calendar_toggle
{
	position: relative;
	right: 10px;
	top: -5px;
}

div#calendarmaindiv
{
	position: relative;
	right: 0%;
	top: -35px;
	width: 50px;
	z-index: 1;
}

div#calendartext
{
	position: relative;
	right: 10px;
}

div#menu_div
{
	background: #dcdcdc;
	width: 90%;
	position: relative;
	top: -8px;
	left: 3%;
	z-index: 2;
}

div#center_div
{
	position: relative;
	top: 0px;
	left: opx;
	padding: 20px;
}

div#worksteps_div
{
	position: relative;
	right: 0%;
	top: -10px;
	width: 0px;
}

/* --------------- DROPDOWNS -------------*/

ul
{
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

span.menulisttext
{
	position: relative;
	top: 10px;
}

li.menuhead
{	
	position: relative;
	top: 5px;
	height: 30px;
	cursor: default;
	color: black;
}

li.menuheadlink
{	
	position: relative;
	top: 5px;
	height: 30px;
}

li.menuitem
{
	position: float;
	display: none;	
	border: solid 1px #808080;
	border-bottom: none;
	cursor: pointer;
	padding-top: 5px;	
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	background: #dcdcdc;	
	min-height: 30px;
}

li.menuitem:active
{
	color: red;
}

ul.menu_list
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	overflow: visible;
}

li.menuitem:hover, li.menuheadlink:hover
{
	color: white;
}

/* --------------------- BUTTONS ----------------------*/

td.menubutton
{
	padding-left: 3px;
	padding-right: 3px;
	height: 40px;	
	vertical-align: middle;
	text-align: center;
	background-color: #dcdcdc;
	cursor: pointer;
	vertical-align: middle;	
}	

td.menubutton:hover
{
	color: white;
}

td.menubutton:active
{
	color: red;
}

tr.selected td
{
	background-color: #dcdcdc;
	cursor: pointer;
}

/* ------------ Dialogs ------------------*/

div#searchcustomerdiv
{
	top: 20%;
	left: 5%;
}

/* ---------------- TABLES -------------- */

td
{
	vertical-align: top;
}

td#left
{
	padding: 50px;
}

td#center
{
	padding-top: 50px;
}

/* ---------------- OTHER -------------- */

option.parentoption
{
	font-weight: bold;
}

option.childoption
{
	margin-left: 10px;
}

td.worklist_padding
{
	padding-left: 30px;
}

img.logout
{
	position: absolute;
	top: 10px;
	left: 10px;
	cursor: pointer;
}

div.worksteps_list_div
{
	border: inset 1px;
	max-height: 200px;
	text-align: left;
	overflow-y: scroll;
	padding: 10px;
	padding-top: 0px;
}

div.worksteps_list_div span
{
	cursor: pointer;
}

div.worksteps_list_div li:hover
{
	color: black;
}

div.worksteps_list_div span:hover
{
	text-decoration: underline;
}

div.worksteps_list_div li.level-2 b, div.worksteps_list_div li.level-2 b
{
	font-weight: 100;
}

div.worksteps_list_div li.level-1
{
	font-weight: bold;
}

div.worksteps_list_div li.level-2
{
	font-weight: 100;
	padding-left: 20px;
}

div.worksteps_list_div li.level-3
{
	font-weight: 100;
	padding-left: 25px;
	font-style: italic;
}

div.worksteps_list_div li.level-eq
{
	font-weight: 100;
	padding-left: 25px;
	font-style: italic;
	color: green;
}

span.selected_modify_step
{
	text-decoration: underline;
}

/* EQUIPMENT TABLE */

table.equipment_tbl td
{
	color: lightgrey;
	border-right: solid 1px;
	border-bottom: solid 1px;
}
/*---------------------------*/

div#active_projects_div
{
	margin: 5px;
	background: #F9F9F9;
	border: solid 1px grey;
	padding: 5px;
	max-height: 200px;
	overflow-y: auto;
}

/* ------- BULLETINBOARD ----------- */
div#board_content_div th
{
	color: black;
}

table.bulletinboard_tbl, table.bulletinboard_tbl table
{
	border-spacing: 0;
}

tr.bulletinboard_content td
{
	background: #F8F8F8;
	padding-left: 10px;
	padding-bottom: 10px;
}

td.board_entry
{
	padding-bottom: 20px;
	border-top: solid lightgrey 1px;
}

tr.bulltinboard_sender_time td
{	
	color: grey;
	background: #F8F8F8;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
}