html {
	height:100%;
	overflow-y: scroll;
}
img {
	border: 0px none #000000;
}
img.map, map area, video {
    outline: none;
}
body {
	font-size:14px;
	text-align:left;
	margin:0 auto;
	padding:0;
	/* background: #222222 url('/images/bgtest.jpg') repeat fixed center center; */
	background: url('/images/bg/bg_overlay_2025_001.png') repeat-y fixed top center, url('/images/PFM_Bg_Seamles_v1.png') repeat fixed center center, #222222;
	font-family: tahoma;
}

select {
	color: #000000; 
	background-color: #E1E1E1;	
}

textarea:focus, 
input:focus,
select:focus,
button:focus {
	outline: none 0;
}

.dialogInput {
	background: none; 
	color: #FFFFFF; 
	padding: 5px; 
	border: 1px solid #555555;	
}

a {
	color:#101010;
	text-decoration:none;
  outline: none 0;
}

a:hover {
	text-decoration: underline;
}

a:active {
	background-color: transparent;
}

.clear {
	clear: both;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	margin-left:auto;
	margin-right:auto;
}

.hover_underline {
	border-bottom: 1px transparent solid;
}

.hover_underline:hover {
	border-bottom: 1px #000000 solid;
}

/* 
########################################################################
 Header Start
########################################################################
*/


#istapperBg {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('/images/xmas_istapper.png') repeat-x;
	opacity: 0.9;
	width: 100%;
	height: 93px;
	z-index: -1;
}

#istapper {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('/images/xmas_istapper.png') repeat-x;
	width: 100%;
	height: 0px;
	z-index: 1100;
}


#topspace {
	padding-top: 5px;
	background-color: #000000;
	color: #FFFFFF;
	width: 1050px;
	height:25px;
}

#topspace a{
	color: #FFFFFF;
	font-size:15px;
	font-weight: bold;
	text-decoration:none;
}

#logo {
	margin-top: 20px; /* 20 15 25 */
	border: 0;
	width: 1050px;
	height:165px; /* 165 185 200 */
	background: url('/images/top1.png') no-repeat 0% 0%; /* top1 top1_halloween top1_xmas top1_newyear -10px */
}

#logoOverlay {
	width: 1050px;
	height:165px; /* 165 185 200 */
	background: url('/images/top2.png') no-repeat 0% 0%; /* top2 top2_halloween top2_xmas top2_newyear -10px */
}

#logoContent {
	width: 1050px;
	height:165px; /* 165 185 200 */
	margin-top: -165px; /* -165 -185 -200 */
}

#tuneIn1,
#tuneIn2,
#tuneIn3 {
	position: relative; 
	left: 650px; /* 614 616 */ 
	top: -166px; 	/* -166 -139 -123 */
	height: 0;	/* Important!! */
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	width: 240px;
	border: 0;
	text-align: right;
}
#tuneIn1 a, 
#tuneIn2 a,
#tuneIn3 a {
	font-family: "Calibri","Times New Roman","Georgia","Serif";
	font-weight: bold;
	font-size: 14pt;
	color: #21c4e7;
}
#tuneIn1 a:hover,
#tuneIn2 a:hover,
#tuneIn3 a:hover {
	text-decoration: none;
	color: #fbfe00;
}

#topWrap {
	width: 100%;
	/*z-index: 1000;*/
	z-index: 100;
}

#top {
	margin-left: auto;
	margin-right: auto;
	margin-top: -35px;
	width: 1050px;
}


/* 
########################################################################
Scroll bars (only Chrome & Safari)
######################################################################## 
*/

/*
::-webkit-scrollbar {
	width: 18px;
	height: 18px;
}

::-webkit-scrollbar-track-piece {
	background-color: #151716;
}

::-webkit-scrollbar-thumb {
	border: 1px solid #0d0d0d;
	border-top: 1px solid #8888AA;
	border-left: 1px solid #8888AA;
	background: #525252 url('/images/evil_smiley_16_clean.png') no-repeat center;
	-webkit-border-radius: 5px;
}
*/

/* 
########################################################################
Menu start
######################################################################## 
*/
#menu{
	width: 1040px;
	height:30px;
	/*background-color: #000000; */
	padding: 5px 5px 0px 5px;
	text-align: right;
	color: #000000;
	border-bottom: 1px solid #252525; /* #000000 */
}

#menu a {
	text-decoration:none;
}

#menu .dropdown {
    margin: 6px 0px 0px 20px;
    padding:0;
}

#menu ul {
    list-style:none;
}

/* LEVEL ONE */

#menu ul.dropdown {
	position: relative;
}

#menu ul.dropdown li {
	font-weight: bold;
	float: left; 
	background: #E0E0E0;
	margin:0 3px;
	padding: 4px 0px;
	width: 100px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 1100;
	text-align: left;
}

#menu ul.dropdown li img{
	padding: 3px 5px 0px 7px;
	float: left;
}
#menu ul.dropdown a:hover {
	color: #000;
}

#menu ul.dropdown a:active {
	color: #4B4B4B;
}

#menu ul.dropdown li a {
	display: block;
	/*padding: 4px 0px;*/
	border: 0px;
	/*color: #990000;*/
	/*color: #BB0000;*/
	color: #000000;
}

#menu ul.dropdown li:last-child a {
	border-right: 0;
	} /* Doesn't work in IE */

#menu ul.dropdown li:hover {
	background: #4B4B4B;
	color: #FFFFFF;
	position: relative;
}

#menu ul.dropdown li.hover a {
	color: #FFFFFF;
}

/* LEVEL TWO */

#menu ul.dropdown ul {
	width: 120px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0px; 
	border: 0px solid #123456; 
	margin:0;
	padding:0;
	font-size: 13px;
}

#menu ul.dropdown ul li {
	font-weight: normal;
	width: 100%;
	background: #4B4B4B; 
	opacity:0.96;
	color: #000; 
	border-bottom: 0px solid #ccc; 
	float: none; 
	text-align: left;
	margin:0;
	padding: 0;
	/*padding: 4px 0px;*/
	padding-left:8px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#menu ul.dropdown ul li:first-child {
	border-top-right-radius: 15px;
}
#menu ul.dropdown ul li.hover {
	background: #000000; 
}

#menu ul.dropdown ul li:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* IE 6 & 7 Needs Inline Block */
#menu ul.dropdown ul li a {
	width: 100%;
	display: inline-block;
	padding: 4px 0px;
}

/* LEVEL THREE */

#menu ul.dropdown ul ul {
	margin-left: 128px;
	top: 0;
	width:140px;
}

#menu ul.dropdown li:hover > ul {
	visibility: visible;
}

#menu ul.dropdown ul ul li:first-child {
	border-top-right-radius: 15px;
}

#menu .fblogin {
	background: #4166B3 !important;
	width: 190px !important;
	color: #FFFFFF !important;
}
#menu .fblogin a{
	background: #4166B3 !important;
	color: #FFFFFF !important;
}
#menu .fblogin img{
	padding: 2px 5px 0 7px !important;
}

/* 
########################################################################
 menuen stop
########################################################################
*/


/* 
########################################################################
 Message system
########################################################################
*/

.x_conversation_read {
	
}
.x_conversation_read:hover {
	
}
.x_conversation_unread {
	
}
.x_conversation_unread:hover {
	
}
.x_msg_read {
	
}
.x_msg_read:hover {
	
}
.x_msg_unread {
	
}
.x_msg_unread:hover {
	
}

/* 
########################################################################
 Message system - end
########################################################################
*/

.buttonDisabled {
	color: #000000 !important;
	text-shadow: none !important;
	background-color: #808080 !important;
	cursor: default !important;
}

.button {
	border-radius: 5px;
	height: 25px;
	line-height: 19px;
	font-size: 14px !important;
	font-family: sans-serif !important;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #5796d7;
	background-color: #025f9b;
	cursor: pointer;
	padding-left: 12px;
	padding-right: 12px;
}
.button:hover {
	color: #FFFFFF;
	background-color: #00437b; /* 139cd1 */
}

.button2,
.button2ok {
	border-radius: 5px;
	height: 25px;
	line-height: 19px;
	font-size: 14px !important;
	font-family: sans-serif !important;
	color: #E0E0E0;
	text-shadow: 1px 1px 1px #5796d7;
	background-color: #0E0E0E; /* 000000 232323 */
	cursor: pointer;
	padding-left: 12px;
	padding-right: 12px;
}
.button2:hover {
	color: #FFFFFF; /*71FFFA*/
	background-color: #000000; /* 139cd1 */
	border-color: #00FFF6; /* 00FFF6 25D546 */
}
.button2ok:hover {
	color: #FFFFFF; /*71FFFA*/
	background-color: #000000; /* 139cd1 */
	border-color: #25D546; /* 00FFF6 25D546 */
}

.button3 {
	border-radius: 5px;
	height: 25px;
	line-height: 20px;
	font-size: 14px;
	font-family: sans-serif;
	color: #FFFFFF;
	background-color: #232323;
	cursor: pointer;
	padding-left: 12px;
	padding-right: 12px;
}
.button3:hover {
	color: #FFFFFF;
	background-color: #000000; /* 139cd1 */
	text-decoration: none;
}

.nowPlaying,
#nowPlaying{
	width: 1050px;
	height:23px;
	background-color: #393939;
	padding:0px;
	color: #FFFFFF;
	overflow: hidden;
}

.nowPlayingDiv,
#nowPlayingDiv{
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
}

#nowPlayingDiv .requestWord {
	color: #FBFE00;
}

#timeline {
	padding:0px; 
	background-color: #252525;	
}

#timelineDiv {
	margin:0px 0px 0px 0px;
	height:5px;
	width:0px;
	background-color: #E0E0E0; /* #BB0000 */
	position: relative;	
}

#boxes{
	width: 1050px;
	height: 131px;
	padding: 0;
	color: #FFFFFF;
	/*background-color: #03455F;*/
	/*
	background: #3078e4 url('/images/boxes_bg.png') repeat-x;
	border-bottom: 1px solid #CBCBCB;
	*/
	margin-top: 3px;
	margin-bottom: 8px;
	
	/*
	rgba(0, 125, 174, 0.35)
	rgba(62, 99, 164, 0.37)
	background-color: #474747;
	*/
	/*background: #222222 url('/images/boxes_bg2.jpg') repeat-x;*/
	/*background: #3078e4 url('/images/boxes_bg.png') repeat-x;*/
	/*
	border-left: 1px solid #4B4B4B;
	border-right: 1px solid #4B4B4B;
	*/
}

#playinfo {
	float: left;
	width: 690px;
	/*
	padding-top: 3px;
	padding-bottom: 10px;
	*/
}

#history{
	width: 335px;
	margin-top: 8px;
	margin-left: 5px;
	padding-right: 2px;
	border: 1px solid #AAA0B0;
	border-right: 1px solid #B2B0B3;
	background-color: rgba(0, 53, 74, 0.6);
	float: left;
}

#queue{
	width: 335px;
	margin-top: 8px;
	margin-left: 10px;
	padding-right: 0px;
	border: 1px solid #AAA0B0;
	border-right: 1px solid #B2B0B3;
	background-color: rgba(0, 100, 140, 0.6);
	float: left;
}

.mediaplayers{
	width: 335px;
	height: 98px;
	margin-top: 8px;
	margin-left: 15px;
	padding-right: 2px;
	border: 1px solid #AAA0B0;
	border-right: 1px solid #B2B0B3;
	background-color: rgba(0, 140, 196, 0.6);
	border-radius: 7px;
	float: left;
}

#boxes div.song {
	width: 330px;
	height: 20px;
	white-space: nowrap; 
	overflow: hidden;
}

#boxes div.song:hover {
	color: #E9E94C;
	cursor: pointer;
}

#boxes #listen{
	/*width: 345px;*/
	width: 340px;
	height: 100px;
	margin-left: 0px;
	padding-top: 7px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}

#players {
	margin-top: 10px;
}

#players a{
	color: #F0F0F0;
	text-shadow: 0.1em 0.1em 0.2em #222222;
}

#players a:hover{
	color: #FFFF00;
	text-shadow: 0.1em 0.1em 0.2em #000000;
}

#players select {
	width: 55px; 
	height: 18px; 
	margin:0; 
	border:0; 
	background-color:transparent; 
	/*-webkit-appearance: none;*/
	color: #FFFFFF;	
}

#players option {
	background-color:#9FBFF0; 
	border:0px; 
	color: #000000;
}

#boxes #listen #players{
	width: 100%;
}

#boxes #listen #players img{
	padding: 5px 0px;
}

#boxes #listen #smsinfobox {
	font-size: 12px;
	padding: 0 0 0 10px;
	font-weight: bold;
}

/* 
########################################################################
 Header stop
########################################################################
*/

#main{
	border-top: 0px dotted #999999;
	width: 1050px;
	background-color: #FBFB00;
}

/* 
########################################################################
Content  start
########################################################################
*/

#content{
	width: 780px;
	min-height: 1050px; /* 920 1100 */
	height:100%;
	float:left;
	padding:10px;
	background-color: #FBFBFB;
	background: rgba(251, 251, 251, 0.8);
	overflow: hidden;
	border-top-left-radius: 5px;
}
/* Top Højre Bund Venste */
.headline_top {
	font-size: 25px;
	/*
	font-weight: bold;
	*/
	margin: -10px -10px 0px;
	padding: 7px 10px 7px 10px;
	border: 0px dotted #000000;
	/*background-color: #C8C8C8;*/
	/*
	text-shadow: 0.1em 0.1em 0.2em #139cd1;
	*/
}

.headline_content {
	font-size: 25px;
	font-weight: bold;
	margin: 5px 0 0;
	padding: 5px 0;
	border: 0px dotted #000000;
	/*
	background-color: #C8C8C8;
	text-shadow: 0.1em 0.1em 0.2em #139cd1;
	*/
}

#content .left {
	margin-bottom: 0px;
	margin-top: 1px;
	padding: 10px 10px 0px;
	border-right: 1px dotted #888888;
	float: left;
	width: 379px;
	margin-left: -10px;

}

#content .headline_left {
	font-size: 25px;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 7px 0;
	border: 0px dotted #000000;
	/*background-color: #C8C8C8;*/
	float: left;
	width: 379px;
}

#content .right {
	margin-bottom: 0px;
	margin-top: 1px;
	padding: 10px 10px 0px;
	border: 0px dotted #000000;
	float: right;
	width: 380px;
	margin-right: -10px;
	text-align: left;


}

#content .headline_right {
	font-size: 25px;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 7px 0;
	border: 0px dotted #000000;
	/*background-color: #C8C8C8;*/
	float: right;
	width: 379px;
}

.cell,.cell10,.cell15,.cell20,.cell25,.cell30,.cell35,.cell40,.cell45,.cell50,.cell55,.cell60,.cell65,.cell70,.cell75,.cell80,.cell85,.cell90,.cell95,
.cell100,.cell105,.cell110,.cell115,.cell120,.cell125,.cell130,.cell135,.cell140,.cell145,.cell150,.cell155,.cell160,.cell165,.cell170,.cell175,.cell180,.cell185,.cell190,.cell193,.cell194,.cell195,
.cell200,.cell205,.cell210,.cell215,.cell220,.cell225,.cell230,.cell235,.cell240,.cell245,.cell250,.cell255,.cell260,.cell265,.cell270,.cell275,.cell280,.cell285,.cell290,.cell295,
.cell300,.cell305,.cell310,.cell315,.cell320,.cell325,.cell330,.cell335,.cell340,.cell345,.cell350,.cell355,.cell360,.cell365,.cell370,.cell375,.cell380,.cell385,.cell390,.cell395,
.cell400,.cell405,.cell410,.cell415,.cell420,.cell425,.cell430,.cell435,.cell440,.cell445,.cell450,.cell455,.cell460,.cell465,.cell470,.cell475,.cell480,.cell485,.cell490,.cell495,
.cell500,.cell505,.cell510,.cell515,.cell520,.cell525,.cell530,.cell535,.cell540,.cell545,.cell550,.cell555,.cell560,.cell565,.cell570,.cell575,.cell580,.cell585,.cell590,.cell595,
.cell600,.cell605,.cell610,.cell615,.cell620,.cell625,.cell630,.cell635,.cell640,.cell645,.cell650,.cell655,.cell660,.cell665,.cell670,.cell675,.cell680,.cell685,.cell690,.cell695,
.cell700,.cell705,.cell710,.cell715,.cell720,.cell725,.cell730,.cell735,.cell740,.cell745,.cell750,.cell755,.cell760,.cell765,.cell770,.cell775,.cell780,.cell785,.cell790,.cell795
{
	margin: 0px;
	padding: 4px 0px 4px 5px;
	float:left;
}

#content .box {
	margin-top: 10px;
	width: 100%;
	border: 0px none #000000;
	float:left;
}

#content .news_headline {
	font-size: 20px;
	/*font-weight: normal;*/
	letter-spacing: 2px;
	margin: 5px -5px 0;
	padding: 5px 10px 7px 12px;
	border: 1px solid #a1a1a1;
	border-radius: 5px;
	/*background-color: #000000;*/ /* EDEFF4 */
	/*background-image: linear-gradient(bottom, #FBFBFB 0%, #EDEFF4 40%);*/
	/*
	background: #000000 url('/images/bgtest.jpg') no-repeat fixed center center;
	*/
	/*background-color: #141414;*/ /* 112225 1D2F32*/
	/*background: #000000 url('/images/bgtest10.jpg') no-repeat center center;*/
	background-color: #202020; /* 000000 */
	
	color: #ffffff;
}

#content .news_date {
	margin: 0 5px 3px;
	font-size: 9px;
	border: 0px none #000000;
}

#content .news_content {
	margin: 10px 5px 5px;
	padding: 0 0 5px 0;

}


.cell20 {width:20px;}
.cell25 {width:25px;}
.cell30 {width:30px;}
.cell35 {width:35px;}
.cell40 {width:40px;}
.cell45 {width:45px;}
.cell50 {width:50px;}
.cell55 {width:55px;}
.cell60 {width:60px;}
.cell65 {width:65px;}
.cell70 {width:70px;}
.cell75 {width:75px;}
.cell80 {width:80px;}
.cell85 {width:85px;}
.cell90 {width:90px;}
.cell95 {width:95px;}
.cell100 {width:100px;}
.cell105 {width:105px;}
.cell110 {width:110px;}
.cell115 {width:115px;}
.cell120 {width:120px;}
.cell125 {width:125px;}
.cell130 {width:130px;}
.cell135 {width:135px;}
.cell140 {width:140px;}
.cell145 {width:145px;}
.cell150 {width:150px;}
.cell155 {width:155px;}
.cell160 {width:160px;}
.cell165 {width:165px;}
.cell170 {width:170px;}
.cell175 {width:175px;}
.cell180 {width:180px;}
.cell185 {width:185px;}
.cell190 {width:190px;}
.cell193 {width:193px;}
.cell194 {width:194px;}
.cell195 {width:195px;}
.cell200 {width:200px;}
.cell205 {width:205px;}
.cell210 {width:210px;}
.cell215 {width:215px;}
.cell220 {width:220px;}
.cell225 {width:225px;}
.cell230 {width:230px;}
.cell235 {width:235px;}
.cell240 {width:240px;}
.cell245 {width:245px;}
.cell250 {width:250px;}
.cell255 {width:255px;}
.cell260 {width:260px;}
.cell265 {width:265px;}
.cell270 {width:270px;}
.cell275 {width:275px;}
.cell280 {width:280px;}
.cell285 {width:285px;}
.cell290 {width:290px;}
.cell295 {width:295px;}
.cell300 {width:300px;}
.cell305 {width:305px;}
.cell310 {width:310px;}
.cell315 {width:315px;}
.cell320 {width:320px;}
.cell325 {width:325px;}
.cell330 {width:330px;}
.cell335 {width:335px;}
.cell340 {width:340px;}
.cell345 {width:345px;}
.cell350 {width:350px;}
.cell355 {width:355px;}
.cell360 {width:360px;}
.cell365 {width:365px;}
.cell370 {width:370px;}
.cell375 {width:375px;}
.cell380 {width:380px;}
.cell385 {width:385px;}
.cell390 {width:390px;}
.cell395 {width:395px;}
.cell400 {width:400px;}
.cell405 {width:405px;}
.cell410 {width:410px;}
.cell415 {width:415px;}
.cell420 {width:420px;}
.cell425 {width:425px;}
.cell430 {width:430px;}
.cell435 {width:435px;}
.cell440 {width:440px;}
.cell445 {width:445px;}
.cell450 {width:450px;}
.cell455 {width:455px;}
.cell460 {width:460px;}
.cell465 {width:465px;}
.cell470 {width:470px;}
.cell475 {width:475px;}
.cell480 {width:480px;}
.cell485 {width:485px;}
.cell490 {width:490px;}
.cell495 {width:495px;}
.cell500 {width:500px;}
.cell505 {width:505px;}
.cell510 {width:510px;}
.cell515 {width:515px;}
.cell520 {width:520px;}
.cell525 {width:525px;}
.cell530 {width:530px;}
.cell535 {width:535px;}
.cell540 {width:540px;}
.cell545 {width:545px;}
.cell550 {width:550px;}
.cell555 {width:555px;}
.cell560 {width:560px;}
.cell565 {width:565px;}
.cell570 {width:570px;}
.cell575 {width:575px;}
.cell580 {width:580px;}
.cell585 {width:585px;}
.cell590 {width:590px;}
.cell595 {width:595px;}
.cell600 {width:600px;}
.cell605 {width:605px;}
.cell610 {width:610px;}
.cell615 {width:615px;}
.cell620 {width:620px;}
.cell625 {width:625px;}
.cell630 {width:630px;}
.cell635 {width:635px;}
.cell640 {width:640px;}
.cell645 {width:645px;}
.cell650 {width:650px;}
.cell655 {width:655px;}
.cell660 {width:660px;}
.cell665 {width:665px;}
.cell670 {width:670px;}
.cell675 {width:675px;}
.cell680 {width:680px;}
.cell685 {width:685px;}
.cell690 {width:690px;}
.cell695 {width:695px;}
.cell700 {width:700px;}
.cell705 {width:705px;}
.cell710 {width:710px;}
.cell715 {width:715px;}
.cell720 {width:720px;}
.cell725 {width:725px;}
.cell730 {width:730px;}
.cell735 {width:735px;}
.cell740 {width:740px;}
.cell745 {width:745px;}
.cell750 {width:750px;}
.cell755 {width:755px;}
.cell760 {width:760px;}
.cell765 {width:765px;}
.cell770 {width:770px;}
.cell775 {width:775px;}
.cell780 {width:780px;}
.cell785 {width:785px;}
.cell790 {width:790px;}
.cell795 {width:795px;}
.good {color: #008000;}
.bad {color: #FF0000;}
.request {padding: 5px 0px; }
.spacer5 {height: 5px;}
.spacer10 {height: 10px;}
.spacer15 {height: 15px;}
.spacer20 {height: 20px;}
.spacer25 {height: 25px;}
.spacer30 {height: 30px;}
.spacer35 {height: 35px;}
.spacer40 {height: 40px;}
.spacer45 {height: 45px;}
.spacer50 {height: 50px;}
.font-size7 {font-size: 7px;}
.font-size8 {font-size: 8px;}
.font-size9 {font-size: 9px;}
.font-size10 {font-size: 10px;}
.font-size11 {font-size: 11px;}
.font-size12 {font-size: 12px;}
.font-size13 {font-size: 13px;}
.font-size14 {font-size: 14px;}
.font-size15 {font-size: 15px;}
.font-size16 {font-size: 16px;}
.font-size17 {font-size: 17px;}
.font-size18 {font-size: 18px;}
.font-size19 {font-size: 19px;}
.font-size20 {font-size: 20px;}
.font-size21 {font-size: 21px;}
.font-size22 {font-size: 22px;}
.font-size23 {font-size: 23px;}
.font-size24 {font-size: 24px;}
.font-size25 {font-size: 25px;}
.font-size30 {font-size: 30px;}
.font-bold {font-weight: bold;}
.font-italic {font-style: italic;}
.font-underlined {text-decoration: underline;}
.border-dotted {border: 1px dotted #999999;}
.border-dotted-right {border-right: 1px dotted #999999;}
.border-dotted-left {border-left: 1px dotted #999999;}
.border-dotted-bottom {border-bottom: 1px dotted #999999;}
.border-dotted-top {border-top: 1px dotted #999999;}
.border-solid {border: 1px solid #999999;}
.border-solid-weak {border: 1px solid #BBBBBB;}
.border-solid-weak2 {border-top: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB;}
.border-solid-black-2 {border: 2px solid #000000;}
.border-solid-bottom {border-bottom: 1px solid #000000;}
.border-none {border: none;}
.black_shadow {text-shadow: 0.15em 0.15em 0.2em #000000;}
.black_shadow_mild {text-shadow: 0.1em 0.1em 0.2em #222222;}
.blue_shadow_mild {text-shadow: 0.08em 0.08em 0.05em #139cd1;}
.shadow_mild {text-shadow: 0.09em 0.09em 0.05em #BDBDBD;} /*4F879C*/
.green_shadow_mild {text-shadow: 0.1em 0.1em 0.2em #00C000;}
.margin0 {border: 0px;}
.margin_left5 {margin-left: 5px;}
.padding0 {padding: 0px;}
.table {display:table;}
.male a{color:#0000FF;}
.female a{color:#9900FF;}
.hide {display: none;}

.chatcommands {
  height: 45px;
  text-align: center;
  margin: 3px;
}

.chatcommands:hover + .hide {
  display: block;
  color: black;
  position: absolute;
  width: 500px;
  background-color: #E1E1E1;	
  margin-top: 250px;
}


.program-header {
	color: #000000; /* FFFFFF ADF6FC*/
	font-size: 13px;
	font-weight: bold;
	/*font-weight: bold;*/
	/*background: url("/images/bgtest.jpg") no-repeat scroll center center rgb(0, 0, 0);*/
	background-color: #E1E1E1;
	text-shadow: 0.1em 0.1em 0.2em #A19F9F; /*139cd1*/
	border-top: 2px solid #777777; 
	border-right: 2px solid #777777; 
	margin-left: -2px;
	letter-spacing: 3px;
}

.program-nonstop,
.program-nonstop a,
.program-nonstop2 {
	font-weight: normal;
}
.program-live,
.program-live a,
.program-live2 {
	/*font-weight: bold; */
	background-color: #073D45; /* 2C5A62 1d2f32 c9ebc0 d2e8ed c8ebf3 */
	color: #FFFFFF;
	text-shadow: 0.2em 0.2em 0.05em #222222;
}

.program-live-spontaneous,
.program-live-spontaneous a,
.program-live-spontaneous2 {
	/*font-weight: bold; */
	background-color: #00533c; /* 02654e 2a5a62 2C5A62 1d2f32 c9ebc0 d2e8ed c8ebf3 */
	color: #FFFFFF;
	text-shadow: 0.2em 0.2em 0.05em #222222;
}

.program-pre-recorded,
.program-pre-recorded a,
.program-pre-recorded2 {
	/*font-weight: bold; */
	background-color: #065F71; /* 002f38 094D57 073D45 2C5A62 1d2f32 244854 E8E8FF */
	color: #FFFFFF;
	text-shadow: 0.2em 0.2em 0.05em #222222;
	/*background: #222222 url('/images/bg_200_200.png');*/
}
.program-expired,
.program-expired a,
.program-expired2 {
	/*font-weight: bold; */
	background-color: #7C8081; /* 475A5D */
	color: #FFFFFF;
	text-shadow: 0.2em 0.2em 0.05em #222222;
}

.program-nonstop:hover {
	background-color: #d4d4d4;
	text-decoration: underline;
}
.program-live:hover {
	background-color: #002e36; /* 0d1e21 073d45 0b1c1f 112225 0e3540 a4c49b */
	text-decoration: underline;
}

.program-live-spontaneous:hover {
	background-color: #00432d; /* 00533c 174951 0d1e21 073d45 0b1c1f 112225 0e3540 a4c49b */
	text-decoration: underline;
}

.program-pre-recorded:hover {
	background-color: #0c303c; /* 003c46 002e36 0d1e21 073d45 0b1c1f 112225 0e3540 */
	text-decoration: underline;
}
.program-expired:hover {
	background-color: #5d5e60; /* 223336*/
	text-decoration: underline;
}
.current-program,
.current-program a,
.current-program2 {
	font-weight: bold;
	background-color: #27CB3A; /* 3085E4 3078e4*/
	color: #FFFFFF;
	text-shadow: 0.1em 0.1em 0.2em #222222;
}
.current-program:hover {
	background-color: #00a90f; /* 006ec9 186ad4*/
	color: #FFFFFF;
	text-decoration: underline;
}
.normal-program {
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.dialogSelect option {
	/*background: #222222 url('/images/bg_200_200.png');/*
	/*background-color:#9FBFF0; */
	background-color: #292929;
	border:0px; 
	color: #FFFFFF;
/*
	border:0; 
	background-color: #202020;
	color: #FFFFFF;	
*/
}

.height16 {height:16px;}
.height20 {height:20px;}
.height26 {height:26px;}
.block {display: block;}
.bggrey {background-color: #C8C8C8;}


.contentBox {
	background-color: #F0F0F0;
	border: 1px #B7B7B7 solid; /*444444*/
	border-radius: 3px;
	margin-left: 10px;
	margin-right: 10px;
	/*box-shadow: 4px 4px 6px #E1E1E1;*/ /* B6B2B2 555555   box-shadow: 4px 4px 8px #555555; */
}

.contentBoxShadow {
	background-color: #F0F0F0;
	border: 1px #B7B7B7 solid; /*444444*/
	border-radius: 3px;
	margin-left: 10px;
	margin-right: 10px;
	box-shadow: 4px 4px 6px #555555; /* B6B2B2 555555   box-shadow: 4px 4px 8px #555555; */
}

.contentBoxShadow_pfmteam {
	margin-left: 10px;
	margin-right: 10px;
}

.contentBoxDialog {
	background-color: rgba(80, 80, 80, 0.3);
	border: 1px #2D2D2D solid;
	border-radius: 8px;
	margin-left: 3px;
	margin-right: 0px;
	padding: 3px;
	/*
	box-shadow: 4px 4px 6px #555555;
	box-shadow: 4px 4px 8px #555555;
	*/
}

.contentBoxLight {
	background-color: #F0F0F0;
	border: 1px #AAAAAA solid;
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	box-shadow: 2px 2px 4px #C6C6C6;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}

.contentBoxRow {
	border-top: 1px dotted #999999;
}

.contentBoxRow:first-child {
	border-top-color: #666666; 
	border-top-style: solid; 
	border-top-width: 2px;
}

.contentBoxRow1 {
	background-color: #E0E0E0;
}

.contentBoxRow2 {
	background-color: #F0F0F0;
}

.contentBoxRowDisabled {
	background-color: #C0C0C0;
}

.contentInfo {
	color: #6F5E47;
	font-weight: bold;
	font-size: 12px;
}

.helpBox {
	background-color: #EEEEEE; /* B9E5F3 E0ECF0 FAEBD7 */
	color: #000000;
	/* border: 1px #AAAAAA solid; */
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	box-shadow: 1px 1px 3px #000000; /* BCC8C8 B6B2B2 888888 */
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	display: table;
}

.helpBoxChat {
	background-color: #EEEEEE; /* B9E5F3 E0ECF0 FAEBD7 */
	color: #000000;
	/* border: 1px #AAAAAA solid; */
	border-radius: 5px;
	margin: auto;
	box-shadow: 1px 1px 3px #000000; /* BCC8C8 B6B2B2 888888 */
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	display: table;
}

.helpBoxDialog {
	background-color: rgba(80, 80, 80, 0.3);
	border: 1px #444444 solid;
	border-radius: 3px;
	margin-left: 10px;
	margin-right: 10px;
	/*box-shadow: 2px 2px 4px #888888;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	display: table;
}

/* 
########################################################################
Content  stop
########################################################################
*/



.ui-dialog-content .ui-slider-horizontal {
	border: 1px solid #AAAAAA !important;
}

/* 
########################################################################
Right side start
########################################################################
*/
#right {
	border-left: 1px solid #CBCBCB; /* dotted #999999 */
	width: 229px;
	float:left;
	padding:10px;
	height:100%;
	background-color: #FBFBFB;
	background: rgba(251, 251, 251, 0.8);
	overflow: hidden;
	border-top-right-radius: 5px;
}

#latestDongs .top {
	color: #FFFFFF; /* FFFFFF */
}

#latestSnaps .top A {
	color: #E9E94C; /* FFFFFF */
}

#pptop .top {
	color: #FFFFFF; /* FFFFFF */
}

#topdonaters .top,
#topdonaters a {
	color: #FFFFFF; /* FFFFFF */
}

#latestPowerplays .top,
#latestPowerplays a {
	color: #FFFFFF; /* FFFFFF */
}

#latestDongs .top,
#latestSnaps .top,
#pptop .top,
#topdonaters .top,
#latestPowerplays .top {
	/*background-image: url('/images/dong_pic.png');
	background-repeat: no-repeat;*/
	background-color: #252525; /* 090501 */
	font-size:20px;
	font-weight: bold;
	width: 207px;
	height: 25px;
	margin-left: 1px;
	padding-left: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#latestSnaps .top A:hover {
	color: #FFFF00;
}

#latestDongs .topSpace,
#latestSnaps .topSpace,
#pptop .topSpace,
#topdonaters .topSpace,
#latestPowerplays .topSpace {
	background-color: #090909; /* 090501 */
	width: 217px;
	height: 5px;
	margin-left: 1px;
}

#latestDongs .content,
#latestSnaps .content,
#pptop .content,
#topdonaters .content ,
#latestPowerplays .content {
	background-color: #090909; /* 101010 090501* */
	width: 217px;
	margin-left: 1px;
}

#latestDongs .innerContent,
#latestSnaps .innerContent {
	color: #FFFFFF;
	padding: 0 0 0 15px;
	width: 200px;
	height:250px;
	overflow-x: hidden;
	overflow-y: auto;
}

#pptop .innerContent,
#topdonaters .innerContent {
	color: #FFFFFF;
	padding: 0 0 0 15px;
	width: 200px;
	height:275px;
	overflow-x: hidden;
	overflow-y: auto;
}

#latestPowerplays .innerContent {
	color: #FFFFFF;
	padding: 0 0 0 15px;
	width: 200px;
	height:200px;
	overflow-x: hidden;
	overflow-y: auto;
}

#latestDongs .bottom,
#latestSnaps .bottom,
#pptop .bottom,
#topdonaters .bottom,
#latestPowerplays .bottom {
	background-color: #252525; /* 090501 */
	width: 217px;
	height:10px;
	margin-left: 1px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* 
########################################################################
Right side stop
########################################################################
*/


/* 
########################################################################
Footer start
########################################################################
*/

#footer {
	/*
	border-top: 1px dotted #999999;
	width: 1050px;
	background-color: #F6F6F6;
	background:url('/images/footer.png')no-repeat fixed center center;
	height: 65px;
	*/
	background: url('/images/footer.png') no-repeat scroll bottom;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	width: 1050px;
	font-size: 13px;
	/*
	padding: 10px 0px 10px 0px;
	margin-bottom: 5px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	*/
}

#footerlinks {
	/*
	margin-left: 10px;
	*/
	margin-top: 10px;
	margin-bottom: 0px;
	color: #D0D0D0;
}

#footerlinks a{
	font-weight: bold;
	color: #D0D0D0;
}

#footerlinks a:hover{
	font-weight: bold;
	color: #FFFFFF;
}


/* 
########################################################################
Footer stop
########################################################################
*/






/* 
########################################################################
CLEditor start
########################################################################
*/

/* CLEditor */
.cleditorMain {border:1px solid #999; padding:0 1px 1px; background-color:white; }
.cleditorMain iframe {border:none; margin:0; padding:0}
.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font:10pt Arial,Verdana; resize:none; outline:none; /* webkit grip focus */}
.cleditorToolbar {background: url('/js/cleditor/images/toolbar.gif') repeat;}
.cleditorGroup {float:left; height:26px;}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('/js/cleditor/images/buttons.gif');}
.cleditorDisabled {opacity:0.3;}
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC;}
.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; font:10pt Arial,Verdana; cursor:default; z-index:10000;}
.cleditorList div {padding:2px 4px 2px 4px;}
.cleditorList p,
.cleditorList h1,
.cleditorList h2,
.cleditorList h3,
.cleditorList h4,
.cleditorList h5,
.cleditorList h6,
.cleditorList font {padding:0; margin:0; background-color: transparent;}
.cleditorColor {width:150px; padding:1px 0 0 1px;}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0;}
.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size:8.5pt;}
.cleditorPrompt input,
.cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size:8.5pt;}



/* 
########################################################################
CLEditor stop
########################################################################
*/



.search_field {
	background-color: #e9fbfb;
	text-align: center;
	font-size: 15px;
	border-width: 1px;
	border-radius: 20px;
}

.logged_in {
	display: none;
}
.not_logged_in {
	display: none;
}

#dragandrophandler
{
border:2px dotted #0B85A1;
width:400px;
color:#92AAB0;
text-align:left;vertical-align:middle;
padding:10px 10px 10px 10px;
margin-bottom:10px;
font-size:200%;
}
.progressBar {
    width: 200px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px; 
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
}
 
.progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0ba1b5; border-radius: 3px; 
}
.statusbar
{
    border-top:1px solid #A9CCD1;
    min-height:25px;
    width:700px;
    padding:10px 10px 0px 10px;
    vertical-align:top;
}
.statusbar:nth-child(odd){
    background:#EBEFF0;
}
.filename
{
display:inline-block;
vertical-align:top;
width:250px;
}
.filesize
{
display:inline-block;
vertical-align:top;
color:#30693D;
width:100px;
margin-left:10px;
margin-right:5px;
}
.abort{
	background-color:#A8352F;
	border-radius:4px;display:inline-block;
	color:#fff;
	font-family:arial;font-size:13px;font-weight:normal;
	padding:4px 15px;
	cursor:pointer;
	vertical-align:top
	}
/*
###############
# Donate form #
###############
*/
.donate-form {
  display: block;
  width: 100%;
  height: calc(38px);
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px !important;


}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.donate-form-amount
 {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin:0 auto; 
  border: 0px; 
  font-size: 18px !important;
  text-align: right !important;
}
.donate-form-message {
	 position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin:0 auto; 
  padding: 8px 12px; 
  border: 0px; 
  font-size: 18px !important;
  text-align: center !important;
}

.input-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 0px;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.donate-button {
	cursor: pointer;
  padding: 0px 0px; 
}


.donate-button-prefilled {
	border-radius: 20px;
	height: 25px;
	line-height: 0px;
	font-size: 20px !important;
	font-family: sans-serif !important;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #5796d7;
	background-color: #025f9b;
	cursor: pointer;
	padding: 15px 25px;
}

.senestdonate:nth-child(2n+0) {
  background: rgba(240,240,240,0.3);
}


/* 
########################################################################
FAQ Help
########################################################################
*/

.collapsibleFAQ {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 350px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.activeFAQ, .collapsibleFAQ:hover {
  background-color: #555;
}

.collapsibleFAQ:after {
  content: '\003C';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activeFAQ:after {
  content: "\0076";
}

.contentFAQ {
  padding: 0 5px;
  width: 340px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

/* 
FAQ Admin
*/

.collapsibleFAQ_Admin {
  background-color: #C11B17;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 350px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.activeFAQ_Admin, .collapsibleFAQ_Admin:hover {
  background-color: #555;
}

.collapsibleFAQ_Admin:after {
  content: '\003C';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activeFAQ_Admin:after {
  content: "\0076";
}

/* 
FAQ DJ
*/

.collapsibleFAQ_DJ {
  background-color: #357EC7;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 350px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.activeFAQ_DJ, .collapsibleFAQ_DJ:hover {
  background-color: #555;
}

.collapsibleFAQ_DJ:after {
  content: '\003C';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activeFAQ_DJ:after {
  content: "\0076";
}

/* 
FAQ crew
*/

.collapsibleFAQ_crew {
  background-color: #4E9258;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 350px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.activeFAQ_crew, .collapsibleFAQ_crew:hover {
  background-color: #555;
}

.collapsibleFAQ_crew:after {
  content: '\003C';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activeFAQ_crew:after {
  content: "\0076";
}

/* 
FAQ IMG
*/

.hover_img a {
	position:relative;
	cursor:default;
	text-decoration: none !important;
}
.hover_img a span {
	position:absolute;
	display:none;
	z-index:99;
	cursor:default
}
.hover_img a:hover span {
	display:block;
	cursor:default;
	position:absolute;
	z-index:9999;
	
}

/*
Streamer/Gaming
*/
.streamer_container {
  position: relative;
  padding-bottom: 10px; 
  margin-bottom: 15px; 
  text-align: center;
  overflow: hidden
}

.streamer_image {
  border-radius: 50%;
  box-shadow: 3px 3px 5px #555555;
  opacity: 1;
  display: block;
  height: 110px;
  width: 110px;
  transition: .5s ease;
  backface-visibility: hidden;
}

.streamer_image_online {
  border-radius: 50%;
  border: 3px;
  border-style: solid;
  border-color: lime;
  box-shadow: 3px 3px 3px #555555;
  opacity: 1;
  display: block;
  height: 104px;
  width: 104px;
  transition: .5s ease;
  backface-visibility: hidden;
}

.streamer_middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 42%;
  left: 45%;
  transform: translate(-55%, -42%);
  -ms-transform: translate(-55%, -42%)
}

.streamer_container:hover .streamer_image {
  opacity: 0.3;
}

.streamer_container:hover .streamer_image_online {
  opacity: 0.3;
}

.streamer_container:hover .streamer_middle {
  opacity: 1;
}

.streamer_status_text {
  background-color: rgb(139,0,0); /* Fallback color */
  background-color: rgba(139,0,0, 0.4);
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 27px;
}

.streamer_status_text_online {
  background-color: rgb(0,255,0); /* Fallback color */
  background-color: rgba(0,255,0, 0.4);
  color: black;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 25px;
}
#left-sky {
	right: calc(50% + 535px);
	position: fixed;
	width: 255px;
	height: 600px;
}
    #left-sky img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }
    #left-sky img.active {
        opacity: 1;
    }
#right-sky {
	left: calc(50% + 535px);
	position: fixed;
	width: 255px;
	height: 600px;
}
    #right-sky img {
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }
    #right-sky img.active {
        opacity: 1;
    }
/* 
########################################################################
div flowding box
########################################################################
*/
.bottom-right-photo {
    background-image: url('/images/bg/extra/sommer/20220714_sommer_002_128x128.png');
    background-size: 125px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0%;
    background-clip: border-box;
    transition: background-size 0.2s;
    transition-timing-function: cubic-bezier(.07,1.41,.82,1.41);

    display: block;
    width: 125px;
    height: 125px;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space:nowrap;
}
.bottom-right-photo:hover {
    background-size: 100px;
} 
.bottom-right-photo-div {
  text-align: center;
  position: fixed;
  bottom: 15px;
  right: 15px;
}

#movingbutton{
    margin-left: auto;
    margin-right: auto;
    display: block;
       position: absolute;
    left : 20px;
top : 50px;
}
.ctr{
  width : 100%;
height : 100%;
}
/* 
########################################################################
Birthdays box front
########################################################################
*/
.bd_container {
    width: 780px; /* Juster bredden som ønsket */
    background-color: #d3d3d3; /* Lys grå baggrund */
    border: 1px solid #ccc; /* Lys grå kant */
    border-radius: 5px; /* Rundede hjørner */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Skygge for dybde */
    overflow: hidden; /* Skjul indhold uden for grænserne */
    position: relative;
}

.bd_header {
    height: 25px; /* Juster højden på den blå top */
    background-color: #6c9ed8; /* Blå farve */
    text-align: center;
    color: white;
    font-size: 18px;
    line-height: 25px; /* Centrer teksten lodret */
}

.bd_content {
    padding: 10px;
    text-align: center;
    color: #333;
    font-size: 16px;
}
/* 
########################################################################
Lir test
########################################################################
*/
.justfun_2025 {
    background-color: #d3d3d3; /* Lys grå baggrund */
    border: 1px solid #ccc; /* Lys grå kant */
    border-radius: 5px; /* Rundede hjørner */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Skygge for dybde */
}/* 
########################################################################
Facebook LIKE buttons etc
########################################################################
*/

.fb-faces,
.fb-like-box {
	overflow: hidden;
}

.fb-like-wrap {
	overflow: hidden;
	height: 20px;
}

.fb-like {
	overflow: hidden;
	margin-top: -1px;
	margin-left: 10px;
	height: 20px;
  /* width: 110px; */
}


.fb-unliked {
	display: block;
}

.fb-liked {
	display: none;
}/* Adjust jQuery UI styles - START */

.icon-evil-smiley {
	float: left;
	margin-right: 5px;
	width: 24px;
	height: 24px;
	background-position: 0px 0px;
	background-image: url("/images/evil_smiley_24.png");
}

.ui-dialog {
	background: none !important;
	border: 0 !important;
	padding: 3px 3px 10px 3px;
	border-radius: 20px;
	/*z-index: 2000 !important;*/
}
/*
.ui-widget-content {
	background: none !important;
	border: 0 !important;
}
*/
.ui-widget-content a {
	color: #21c4e7 !important;
}

.ui-widget-header {
	background: #4B4B4B;
	color: #FFFFFF !important; /* #edcf01 */
	border: 0 !important;
}

.ui-dialog-content {
	border-left: 1px #777777 solid !important;
	border-right: 1px #777777 solid !important;
	border-bottom: 1px #777777 solid !important;
	border-top: none !important;
	background: #222222 url('/images/bgtest.jpg') !important;
	color: #FFFFFF !important;
	padding: 0 !important;

	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;

	/*
	opacity: .93;
	filter: Alpha(Opacity=93);
	*/
}

/*
.ui-dialog .ui-dialog-titlebar {
	background-color: #000000 !important;
}
*/

.ui-dialog .ui-dialog-titlebar {
	padding-left: 0px;
	height: 65px !important;
	background-color: transparent !important;
	background-image: url('/images/ui_dialog_titlebar.png') !important;
	background-repeat: no-repeat !important;
	background-position: 0 0;
	/*
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	*/
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
}

.ui-dialog .ui-dialog-titlebar-close {
	margin-right: 5px !important;
	margin-top: 10px !important;
}

.ui-state-default {
	border: 1px solid #777777 !important;
}

.ui-state-hover {
	border: 1px solid #505050 !important;
	background: #bdcffd !important;
}

.ui-slider-handle {
	outline: none;
}

/*
.ui-widget-overlay {
	background: #000000;
	opacity: .4;
	filter: Alpha(Opacity=40);
}
*/

/* Adjust jQuery UI styles - END *//*******************************************************************************
 * Tree container
 */
ul.dynatree-container
{
	text-align: left;
	
	font-family: tahoma, arial, helvetica;
	font-size: 10pt; /* font size should not be too big */
	white-space: nowrap;
	padding: 0px;
	margin: 4px 0px 0px 0px;  /* issue 201 */
	/*border: 1px dotted gray;*/
	border: 0;
	overflow: auto;
	/*width: 260px;*/
	height: 100%; /* issue 263 */
}

ul.dynatree-container ul
{
	padding: 0 0 0 22px;
	margin: 0;
}

ul.dynatree-container li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	background-clip: border-box;
	background-origin: padding-box;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: repeat-y;

	/*background-image: url("vline.gif"); */
	background-image: none;  /* no v-lines */
	
	background-position: 0 0;
	/*
	background-image: url("icons_96x256.gif");
	background-position: -80px -64px;
	*/
	margin: 0;
	padding: 1px 0 0 0;
	
	border: 0px solid black;
}
/* Suppress lines for last child node */
ul.dynatree-container li.dynatree-lastsib
{
	background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.dynatree-no-connector > li
{
	background-image: none;
}

/* Style, when control is disabled */
.ui-dynatree-disabled ul.dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver;
}

/*******************************************************************************
 * Common icon definitions
 */
span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker
{
	width: 16px;
	height: 16px;
/*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221 */
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("/images/smssender/icons.gif");
}

/** Used by 'icon' node option: */
ul.dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 0px;
	/*margin-left: 3px;*/
	vertical-align: top;
	border-style: none;
}


/*******************************************************************************
 * Lines and connectors
 */

span.dynatree-connector
{
	background-image: none; /* Disable connector */
	/*background-position: -16px -64px; */
}

/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */

span.dynatree-expander
{
	background-image: none; /* Disable expander */
	/*background-position: 0px -80px;*/
	cursor: pointer;
}
.dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */
{
	/*background-position: 0px -96px;*/
}
.dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */
{
	/*background-position: -64px -80px;*/
}
.dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */
{
	/*background-position: -64px -96px;*/
}
.dynatree-exp-e span.dynatree-expander,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander  /* Expanded, delayed, not last sibling */
{
	/*background-position: -32px -80px;*/
}
.dynatree-exp-el span.dynatree-expander,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander  /* Expanded, delayed, last sibling */
{
	/*background-position: -32px -96px;*/
}
.dynatree-loading span.dynatree-expander  /* 'Loading' status overrides all others */
{
	background-position: 0 0;
	background-image: url("/images/smssender/loading.gif");
}


/*******************************************************************************
 * Checkbox icon
 */
span.dynatree-checkbox
{
	margin-left: 3px;
	margin-right: 1px;
	/*margin-left: 3px;*/
	background-position: 0px -32px;
}
span.dynatree-checkbox:hover
{
	background-position: -16px -32px;
}

.dynatree-partsel span.dynatree-checkbox
{
	background-position: -64px -32px;
}
.dynatree-partsel span.dynatree-checkbox:hover
{
	background-position: -80px -32px;
}

.dynatree-selected span.dynatree-checkbox
{
	background-position: -32px -32px;
}
.dynatree-selected span.dynatree-checkbox:hover
{
	background-position: -48px -32px;
}

/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'dynatree-radio' in the tree options.
 */
span.dynatree-radio
{
	margin-left: 3px;
	background-position: 0px -48px;
}
span.dynatree-radio:hover
{
	background-position: -16px -48px;
}

.dynatree-partsel span.dynatree-radio
{
	background-position: -64px -48px;
}
.dynatree-partsel span.dynatree-radio:hover
{
	background-position: -80px -48px;
}

.dynatree-selected span.dynatree-radio
{
	background-position: -32px -48px;
}
.dynatree-selected span.dynatree-radio:hover
{
	background-position: -48px -48px;
}

/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */

span.dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-position: 0px 0px;
}

.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	background-position: 0px -16px;
}

.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	background-position: -64px -16px;
}

/* Status node icons */

.dynatree-statusnode-wait span.dynatree-icon
{
	background-image: url("/images/smssender/loading.gif");
}

.dynatree-statusnode-error span.dynatree-icon
{
	background-position: 0px -112px;
/*	background-image: url("ltError.gif");*/
}

/*******************************************************************************
 * Node titles
 */

/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
span.dynatree-node
{
/*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221*/
/*	-moz-box-align: start; /* issue 221 */
/*  display: inline-block; /* Required to make a span sizeable */
}


/* Remove blue color and underline from title links */
ul.dynatree-container a
/*, ul.dynatree-container a:visited*/
{
	color: #FFFFFF !important; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 2px;
	/*margin-left: 3px;*/
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
}

ul.dynatree-container a:hover
{
/*	text-decoration: underline; */
	/*background-color: #F2F7FD;*/ /* light blue */
	/*background-color: #d5e6ec;*/ /* light blue */
	background-color: #000000;
	color: #FFFFFF !important;
	/*border-color: #B8D6FB;*/ /* darker light blue */
}

span.dynatree-node a
{
	font-size: 10pt; /* required for IE, quirks mode */
	display: inline-block; /* Better alignment, when title contains <br> */
/*	vertical-align: top;*/
	padding-left: 1px;
	padding-right: 3px;

	/*padding-left: 3px;*/
	/*padding-right: 3px;*/ /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.dynatree-folder a
{
	/*font-weight: bold;*/
	padding-left: 2px;
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link  /* @IE */
{
	/*background-color: #EFEBDE;*/ /* gray */
}

span.dynatree-has-children a
{
}

span.dynatree-expanded a
{
}

span.dynatree-selected a
{
	/*color: green;*/
	/*font-style: italic;*/
}

span.dynatree-active a
{
	/*background-color: #3169C6 !important;*/
	/*color: white !important;*/ /* @ IE6 */
}

/*******************************************************************************
 * Drag'n'drop support
 */

/*** Helper object ************************************************************/
div.dynatree-drag-helper
{
}
div.dynatree-drag-helper a
{
	border: 1px solid gray;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.8;
}
span.dynatree-drag-helper-img
{
	/*
	position: relative;
	left: -16px;
	*/
}
div.dynatree-drag-helper /*.dynatree-drop-accept*/
{

/*    border-color: green;
	background-color: red;*/
}
div.dynatree-drop-accept span.dynatree-drag-helper-img
{
	background-position: -32px -112px;
}
div.dynatree-drag-helper.dynatree-drop-reject
{
	border-color: red;
}
div.dynatree-drop-reject span.dynatree-drag-helper-img
{
	background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/

#dynatree-drop-marker
{
	width: 24px;
	position: absolute;
	background-position: 0 -128px;
	margin: 0;
/*	border: 1px solid red; */
}
#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before
{
	width:64px;
	background-position: 0 -144px;
}
#dynatree-drop-marker.dynatree-drop-copy
{
	background-position: -64px -128px;
}
#dynatree-drop-marker.dynatree-drop-move
{
	background-position: -64px -128px;
}

/*** Source node while dragging ***********************************************/

span.dynatree-drag-source
{
	/* border: 1px dotted gray; */
	background-color: #e0e0e0;
}
span.dynatree-drag-source a
{
	color: gray;
}

/*** Target node while dragging cursor is over it *****************************/

span.dynatree-drop-target
{
	/*border: 1px solid gray;*/
}
span.dynatree-drop-target a
{
}
span.dynatree-drop-target.dynatree-drop-accept a
{
	/*border: 1px solid green;*/
	background-color: #FFFFFF !important;
	color: white !important; /* @ IE6 */
	text-decoration: none;
}
span.dynatree-drop-target.dynatree-drop-reject
{
	/*border: 1px solid red;*/
}
span.dynatree-drop-target.dynatree-drop-after a
{
}




























/*******************************************************************************
 * Custom node classes (sample)
 */

/*
span.custom1 a
{
	background-color: maroon;
	color: yellow;
}
*/


/* Adjust Dynatree styles */

#smsDialog span.mobileError a
{
	color: #FFFFFF;
}

#smsDialog span.mobileError span.dynatree-icon
{
  background-position: 0 0;
	background-image: url("/images/smssender/mobile_error.png");
}	

#smsDialog span.users span.dynatree-icon
{
  background-position: 0 0;
	background-image: url("/images/smssender/users.png");
}	

#smsDialog span.noUsers span.dynatree-icon {
	margin-left: 23px;
  background-position: 0 0;
	background-image: url("/images/smssender/users.png");
	margin-right: 1px;
}	

#smsDialog span.noUsers a {
	color: #FFFFFF;
}	

#smsDialog {
	padding: 5px 2px;
	/*display: none;*/
}

#smsDialog .icon-phone-sms {
	float: left;
	margin-right: 5px;
	width: 24px;
	height: 26px;
	background-position: 0px 0px;
	background-image: url("/images/smssender/phone_sms_26.png");
}

#smsDialog .divLeft {
	float: left;
	border: 0px #000000 solid;
	width: 120px;
	font-weight: normal;
	font-size: 12px;
}

#smsDialog .divRight {
	float: left;
	border: 0px #000000 solid;
	font-weight: normal;
	font-size: 10px;
}

#smsDialog .newLine {
	clear: both;
	height: 17px;
}

#smsDialog .newLineSlim {
	clear: both;
	height: 1px;
}


#smsDialog #buttonSend, #buttonCancel, #buttonClose {
	border-radius: 10px;
}

#smsDialog #buttonCancel {
	margin-left: 75px;
}

#smsDialog #buttonCancel:hover {
	background: #ffa4a8 !important;
}

#smsDialog #buttonSend:hover {
	background: #A9F5A9 !important;
}

#smsDialog .iconSend {
	margin-left: 4px !important;
	width: 14px !important;
	height: 16px !important;
	background-position: 0px 0px !important;
	background-image: url("/images/smssender/phone_sms_16.png") !important;
}

#smsDialog .iconCancel {
	margin-left: 4px !important;
	width: 16px !important;
	height: 16px !important;
	background-position: 0px 0px !important;
	background-image: url("/images/smssender/cancel2.png") !important;
}

#smsDialog #smsFrom {
	font-weight: normal;
	font-size: 12px;
	border: 1px #aaaaaa solid;
	background: #f0f0f0;
	padding: 2px 4px;
	width: 130px;
}


#smsDialog #smsMsg {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 5px;
	border: 1px #aaaaaa solid;
	background: #f0f0f0;
	padding: 4px;
	width: 290px;
	height: 80px;
	resize: none;
}


#smsDialog #msgLength, #totalTo {
	font-weight: bold;
}
/* 
########################################################################
Snowball
########################################################################
*/

.snowballStack {
	width: 128px;
	height:128px; /* 165 185 */
	background: url('/images/balls/snowball_stack_multi.png') no-repeat 0% 0%;
}

.easterBunny {
	width: 128px;
	height:182px;
	background: url('/images/balls/easter_bunny_182.png') no-repeat 0% 0%;
}

.waterballoons {
	width: 128px;
	height:182px;
	background: url('/images/balls/balloon_182.png') no-repeat 0% 0%;
}

/*
.snowballStackOverlay {
	width: 128px;
	height:128px;
	background: url('/images/balls/snowball_stack_multi_over.png') no-repeat 0% 0%;
}
*/

/* 
########################################################################
Balls
########################################################################
*/

#ballBg {
	display: none;
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index: 800000;
  background-color: #000000;
  opacity: 0.5;
}

#ball {
	display: none;
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index: 900000;
}
#ball img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto;
  width: 16px;
  height: 16px;
}

#ballSplash {
	position: absolute; 
	display: none;

  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto;

  width: 625px;
  height: 450px;
  background-image: url('/images/balls/splash.png');
  background-repeat: no-repeat;
  padding-top: 100px;
  text-align: center;
  /*border: 3px yellow solid;*/
  z-index: 1000000;
}