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

	S T Y L E . C S S
	=================



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

.template_container {display:none }

.main_tab_door
{
	margin-bottom	:	0px				;
	padding			:	0px			;
	padding-left	:	34px				;

	background: url(rx_icons/16x16/door.png);
	background-repeat	: no-repeat		;
	background-position	: center left	;

	width				: 78px			;
	height				: 20px			;
z-index:90;
}

.main_tab_card
{
	margin-bottom	:	0px				;
	padding			:	0px			;
	padding-left	:	34px				;
	background: url(rx_icons/16x16/card_user.png);
	background-repeat	: no-repeat		;
	background-position	: center left	;
	width				: 78px			;
	height				: 20px			;

}
.main_tab_phone
{
	margin-bottom	:	0px				;
	padding			:	0px			;
	padding-left	:	34px				;
	background: url(rx_icons/16x16/phone.png);
	background-repeat	: no-repeat		;
	background-position	: center left	;
	width				: 78px			;
	height				: 20px			;
}

/* Dialog box titlebars */
.titlebar
{
	cursor				:	move				;
	background	: url(img2/bar_B.gif) #404090				;

	color				:	white				;
	padding-left		:	3px					;
	font-weight			:	bold				;
}

.transhigh
{
	background:cyan;
}



.magnetic_numbering
{
	font-size			:	16px				;
	border				:	1px solid #707070	;
	padding				:	6px					;
	background			:	#f0f0e0				;
	width				:	18px				;
	text-align			:	center				;
}



/*** CALENDAR styles ***/
.headerleft 
{
	position			: absolute				;
	left				: 0px					;
	width				: 20px					;
	padding				: 0px					;
	padding-right		: 4px					;
	margin				: 0px					;
	font-size			: 10px					;
	background			: #c0c0c0				;
	border				: 1px solid #808080		;
	text-align			: right					;
	font-weight			: bold					;
}


.d, .x, .cal_hd
{
	position			: absolute				;
	padding				: 0px					;
	margin				: 0px					;
	background			: black					;
	border				: 1px solid #e0e0e0		;
	width				: 29px					;
	margin-top			: -2px					;
	height				: 14px					;
	text-align			: right					;
	padding-right		: 4px					;
}

.x
{
	background:#fcfcfc;
	
}
.cal_hd
{
	text-align			: left					;
	height				: 29px					;
	background:#c0c0c0;
	
}

.cal_style{
	width			: 400				;
	height			: 520				;
	background		: #fcfcfc			;
	overflow		: auto				;
	position		: relative			;
	border			: 1px solid #909090	;
	left			: 40px				;
}


 

/********** TOOLBAR ************************************************************/
.button_card		{ background:#c0c0c0 url(img/card.gif); }
.button_realtimeevents		{ background:#c0c0c0 url(img2/48x48-document.png); }
.button_events		{ background:#c0c0c0 url(img2/events48x48.png); }
.button_cards		{ background:#c0c0c0 url(img/cards.gif); }
.button_calendar	{ background:#c0c0c0 url(img2/calendar.gif);}
.button_user		{ background:#c0c0c0 url(img2/users.gif);}
.button_rx		{ background:#c0c0c0 url(img2/rx_button.gif);}

.button_card,
.button_realtimeevents	,
.button_events	,
.button_cards,
.button_calendar,
.button_rx,
.button_user
{
	background-repeat	: no-repeat		;
	width				: 58px			;
	height				: 50px			;
	background-position	: center center	;
	margin				: 0px			;
}

.button_rx
{
	width				: 120px			;
}


.rxtoolbar
{
	border-bottom		: 1px ridge #808080		;
	border-top			: 1px solid #f0f0f0		;	

	background			: url(img2/gradient.gif) #c0c0c0				;
	margin				: 0px					;
	padding				: 2px					;
	padding-left		: 11px					;
}


.rxtoolbar a
{
	margin-right:12px; 
	padding-left		:	3px					;
	padding-right		:	3px					;
	text-decoration		:	none				;
	color				:	black				;
	font-size			:	14px				;
}

.rxtoolbar a:hover
{
	 /*hover background color*/
	background-color	: #e0e0e0				;
}

.toolbar_table td
{
	text-align: center;
	font-size: 10px;
	padding-top : 0px;
	padding-bottom : 2px;
	padding-left:10px;
	padding-right:10px;
	width:60px;
	font-weight: bold;
	border-right		: 1px ridge #c0c0e0		;

	cursor		:	pointer			;

}



/********** TOOLBAR ************************************************************/








.day_A,
.day_B,
.day_C,
.day_D,
.day_E,
.day_F,
.day_G,
.day_H
{
	border			: solid 1px #404040				;
	font-weight		: bold							;
	text-align		: center						;
	font-family		: verdana,helvetica,sans-serif	;
	padding			: 0px							;
	padding-left	: 6px							;
	padding-right	: 6px							;

	margin			: 0px							;
/*	margin-top:10px; */
	width			: 28px							;
	font-size		: 12px							;
}

.cal_A,	.day_A	{	background:#60F060;	color:black;	}
.cal_B,	.day_B	{	background:#6060F0;	color:white;	}
.cal_C,	.day_C	{	background:#F06060;	color:white;	}
.cal_D,	.day_D	{	background:#F0F060;	color:black;	}
.cal_E,	.day_E	{	background:#60F0F0;	color:black;	}
.cal_F, .day_F	{	background:#F060F0;	color:black;	}
.cal_G, .day_G	{	background:#404040;	color:white;	}
.cal_H, .day_H	{	background:#F4F4F4;	color:black;	}





.cal_A,
.cal_B,
.cal_C,
.cal_D,
.cal_E,
.cal_F,
.cal_G,
.cal_H,
/* Calendar highlighted days */
.calh_A,
.calh_B,
.calh_C,
.calh_D,
.calh_E,
.calh_F,
.calh_G,
.calh_H,
/* Calendar, blocked days */
.calb_A,
.calb_B,
.calb_C,
.calb_D,
.calb_E,
.calb_F,
.calb_G,
.calb_H

{
	font-weight	:bold	; 
	text-align	:center	;
	font-family	:verdana,helvetica,sans-serif;
	padding		:0px	;
	margin		:0px	;
	width		:30px	;
	font-size	:11px	;
	height		:14	;
}
/***
.cal_A	{	background:#60FF60;	color:black;	}
.cal_B	{	background:#6060FF;	color:white;	}
.cal_C	{	background:#FF6060;	color:white;	}
.cal_D	{	background:#FFFF60;	color:black;	}
.cal_E	{	background:#60FFFF;	color:black;	}
.cal_F	{	background:#FF60FF;	color:black;	}
.cal_G	{	background:#404040;	color:white;	}
.cal_H	{	background:#F4F4F4;	color:black;	}
***/

.calh_A, .calb_A	{background: #9F9;	color:#505050;	}	/* "Light black" */
.calh_B, .calb_B	{background: #99F;	color:#e0e0e0;	}	/* "Dark white" */
.calh_C, .calb_C	{background: #F99;	color:#e0e0e0;	}	
.calh_D, .calb_D	{background: #EE9;	color:#505050;	}
.calh_E, .calb_E	{background: #9FF;	color:#505050;	}
.calh_F, .calb_F	{background: #F9F;	color:#505050;	}
.calh_G, .calb_G	{background: #999;	color:#e0e0e0;	}
.calh_H, .calb_H	{background: #CCC;	color:#505050;	}

.calb_A	{	background:url( img/bg_blocked.gif ) #9F9;	}
.calb_B	{	background:url( img/bg_blocked.gif ) #99F;	}
.calb_C	{	background:url( img/bg_blocked.gif ) #F99;	}
.calb_D	{	background:url( img/bg_blocked.gif ) #EE9;	}
.calb_E	{	background:url( img/bg_blocked.gif ) #9EE;	}
.calb_F	{	background:url( img/bg_blocked.gif ) #F9F;	}
.calb_G	{	background:url( img/bg_blocked.gif ) #999;	}
.calb_H	{	background:url( img/bg_blocked.gif ) #CCC;	}




BODY,td, p
{
	font-family	:	verdana,helvetica,sans-serif	;
	font-size	:	12px							;
	margin		:	0px								;
	padding		:	0px								;
/*	color : #303040; */
}

.opt_selected
{
	background	:	blue	;
}

body{	background	:	#a8a8b8	; }






.page_container
{
	padding				:	6px				;
/*	background:#9090f0;*/
}

h2,h3
{
	border				:	1px solid #c0c0c0	;
	background			:	#e0e0e0				;
	padding				:	0px					;
	padding-left		:	7px					;
	margin-bottom		:	3px					;
}








/*********** GRAPH STYLES *****************/


.tick, .tickshort
{
	position		:	absolute			;
	font-size		:	9px					;
	padding			:	0px					;
	margin			:	0px					;
z-index:0;
	/* Tickmarks are images in the background */
	background		:	url(img/tickmark3.gif) center top no-repeat;
}

.tickshort
{
	background: url(img/tickmark1.gif) center top no-repeat;	/*tickmarks are images */
}


/* Container div for tickmarks */
.tickbar
{
	position		: absolute				;

/*	top				: 12					!important; */
	top				: 16px					;

	left			: -9px					;
	width			: 600px					;
	height			: 10px					;
}

.graphtable
{
	border			:	1px	solid #c0c0c0	;
	width			:	672					;
	padding			:	2px					;
	margin			:	1px					;
	border-collapse	:	collapse			;
	position		:	absolute			;
}



.graphtable tr td
{
	height			:	13px				;
	background		:	#d8d8e4				;
	font-size		:	10px				;
	padding			:	1px					;
	margin			:	1px					;
	border			:	1px solid #b8b8b8		;
}



/*
Ett enkelt knep för att få saker att funka i IE är !important

Internet Explorer förstår inte det, så man kan t.ex göra såhär:

KOD:
1:
#element { width: 500px !important; width: 400px ]


När nu width förekommer flera gånger så skriver den senare över den första. Men sätter du !important så kommer det alltid att gälla, förutom i IE som inte förstår detta. Alltså kommer det i IE vara 400px bred men i andra webbläsare 500px.

Bara som ett tips för vidare IE problem.
*/

.schemabar
{
	height			:	12px				!important; 
	height			:	8px				;

	position		:	absolute			;


	top				:	1px					;

	left			:	0px 		;
	left			:	-1px					;

	width			:	0px					;
	border			:	1px solid #808080	; 
	padding			:	0px					;
	margin			:	0px					;
}

.schemabar_single
{
	height			:	11px				!important; 
	height			:	8px				;

	position		:	absolute			;


	top				:	1px	!important		;	/* All ..*/

	left			:	0px 		;
	left			:	-1px					;

	width			:	0px					;
	border			:	1px solid #808080	; 
	padding			:	0px					;
	margin			:	0px					;
}



.lab_text
{
	font-family		:	verdana,arial,sans-serif	;
	height			:	30px						;
	position		:	absolute					;
	top				:	0px							;
	left			:	-100px						;
/*	font-weight:bold; */
	font-size	:	11px			;

}



.lab_text_bottom tr td
{
	font-family		:	verdana,arial,sans-serif	;
	height			:	30px						;
	font-size		:	11px						;
	padding: 0
}



.schema_time_display
{
	font-family		:	verdana,arial,sans-serif	;
	height			:	30px						;
	position		:	absolute					;
	top				:	0px							;
	left			:	700px						;
/*	font-weight:bold; */
	font-size	:	11px			;
width:200px;

}



.h3_schema
{
	margin			:	0px					;
	padding			:	0px					;
	text-align		:	center				;
	border			:	1px solid #c0c0c0	;
	background		:	#e0e0e0				;
	padding-left	:	4px					;
}




.changed
{
	background			:	url(img/red.gif)	;
	background-repeat	:	no-repeat			;
	background-position	:	center left			;
}

/* Alternating background colors in card listing table */
.bg_odd		{	background	: url(img2/gradient2.gif) #fcfcff;	}
.bg_even	{	background	: url(img2/gradient3.gif) #e8e8f6;	}


#scroll{
	display		:	block	;
	width		:	800px	;
	height		:	100px	;
	overflow	:	auto	;
	padding		:	0px		;
}



.doors{
	margin		:	0px				;
	text-align	:	right			;
	background	:	transparent		;
	font-size	:	11px			;
	cursor		:	pointer			;
	border		:	0px				;
	width		:	16px			;
}

td,th
{
	font-family	:	verdana,helvetica,sans-serif	;
	font-size	:	11px							;
	margin		:	0px								;
	padding		:	0px								;
}



.ScrollTable td,
.ScrollTable tr,
.ScrollTable th
{
	cursor		:	pointer				;
	border		:	0px solid #C0C0C0	;
	padding		:	0px					;
	height		:	28px				;
/*		padding-left:2px;
		padding-right:2px;*/

	margin		:	0px					;
}

.ScrollTable th
{
	height	:	18px				;
/*		padding-left:2px;
		padding-right:2px;*/
}


tr
{
	margin	:	0px	;
	padding	:	0px	;
}


li { cursor:pointer; }

.ScrollTable
{
		border			:	1px solid #909090	;
		border-collapse	:	collapse			;
		padding			:	0px					;
margin:0px;
}

th
{
	background			:	#e0e0e8				;
	font-weight			:	bold				;
	padding:0px;
	background	: url(img2/th_gradient.gif) ;

}



.schema_door {
	margin-top: 4px;
	margin-bottom:20px;
}


.rxmenu
{
	border-bottom		: 1px ridge #808080		;
	border-top			: 1px solid #f0f0f0		;	

	background	: url(img2/gradient_blue.gif) ;
	margin				: 0px					;
	padding				: 10px					;
	padding-left		: 20px					;
}

.rxmenu a
{
	margin-right:12px; 
	padding-left		:	6px					;
	padding-right		:	6px					;
	padding-top		:	10px					;
	padding-bottom		:	10px					;
	text-decoration		:	none				;
	color				:	white				;
	font-size			:	12px				;
}

.rxmenu a:hover
{
	 /*hover background color*/
	background	: url(img2/gradient_blue_rev.gif) #404090				;
}




.time_info_box {
	color:#303080;
	border			: 1px solid #9090c0					;
	background		: #e0e0f0	;
	padding			: 3px								;
	padding-right	: 22px								;
	padding-left	: 22px								;
	margin			: 3px
}


/*********** GRAPH STYLES *****************/



.door_more_bg1
{
	width:700px;
	border:1px solid #d8d8f8;
	margin-top:2px;
	padding: 0px;
	background: #d0b0f0;
	background:url(img2/doormore_bg1.gif);
	height:42px;
}


.door_number_larmzone
{
	padding		:	4px;
	height		:	58px;
	margin		:	4px;
 	border		:	1px solid #c0c0d0;
	background	:	#d0d0d8 url(img2/doormore_bg1.gif);
	text-align	:	center;
				color:#707088;
}