/* ---------------------------------------------------------------------------------------- *
| Roar - Notifications																		|
| ROAR CSS FILE :: For MOBILE JUGENDARBEIT BASEL News + Statements							|
| css/roar.css																				|
| 																							|
| VERSION :: 1.0.1																			|
| Copyright (C) 2008, Harald Kirschner														|
| 																							|
+ ----------------------------------------------------------------------------------------- +
| Author: Harald Kirschner																	|
* ----------------------------------------------------------------------------------------- */

.roar-body {
	position: absolute;
	font: Verdana;
	color: #FFF;
	text-align: left;
	z-index: 999;
}

.roar {
	position: absolute;
	width: 250px;
	cursor: pointer;
}

.roar-bg {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
/*	-moz-border-radius:		10px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);*/
}

.roar-body-ugly .roar {
	background-color: #000;
}
.roar-body-ugly .roar-bg {
	display: none;
}

.roar h3 {
	position: relative;
	padding: 10px;
	margin: 0 0 -10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	z-index: 1002;
}

.roar p {
	position: relative;
	padding: 10px;
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
	z-index: 1002;
}

.roar p a, .roar p a:visited {
	color: #E2007A;
}

.roar p a:hover {
	color: #FFF;
}