@charset "utf-8";

Body
	{
		font-family: "Trebuchet MS";
		font-size: 10pt;
		cursor: default;
	}

Label
	{
		cursor: pointer;
		font-size: 9pt;
		color: #EFEFEF;
	}

Div.Location
	{
		font-size: 8pt;
		color: #C0C0C0;
		margin-bottom: 15px;
	}

Div.Location a
	{
		color: #E1E1E1;
	}

a
	{
		text-decoration: underline;
		color: #0080FF;
		outline: 0;
	}

a Img
	{
		border: 0;
	}

a.Icon:Hover
	{
		border: 0;
		opacity: 0.5;
	}

a:Hover
	{
		text-decoration: none;
	}

Div.Tekens
	{
		text-align: center;
		background-color: #004983;
		margin-bottom: 15px;
		height: 25px;
	}

Div.Tekens a
	{
		padding: 3px 0;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		width: 20px;
		float: left;
	}

Div.Tekens a.Selected
	{
		font-weight: bold;
		color: #0066FF;
		background-color: #FFFFFF;
	}

Div.Tekens a:Hover
	{
		color: #FFFFFF;
		background-color: #459fcd;
	}

Div.Melding
	{
		padding: 7px;
		font-weight: bold;
		border-width: 1px;
		border-style: outset;
		font-size: 8pt;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
	}

Div.Melding.Margin
	{
		margin-bottom: 15px;
	}

Div.Melding a
	{
		color: inherit;
	}

Div.Melding.Info
	{
		color: #FF8000;
		background-color: #FFF4CE;
		border-color: #FF8000;
	}

Div.Melding.Fout
	{
		color: #CC0000;
		background-color: #FFDFDF;
		border-color: #CC0000;		
	}

Div.Melding.Ok
	{
		color: #008800;
		background-color: #EAFFEA;
		border-color: #008800;		
	}

Input.Button,
Button
	{
		background-image: url(/images/layout/Button.gif);
		background-repeat: repeat-x;
		border-width: 1px;
		border-color: #F2F2F2;
		font-family: "Trebuchet MS";
		font-size: 8pt;
		font-weight: bold;
		cursor: pointer;
		padding: 2px;
	}

Button Span
	{
		padding: 3px;
		background-position: 0px 50%;
		background-repeat: no-repeat;
		padding-left: 18px;
	}

Input.Text, Textarea
	{
		border: 1px solid #C0C0C0;
		font-family: "Trebuchet MS";
		font-size: 8pt;
		padding: 3px;
	}

Input.Text.ForPointer
	{
		-webkit-border-top-right-radius: 0;
		-khtml-border-top-right-radius: 0;
		-moz-border-radius-topright: 0;
		
		-webkit-border-bottom-right-radius: 0;
		-khtml-border-bottom-right-radius: 0;
		-moz-border-radius-bottomright: 0;
		
		float: left;
		border-right-width: 0;
	}

Input.Pointer
	{
		width: 14px;
		float: left;
		cursor: pointer;
		background: #FFF url(/images/pointer.gif) 50% 50% no-repeat;
		border-left-width: 0;
		
		-webkit-border-top-left-radius: 0;
		-khtml-border-top-left-radius: 0;
		-moz-border-radius-topleft: 0;
		
		-webkit-border-bottom-left-radius: 0;
		-khtml-border-bottom-left-radius: 0;
		-moz-border-radius-bottomleft: 0;
	}

Input.Pointer:Hover
	{
		background-color: #E1E1E1;
	}

Input.Search
	{
		padding-left: 23px;
		background: #FFFFFF url(/images/icons/search.png) 5px 50% no-repeat;
	}

Textarea
	{
		min-height: 150px;
	}

Textarea, Select, Input, Button
	{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
	}

Div#InfoID
	{
		border: 2px outset #0000FF;
		position: absolute;
		min-width: 35px;
		min-height: 35px;
		background: #FFFFFF url(images/icons/Loading.gif) no-repeat 50% 50%;
		max-width: 304px;
		max-height: 304px;
		overflow: hidden;
	}

Div#SelListID
	{
		border: 1px solid #C0C0C0;
		border-top-width: 0;
		padding: 1px;
		position: absolute;
		overflow: auto;
		min-height: 40px;
		max-height: 80px;
		background-color: #FFFFFF;
	}

Div#SelListID Span
	{
		cursor: default;
		padding: 3px;
		font-family: "Trebuchet MS";
		font-size: 8pt;
		display: block;
	}

Div#SelListID Span.Selected
	{
		background-color: #0066CC;
		color: #FFFFFF;
	}

Select
	{
		cursor: pointer;
		padding: 0;
		margin: 0;
	}

Select Option
	{
		padding: 3px;
		font-size: 8pt;
		font-family: "Trebuchet MS";
	}

*.MB
	{
		margin-bottom: 15px;
	}

Span.Info
	{
		font-size: 8pt;
		color: #C0C0C0;
	}

Span.Info a
	{
		color: #77BBFF;
		text-decoration: none;
	}

Span.Info a:Hover
	{
		color: #C0C0C0;
		text-decoration: underline;
	}

Div.Search
	{
		padding-left: 20px;
		line-height: 20px;
	}

H1, H2, H3
	{
		padding: 0px;
		margin: 0px;
	}

H2	{	font-size: 12pt;	}
H3	{	font-size: 10pt;	}

.Reclame
	{
		overflow: hidden;
		white-space: nowrap;
	}

.Reclame.Top
	{
		background-color: transparent;
		padding: 5px;
	}

.Reclame.Vertical
	{
		position: absolute;
		border: 1px solid #000000;
		height: 400px;
		padding: 5px;
		width: 117px;
		background-color: #FFFFFF;
		top: 25px;
	}

.Reclame.Left	{	left: 25px;		}
.Reclame.Right	{	right: 25px;	}

Select.Pagina
	{
		width: 60px;
		float: right;
		padding: 2px;
		border: 1px solid #000000;
		padding-left: 20px;
		background: #FFFFFF url(/images/icons/page.png) 2px 50% no-repeat;
	}

Select.Pagina Option
	{
		margin: 0;
		font-size: 8pt;
		padding: 0 5px;
		text-align: center;
	}

Div#TabboxID
	{
		margin-right: 320px;
	}

a#TabboxMoreID
	{
		float: right;
		padding: 0px 12px;
		height: 22px;
		line-height: 22px;
		color: #FFF;
		background-color: #F58A10;
		background-repeat: no-repeat;
		background-position: 0px 50%;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		margin: -12px 30px 0 0;
	}

a#TabboxMoreID.Load
	{
		background-image: url(/images/icons/Loading.little.gif);
		padding-left: 32px;
	}

Div#TabboxID Div.Tabs
	{
		height: 25px;
		border: 1px solid #F58A10;
		border-bottom: 0;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
	}

Div#TabboxID Div.Tabs a
	{
		height: 25px;
		line-height: 25px;
		display: block;
		outline: 0;
		padding: 0 10px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		background: url(/images/layout/MenuBG.png) repeat-x;
	}

Div#TabboxID Div.Tabs a.Selected
	{
		color: #004D8A;
		background-image: none;
		background-color: #EAEAEA;
	}

Div#TabboxID Div.Tabs a:Hover
	{
		color: #69A6BF;
	}

Div#TabboxID Div.Tabs a:first-child
	{
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-left-radius: 3px;
	}

Div#TabboxID Div.Tabs a:last-child
	{
		-moz-border-radius-topright: 3px;
		-webkit-border-top-right-radius: 3px;
	}

Div#TabboxSongsID
	{
		background-color: #EAEAEA;
		border: 1px solid #F58A10;
		border-top: 0;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		min-height: 100px;
	}

Div#TabboxSongsID a
	{
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 10px;
	}

Div#TabboxSongsID.Load
	{
		background: #FFFFFF url(/images/icons/Loading.gif) 50% 50% no-repeat;
	}

Div#TabboxSongsID.Load Div:first-child
	{
		visibility: hidden;
	}
		

Div#TabboxSongsID Div.Block
	{
		float: left;
		width: 98px;
		height: 120px;
		padding: 10px;
		margin-bottom: 10px;
		text-align: center;
	}

Div.Tags
	{
		padding: 10px;
		line-height: 15px;
		text-align: center;
	}

Div.Tags a
	{
		text-decoration: none;
	}

Div.Tags a:Hover
	{
		color: #FFF;
	}

/*
	SONGS
*/

Div.Row Img
	{
		 vertical-align: middle;
	}

Div.Row Img.plAdd
	{
		visibility: hidden;
		opacity: 0.5;
		cursor: pointer;
	}

Div.Row.Hover Img.plAdd
	{
		visibility: visible;
	}

Div.Row Img.plAdd:hover,
Div.Row Img.plAdd.Active
	{
		opacity: 1;
	}


Div#PlaylistFakeID
	{
		width: 200px;
		height: 25px;
		position: fixed;
		bottom: 0px;
		right: 40px;
		z-index: 999999;
		background-color: #e0e9f8;
		border: 1px solid #222;
		border-bottom: 0;
		cursor: pointer;
		line-height: 25px;
		text-align: center;
	}

Div#PlaylistFakeID:hover
	{
		background-color: #FF9000;
	}

Div#PlaylistFakeID b
	{
		color: #CC0000;
	}