@charset "utf-8";

html {
	background-color:#FFFFFF;
	color:#333333;
	font-family:Arial,Geneva,sans-serif;
	font-size:12px;
}

body {
	margin:0;
}
p {
	margin: 2px 0px;
}

a {
	color:#222222;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:underline;
	background-color: transparent;
}

img {
	border: 0px;
	vertical-align:middle;
}

button {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	margin:0;
	padding: 0px;
}

select {
	padding:5px;
	width:352px;
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
}

.select_small {
	width:100px !important;
	padding: 0px !important;
}

input[type='text'], input[type='password'] {
	padding:4px;
	width:100%;
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
}

input[type="reset"], input[type="button"], input[type="submit"] {
	background-color:#AAAAAA;
	border:0 none;
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	margin:2px;
	padding:4px 9px;
	text-shadow:0 -1px 0 #555555;
	position:relative;
	
	-moz-box-shadow:1px 1px 2px #444444;
	-webkit-box-shadow: 1px 1px 2px #444444; /* Saf3.0+, Chrome */
	box-shadow: 1px 1px 2px #444444; /* Opera 10.5, IE 9.0 */
	
	background-image:-moz-linear-gradient(center top , #BBBBBB, #888888);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #BBBBBB),color-stop(1, #888888)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#BBBBBB', EndColorStr='#888888'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#BBBBBB', EndColorStr='#888888')"; /* IE8 */
}
input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active {
	top:1px;
	background-image:-moz-linear-gradient(center top , #888888, #BBBBBB);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #888888),color-stop(1, #BBBBBB)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#BBBBBB'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#BBBBBB')"; /* IE8 */
}

input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	cursor:pointer;
}

input[type='text']:focus, input[type='password']:focus {
	border:1px solid #AAAAAA;
	padding:4px;
    -moz-box-shadow: 0px 0px 5px #AAAAAA; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 5px #AAAAAA; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 5px #AAAAAA; /* Opera 10.5, IE 9.0 */
}

.input_small {
	width: 100px !important;
	padding: 0px !important;
}

.input_big {
	padding:3px !important;
	width:300px !important;
}

textarea {
	font-size: 12px;
	font-family:Arial,Geneva,sans-serif;
	padding:4px;
	width:100%;
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
}

textarea:focus {
	border:1px solid #AAAAAA;
	padding:4px;
    -moz-box-shadow: 0px 0px 5px #AAAAAA; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 5px #AAAAAA; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 5px #AAAAAA; /* Opera 10.5, IE 9.0 */	
}

/* FONTFACE */

@font-face {
	font-family: 'BitstreamVeraSansRoman';
	src: url('http://radio.sb.x0t.org/fonts/Vera-webfont.eot');
	src: local('☺'), url('http://radio.sb.x0t.org/fonts/Vera-webfont.woff') format('woff'), url('http://radio.sb.x0t.org/fonts/Vera-webfont.ttf') format('truetype'), url('http://radio.sb.x0t.org/fonts/Vera-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BitstreamVeraSansOblique';
	src: url('http://radio.sb.x0t.org/fonts/Vera-Italic-webfont.eot');
	src: local('☺'), url('http://radio.sb.x0t.org/fonts/Vera-Italic-webfont.woff') format('woff'), url('http://radio.sb.x0t.org/fonts/Vera-Italic-webfont.ttf') format('truetype'), url('http://radio.sb.x0t.org/fonts/Vera-Italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BitstreamVeraSansBold';
	src: url('http://radio.sb.x0t.org/fonts/Vera-Bold-webfont.eot');
	src: local('☺'), url('http://radio.sb.x0t.org/fonts/Vera-Bold-webfont.woff') format('woff'), url('http://radio.sb.x0t.org/fonts/Vera-Bold-webfont.ttf') format('truetype'), url('http://radio.sb.x0t.org/fonts/Vera-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BitstreamVeraSansBoldOblique';
	src: url('http://radio.sb.x0t.org/fonts/Vera-Bold-Italic-webfont.eot');
	src: local('☺'), url('http://radio.sb.x0t.org/fonts/Vera-Bold-Italic-webfont.woff') format('woff'), url('http://radio.sb.x0t.org/fonts/Vera-Bold-Italic-webfont.ttf') format('truetype'), url('http://radio.sb.x0t.org/fonts/Vera-Bold-Italic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* CAPTCHA */

.captcha div {
    float: left;
    margin:5px;
}

/* GREETING BOX */

#geetingbox {
    border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	height:290px;
	padding:5px 15px;
	position:absolute;
	width:430px;
	z-index:1;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin:auto;
	display:none;
}

/* NEXT SESSION */

.next_session {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	bottom:0px;
	color:#777777;
	font-size:11px;
	height:16px;
	padding:5px;
	position:fixed;
	right:0px;
}
.next_session img {
	float:right;
	cursor: pointer;
}
.next_session span {
	display:inline-block;
	margin:2px 4px;
}
.next_session_hide {
	
}
.next_session_show {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	bottom:-28px;
	padding:5px;
	position:fixed;
	right:0px;
	cursor: pointer;
}

/* NEW MESSAGES */

#new_messages {
	display:none;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */
	background-color:#33333d;
	bottom:20px;
	color:#FFFFFF;
	left:20px;
	padding:10px;
	position:fixed;
}

#new_messages a {
	color:#FFFFFF;
	font-weight:bold;
	margin:0px;
}

/* HEADER */
.head_container {
	width: 100%; 
	padding:20px 0 10px;
	background-color:#33333D;
	z-index: 2;
}

.content_container {
	background-image:url("http://radio.sb.x0t.org/img/design/content_bg.png");
	background-repeat:repeat-x;
}

.preloader {
	background-image:url("http://radio.sb.x0t.org/img/icons/load.gif");
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	display:inline-block;
}

/* ADD SESSION BOX */

#add_session {
	color:#666666;
	font-size:12px;
	padding:10px;
	display:none;
}

/* CONTENT */

#content {
	margin:0 auto 5px;
	padding:10px;
}

/* NAVIGATION */

.nav a {
	color:#5D5D6F;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
}
.nav a:hover {
	color:#ffffff;
	text-decoration:none;
}
.nav .spez {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#FFFFFF;
	margin:0;
	padding:5px 7px;
	background-color: #42424F;
}

/* NAVIGATION DROPDOWN MENU */

#signin_menu {
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	background-color:#33333D;
	border:1px none transparent;
	color:#6B6B7F;
	display:none;
	font-size:11px;
	margin:5px;
	padding:5px;
	position:absolute;
	right:35px;
	text-align:left;
	top:31.5px;
	width:112px;
	z-index:100;
}

#signin_menu a {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	margin:0;
	padding:5px 10px;
}

#signin_menu a:hover {
	background-color: #42424F;
}

/* INFORMATION TABLE */

.block {
	border-top:1px dotted #CCCCCC;
	margin:0 0 10px;
	padding:5px;
}
.text {
	line-height: 17px;
}
.big {
	color:#BBBBBB;
	font-family:BitstreamVeraSansOblique;
	font-size:17px;
}
.big_2 {
	color:#CCCCCC;
	font-family:Arial,Geneva,sans-serif;
	font-weight: bold;
	font-size:17px;
}
.cursor:hover {
	cursor: pointer;
}
.session {
	padding: 3px;
}
.sep {
	background-image:url("http://radio.sb.x0t.org/img/design/sep.png");
	background-repeat:repeat-y;
	display:inline;
	float:left;
	height:20px;
	margin:3px 5px 0;
	padding:0;
	width:2px;
}

/* SOCIAL ICONS */

#social-media {
	display:inline-block;
}

#social-media a img {
	margin:0 3px;
	opacity:0.1;
}
#social-media a img:hover {
	opacity:1.0;
}

#avatar_pic {
	max-width: 128px;
	max-height: 128px;
	margin:0 0 10px 0;
}
.pic_border img {
	border: 5px solid #DDDDDD;
}
.pic_border img:hover {
	border: 5px solid #CCCCCC;
}

.red {
	background-image:url("http://radio.sb.x0t.org/img/icons/error.png");
	background-position:left center;
	background-repeat:no-repeat;
	color:#FF0000;
	padding-left:20px;
}
.green {
	background-image:url("http://radio.sb.x0t.org/img/icons/tick.png");
	background-position:left center;
	background-repeat:no-repeat;
	color:#008800;
	padding-left:20px;
}
	
/* ADDITIONAL */

#loginbox {
	display: none;
}

.unlock {
	background:transparent url(../img/icons/lock.png) no-repeat scroll 5px 5px;
	border:1px solid #CCCCCC;
	font-size:12px;
	font-weight:normal;
	padding:5px 5px 5px 25px !important;
	width:320px !important;
}

/* FOOTER */

#footer {
	color:#999999;
	font-size:11px;
	margin:0 auto 100px;
	padding:5px;
}

/* MESSAGES */

.errors {
	padding-top:10px;
}

.msg {
	background-color:#FFFDC4;
	border:1px solid #EBE896;
	color:#aba96d;
	padding:5px 5px 5px 25px;
	background-image : url("http://radio.sb.x0t.org/img/icons/messagebox_info.png");
	background-repeat : no-repeat;
	background-position : 5px 50%;
	margin-bottom : 10px;
}
.msg a {
	text-decoration: underline;
	color:#aba96d;
}

.error {
	background-color:#F4B9B9;
	background-image:url("http://radio.sb.x0t.org/img/icons/error.png");
	background-position:5px 50%;
	background-repeat:no-repeat;
	border:1px solid #FF6666;
	color:#FF3333;
	margin-bottom:10px;
	padding:5px 5px 5px 25px;
}
.success {
	background-color : #d7ffb9;
	border : 1px solid #83c553;
	color : #63963e;
	padding:5px 5px 5px 25px;
	background-image : url("http://radio.sb.x0t.org/img/icons/tick.png");
	background-repeat : no-repeat;
	background-position : 5px 50%;
	margin-bottom : 10px;
}