/* Tmplt items */
HTML {margin: 0px; padding: 0px}
BODY, SPAN, TABLE, DIV, FORM, P, H1, H2, H3, A {font-family:Arial,Verdana,sans-serif; font-size:11px; color:#000000; text-decoration:none;}
BODY {background:#474747; margin:0px; padding:0px; }

/* Grid items */
.header {background-image: url(../gfx/header.jpg); height:253; width:995;}
.cntnt {height:100%; width:995; align:left; vertical-align:top; background-image: url(../gfx/bg-cntnt.jpg); background-repeat: repeat-x;}
.left {height:100%; width:300;}
.left-nav {background-image: url(../gfx/bg_nav.jpg); height:202; width:300;}
.left-shownw {background-image: url(../gfx/bg_shownw.jpg); height:200; width:300;}
.left-nwbrf {background-image: url(../gfx/bg_nwbrf.jpg); height:105; width:300; align:left; vertical-align:top;}
.left-banner { height:249; width:300; align:left; vertical-align:top;}
.left-ringtones {height:203; width:300;}
.left-downloads {height:203; width:300;}
.middle {background:#e5e5e5; height:200; width:570; background-image: url(../gfx/bg-cntnt.jpg);}
.middle-spacer {width:39;}
.middle-promo1 {background-image: url(../gfx/ft_top1.jpg); height:230; width:138;}
.middle-promo2 {background-image: url(../gfx/ft_top2.jpg); height:230; width:138;}
.middle-promo3 {background-image: url(../gfx/ft_top3.jpg); height:230; width:138;}
.middle-top40 {background-image: url(../gfx/ft_middle.jpg); height:356; width:492;}
.middle-top40list {height:93; width:492; align:left; vertical-align:top;}
.middle-shownw {background-image: url(../gfx/ft_shownw.jpg); height:472; width:492;}
.right {height:100%; width:125;}
.right-banner {height:202; width:125; align:left; vertical-align:top;}
.right-banner2 {height:621; width:125; align:left; vertical-align:top;}
.right-banner3 {height:367px; width:125px; align:left; vertical-align:top; padding-top:9px;}
.footer {background-image: url(../gfx/footer.jpg); height:123; width:995; background-color:#474747;}

/* Navigation items */
A.nav {font-size:12px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; line-height:22px; padding-left:15px;}
A.nav:hover {color:#000000;}
A.meer {font-size:11px; color:#0000ff; padding-left:210px;}
A.meer:hover {color:#000000;}
A.promo {font-size:12px; font-weight:bold; color:#FFFFFF;}
A.promo:hover {color:#000000;}
A.top40Link {font-size:11px; font-weight:bold; color:#ff0000; text-decoration:underline;}
A.top40Link:hover {color:#000000; text-decoration:underline;}
A.top40Nw {font-weight:bold; color:#000000; padding-left:8px;}
A.top40Nw:hover {color:#474747;}
A.footerLink {color:#959595; padding-left:18px; padding-right:18px;  text-transform:capitalize;}
A.footerLink:hover {color:#000000;}

/* Content items */
SPAN.contentTitle {font-size:12px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
SPAN.contentTitle2 {font-size:10px; font-weight:bold; color:#000000;}
SPAN.contentIntro {font-size:11px; color:#000000;}
SPAN.contentTop40Title {font-size:22px; color:#939393;}
SPAN.contentTop40 {font-size:11px; color:#000000; text-decoration:underline; text-transform:capitalize}
SPAN.arrow {font-size:12px; color:#979797; font-weight:bold;}

/* CALENDAR STYLES */
#dateDiv 
{
	width: 220px;
	height: 180px;
	z-index: 9;
	position: absolute;
	background: url(../images/calender_bg.png) no-repeat;
	color: #ffffff;
	padding-left: 10px;
}
.ie7#dateDiv
{
	left:0px;
}

select.dateDivcpYearNavigation,
select.dateDivcpMonthNavigation
{
	background-color:#181818;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:7pt;
	border:1px solid white;
}
A.dateDiv 
{
	color:#ffffff;
}
.dateDivcpDayColumnHeader 
{
	font-size:8pt;
	padding:3px;
	font-weight:bold;
	color:#c7c7c7 !important;
}
.dateDivcpYearNavigation,
.dateDivcpMonthNavigation,
.dateDivcpCurrentMonthDate,
.dateDivcpCurrentMonthDateDisabled,
.dateDivcpOtherMonthDate,
.dateDivcpOtherMonthDateDisabled,
.dateDivcpCurrentDate,
.dateDivcpCurrentDateDisabled,
.dateDivcpTodayText,
.dateDivcpTodayTextDisabled,
.dateDivcpText
{
font-size:8pt;
padding:2px;
padding-bottom:4px;
height:20px;

color:#ffffff !important;
vertical-align:middle;
}
TD.dateDivcpCurrentMonthDate_hover,
TD.dateDivcpOtherMonthDate_hover
{
	background:url(../images/rollover_calender.png) no-repeat;
	width:22px;
	padding:2px;
	font-size:8pt;
	padding-bottom:4px;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
}
TD.dateDivcpCurrentMonthDate,
TD.dateDivcpOtherMonthDate
{
	width:22px;
	text-align:center;
	padding:2px;
	padding-left:0px;
	padding-right:0px;
}
TR.dateDivcpWeekRow 
{
	width:165px;
}
TD.dateDivWeekNr 
{
	color:#c7c7c7;
	font-weight:bold;
	padding-right:4px;
}
TD.dateDivcpDayColumnHeader
{
text-align:right;
}
.dateDivcpCurrentMonthDate,
.dateDivcpOtherMonthDate,
.dateDivcpCurrentDate
{
text-align:right;
text-decoration:none;
color:#ffffff;
}
.dateDivcpCurrentMonthDateDisabled,
.dateDivcpOtherMonthDateDisabled,
.dateDivcpCurrentDateDisabled
{
color:#181818;
text-align:right;
text-decoration:line-through;
}
.dateDivcpCurrentMonthDate
{
color:#ffffff;
font-weight:bold;
}
.dateDivcpCurrentDate
{
color: #FFFFFF;
font-weight:bold;
}
.dateDivcpOtherMonthDate
{
color:#808080;
}
TD.dateDivcpCurrentDate
{
	color:#FFFFFF;
	background:url(../images/rollover_calender.png) no-repeat;
	padding:2px;
	text-align:center;
	width:22px;
	padding-left:0px;
	padding-right:0px;
}
TD.dateDivcpCurrentDate_hover 
{
	color:#FFFFFF;
	text-align:center;
	background:url(../images/rollover_calender.png) no-repeat;
	padding:2px;
	width:22px;
	padding-left:0px;
	padding-right:0px;
}
TD.dateDivcpCurrentDateDisabled
{

}
TD.dateDivcpTodayText,
TD.dateDivcpTodayTextDisabled
{

}
A.dateDivcpTodayText,
SPAN.dateDivcpTodayTextDisabled
{
height:20px;
}
A.dateDivcpTodayText
{
color:#FF0000;
font-weight:bold;
}
SPAN.dateDivcpTodayTextDisabled
{
color:#D0D0D0;
}

/* top40 */
div#topfiller {
	height:160px;
	width:995px;
}
div#topadblock 
{	
	width: 995px;
	max-height:94px;
	overflow:hidden;
	background-color:Black;
}

div#topbalk 
{	
	background-color:#000000;
	width: 995px;
	height:160px;
	overflow:hidden;
}
		
div#zoekenTextFieldContainer{
	
	padding-top:21px;
	padding-left:30px;
}

div#SearchHeader {
	
	color: #b3b3b3;
	font-size: 15px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:10px;
	padding-left:0px;
	text-align:left;
	padding-left:10px;
}

div#searchResultHeader {
	background-image: url(../images/searchresult_header.jpg);
	height:20px;
	width:207px;
}

div#searchResultHeader_text{
	padding-left:17px;
	padding-top:2px;
	font-size:12px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight: bold;
}
#dateDiv 
{
	width: 220px;
	height: 180px;
	z-index: 9;
	position: absolute;
	background: url(../images/calender_bg.png) no-repeat;
	color: #ffffff;
	padding-left: 10px;
}
.ie7#dateDiv
{
	left:0px;
}

div#player 
{
	position:absolute;
	z-index:10;
	margin-top:-150px;
	left:50%;
	margin-left:330px;
	clear:both;
	height: 140px;
	width: 130px;
	background-color:#000000;
	overflow:hidden;
}
.searchBox1{
	border:0px;
	background-color:transparent;
	margin-bottom:14px;
	color: #b3b3b3;
	font-size: 10px;
	height:15px;
	width:159px;
}
.searchBox2{
	border:0px;
	background-color:transparent;
	padding-top:0px;
	margin-bottom:10px;
	color: #b3b3b3;
	font-size: 10px;
	height:15px;
	width:157px;
}
div#zoekencontainer {
	float:left;
	height: 160px;
	width: 205px;
	background:url(../images/search_background.png); 
	background-repeat:no-repeat; 
}