#employee
{
	font-family: Tahoma;
	font-size: 8pt;	
}

#employeesList
{
	position: absolute;
	border: solid 1px #009966;
	padding: 0px;
	top: 0px;
	width: 150px;
	font-family: Tahoma;
	font-size: 8pt;	
	display: none;
}

#employeesList .header
{
	color:white;
	background-color: #009966;
	padding: 5px 0px 5px 10px;
	cursor: move;
	text-align: left;
}

#employeesList #employees_body
{
	background-color: #f0fff0;
	height: 180px;
	overflow-y:scroll;
}

#employeesList .item
{
	color:black;
	background-color: #f0fff0;
	padding: 3px 0px 3px 10px;
	font-family: Tahoma;
	font-size: 8pt;	
	border-bottom: dotted 1px #009966;
	cursor : pointer;
}

#employeesList .over
{
	background-color: #d2ffd2;
}

#eventsList
{
	position: absolute;
	border: solid 1px #800000;
	padding: 0px;
	top: 0px;
	width: 150px;
	font-family: Tahoma;
	font-size: 8pt;	
	display: none;
}

#eventsList .header
{
	color:white;
	background-color: #800000;
	padding: 5px 0px 5px 10px;
	cursor: move;
	text-align: left;
}

#eventsList #events_body
{
	background-color: #ffe6e6;
	height: 180px;
	overflow-y:scroll;
}

#eventsList .item
{
	color:black;
	background-color: #ffe6e6;
	padding: 3px 0px 3px 10px;
	font-family: Tahoma;
	font-size: 8pt;	
	cursor: move;
	border-bottom: dotted 1px #800000;
}

#eventsList .over
{
	background-color: #ffcaca;
}


#eventsList span
{
	color:#909090;
}

.formHeader
{
	vertical-align:middle;
	height:25px;
	padding-left:10px;
	background-color: #B9C7F1;
}

.employeeImage
{
	cursor: pointer;
}

#tooltip
{
	color:white;
	background-color: #669900;
	position: absolute;
	border: dotted 1px blue;
	padding: 10px;
	display: none;
	top: 0px;
	left: 100px;
	font-family: Tahoma;
	font-size: 9pt;
}

#navigation
{
}

#navigation img
{
	cursor:pointer;
}
	
#form
{
	font-family: Tahoma;
	font-size: 9pt;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: white;
	height: 22px;
}

#form .frame
{
	border-left: solid 3px #B9C7F1;
	border-right: solid 3px #B9C7F1;
	border-bottom: solid 3px #B9C7F1;
	padding: 10px;
}

#form .body
{
	font-family: Arial;
	font-size: 9pt;
}

.holder
{
	width: 100%;
}

.monthCellWeekendHeader
{
	background-color: #eeeeff;
	text-align: right;
	width:14%;
	height: 14px;
	font-family: Tahoma;
	font-size: 7pt;
	color: red;
	text-align: right;
	padding-right: 5px;
	border-right: solid 1px #B9C7F1;
}

.monthCellHeader
{
	background-color: #eeeeff;
	text-align: right;
	width:14%;
	height: 14px;
	font-family: Tahoma;
	font-size: 7pt;
	text-align: right;
	padding-right: 5px;
	border-right: solid 1px #B9C7F1;
}

.monthCellHeaderToday
{
	background-color: #B9C7F1 !important;
}

.today
{
	background-color: lightyellow !important;
}

.otherMonthCellHeader
{
	background-color: #eeeeff;
	text-align: right;
	width:14%;
	height: 14px;
	font-family: Tahoma;
	font-size: 8pt;
	color: #b0b0b0;
	text-align: right;
	padding-right: 5px;
	border-right: solid 1px #B9C7F1;
}

.monthCell
{
	background-color: #ffffff;
	text-align: right;
	width:14%;
	border-right: solid 1px #B9C7F1;
	border-bottom: solid 1px #B9C7F1;
}

.input_row
{
	background-color: #eaeaff;
}

.input_day_cell
{
	border-left: double 3px #cccccc;
	font-family: Tahoma;
	font-size: 8pt;
}

.header
{
	background-color: #B9C7F1;
	color: black;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 8pt;
}

.periodDescription
{
	color: black;
	font-family: Tahoma, Arial;
	font-size: 9pt;
	text-align:left;
}

#employee .header
{
	color: black;
	font-family: Tahoma, Arial;
	font-size: 8pt;
	background-color: #B9C7F1;
	text-align: left;
	padding-left:30px;
	background-image: url(/design/images/radnici.gif);
	background-position: 5px 4px;
	background-repeat:no-repeat;
}

#employee .body
{
	width:95%;
	border: solid 1px #B9C7F1;
	padding:10px;
}

#employee .image
{
	padding-top:13px;
	border-top: solid 1px #B9C7F1;
	text-align:center;
}

select 
{
	font-size: 8pt;
}

#employee .label
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	color: #a0a0a0;
}	

#employee .phone
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	color: #000000;
}	

#employee .email
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	color: #000000;
	text-decoration:none;
}	

#tabs
{
	width: 350px;
}

#tabs a
{
	color: black;
	cursor: pointer;
	text-decoration: none;
}

#tabs .separator
{
	background-color: #ffffff;
	cursor:default;
}

#tabs td
{
	background-color: #f0f0f0;
	color: black;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 8pt;
	cursor:pointer;
}

#tabs .selected_tab
{
	background-color: #B9C7F1;
	color: black;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 8pt;
	cursor: pointer;
	margin-right: 3px;
}

#tabs .image
{
	width:3px;
	background-color:white;	
}

.hour_cell 
{
	border-top: solid 1px #dddddd;
	font-family: Tahoma;
	font-size: 8pt;
	color: darkblue;
	text-align: center;
	background-color: #eaeaff;
	vertical-align: top;
	padding-top: 3px;
}

.hour_cell_2
{
	font-family: Tahoma;
	font-size: 8pt;
	color: darkblue;
	text-align: center;
	background-color: #eaeaff;
	vertical-align: top;
	padding-top: 3px;
}

.main_holder
{
	border-left: solid 1px #9999ff;
	border-top: solid 1px #9999ff; 
	width:100%;
	vertical-align:top; 
}

.main_window
{
	background-color: white;
	width: 100%;
}

.input_cell
{
	border-left: double 3px #dddddd;
	border-top: solid 1px #dddddd;
	border-bottom: dotted 1px #dddddd;
	font-family: Tahoma;
	font-size: 8pt;
	background-color: white;
	height: 20px;
}

.input_cell_2
{
	border-left: double 3px #dddddd;
	font-family: Tahoma;
	font-size: 8pt;
	background-color: white;
	height: 20px;
}

#agenda_main_window tr
{
	vertical-align:top;
}

#agenda_main_window .selectedRow
{
	background-color: #eaeaea;
}

#agenda_main_window td
{
	color: black;
	font-family: Tahoma;
	font-size: 8pt;
	text-align:left;
	padding: 8px 0px 8px 10px;
	color:black;
	cursor: pointer;
}

#agenda_main_window .A
{
	color: red;
}

#agenda_main_window .B
{
	color: #E3D504;
}

#agenda_main_window .C
{
	color: black;
}

#agenda_main_window .newDate
{
	border-top: dotted 0px #cacaca;
}

#agenda_main_window .odd
{
	background-color: white;
}

#agenda_main_window .even
{
	background-color: #ededed;
}

#agenda_main_window .description
{
	color:gray;
}

#agenda_header td
{
	color: black;
	font-family: Tahoma;
	font-size: 8pt;
	text-align:left;
	padding: 8px 0px 8px 10px;
}

#agenda_header .header
{
	background-color: #dadada;
}

#edit_main_window td
{
	color: black;
	font-family: Tahoma;
	font-size: 8pt;
	text-align:left;
	padding-right:5px;
}

#edit_main_window input, textarea, select
{
	color: black;
	font-family: Tahoma;
	font-size: 8pt;
}

#edit_main_window hr
{
	color: #B9C7F1;
	background-color: #B9C7F1;
	border:0;
	width: 100%;
	height: 1px;
}

#edit_main_window .button
{
	height: 25px;
	font-family: Tahoma;
	font-size: 8pt;
	width: 80px;
}

.eventMonth
{
	position: absolute;
	overflow-x:hidden;
	overflow-y:hidden;
	font-family: Tahoma;
	font-size:	7pt;
	background-color: white;
	color: #9090ff;
	padding-left:3px;
	padding-top:1px;
	padding-bottom:1px;
	height:13px;
	cursor:pointer;
}

.eventMonthA
{
	background-color:#A52D2D;
	color:white;
}

.eventMonthB
{
	background-color:#E3D504;
	color:white;
}

.eventMonthC
{
	color: #9090ff;
	background-color:white;
}

.eventMore
{
	text-align: right;
	color: black;
	font-weight:bold;
}

.eventWindow
{
	position: absolute;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:hidden;
	font-family: Tahoma;
	font-size:	7pt;
	background-color: #d0d0ff;
}

.eventWindowA
{
	background-color: #D75E5E;
}

.eventWindowB
{
	background-color: #FCF47F;
}

.eventWindowC
{
	background-color: #d0d0ff;
}

.eventHeader
{
	font-family: Tahoma;
	font-size:	7pt;
	color: white;
	vertical-align: top;
	height: 15px;
	padding-left:3px;
	padding-top:3px;
	cursor: move;
	overflow-x:hidden;
	overflow-y:hidden;
	background-color: #9090ff;
}

.eventHeaderA
{
	background-color: #A52D2D;
}

.eventHeaderB
{
	background-color: #E3D504;
}

.eventHeaderC
{
	background-color: #9090ff;
}


.eventBody
{
	font-family: Tahoma;
	font-size:	7pt;
	color: gray;
	vertical-align: top;
	background-color: #d0d0ff;
	padding-top:3px;
	padding-left:5px;
	overflow-x:hidden;
	overflow-y:hidden;
	cursor:pointer;
}

.eventBodyA
{
	background-color: #D75E5E;
	color: white;
}

.eventBodyB
{
	background-color: #FCF47F;
	color: gray;
}

.eventBodyC
{
	background-color: #d0d0ff;
}


.eventSizer
{
	text-align: center;
	cursor: n-resize;
	color:darkgray;
	font-size:3px;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

.eventSizerA
{
	color:white;
}

.eventSizerB
{
	color:gray;
	background-color: #FCF47F;
}

.eventSizerC
{
	color:darkgray;
}

#priority_desc
{
	font-family:Tahoma;
	font-size: 8pt;
	color: gray;
	padding-left: 30px;
	font-style: italic;
}

#createdBy
{
	font-family:Tahoma;
	font-size: 8pt;
	color: gray;
	padding-right: 30px;
}

#createdTime
{
	font-family:Tahoma;
	font-size: 8pt;
	color: gray;
	padding-right: 30px;
}

#firma_holder
{
	border: dotted 1px gray;
	padding: 10px 10px 10px 30px;
	font-family: Tahoma;
	font-size: 8pt;
	background-color: lightyellow;
}

#edit_main_window #name
{
	width: 400px;
}

#results 
{
	height: 150px;
	overflow-y:auto;
	border: solid 1px #aaaaaa;
	width: 400px;
	position:absolute;
	display:none;
	background-color: #f8f8f8;
}

#results table
{
	font-family: Tahoma;
	font-size: 8pt;
	cursor: pointer;
}


#results .trOver
{
	background-color: #A52D2D;
	color: white;
}

#errorMessage
{
	border: solid 1px red;
	color: red;
	background-color: yellow;
	margin: 10px 20px 10px 20px;
	padding: 10px 20px 10px 10px;
	font-family: Tahoma;
	font-size: 8pt;
	display: none;
	width: 50%;
}