@charset "utf-8";

body {
    margin:8px;
    margin-top:21px;
    background-color:#222;
    background-repeat:repeat-x;
    background-image:url(/tile.png);
    color:#ddd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h4 {
/*margin:0px;
margin-top:4px;*/
}
a img {
border:none;
}

#outerBox {
	/*max-width:1000px;*/
}

#leftBox {
float:left;
}

#rightBox {
margin-left:4px;
width:234px;
background:#222;
/*background:red;*/
float:left;
min-height:532px;
}

.air {
padding:8px;
font-size:14px;
}

ul {
padding:0px;
margin:0px;
}
.air ul li {
list-style:none;
}
.about {
background:#222;
padding:0px;
/*background:red;*/
/*margin-bottom:10px;*/
/*opacity:0.9;
filter:alpha(opacity=90)*/
/*	overflow:hidden;  problemer*/
}

.about p {
margin:0px;
margin-bottom:4px;
padding:0px;
}
.about p {
padding:10px;
margin-left:26px;
}
.about a.replacewithimage {
	background-image:url(/platespiller_netraster_short00.png);
	display:block;
	height: 120px;
	width: 317px; /*542*/
	padding:0px;
	margin:0px;
	text-decoration:none;
}
.about a.replacewithimage span {
visibility:hidden;
}

.flow {
float:left;
}

.box {
/*display:inline;*/
    font-size:24px;
margin:0px;
padding:0px;
width:234px;
text-align:right;
background:#222;
color:#ddd;
}

.flow a {
	position:relative;
    border:none;
    text-decoration:none;
}
.flow a .meta img {
	position:absolute;
	bottom:10px;
/*	left:10px;*/
	right:10px;
/*visibility:hidden;*/
}
.endFlow {
clear:both;
}

a {
color:#ddd;
}

.copy {
padding:10px;
margin-left:26px;
font-size:14px;

}

/* --- */

#mainBlock {
}

#mainBlockCenter {
    margin:0px auto 0px auto;
max-width:1200px;
}

.darkbackground {
font-size:10px;
background:#222;
}
#leftBox {
width:712px;
min-height:560px;
}

#leftBox .box {
/*width:100%;
text-align:left;*/
background:#233b5c;
}

#rightBox {
	/*min-height:660px;*/
}

#extraBox {
	float:left;
	margin-left:4px;
	/*background:#000;*/
}

#outerBox {
/*background:red;
width:900px;*/
background:#111;
}

.advertising {
	color:#333;
/*background:#233b5c;*/
background:black;
}

.navigationblock {
/*	background:#233b5c;*/
	color:#333;
background:black;
}

.adunit {
/*max-width:160px;*/
background:#222;
text-align:right;
}


ul {
margin-bottom:10px;
}


/* app.css */

h1 {
  font-size:16px;
  margin:0px;
  padding:0px;
  margin-bottom:4px;
  margin-top:4px;
  color:#3d3d3d;
  letter-spacing:-1px;
}
h2 {
  font-size: 14px;
  margin:0px;
  padding:0px;
  letter-spacing:-1px;
}

h3 {
  font-size: 14px;
    margin:0px;
  padding:0px;
}

h3 a {
}

h4 {
  font-size: 12px;
    margin-left:0px;
    margin:0px;
}

p {
    margin-bottom:14px;
}
label {
    display:block;
    font-weight:bold;
    font-size:12px;
    padding-top:5px;
}
form {
  margin:0px;
  padding:0px;
}
form div label.label {
    display:block;
    margin-top:2px;
    margin-bottom:2px;
}
.label {
    font-size:12px;
    font-family:tahoma, helvetica;
}
.label a {
    font-size:10px;
    font-weight:bold;
}
.info {
padding:0px;
    font-size:10px;
}
.ignore {
    display:inline;
}
.text {
}

.logo img {
}
h1 {
    padding-top:0px;
}

textarea, input[type="text"], input[type="password"] {
    width: 300px;
    border: 1px solid #333;
    margin-top:2px;
    margin-bottom:2px;
    padding:4px;
background:#222;
  color:#eee;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
background:#111;
border-color:black;
}

input[type="checkbox"] label {
    color:red !important;
}

textarea {
    /*height: 4em;*/
    width:460px;
    margin: 0px;
    padding:2px;
    border: none;
    border: 1px solid #eee;
    font: 14px "Lucida Grande", sans-serif;
/*    font-family: "Lucida Grande", sans-serif;*/
}

#group1 textarea {
width:300px;
height:3em;
}


select {
    /*border: 3px solid #000;*/
    margin-bottom:6px;
    width:300px;
    border: 1px solid #eee;
}

input[type="submit"] {
    background:#222; /*eee*/
    color:#eee;
    width:100px;
    padding:2px;
    border: 1px solid #333;
    border-color: #222 #333 #222 #333;
}

input[type="submit"]:hover {
    background:#444;
    color:#fff;
    width:100px;
    padding:2px;
    border: 1px solid #333;
    border-color: #222 #333 #222 #333;
}

input:focus {
    /*color:#5E7DA9;
    font-weight:bold;*/
}

input[disabled='disabled'] {
    /*border: 1px solid #eee;*/
    cursor:default;
    /*background:#ffffff;*/
    color:#444 !important;
}
.stupidSafari {
    color:#cccccc;
}
.error2222 {
    color:white;
    /*background:#D01F3C;*/
    background:#222;
    font-weight:bold;
    border: 1px solid #222;
    padding:4px;
    margin-top:2px;
    margin-bottom:2px;
}

.warning, .error, .notify2 {
 display:block;
    font-weight:bold;
    color:white;
    background:#049bd2; /* 298131 D01F3C*/
    font-weight:bold;
    border: 4px solid #FF3E05;
    margin-top:2px;
    margin-bottom:2px;
    /*padding:2px;*/
}

.error, .notify, .warning {
padding:6px;
background:#049bd2 !important;
color:white;
border:none;
}


.warning22 {
    font-weight:bold;
    color:white;
    background:#D01F3C; /*D01F3C*/
    font-weight:bold;
    border: 4px solid #D01F3C;
    margin-top:2px;
    margin-bottom:2px;
    padding:2px;
}

div.separator {
    height:6px;
}

label.barrierBreak{
    display:none !important;
}

img#topp {
    border:none;
}

table, tr, td {
    margin:0px;
    padding:0px;
    border:none;
}

tr {
    /*background-color:#CCCCCC;*/
}
table {
    margin-top:6px;
}

#group1, #group2, #group3 {
    float:left;
}

#group1 {
    margin-right:20px;
    padding-right:20px;
    border-right:0px solid red;
    width:400px; /*problem?*/
    min-height:290px;
    /*background:red;*/
}

#group1 h2 {
    margin-top:14px;
}

#group2 {
    width:160px; /*460 340*/
}

.groupClear {
    clear:both;
    /*height:0;
    display:none;*/
}

div.something {
	/*background:#fff;*/
}

div.something.columnlist {
	padding: 0 0 0 0px;
}

div.columnlist h2 {
	padding: 0 0 0 0px;
}

div.something ul {
	margin: 0px;
	margin-top:10px;
	padding:0px;
}

div.columnlist ul li {
	list-style-type: none;
	margin-top:2px;
}

div.columnlist div.columnL {
	width: 33%;
	float: left;
}
div.columnlist div.columnC {
	width: 33%;
	float: left;
}
div.columnlist div.columnR {
	width: 33%;
	float: right;
}

div.columnlist a, div.columnlist a:visited {
}
div.columnlist a:hover {
}

label.barrierBreak{
    display:none !important;
}


#loginRequired, .notify, .error {
    border:1px solid #222;
    background-color:#333;
    padding:10px;
    margin-top:6px;
    margin-bottom:6px;
    font-weight:bold;
    font-size:18px;
}


.someBox {
font-size:16px;
background:#333;
padding:6px;
margin-bottom:6px;
}

.outsideNavigation {
margin-top:20px;
margin-bottom:20px;
}

.formlayout img {
margin-left:164px;
}

input[disabled] {
    color:#222;
}

input, select, textarea {
    border:1px solid #3d3d3d !important;
}

.leftToRight {
font-size:16px;
}

.username_not_available {
background:red !important;
}

/* Feature */

.featureSeparation {
width:100%;
}
.featureLeft {
float:left;
width:70%;
}
.featureRight {
float:left;
width:30%;
/*border:1px solid blue;*/
}
.featureRight img {
}

.featureGroup {
/*border:1px solid cyan;*/
width:100%;
overflow:hidden;
}
.featureGroup h2 {
font-size:32px;
}
.featureGroup h3 {
font-size:16px;
}
.featureItem {
width:100%;
float:left;
position:relative;
}
.featureItemText {
position:absolute;
top:0px;
}
.featureTitle {
padding:6px;
background:#029fd6;
color:white;
}
.featureSubtext {
padding:6px;
background:white;
color:black;
}

.pages {
margin-top:20px;
}
.pages span a {
text-decoration:none;
margin-right:4px;
padding:6px;
background:#333;
/*color:#eee;*/
font-size:14px;
font-weight:bold;
}

.movenavigation {
position:absolute;
top:20px;
right:20px;
/*border:1px solid red;*/
}

.movenavigation div {
display:inline !important;
float:left;
margin:2px;
padding:4px;
font-size:10px !important;
}

.adFrame {
border:none;
background:#222;
}
.featuredArtistTitle {
background:yellow !important;
color:black;
}
.featuredArtist {
	background:white;
	color:#000;
	padding:20px;
	margin-bottom:4px;
	line-height:1.5;
}
.featuredArtist a {
color:#222;
text-decoration:underline;
}
.credit {
color:#ccc;
}

/* iPhone */

@media only screen and (max-device-width: 480px) {
#leftBox {
width:auto;
}
}