/* RA Events visitor view 2006  */

BODY {
	font-size: 11px; 
/*	background-color: #0C2389;  */
	background-color: #ffffff;
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px; 
} 

/* färgad hajurako i början av sidan bör vara samma färg som body  */
.colored_cellbar
{
	background: #0c2389;
	color: #ffffff;
}

TEXTAREA {
	border-right : 1px solid #939590; 
	border-top : 1px solid #939590; 
	font-size : 11px; 
	border-left : 1px solid #939590; 
	border-bottom : 1px solid #939590; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

.tarea  { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color: #BBFFBE; 
	border: 1px solid #939590;
	width: 570px; 
	height:80px;
	}
	
#caldiv
{
	border:0px;
	position:absolute;
	visibility:hidden;
	z-index:100;
	background-color:white;
}

#center_top 
{
	position:absolute;
	top:10px;
	width:580px;
	text-align:center;
	border:0px solid #0C2389;
	padding: 0px; 
	z-index:2;
	background:white;
}

#center_main
{
	position:relative;
	top:20px;
	height:100%;
	margin-bottom:10px;
	left:5px;
	width:610px;
	border:0px solid #000000;
	padding: 0px;
	overflow:auto;
}

#outerwrapper
{
	position:absolute;
	padding:0px;
	top: 0px;
	bottom: 0px;
	width:100%;
	height:100%;
	margin:0px;
	border:0px;
	text-align:center;
	border:0px;
}

* html div#outerwrapper
{
	height:98%;
}


#tbwrapper
{
	position:relative;
	top:5px;
	width:600px;
	padding: 4px; 
	z-index:1;
	background:white;
}

.headline1 {
	font-weight : bold; 
	font-size : 20px; 
	color : #003366; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

.headline_info {
	font-weight : bold; 
	font-size : 14px; 
	color : #003366; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

.smalltext {
	font-size : 10px; 
}


/* tables  */

.table_nb  /* inner Table without border  */ 
{
	font-family:sans-serif;
	font-size:11px;
}

.table_sr  /* Searchresult table with bottom-border  */ 
{
	font-family:sans-serif;
	font-size:11px;
	border-bottom:1px solid #6eab24;
}

.table_srch
{
    border:1px solid #dddddd;
    background-color: #eeeeee;
}

.table
{
	font-family:sans-serif;
	font-size:11px; 
    width:580px;
    border:1px solid #6eab24;
	background-color: #dddddd;
}



/* kommunspecifik färgad balk  */
.tb_mainhead
{
	color: #ffffff;
	font-size:14px; 
	background: #6eab24;
	font-weight: bold;
}

.tab_subhead
{
	width:580px;
	border-bottom:1px solid #0C2389;
	border-top:1px solid #0C2389;
	background: #6eab24;
	padding-left:5px;
}

.tab_subtext
{
	font-family:sans-serif;
	color: #ffffff;
	font-size: 16px; 
	font-weight:bold;
}

.tab_subtext2
{
	font-family:sans-serif;
	color: #ffffff;
	font-weight:bold;
}


TD {
	font-size: 11px; 
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

TH {
	font-weight : bold; 
	font-size : 13px; 
	color: #888888; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
	border:  #dadada 1px solid;
	vertical-align: top;
	text-align: left;
}  


TD2 {
	font-size : 12px;
	color : #ffffff; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

TD.menu {
	background-color : #f2f2f2;  
} 
	
TD.amenu {
	background-color : #6eab24;  
} 

.tdhead
{
	width:580px;
}

.tdleft
{
	width:100px;
}


/*  Indented tableholder with on-mouseffect for links  */
#tablebox
{
	position:relative;
    width:580px;
	left:23px;
}

#tablebox a
{
	color:#369;
	text-decoration:none;
}

#tablebox a:hover
{
	color:rgb(0,0,0);
	background: #dfe8ed;
	text-decoration:underline;
}




/*  headers and smalltext  */

.headline1 {
	font-weight : bold; 
	font-size : 13px; 
	color : #003366; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

H2 {
	margin-top : 0; 
	font-weight : bold; 
	font-size : 17px; 
	margin-bottom : 6px; 
	word-spacing : 0; 
	color : #000000; 
	line-height : 100%; 
	font-family : Arial, Helvetica, Verdana, sans-serif; 
}

/*  error message  */
.asterisk
{
	font-size:10px;
	color:#cc3300;
	font-weight:bold;
}



/*  Links  */

A {
	font-size : 11px; 
	color : #0e4087; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
} 

A:hover {
	font-size : 11px; 
	color : #0e4087; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
} 

.A2 {
	font-size : 11px; 
	color : #000000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
} 

.A2:hover {
	font-size : 11px; 
	color : #6699cc; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
} 

.Aheader {
	font-size : 13px; 
	color : #000000; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
} 

.Aheader:hover {
	font-size : 13px; 
	color : #336699; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
} 

.A3 {
	font-weight : bold; 
	font-size : 11px; 
	color : #0E4087; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
}

.A3:hover {
	font-weight : bold; 
	font-size : 11px; 
	color : #6699cc; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
}

.A4 {
	font-size : 11px; 
	color : #6eab24; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
} 

.A4:hover {
	font-size : 11px; 
	color : #555555; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
} 

.A5 {
	font-size : 10px;
	color : #999999; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
} 

.A5:hover {
	font-size : 10px;
	color : #6eab24; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
}

.A6 {
	font-size : 12px; 
	color : #0e2287; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
}

.A6:hover {
	font-size : 12px; 
	color : #0e2287; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
}

.A6b {
	font-size : 13px;
	font-weight: bold;
	color : #0e2287; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none; 
}

.A6b:hover {
	font-size : 13px; 
	color : #0e2287; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : underline; 
}

/*  form elements */

input {
	border-right : 1px solid #939590; 
	border-top : 1px solid #939590; 
	font-size : 11px; 
	border-left : 1px solid #939590; 
	border-bottom : 1px solid #939590; 
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff; 
}

input.checkbox   { 
	font-size: 10px; 
	background:transparent; 
	border:0px; 
	}

.button { 	font-weight : bold; }


/* Menu systems  */


* html div#centertab a
{
	padding:0px 8px;
	float: left;
}

#centertab img
{
	vertical-align:top;
}


#centertab .button_save
{
	background: url("loadImg.php?customer=ra&image=tabbg.gif") #fff bottom left repeat-x;
	height: 20px;
	line-height: 18px;
	margin: 0px;
	padding:0px 8px;
	border: 1px solid #6eab24;
	color:#993300;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	white-space:nowrap;
}

#centertab ul
{
	list-style-type: none;
	list-style-position: outside;
	margin:0% 10% 0% 10%;
	padding:0px;
	white-space:nowrap;
}

#centertab li
{
	float:left;
	margin:0px;
	padding:0px 2px;
}

#centertab li a
{
	font-size: 12px; 
	height: 20px;
	line-height: 18px;
	float: left;
	margin: 0px;
	padding:0px 8px;
	display: block;
	border: 1px solid #6eab24;
	color: rgb(51,103,153);
	text-decoration: none;
	text-align: center;
	white-space:nowrap;
}

#centertab li a:hover
{
	background: #dfe8ed;
	color: #000;
	text-decoration: underline;
}

#centertab .ctn
{
	width: 15px;
	background: url("loadImg.php?customer=ra&image=tabbg.gif") #fff bottom left repeat-x;
}

#centertab .ctn:hover
{
	background: #6eab24;
	color: #ffffff;
	text-decoration: none;
	width: 15px;
}

#centertab .current
{
	font-size: 12px;
	background: #dcdcdc;
	color: #000;
	height: 20px;
	line-height: 18px;
	width: 15px;
	float: left;
	margin: 0px;
	padding:0px 8px;
	display: block;
	border: 1px solid #CED8DE;
	text-align: center;
	white-space:nowrap;
}

 /* Hide from IE5-Mac */
#centertab li a
{
float: none
}
/* End hide */



/* Navigation arrows  */

#arrow_left
{
	display:block;
	background: url("loadImg.php?image=arrowz/leftarrow.png&module=events2");
	width:40px;
	height:20px;
}

#arrow_left:hover
{
	background: url("loadImg.php?image=arrowz/leftarrow_over.png&module=events2");
}

#arrow_right
{
	display:block;
	background: url("loadImg.php?image=arrowz/rightarrow.png&module=events2");
	width:40px;
	height:20px;
}

#arrow_right:hover
{
	background: url("loadImg.php?image=arrowz/rightarrow_over.png&module=events2");
}



/* Date picker Calender*/

.CALcpYearNavigation,
.CALcpMonthNavigation
		{
		background-color:#6eab24;
		text-align:center;
		vertical-align:middle;
		text-decoration:none;
		color:#ffffff;
		font-weight:bold;
		font-family:arial;
		}

.CALcpYearNavigation,
.CALcpMonthNavigation,
.CALcpCurrentMonthDate,
.CALcpCurrentMonthDateDisabled,
.CALcpOtherMonthDate,
.CALcpOtherMonthDateDisabled,
.CALcpCurrentDate,
.CALcpCurrentDateDisabled,
.CALcpTodayTextDisabled,
.CALcpText
		{
		font-family:arial;
		font-size:10pt;
		color:white;
		}

.CALcpDayColumnHeader
		{
		font-family:arial;
		font-size:10pt;
		color:black;
		}

		
.CALcpDayColumnHeader:hover,
.CALcpYearNavigation:hover,
.CALcpMonthNavigation:hover,
.CALcpCurrentMonthDateDisabled:hover,
.CALcpOtherMonthDateDisabled:hover,
.CALcpCurrentDate:hover,
.CALcpCurrentDateDisabled:hover,
.CALcpTodayTextDisabled:hover
		{
		font-family:arial;
		font-size:10pt;
		color:black;
		}

.CALcpCurrentMonthDate:hover,
.CALcpOtherMonthDate:hover,
.CALcpText:hover
		{
		font-family:arial;
		font-size:10pt;
		color:#336699;
		background-color:#eeeeee;
		text-decoration:underline;
		}

		
TD.CALcpDayColumnHeader
		{
		text-align:right;
		border:solid thin #6eab24;
		border-width:0 0 0 0;
		padding: 4 8 4 8;
		}
.CALcpCurrentMonthDate,
.CALcpOtherMonthDate,
.CALcpCurrentDate
		{
		text-align:right;
		text-decoration:none;
		}
.CALcpCurrentMonthDateDisabled,
.CALcpOtherMonthDateDisabled,
.CALcpCurrentDateDisabled
		{
		color:#D0D0D0;
		text-align:right;
		text-decoration:line-through;
		}
.CALcpCurrentMonthDate
		{
		color:black;
		font-weight:bold;
		}
.CALcpCurrentDate
		{
		color: #FFFFFF;
		font-weight:bold;
		}
.CALcpOtherMonthDate
		{
			
		color:black;
		}
TD.CALcpCurrentDate
		{
		color:#FFFFFF;
		background-color: #CED8DE;
		border:1px solid #6eab24;
		}
TD.CALcpCurrentDateDisabled
		{
		border-width:1;
		border:solid thin #CED8DE;
		}
TD.CALcpTodayText,
TD.CALcpTodayTextDisabled
		{
		color:black;
		border:solid thin  #CED8DE;
		border-width:0 0 0 0;
		}
A.CALcpTodayText,
SPAN.CALcpTodayTextDisabled
		{
		height:20px;
		}
A.CALcpTodayText
		{
		color:black;
		font-weight:bold;
		}
SPAN.CALcpTodayTextDisabled
		{
		color:#D0D0D0;
		}
.CALcpBorder
		{
		border:solid thin #6eab24;
		}
		
		
#helppopup
{
	position:absolute;
	top:0px;
	left:100px;
	border:1px solid black;
	background:white;
	width:0px;
	height:20px;
	z-index:100;
	overflow:auto;
	visibility:hidden;
}