/* Table of Contents:
***********************************

	Typography
	General layout
        Body, h1...
        Paging
        Wraps & PlaceHolders
        Icons
        Form & forum elements
        Images
        Table
    Header layout (inc. menu)
    Contents layout ???
    Footer layout
    Elements & controls
        ProfileImage
        Connections
        Tabs
        Horizontal Menu
        Vertical Menu
    Browser hacks
	
***********************************
*/


/* @group OVERALL */


/* SORT (User Favorite Bands)
***********************************/

	#sortable { list-style-type: none; margin: 0; padding: 0; }
	#sortable li { float: left; cursor:move; width: 100px; height: 120px; margin: 0 0 0 26px; text-align: center; }


/***********************************
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ 
***********************************/

div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating,div.star-rating a{background:url(/Images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */


/* jQuery sortable */
.ui-sortable { cursor:move; }


/**************************************
InlinePlayer
**************************************/
.InLinePlayerMenu
{
	visibility: hidden; 
	position: absolute;
	clear: both;
	z-index: 100;
	width: 160px;
	padding-top: 6px;
	padding-left: 6px;
	padding-bottom: 6px;	
	background-color: #282828;
	border: solid 1px #000000;
	font-size: 1em;
}

.InLinePlayerMenu, .InLinePlayerMenu .Item
{
	color: #FFFFFF;
	cursor: pointer;
}

.Item:hover
{
    color: #EB0303;
}

.InLinePlayerMenu a, .BottomFooter a
{
	text-decoration: none;
}

.InLinePlayerMenu .ButtonIcon, .DarkIconBG
{
	background-image: url(/Images/Icons/bg_rounded_282828.gif);
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-color:#282828;
	width: 100%; 
	display:inline-block;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #383838;
}
.jScrollPaneDrag {
	position: absolute;
	background: #858585;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #858585;
	height: 9px;
}
a.jScrollArrowUp:hover, a.jScrollArrowDown:hover, .jScrollPaneDrag:hover {
	background-color: #999999;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: #858585;
	height: 9px;
}












/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 80%;
}

a.jScrollArrowUp {
	background: url(/Images/CustomSelectBox/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(/Images/CustomSelectBox/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #282828;/*#f60;*/
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: left;
	margin: 5px;
}

.scroll-pane {
	width: 150px;
	height: 100px;
	overflow: auto;
	background: #282828;
	/*float: left;*/
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}
/*

#pane1 {
}
#pane2 {
	height: 150px;
}
#pane3 {
	height: 190px;
}
#pane4 {
	height: 190px;
}

*/
/**************************************
ASP.NET 2.0. slider. Dec 08.  
**************************************/
.slider-rail 
{
	position: relative;       
	height: 18px;       
	width: 100px;    
	background-color: #000000;   
	background: url(/Images/Slider.gif);

}

.slider-handle 
{
	 position: absolute;       
	 height: 14px;       
	 width: 22px;
}
/* Typography
--------------------------------------------------------------------------------------- */

body
{
	text-align: center;
    color: black;
}

body, .TextLink
{
	font-size: 59%;
	font-family: 'Georgia';
}

input
{
    font-family: 'Georgia';
}


a, .BlackLink
{
    color: #000000;
    text-decoration: underline;
}

a:hover
{
    color: #EB0303;
    /*text-decoration: none;*/
}

.BoldLinks a
{
    font-weight: bold;
}

.AltLink
{
    color: #35547F;
    text-decoration: none;
}

#TopMenu a
{
	color: #FFFFFF;
}

#TopMenu a, .BottomFooter a
{
	text-decoration: none;
}

.BottomFooter a, .AuthorBox a, .NoteBox a, .SmallText a
{
	color: #808080;
}

.BottomFooter a:hover, .AuthorBox a:hover, .NoteBox a:hover
{
    color: #000000;
    text-decoration: none;
}



/*
#Footer a
{
    color: #EB0303;
    text-decoration: none;
}

#Footer a:hover
{
    color: #FFFFFF;
    background: #EB0303;
}
*/

H1
{
	color: #000000;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	border: 0px;
	border-bottom: solid 2px #282828;
	text-transform: uppercase;
}
	h1 .SmallText { font-size: 0.65em; text-decoration: none; }
	h2 .SmallText { font-size: 0.80em; text-decoration: none; }
		h1 .SmallText a,
		h2 .SmallText a { text-decoration: none; }
		
	h1 .SmallText .ButtonIcon,
	h2 .SmallText .ButtonIcon,
	h1 .SmallText .GreenIconWhiteBG,
	h2 .SmallText .GreenIconWhiteBG { margin: 0 0 3px 10px; margin-right:5px; text-decoration:none; vertical-align:middle; }

#Footer H1
{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	margin-bottom: 3px;
	padding-bottom: 2px;
	border-bottom: solid 1px #E8E7E7;
}

.MarginTop
{
    margin-top: 20px;
}

H3
{
	color: #282828;
	font-size: 1.25em; 
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	border-bottom: solid 2px #808080;
}

H2
{
    color: #282828;
    padding: 0 0 3px 0;
    margin: 0 0 5px 0;
    border: 0;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: solid 2px #808080;
}

H2 .SmallText, H3 .SmallText
{
    font-size: 0.7em;
    font-weight: normal;
}

H3
{
	border: 0;
	padding: 0;	
}

H2 a, H3 a
{
    text-decoration: none;
}

.LiveH2
{
    height: 22px;
    padding: 5px 10px 0 10px;
    margin: 0;
    background-color: #F1F1F1;
    border-bottom: solid 1px #CCCCCC;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    padding-bottom:2px;
    margin-bottom:8px;
}

.Date
{
	color: #808080;
}

.SmallText, .HelpText
{
	font-size: 0.85em;
	color: #808080;
}

.WhiteText, .WhiteText a, .WhiteText h2
{
    color: #FFF;
}

.WhiteText hr
{
    margin: 2px 0 2px 0;
    padding: 0;
    color: #808080;
}

.WhiteText .AltLink
{
    color: #FBE87B;
}

.GenreCloud, .GenreCloud h2
{
    text-decoration:none;
    font-size:1.3em;
    /*white-space:pre-wrap;*/
    background-color:rgb(245,245,245);
    /*letter-spacing:-1px;*/
    word-spacing:-0.12em;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:10px;
    font-weight:bold;
    vertical-align:middle;
    text-align:justify !important; 
   text-justify: distribute;
   text-align-last: justify;
}
.GenreCloud a:link, .GenreCloud a:visited
{
    text-decoration:none;
    padding-top:-1px;
    padding-bottom:1px;
    padding-right:3px;
    padding-left:3px;
}

.GenreCloud a:active
{
    text-decoration:underline;
}

.GenreCloud a:hover
{
    background-color:#255C8F;
    color:White !important;
}

.GenreCloud hr
{
    margin: 2px 0 2px 0;
    padding: 0;
    color: #808080;
}

.GenreCloud .AltLink
{
    color: #EB0303;
}


.TagCloud, .TagCloud h2
{
    /*color: #888888;*/
    text-decoration:none;
    line-height:25px;
    padding-top:10px;
    margin-bottom:30px;
    clear:both;
    text-align:justify !important;
    width:600px;
}
.TagCloud a:link, .TagCloud a:visited
{
    text-decoration:none;
    font-size:small;
    font-weight:bold;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:5px;
    padding-right:5px;
}

.TagCloud a:active
{
    text-decoration:underline;
}

.TagCloud a:hover
{
    background-color:#255C8F;
    color:White !important;
}

.TagCloud hr
{
    margin: 2px 0 2px 0;
    padding: 0;
    color: #808080;
}

.TagCloud .AltLink
{
    text-align:right;
    float:right;
    color: #EB0303;
    clear:both;
}

.ProfileName
{
    color: #000000;
	font-size: 2em;
	font-weight: bold;
	/*font-family: Georgia;*/
}




/* General layout
--------------------------------------------------------------------------------------- */


body
{
	position: relative;
    width: 100%;
	/*height: 100%;*/
	margin: 0px;
	padding: 0px;
	background-image: url("/Images/Background/BWFade.gif");
    background-repeat: repeat-x;
    background-color: #FFFFFF;
}

hr
{
	border: 0px;
	height: 1px;
	background-color: #D1D1D1;
	color: #D1D1D1;
	padding: 0px;
	margin: 5px 0 5px 0;
}

embed, object
{
    outline: none;
    border: none;
}

/*-- Box --*/

.Box
{
	margin-bottom: 10px;
	background-image: url("/Images/Background/BWFadeSmall.gif");
    background-repeat: repeat-x;
}

.Box P
{
    margin: 0;
    padding: 5px 10px 10px 10px;
}

.Box .Inner
{
    margin: 0;
    padding: 7px 10px 10px 10px;
    clear: both;
    border-bottom: solid 2px #EFEFEF;
}

.Box H2
{
    height: 22px;
    padding: 5px 10px 0 10px;
    margin: 0;
    background-color: #282828;
    border: 0;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
}

.Box H2 a
{
    color: #FFF;
}

.YellowBG
{
	background-color: #FDFEDE;
}

/*
.RedBG H2
{
	background-color: #BC0606;
}

.BlueBG H2
{
	background-color: #196E9F;
}

.YellowBG H2
{
    background-color: #ECB70A;
}

.GreenBG H2
{
	background-color: #115924;
}



.GrayBG
{
	background-color: #F5F5F5;
}

.GrayBG H2
{
	background-color: #282828;
}

.BlueBG
{
	background-color: #E2EFF6;
}

.BlueBG H2
{
	background-color: #96C7E0;
}

.YellowBG
{
	background-color: #FDFEDE;
}

.YellowBG H2
{
    background-color: #FBE87B;
}

.GreenBG
{
	background-color: #F1FCC6;
}

.GreenBG H2
{
	background-color: #E5F993;
}
*/

.Steps
{
	background-color: #FFFFFF;
	margin-bottom: 20px;
}

.Steps .Step
{
    display: block;
    font-size: 1em;
    color: #545454;
	padding: 5px;
	border-bottom: solid 1px #D1D1D1;
}

.Steps .Selected
{
	color: #000;
	font-weight: bold;
}

.Border, .BorderTop, .BorderLeft, .BorderBottom, .BorderRight
{
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 0;
}

.Border
{
    border-width: 1px;
}

.BorderTop
{
	border-top-width: 1px;
}

.BorderLeft
{
	border-left-width: 1px;
}

.BorderBottom
{
	border-bottom-width: 1px;
}

.BorderRight
{
	border-right-width: 1px;
}


#RightWrap .Ad, #LeftWrap .Ad
{
	/*margin-bottom: 10px;*/
}

#ContentsWrap .BlockLeft
{
	float: left; 
}

fieldset
{
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 9px;
	padding-top: 12px;
	border: solid 2px #D1D1D1;
}

fieldset legend
{
	color: #424242;
	/*font-family: Georgia; */
	font-size: 1.3em; 
	padding-left: 3px; 
	padding-right: 4px; 
	padding-bottom: 4px;
}

ul
{
    border: 0;
    margin: 0 0 0 15px;
    padding: 0 0 0 10px;
}

li
{
    border: 0;
    margin: 0;
    padding: 0 0 2px 0px;
}

.FieldsetWidhMenu
{
    border-top: none;
    padding-top: 20px;
}

.RadioList input
{
    width: 15px;
    height: 15px;
    margin-right: 3px;
}

.RadioList label
{
    padding-right: 5px;
}

/*
#RightWrap fieldset
{
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 7px;
	border-width: 1px;
}
*/

/* Paging
---------------------------*/

.Paging
{
    text-align: center;
}

.Paging .Title
{
    display: inline-block;
    height: 18px;
    margin-right: 5px;
}

.Paging a, .Paging .Current, .Paging .Disabled
{
    display: inline-block;
    height: 18px;
    padding: 0 5px 0 5px;
    margin: 0 2px 0 2px;
    text-align: center;
    border: solid 1px #CCCCCC;
    text-decoration: none;
}

.Paging a:hover
{
	color: #FFF;
    background: #EB0303;
    border-color: #EB0303;
    text-decoration: none;
}

.Paging .Current, .Paging .Current:hover
{
    color: #FFF;
    background-color: #282828;
    border-color: #282828;
}

.Paging .Disabled, .Paging .Disabled:hover
{
    color: #CCCCCC;
    border-color: #E1E1E1;
    background-color: Transparent;
}


/* Wraps & PlaceHolders
---------------------------*/

.PageWrap
{
    width: 100%;
    position: relative;
}
#HeaderWrap
{
	width: 952px;
	position: relative;
	left: 0px; 
	top: 0px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

#ContentsWrap
{
	width: 950px;
	/* Removed to make ModalPopup work (Morten)
	position: relative;
	left: 0px; 
	top: 0px;
    */
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 1em;
}

#Contents, .HeaderMessage
{
	width: 950px;
	font-size: 1.3em;
	background-color: #FFFFFF;
	border-left: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	/*height: 100%;*/
}

.HeaderMessage
{
	background-color: #FFFFCC;
}

#TopWrap
{
	width: 950px;
	position: relative;
	left: 0px; 
	top: 0px;
	clear: both;
	padding-top: 5px;
}

#LeftWrap
{
	width: 180px;
	float: left;
	background-color: #FFFFFF;
}

#MainWrap
{
	width: 448px;
	float: left;
	background-color: #FFFFFF;
}

#RightWrap
{
	width: 320px;
	float: left;
	background-color: #FFFFFF;
}

#Left, #Main, #Right
{
    padding: 6px 10px 6px 10px;
}

#Right
{
    /*border-left: solid 1px #C5C5C5;*/
}

#BottomWrap
{
	width: 950px;
	position: relative;
	left: 0px; 
	top: 0px;
	clear: both;
}

#FooterWrap
{
	width: 950px;
	position: relative;
	left: 0px; 
	top: 0px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}

#Footer
{
	width: 952px;
	height: 40px;
	position: relative;
	left: 0px; 
	top: 0px;
	clear: both;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.1em;
	line-height: 1.1em;
}


/* Icons
---------------------------*/

.Icon, .ButtonIcon, .GrayIcon, .BlackIcon, .AdminIcon, .InactiveIcon, .GreenIcon, .GreenIconWhiteBG
{
	background-image: url(/Images/Icons/bg_rounded.gif);
	background-color: #EB0303;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
}

.IconLarge
{
	background-image: url(/Images/Icons/bg_rounded_20x20_2.gif);
	background-color: #EB0303;
	width: 20px;
	height: 20px;
	border: 0;
	margin: 0;
}

.LoadingIcon	
{
	margin-right: 5px;
    vertical-align: middle;
}

a .ButtonIcon
{
    margin-right: 5px;
    vertical-align: middle;
    text-decoration: none;
}

.GrayIcon
{
	background-color: #808080;
}

.GreenIcon, .GreenIconWhiteBG
{
	background-color: #78BB0B;
}

.BlackIcon
{
	background-color: #000;
}

.InactiveIcon
{
	background-color: #CCCCCC;
}

.AdminIcon
{
	background-color: #000000;
}

.HighlightButtonIcon
{
	background-color: #FF9C00;
}

#TopMenu .ButtonIcon, .DarkIconBG, .GreenIcon
{
	background-image: url(/Images/Icons/bg_rounded_282828.gif);
}

fieldset legend .Icon
{
	background-color: #424242; 
	margin-right: 3px;
}


/* Form & forum elements
---------------------------*/

form
{
    margin-top: 0; 
    margin-bottom: 0
}

.TextBox, .TextArea
{
    font-size: 1.1em;
    font-family: 'Trebuchet MS';
    border: solid 1px #989898; 
	background-color: #F9F9F9;
	margin-bottom: 2px;
	width: 200px;
}

.TextArea
{
	width: 400px;
}

.TextBoxTitle
{
	width: 120px;
	display: block;
	float: left;
	margin-top: 2px;
	clear: left;
}

.RadioButtonList
{
	margin-left: -2px;
}

.FormBlock fieldset
{
	border: solid 1px #D1D1D1;
}

.FormBlock fieldset legend
{
	color: #777777;
	/*font-family: Georgia; */
	font-size: 1.1em; 
	font-weight: normal;
	padding-left: 3px; 
	padding-right: 4px; 
	padding-bottom: 4px;
}

button, .Button, .SmallButton, .ButtonLink
{
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px;
    color: #FFFFFF;
    background-color: #545454;
    border-right: #252525 2px solid;
    border-top: #9A9A9A 2px solid;
    border-left: #939393 2px solid;
    border-bottom: #313131 2px solid;
    text-align: center;
    text-decoration: none;
}
	.Button.tiny { font-size: 0.85em; padding: 3px 5px; }
	a.Button:hover { color: #fff; background-color: #333333; }

.Button[disabled], .SmallButton[disabled] 
{
    color: #9D9DA1;
    background-color: #F1F1ED;
    border: #E5E5DD 2px solid;
}

.SmallButton
{
    font-size: 1em;
    font-weight: normal;
    padding: 3px;
    border-width: 1px;
    line-height: 1.1em;
}

.HighlightButton
{
    background-color: #FF9900;
    border-right-color: #AA6600;
    border-top-color: #FFCC66;
    border-left-color: #FFC145;
    border-bottom-color: #DB8300;
}

.ButtonLink
{
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 5px;
    padding-bottom: 6px;
}

.ButtonLink:hover
{
    color: #FFF;
}


/* Images
---------------------------*/

#UserImageSpacer
{
	width:100px;
	height:100%;
	position:relative;
}

#UserImageSpacer div
{
	position:absolute;
	bottom:0;
	left:0;
}


/* Table
---------------------------*/

.TableHeader
{
	color: #424242;
	border-bottom: solid 1px #CCCCCC;
}

.TableHeaderVertical
{
	color: #424242;
	border-top: solid 1px #CCCCCC;
	padding-top: 5px;
}

.FormTable TD
{
	padding-top: 3px;
}

.FormTable .Title
{
	width: 170px;
}

.SmallFormTable TD
{
	padding-top: 10px;
}

.TableList
{
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}

.TableList .Header td
{
    border-top: solid 2px #CCCACA;
    background-color: #F1F1F1;
    padding: 3px;
}

.TableList .Line td
{
    padding: 8px 3px 10px 3px;
    border-bottom: #CCCACA 1px solid;
}

/* Header layout (inc. menu)
--------------------------------------------------------------------------------------- */

#TopMenu
{
	width: 952px;
	height: 40px;
	position: relative;
	left: 0px; 
	top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
	color: #FFFFFF;
}

#TopMenu .Logo
{
	position: relative;
    width: 80px;
    padding-top: 7px;
    padding-left: 5px;
    float: left;
}

#TopMenu .Bar
{
	width: 942px;
	height: 37px;
	float: left;
	position: relative;
	background-color: #282828;
	/*border-bottom: solid 2px #D9D9D9;*/
}

#TopMenu .ItemsWrap
{
    position: relative;
	width: 452px;
	float: left;
}

#TopMenu .Item
{
    font-size: 15px;
    font-weight: normal;
    padding: 9px 11px;
	position: relative;
	z-index: 2;
	float: left;
	margin-right: 3px;
	text-align: center;
	/*font-family: Georgia;*/
}

#TopMenu .ItemSelected
{
	background-color: #EB0303;
}

#TopMenu .UserButtonsWrap
{
	position: relative;
	top: 10px;
	width: 50px;
	margin-right: 5px;
	text-align: right;
	float: right;
	font-size: 1.2em;
}

#TopMenu .UserNameWrap
{
	position: relative;
	top: 11px;
	width: 160px;
	margin-right: 0;
	text-align: left;
	float: right;
	font-size: 1.2em;
	z-index: 10;
}

#TopMenu .UserNameWrap .DropDownIcon
{
	position: relative;
	top: 4px;
	border: 0;
}

#TopMenu #UserMenu
{
	display: none;
	position: absolute;
	top: 0;
	left: 590px;
	float: right;
	clear: both;
	z-index: 9;
	width: 160px;
	padding-top: 30px;
	background-color: #282828;
	border: solid 1px #444444;
	border-top: 0px;
	font-size: 1.2em;
}

#TopMenu .SearchWrap
{
	position: relative;
	width: 180px;
	height: 16px;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	text-align: right;
	z-index: 9;
}

#TopMenu .SearchWrap .DropDownIcon
{
	position: relative;
	left: -12px;
	border: 0;
}

#TopMenu .SearchTextBox
{
	position: relative;
	width: 135px;
	height: 14px;
	float: left;
	border-right: #d9d9d9 1px solid;
	border-top: #d9d9d9 1px solid;
	border-left: #d9d9d9 1px solid;
	border-bottom: #d9d9d9 1px solid;
	font-size: 1.1em;
	font-family: "Trebuchet MS";
	margin: 0;
	padding-left: 2px;
	padding-right: 3px;
	line-height: 1.3em;
	background-color: #FFFFFF;
}

#TopMenu .SearchImageButton
{
	position: relative;
	left: -8px;
	top: -1px;
}

#TopMenu #QuickSearch
{
	display: none;
	position: relative;
	top: -32px;
	left: -11px;
	width: 190px;
	min-height: 45px;
	padding-top: 30px;
	padding-bottom: 5px;
	background-color: #282828;
	border: solid 1px #444444;
	border-top: 0px;
	font-size: 1.2em;
	text-align: left;
	z-index: 10;
}

#TopMenu #QuickSearch a
{
    text-decoration: underline;
}

#TopMenu #QuickSearch Input
{
	border: 0;
	background-color: #282828;
}

#TopMenu #QuickSearch .Sections
{
    margin: 4px 8px 3px 11px;
}

#TopMenu #QuickSearch .Sections a
{
    margin-right: 3px; 
    padding: 0 2px 0 2px; 
    text-decoration: none;
}

#TopMenu #QuickSearch .Sections .Selected
{
    background-color: #EB0303;
}

/*
#TopMenu .Item a, #TopMenu .Item a:hover
{
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	background-color: Transparent;
}

#TopMenu .ItemSelected a, #TopMenu .ItemSelected a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
*/


/* Contents layout ????
--------------------------------------------------------------------------------------- */

.UpdateProgress div
{
    float: right;
    margin: 5px 10px 0 0;
}

.UpdateProgressInline div
{
    position: relative;
    top: -18px;
    left: 250px;
}

.Transparent
{
    background-color: #FFFFFF; 
    filter: alpha(opacity=90); 
    opacity: 0.9;
}

.AuthorBox
{
    padding: 4px 0 4px 0;
	margin: 5px 0 8px 0;
	font-size: 0.9em;
	color: Gray;
	border-top: solid 2px #CCCACA;
	/*border-bottom: solid 1px #E8E7E7;*/
}

.Comment .AuthorBox
{
	padding: 4px 7px 0px 7px;
	margin: 0;
	border: 0;
}

.NoteBox
{
	background-color: #F1F1F1; 
	padding: 4px 5px 4px 5px;
	margin: 10px 0 10px;
	font-size: 0.9em;
	/*border-top: solid 1px #E8E7E7;*/
	border-bottom: solid 2px #CCCACA;
	color: #808080;
}

.Comment .NoteBox
{
	background-color: #E0E0E0;
	padding: 4px 7px 4px 7px;
	margin: 3px 0 0 0;
	border: 0;
}

.PopBox
{
	display: none;
	position: absolute;
	z-index: 10;
	background-color: #F8F8F8;
	border: solid 1px #D9D9D9;
	font-size: 0.9em;
}

.IntroText
{
    padding: 4px 0 4px 0;
	margin-top: 5px;
	border-top: solid 2px #CCCACA;
}

.DarkBorder
{
    border-color: #282828;
}

/*** Messages ***/

.InlineMsgOK
{
    background-color: Green;
}

.InlineMsgError
{
    background-color: Red;
}

.InlineMsgAttention
{
    background-color: #FFD455;
}

.InlineMsgOK, .InlineMsgError, .InlineMsgAttention
{
    color: #FFFFFF;
    padding: 0 3px 1px 4px;
    margin-bottom: 3px;
    position: relative;
    top: -5px;
}

.SucessText, .ErrorText, .AttentionText, .EmphasizedText
{
	color: #FFF; 
	display: block;
	padding: 4px 6px 4px 6px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
}

.SucessText a, .ErrorText a
{
    color: #FFF;
}

.SucessText
{
	background-color: #6AB862;
	border-color: #159505;
}

.ErrorText
{
	background-color: #FA5454;
	border-color: #EB0303;
}

.AttentionText
{
	background-color: #FCEDAA;
	border-color: #FFD455;
	color: #000;
}

.EmphasizedText
{
	background-color: #F1F1F1;
	border-color: #CCCCCC;
	color: #000;
}

.HelpMsg fieldset
{
	border-color: #D7E2F7;
}

.HelpMsg legend
{
	color: #2355B1; 
}

.HelpMsg legend .Icon
{
	background-color: #2355B1; 
	margin-right: 3px;
}


.SucessMsg fieldset
{
	border-color: #BEE0BA;
}

.SucessMsg legend
{
	color: #159505; 
}

.SucessMsg legend .Icon
{
	background-color: #159505; 
	margin-right: 3px;
}


.ErrorMsg
{
	border-color: #EEBCBC;
}

.ErrorMsg legend
{
	color: #EB0303; 
}

.ErrorMsg legend .Icon
{
	background-color: #EB0303; 
	margin-right: 3px;
}

.AttentionMsg fieldset
{
	border-color: #FDE4B3;
}

.AttentionMsg legend
{
	color: #F5A607; 
}

.AttentionMsg legend .Icon
{
	background-color: #F5A607; 
	margin-right: 3px;
}


/* Footer layout
--------------------------------------------------------------------------------------- */

#TopFooter
{
	width: 950px;
	background-color: #FFFFFF;
	border-left: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	text-align: left;
}

#TopFooter .BlockLeft
{
	float: left; 
	padding: 7px 0 5px 7px;
}

#TopFooter .BlockRight
{
	float: right; 
	padding: 7px 7px 5px 0;
}


/* Bottom Footer */

.BottomFooter
{
	color: Gray;
	position: relative;
	left: 0px; 
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	display: inline;
	background-color: #FFFFFF; 
	padding: 5px;
}

.BottomFooter .ButtonIcon
{
	background-color: #808080;
}


/* Elements & controls
--------------------------------------------------------------------------------------- */

/* GridView
---------------------------*/

.GridViewTable
{
    border: 0px;
}

.GridViewHeader th
{
    font-size: 0.9em;
    color: #545454;
    border-bottom: #545454 1px solid;
    padding: 3px;
    font-weight: normal;
}

.GridViewRow td
{
    padding: 5px;
    border-bottom: #D1D1D1 1px solid;
}

.GridViewFooter td
{
    padding: 3px;
    border-bottom: #545454 1px solid;
    background-color: #F1F1F1;
}


/* Reorder List
---------------------------*/

.ReorderList ul {
	margin: 0;
	padding: 0;
}

.ReorderList li {
	list-style:none;
	padding: 3px 0 2px 0;
	color:#000;
	border: solid 0 #CCCCCC;
	border-bottom-width: 1px;
}


/* Auto Complete
	margin-top: -7px;
	margin-left: -13px;
---------------------------*/

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0;
	margin-top: -1px;
	padding: 0;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : hidden;
    text-align : left; 
    list-style-type : none;
}

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 2px;
}

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 2px;
}


/* Profile Image
---------------------------*/

.ProfileImage
{
}

.ProfileImage .NameBG
{
    width: 100%; 
    background-color: #FFFFFF; 
    filter: alpha(opacity=80); 
    opacity: 0.8;
}

.ProfileImage .NameWrap
{
    padding: 5px;
    text-align: left;
    font-size: 1.1em;
}

/* Connections
---------------------------*/

.ConnectionAccepted, .ConnectionRejected
{
    padding: 7px 10px 8px 10px;
}

.ConnectionAccepted
{
    background-color: Green;
}

.ConnectionRejected
{
    background-color: Red;
}


/* ModalPopup
---------------------------*/

.ModalPopupBG
{
    width: 100%;
    position: relative;
    z-index: 100;
    left: -500px;
	background-color: #282828;
	filter: alpha(opacity=90);
	opacity: 0.90;
}

.ModalPopup
{
    position: absolute;
    z-index: 101;
    background-color: #FFF;
	padding: 15px;
	text-align: left;
	font-size: 13px;
	color: #000;
	border-top: solid 15px #282828;
	border-bottom: solid 15px #282828;
}


/* Tabs
---------------------------*/

.Tab
{
	display: none;
}  

.TabMenu
{
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px solid #ADADAD;
    width: 100%;
    height: 26px;
}

.TabMenu ul
{
    text-align: left;
    display: inline;
}

.TabMenu ul, .TabMenu li
{
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

.TabMenu li
{
    display: inline;
    position: relative;
    white-space: nowrap;
    text-align: center;
}

.TabMenu a
{
    margin-left: 0;
    margin-right: 5px;
    font-size: 1em;
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #ADADAD;
    padding: 5px 10px 4px 10px;
    line-height: 23px;
    background-color: #F1F1F1;
}

.TabMenu a:hover
{
    background-color: #000000;
    color: #FFFFFF;
}

.TabMenu .Selected a
{
	background-color: #FFFFFF;
	border-top: 1px solid #ADADAD;
    border-left: 1px solid #ADADAD;
    border-right: 1px solid #ADADAD;
    border-bottom: 2px solid #FFFFFF;
    padding: 5px 9px 3px 9px;
    line-height: 2em;
}

.TabMenu .Selected a:hover
{
    background-color: #FFFFFF;
    color: #000000;
}


/* Horizontal Menu
---------------------------*/

.HorizontalMenu
{
	margin: 15px 0 10px 0;
	padding-bottom: 5px;
	/*font-family: Georgia;*/
	font-size: 1em;
	border-bottom: solid 2px #D1D1D1;
}

.HorizontalMenu a, .HorizontalMenuPrefix
{
	color: #000000;
	padding: 3px 12px 5px 12px;
	background-color: #F5F5F5;
	border-bottom: solid 2px #D1D1D1;
	position: relative;
	text-decoration: none;
	margin-right: 5px;
}

.HorizontalMenuPrefix
{
	color: #808080;
}

.HorizontalMenu a.Selected
{
	padding: 6px 12px 7px 12px;
	border: solid 1px #B7B7B7;
	border-bottom: 0px;
	background-color: #FFFFFF;
	position: relative;
}

.HorizontalMenu a:hover
{
    color: #FFFFFF;
    background: #EB0303;
}

.HorizontalMenu a.Selected:hover
{
    color: #000000;
    background: #FFFFFF;
}

.HorizontalMenuPrefix
 {
    padding: 3px 0 5px 0;
    background-color: #FFFFFF;
    white-space:nowrap;
 }

.HorizontalMenuTitle
{
    clear:left;
    float: left; 
    font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-align: left;
	width: 200px;
	position: relative;
	top: -5px;
}


/* Vertical Menu
---------------------------*/

.VerticalLinksMenu a
{
    display: block;
	color: #000000;
	padding: 6px;
	background-color: #F5F5F5;
	border-bottom: solid 2px #D1D1D1;
	text-decoration: none;
	margin-bottom: 2px;
}

.VerticalLinksMenu a:hover
{
    color: #FFFFFF;
    background: #EB0303;
}


.VerticalMenu .Item
{
    color: #FFFFFF;
    padding: 5px 0 5px 5px;
	background-color: #282828; /*#545454;*/
	margin-bottom: 4px;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.VerticalMenu .SubItem, .VerticalMenu .Headline
{
    color: #000;
    padding: 3px 5px 2px 5px;
	margin-left: 20px;
	font-size: 0.9em;
	text-decoration: none;
	display: block;
	border-bottom: solid 1px #D1D1D1;
}

.VerticalMenu .SubItem a
{
    color: #000;
	text-decoration: none;
}

.VerticalMenu .SubItem a:hover
{
    color: #FFFFFF;
}

.VerticalMenu .Headline
{
    font-weight: bold;
    padding: 10px 5px 0 5px;
}

.VerticalMenu .SubItemsPanel
{
	margin-bottom: 10px;
}

.VerticalMenu .Item:hover, .VerticalMenu .SubItem:hover
{
    color: #FFFFFF;
    background-color: #255C8F;
}

.VerticalMenu .Selected
{
    color: #FFFFFF;
    background-color: #EB0303;
}

.VerticalMenu .Active
{
    color: #FFFFFF;
    background-color: #78BB0B;
}

.VerticalMenu .Item .Icon
{
	background-image: none;
	background-color: Transparent;
	margin-right: 5px;
}

/*
.VerticalMenu ul
{
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

.VerticalMenu ul li
{
	margin: 0px;
	padding: 0px;
	list-style-type: square;
	color: #EB0303;
}

.VerticalMenu ul li a
{
    color: #000000;
    text-decoration: none;
    padding: 0px 2px 0px 2px;
    margin-left: -5px;
}
*/



/* Drag and Drop START
---------------------------*/

	#mainContainer{
		width:700px;
		margin:0 auto;
		text-align:left;
	}
	
	/* This is the box that is parent to the dragable items */
	#dragableElementsParentBox{
		padding:10px;	/* Air */
	}
	
	.smallArticle, .bigArticle{
		float: left;
		border: 1px solid #D1D1D1;
		background-color: #F9F9F9;
		padding: 5px;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	
	.smallArticle img, .bigArticle img{
		padding: 0;
	}
	
	.smallArticle .rightImage, .bigArticle .rightImage{
		float: right;
	}
	
	.smallArticle{
		width: 120px;
		height: 120px;
		text-align: center;	
	}
	
	.bigArticle{
		width:564px;
	}
	
	.clear{
		clear:both;
	}
	
	/* END DEMO CSS */
	
	/* REQUIRED CSS */
	
	#rectangle{
		float:left;
		border:1px dotted #F00;	/* Red border */
		background-color:#FFF;
	}
	
	#insertionMarker{	/* Don't change the rules for the insertionMarker */
		width:6px;
		position:absolute;
		display:none;
	}
	
	#insertionMarker img{	/* Don't change the rules for the insertionMarker */
		float:left;
	}		
	
	#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
		
		position:absolute;
		display:none;
		border:1px solid #000;
		filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
		opacity:0.5;	/* 50% opacity , i.e. transparency */

	}

.GenreText{
    font-size:small;

}
.GenreText a:link, .GenreText a:visited, .GenreText a:active
{
    text-decoration: none;
    color: darkgray;
}
.GenreText a:hoover{
    }
    
.TagText{
    font-size:x-small;
    color: #808080;
}
.TagText a:link, .TagText a:visited{
   text-decoration:none;
  color: #808080;
}
.TagText a:hoover{
    }
    
    


/***** Browser hacks *****/

/* FireFox 2 */
.foo, x:-moz-any-link 
{
} 

/* FireFox 3 */
.RadioList input, x:-moz-any-link, x:default 
{
    width: auto;
    height: auto;
    margin-right: 0;
}

/* Safari 3.0 & Opera 9 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#TopMenu .Item
{
    padding-bottom: 9px;
}
}
/* @end OVERALL GROUP */

/************************************************************************/

/* @group Sebastian */
/* @group Ad - monetize this */
.ad300 { width: 300px; height: 250px; display: inline; float: left; margin-bottom: 20px; }
/* @end */
/* @group Typography */
.title { font-size: 1.8em; line-height: 1.85ex; font-weight: bold; margin: 10px 0 5px; }
.title a { text-decoration: none; }
.subTitle { font-size: 1.2em; font-weight: bold; }
.standAloneLink { font-size: 0.85em; padding: 10px 0 0; }
blockquote { margin: 10px 0; display: block; padding: 5px 0 0 24px; background: url(http://www.bandbase.dk/Images/Gui/blockquoteStart.gif) top left no-repeat; line-height: 1.45em; }
	blockquote a { padding: 0 24px 5px 0; font-style: italic; background: urlhttp://www.bandbase.dk/Images/Gui/blockquoteEnd.gif) bottom right no-repeat; text-decoration: none; }
	cite { display: block; padding: 10px 0 0 30px; }
		cite img { margin-left: -30px; float: left; }
.category { text-transform: uppercase; font-weight: bold; padding: 0 0 5px 0; }
	.category a { color: #f00; text-decoration: none; padding-right: 7px; }
		.category a:hover { text-decoration: underline; }
		.category span a { color: #000; }
.read { font-weight: bold; text-decoration: none; float: right; margin-top: 10px; display: inline; }
	a.read { text-decoration: underline; }
.mediumText { font-size: 0.95em; }
	.mediumText a { font-weight: bold; }
.bodyText { line-height: 1.6em; }
/* @end */

/* @group Layout */
.pageSplit { height: 10px; border-bottom: 2px dotted #ccc; margin: 0 10px 10px; clear: both; }
.right { float: right; width: 300px; display: inline; }
.main { float: left; width: 610px; display: inline; }

/* within 610px wide #MainWrap > #Main */
.primary { float: right; width: 410px; }
	.primary .reviewList, .primary .reviewList li, .primary .reviewList li.author { width: 410px; max-width: 350px; }
.secondary { float: left; width: 180px; }

/* used to split up the main content column into an ad and content space side by side */
.halfnhalf { width: 610px; float: left; padding: 10px 0; border-bottom: 2px dotted #ccc; margin-bottom: 10px; }
	.partOne { width: 300px; float: left; }
	.partTwo { width: 300px; float: right; }

.container { background-color: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin-bottom: 10px; }

.Box { }
	.smallFade { background: url(http://www.bandbase.dk/Images/Background/BWFadeTiny.gif) top left repeat-x; padding: 5px 10px; }
	.Box .part { clear: both; padding: 10px; float: left; width: 300px; max-width: 280px; }
/* @group Related footer */
.relatedFooter { width: 952px; background: #eaeaea; clear: both; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 9px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 9px; border-bottom-left-radius: 8px; border-bottom-right-radius: 9px; float: left; }
	.relatedFooter h4 { margin: 10px 0; }
	.relatedFooter .peopleListenTo { float: left; width: 610px; display: inline; margin-left: 10px; }
	.relatedFooter .visitsAndGenres { float: right; width: 300px; display: inline; margin-right: 10px; }
		.visitsAndGenres .avatarList { width: 310px; margin-bottom: 10px; }
		.visitsAndGenres .trackListLight { border-bottom: none; }
/* @end */
/* @group Fat footer */
.fatFooter { width: 950px; background: url(../Images/Layout/fatFooter_bg.gif) top center no-repeat; float: left; display: inline; color: #fff; text-align: left; font-size: 10px; margin: 20px 0 0 5px; }
	.ffEditorial, .ffMusic, .ffUsers { margin: 10px; float: left; display: inline; }
	.ffEditorial { width: 250px; }
	.ffMusic { width: 400px; }
	.ffUsers { width: 240px; }

.fatFooter a { color: #fff; }
.fatFooter a:hover { color: #f00; }

.fatFooter .title { margin: 0; text-transform: uppercase; font-size: 2em; }
	.fatFooter .title a { font-size: 0.5em; color: #ccc; text-decoration: underline; }
	.fatFooter .title a:hover { color: #f00; }
.fatFooter .subTitle { text-transform: uppercase; color: #ccc; letter-spacing: 0.1ex; font-size: 1.4em; margin: 10px 0 3px 0; clear: both; }

.fatFooter .container { background-color: #252525; margin-top: 20px; }
	.container .subTitle { margin-top: 0; }	
	.container.iWantYou { background: #252525 url(../Images/Layout/fatFooter_container_iWantYou.gif) 5px bottom no-repeat; margin-top: 6px; }
		.container.iWantYou .SmallText { display: block; clear: both; padding-top: 5px; margin-bottom: 0; }
			.container.iWantYou .SmallText a { color: #808080; }
	.container.gallerySlider { float: left; }
		.container.gallerySlider .controls { float: right; }
		.container.gallerySlider .subTitle { float: left; }

.fatFooter .bandCounter { border-top: 1px solid #353535;}
	.fatFooter .bandCounter p { margin: 0 0 -5px; padding: 5px 0 0; text-align: right; }
		.fatFooter .bandCounter p .counter { font-family: Courier New, monospace; font-size: 11px; letter-spacing: 2px; font-weight: bold; line-height: 13px; margin: 0 1px; color: #fff; background: url(../Images/Gui/counter_bg.gif) left 50% repeat-x; padding-left: 2px; text-align: center; }

.fatFooter .boilerplate { clear: both; background: #353535 url(../Images/Layout/fatFooter_horizontal_splitter.gif) left 10px repeat-x; color: #888; padding: 10px 0 0; border:  10px solid #353535; border-bottom: none; float: left; display: inline; width: 930px; }
	.fatFooter .boilerplate .info { background: url(../Images/Layout/boilerplate_logo.gif) left top no-repeat; display: block; padding: 0 0 7px 45px; margin-top: 2px; float: left; }
	.fatFooter .boilerplate p { margin: 7px 0 0; }
	.fatFooter .boilerplate a { color: #888; }
		.fatFooter .boilerplate a:hover { color: #aaa; }
	.fatFooter .boilerplate .languageSelection { float: right; }
		.languageSelection .danish { background: url(../Images/Icons/Flags/dk.gif) left 50% no-repeat; padding-left: 20px; margin-right: 10px; }
		.languageSelection .german { background: url(../Images/Icons/Flags/de.gif) left 50% no-repeat; padding-left: 20px; margin-right: 10px; }
		.languageSelection .english { background: url(../Images/Icons/Flags/gb.gif) left 50% no-repeat; padding-left: 20px; margin-right: 10px; }
	
.fatFooter .reviewListLight { width: 240px; }
	.fatFooter .reviewListLight li { width: 240px; color: #fff; }
		.fatFooter .reviewListLight li .SmallText img { display: none; }
		html .fatFooter ul.reviewListLight li span.SmallText a.reviewedItem { color: #fff; font-size: 1.2em; }

.fatFooter .partners { clear: both; background: #353535 url(../Images/Layout/fatFooter_horizontal_splitter.gif) left top repeat-x; color: #888; padding: 10px 0; width: 930px; text-align: center; border: 10px solid #353535; border-top: none; border-bottom: none; }
	.fatFooter .partners a img { border: none; vertical-align: middle; margin: 0 5px; } 

ul.categoryList { margin: 0; padding: 5px 0; float: left; }
	ul.categoryList li { float: left; list-style: none; padding: 1px 0; margin-right: 5px; position: relative; }
		ul.categoryList li a { padding: 2px 6px; color: #eee; background: #222; display: block; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
			ul.categoryList li a:hover { color: #fff; background: #000; }
		
		ul.categoryList li.alt a { background: #666; }
			ul.categoryList li.alt a:hover { background: #888; }
/* @end */
/* @end */
/* @group GUI elements */
	/* @group Button (a) */
	a.button { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #bbb; padding: 4px 10px; display: block; float: right; margin: 5px 0 10px 5px; font-size: 0.85em; text-decoration: none; color: #222; }
	a.button:hover { text-decoration: none; background-color: #ccc; color: #000; }
	
	a.button.prominent { font-size: 1.2em; padding: 6px 13px; }
	
	/* @end */
	/* @group goButton */
	body a.goButton { float: right; height: 29px; background: url(../Images/Gui/goButton_start.gif) top left repeat-x; padding-left: 10px; color: #ddd; text-decoration: none; font-weight: bold; cursor: pointer; }
		body a.goButton span { background: url(../Images/Gui/goButton_end.gif) top right no-repeat; margin-right: -1px; height: 29px; padding-right: 28px; line-height: 29px; float: left; cursor: pointer; }
		
		body a.goButton:hover { color: #fff; cursor: pointer; }
		body a.goButton:hover span { background: url(../Images/Gui/goButton_end_hover.gif) top right no-repeat; cursor: pointer; }
		
		
		body a.goButton.add span { background: url(../Images/Gui/goButton_add_end.gif) top right no-repeat; }
		body a.goButton.add:hover span { background: url(../Images/Gui/goButton_add_end_hover.gif) top right no-repeat; }

		body a.goButton.close span { background: url(../Images/Gui/goButton_close_end.gif) top right no-repeat; }
		body a.goButton.close:hover span { background: url(../Images/Gui/goButton_close_end_hover.gif) top right no-repeat; }
		
		body a.goButton.blank span { background: url(../Images/Gui/goButton_blank_end.gif) top right no-repeat; padding-right: 10px; }
		body a.goButton.blank:hover span { background: url(../Images/Gui/goButton_blank_end.gif) top right no-repeat; }
	/* @end */
	/* @group definition list */
	ul.profileStats { width: 300px; padding: 0; margin: 0; }
		ul.profileStats li { border-bottom: 1px solid #ccc; color: #666; display: block; padding: 0; list-style: none; margin: 0; padding: 5px 0 5px 20px; font-size: 0.9em; }
			ul.profileStats li.focus { font-size: 1.1em; padding: 7px 0 7px 20px; }
			ul.profileStats li .value { color: black; float: right; font-family: Courier New, Courier, Monaco, monospace; font-size: 1.4em; }
	
	/* @end */
	/* @group badgeContainer */
	.badgeContainer { text-align: center; }
		.badgeContainer a img { border: none; }
		.badgeContainer h2 { text-align: left; }

	/* @end */
	/* @group definition list */
	ul.profileStats { width: 300px; padding: 0; margin: 0; }
		ul.profileStats li { border-bottom: 1px solid #ccc; color: #666; display: block; padding: 0; list-style: none; margin: 0; padding: 5px 0 5px 20px; font-size: 0.9em; }
			ul.profileStats li.focus { font-size: 1.1em; padding: 7px 0 7px 20px; }
			ul.profileStats li .value { color: black; float: right; font-family: Courier New, Courier, Monaco, monospace; font-size: 1.4em; }
	
	/* @end */
	/* @group badgeContainer */
	.badgeContainer { text-align: center; }
		.badgeContainer h2 { text-align: left; }
	
	/* @end */
	/* @group textOverlayContainer */
	.textOverlayContainer { position: relative; float: left; }
		.textOverlayContainer img { border: none; float: left; }
		.textOverlayContainer div { position: absolute; top: 5px; background: #000; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;color: #fff; left: 0; padding: 2px 5px; font-size: 1.2em; }
		 a.textOverlayContainer, a.textOverlayContainer div { text-decoration: none; }
	/* @end */
	
		/* @group textOverlayContainer2 */
	.textOverlayContainer2 { position: relative; float: left; }
		.textOverlayContainer2 img { border: none; float: left; }
		.textOverlayContainer2 div { position: absolute; top: 20px; background: #000; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;color: #fff; left: 0; padding: 2px 5px; font-size: 1.2em; }
		 a.textOverlayContainer2, a.textOverlayContainer2 div { text-decoration: none; }
	/* @end */

	/* @group dotPagination */
	.dotPagination { float: right; font-size: 0px; padding-top: 5px; }
		.dotPagination .full { background: url(../Images/Controls/DotPagination/full.gif) no-repeat 50% 50%; height: 7px; width: 8px; display: block; float: left; margin: 0 2px; overflow: hidden; text-indent: -9999px; }
		.dotPagination .empty { background: url(../Images/Controls/DotPagination/empty.gif) no-repeat 50% 50%; height: 7px; width: 8px; display: block; float: left; margin: 0 2px; overflow: hidden; text-indent: -9999px; }
	/* @end */
	/* @group categoryList */
	ul.categoryList { list-style: none; }
		ul.categoryList li { float: left; }
	/* @end */
	/* @group tabNavigation */
	ul.tabNavigation { list-style: none; float: right; margin: 0; padding: 0; position: absolute; bottom: 0px; right: 10px; font-weight:normal;}
		ul.tabNavigation li { float: right; border: 1px solid #777; border-bottom: none; background: #555; margin-left: 5px; display: inline; padding: 0 3px; height: 17px; line-height: 15px; }
		ul.tabNavigation li a { font-size: 0.7em; color: #ccc; }
			ul.tabNavigation li.selected { border-color: #fff; background: #efefef; }
			ul.tabNavigation li.selected a { color: #000; }
	
	/* @end */
	/* @group invertBox */
	.invertBox { background: #282828; width: 300px; padding: 6px; max-width: 288px; float: right; }
		.invertBox object { margin-bottom: 6px; }
		.invertBox h2 { color: #fff; border: none; margin: 0; }
		.invertBox .date { float: right; font-size: 0.85em; padding-top: 0.35em; }
		.invertBox p { color: #d3d3d3; font-size: 0.85em; margin: 0 0 5px 0; }
		.invertBox a { color: #fff; text-decoration: underline; }
			.invertBox a:hover { text-decoration: none; }
	/* @end */
	/* @group Tabigation */
		ul.sContentTabigation { float: left; margin: 0; padding: 0 0 0 375px; font-size: 1.2em; }
			ul.sContentTabigation li { list-style: none; float: left; margin: 0; padding: 0; background: #f0f0f0; border: 1px solid #e5e5e5; border-bottom: none; padding: 4px 15px 3px; margin-right: 5px; display: inline; }
			ul.sContentTabigation li.selected { background-color: #fff; position: relative; bottom: -1px; padding: 5px 15px 4px; margin-top: -2px; }
				ul.sContentTabigation li a { text-decoration: none; }
	/* @end */
	/* @group StepByStep */
		.stepByStep { float: right; list-style: none; margin: 0; }
			.stepByStep li { display: block; width: 150px; text-align: center; float: left; background-repeat: no-repeat; background-position: bottom center; padding: 0 0 10px 0; }
			.start { background-image: url(../Images/Progress/start.gif); }
				.currentStep.start { background-image: url(../Images/Progress/start_chosen.gif); }
			.step { background-image: url(../Images/Progress/step.gif); }
				.currentStep.step { background-image: url(../Images/Progress/step_chosen.gif); }
			.end { background-image: url(../Images/Progress/end.gif); }
				.currentStep.end { background-image: url(../Images/Progress/end_chosen.gif); }
	/* @end */	
/* @end */
/* @group Content lists */
	/* @group focusBox */
	.focusBox { }
		.focusBox h3 { background: #353535; color: #fff; padding: 2px 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; margin: 0; }
		.focusBox h4 { margin: 0; font-size: 0.9em; }
			.focusBox h4 span { padding-right: 5px; }
		.focusBox ul { list-style: none; padding: 0; margin: 0; }
			.focusBox ul li { border: 1px solid #ccc; border-top: none; padding: 5px 4px; background: url(http://www.bandbase.dk/Images/Background/BWFadeTiny.gif) top left repeat-x; clear: both; }
			.focusBox ul li div.selected { height: 140px; background: #fff; clear: both; }/**/
				.focusBox ul li a { text-decoration: none; }
				.focusBox ul li .grayIcon,
				.focusBox ul li .Icon { float: right; margin-top: -1px; }
			
			.focusBox ul li blockquote { }
			.focusBox ul li cite { text-align: right; padding: 0 10px 0 0; }
			.focusBox ul li .SmallText a { text-decoration: underline; }
				.focusBox ul li .SmallText a:hover { text-decoration: none; }
			.focusBox ul li ul li { background: none; border: none; }
			
			.focusBox ul li ul.reviewListLight li { width: 288px; }
				.focusBox ul li ul.reviewListLight li strong { font-size: 1.2em; text-decoration: underline; }
	/* @end */
	/* @group articleListLight */
	.articleListLight { list-style: none; clear: both; margin: 0; padding: 0; }
		.articleListLight li { border-bottom: 1px solid #4c4c4c; padding: 5px; }
			.articleListLight li a { display: block; }
			.articleListLight li .date { color: #777; }
	/* @end */
	/* @group musicList */
	.musicList { list-style: none; padding: 0; margin: 0; }
		.musicList li { float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 7px 0; }
			.musicList li .rankIndicator { float: left; height: 50px; width: 50px; position: relative; background: #f5f5f5 url(../Images/Gui/musicListRank_bg.gif) left top no-repeat; text-align: center; margin-right: 1px; display: inline; }
				.musicList li .rankIndicator strong { line-height: 35px; font-size: 30px; font-family: Helvetica, Trebuchet MS, sans-serif; }
				.musicList li .rankIndicator .rankProgress { position: absolute; bottom: 0px; left: 0; border-top: 1px solid #fff; width: 50px; text-align: center; font-size: 0.85em; }
					.rankProgress.negative 	{ background: #aa1919 url(../Images/Gui/musicListRank_negative.gif) left bottom no-repeat; color: #fff; }
					.rankProgress.positive 	{ background: #6eb231 url(../Images/Gui/musicListRank_positive.gif) left bottom no-repeat; color: #fff; }
					.rankProgress.new 		{ background: #e4e615 url(../Images/Gui/musicListRank_new.gif) left bottom no-repeat; color: #000; }
					.rankProgress.unaltered	{ background: #cccccc url(../Images/Gui/musicListRank_unaltered.gif) left bottom no-repeat; }

			.musicList li .avatar { float: left; text-decoration: none; font-size: 0px; position: relative; }
				.musicList li .avatar img { border: none; margin-right: 10px; }
				.musicList li .avatar span { position: absolute; bottom: 4px; right: 14px; width: 16px; height: 16px; }
					.musicList li .avatar span.track { background: url(../Images/Icons/musicList_track.gif) 50% 50% no-repeat; }
					.musicList li .avatar span.album { background: url(../Images/Icons/musicList_album.gif) 50% 50% no-repeat; }
			
			.musicList li .musicInfo { margin-top: 3px; }
				.musicList li .musicInfo a { text-decoration: none;  }
				.musicList li .musicInfo strong { text-decoration: underline; }
				.musicList li .musicInfo span { color: #999; font-size: 0.85em; }
					.musicList li .musicInfo span a { color: #999; }
				.musicList li .musicInfo div { margin-top: 4px; }
					
			.musicList li .musicControls { float: right; width: 105px; margin-top: 10px; display: inline; }
				.inlinePlay { float: right; }
					.inlinePlay embed, .inlinePlay img { margin-top: 3px; }
					
				.musicList li ol { border-top: 1px solid #ccc; float: right; width: 375px; margin: 10px 0 0; padding: 0; list-style: none; }
					.musicList li ol.albumTrackList li { width: 375px; float: none; font-size: 0.85em; }
						.musicList li ol.albumTrackList li span.trackCount { color: #999; font-weight: bold; font-style: italic; padding-right: 5px; }
						.musicList li ol.albumTrackList li span { color: #999; font-size: 1em; /* because the entire ol is shrinked */ }
						
		/* @group album */
		.musicList.visualProminent { }
			.musicList.visualProminent li { width: 180px; }
			.musicList.visualProminent li .avatar img { margin-right: 0; }
			.musicList.visualProminent li .musicControls { margin: -28px 5px 0 0; position: relative; }
			.musicList.visualProminent li .musicInfo { clear: both; padding-top: 5px; }
		/* @end */	
		/* @group tracks */
		.musicList.inline { }
			.musicList.inline li .musicControls { width: 33px; margin: 0; display: inline; }
			.musicList.inline li .musicInfo { display: inline; }
		/* @end */
	/* @end */
	/* @group trackList */
	.trackList { list-style: none; clear: both; margin: 0 0 10px 0; padding: 0; width: 100%; }
		.trackList li { padding: 0 0 10px 60px; }
		.trackList li a.avatar { float: left; margin-left: -60px; }
			.trackList li .avatar img { border: none; }
			.trackList li .controls { float: right; }
			.trackList li strong { font-size: 1.3em; display: block; }
			.trackList li .tags { font-size: 0.9em; color: #808080; }
				.trackList li .tags a {	color: #808080; }
		/* @group tracklist numeric */
		a.rankIndicator { background: top left no-repeat; padding-left: 15px; display: block; font-size: 12px; color: #fff; text-decoration: none; text-align: left; cursor: default; margin-bottom: -6px; height: 12px; line-height: 12px; }
			a.rankIndicator.positive 	{ background-image: url(../Images/Gui/rankIndicator_positive.gif); }
			a.rankIndicator.negative 	{ background-image: url(../Images/Gui/rankIndicator_negative.gif); }
			a.rankIndicator.new			{ background-image: url(../Images/Gui/rankIndicator_new.gif); }
			a.rankIndicator.unaltered	{ background-image: url(../Images/Gui/rankIndicator_unaltered.gif); }
		a.rankIndicator:hover { color: #666; }
		
		/* @end */
		/* @group trackTitleList */
		.trackTitleList { list-style: none; margin: 0; padding: 0; }
			.trackTitleList li { padding: 0; border-bottom: 1px solid #ccc; }
			.trackTitleList li a { text-decoration: none; padding-top: 5px; }
			.trackTitleList li div { padding-bottom: 5px; }
				.trackTitleList.edit li a { display: block; }
				.trackTitleList.edit li a:hover { background: url(../Images/Icons/edit_forBg.gif) 50% right no-repeat; }

		
		/* @end */
		/* @group trackListLight */
		.trackListLight { list-style: none; clear: both; padding: 0 0 10px 0; margin: 0; border-bottom: 1px solid #4c4c4c; }
			.trackListLight li { padding:  0 0 13px 35px; }
			.trackListLight li a.avatar { float: left; margin-left: -35px; }
				.trackListLight li a.avatar img { border: none; }
			.trackListLight li .controls { float: right; }
		/* @end */
	/* @end */
	/* @group quoteList */
		ul.quoteList { margin: 0; padding: 0 10px; }
		ul.quoteList li { border-bottom: 1px solid #ccc; list-style: none; padding: 0; margin:0 }
	/* @end */
	/* @group avatarList */
	.avatarList { list-style: none; width: 250px; float: left; padding: 0; margin: 0 0 0 -10px; }
		.avatarList li { float: left; margin: 0 0 10px 10px; display: inline; }
		.avatarList li a img { border: none; }
	/* @end */
	/* @group postList */
	ul.postList { padding: 0; margin: 0; list-style: none; clear: both; }
		ul.postList li { padding: 0 0 10px 180px; margin-bottom: 10px; border-bottom: 2px dotted #ccc; }
			ul.postList li .postImage { margin-left: -180px; float: left; }
			ul.postList li .metainfo { padding-top: 10px; }
				ul.postList li .metainfo a:hover { text-decoration: none; }
			ul.postList li p { margin: 5px 0; line-height: 2.6ex; }
			
	    ul.postList.narrow li { padding-left:0; }
	    ul.postList.narrow li .postImage { margin: 0.5em 10px 0.5em 0;}
	/* @end */
	/* @group postListSidebar */
	ul.postListSidebar { padding: 10px 0 0 0; margin: 0 10px; list-style: none; clear: both; }
		ul.postListSidebar li { padding: 0 65px 10px 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; clear: both; float: left; width: 215px; }
			ul.postListSidebar .postImage { margin-right: -65px; float: right; border: none; }
			ul.postListSidebar li .metaInfo { padding-top: 5px; display: block; }
				ul.postList li .metainfo a:hover { text-decoration: none; }
	/* @end */
	/* @group inlineTrackList */
	ul.inlineTrackLsit { padding: 0; margin: 0; list-style: none; }
		ul.inlineTrackList li { list-style: none; padding: 3px 0; background: none; border: none; clear: both; float: left; width: 100%; font-size: 0.95em; }
			ul.inlineTrackList li a { color: #000; text-decoration: underline; font-weight: bold; }
			ul.inlineTrackList li a:hover { color: red; }
	/* @end */
	/* @group textTileList */
	ul.textTileList { padding: 0; margin: 0; list-style: none; width: 630px; margin-left: -10px; float: left; display: inline; }
		ul.textTileList li { width: 280px; display: block; float: left; margin-left: 20px; border-bottom: 1px solid #ccc; }
		ul.textTileList li p { font-size: 0.85em; color: #353535; }
		ul.textTileList li p strong { font-size: 1.18em; color: #000; }
	/* @end */
/* @end */



/* @group /News/ */
	/* @group focusArticles */
	#focusArticles { background: #eee; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 10px 6px; float: left; display: inline; }
		#focusArticles .currentArticle { padding: 10px; width: 650px; float: left; }
			#focusArticles .currentArticle img.postImage { float: left; margin-right: 10px; display: inline; }
		#focusArticles .articleQue { float: right; list-style: none; margin: 0; padding: 0; width: 260px; background: #d5d5d5; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; min-height: 233px; }
			#focusArticles .articleQue li { display: block; float: left; max-width: 177px; width: 260px; padding: 8px 5px 8px 78px; border-bottom: 1px solid #eee; }
				#focusArticles .articleQue .selected { background: #eee; }
				#focusArticles .articleQue .last { border-bottom: none; }
				#focusArticles .articleQue img { float: left; margin-right: 5px; margin-left: -70px; }
				#focusArticles .articleQue strong a { font-size: 0.95em; text-decoration: none; display: block; }
	/* @end */	
	/* @group Categories */
	#categoryPatchwork { width: 302px; margin-left: -2px; margin-bottom: 20px; display: inline; float: left;  }
		#categoryPatchwork a { display: block; width: 149px; height: 99px; position: relative; float: left; margin: 0 2px 2px 0; text-decoration: none; cursor: pointer; }
			#categoryPatchwork a .info { background: #282828; position: absolute; bottom: 0px; padding: 2px 7px 5px; width: 149px; max-width: 135px; }
			#categoryPatchwork a h4 { font-size: 1.4em; display: inline; color: #fff; text-decoration: none; }
			#categoryPatchwork a span.SmallText { color: #999; display: block; text-decoration: none; }
			#categoryPatchwork a p { display: none; }
			
			#categoryPatchwork a:hover .info { position: absolute; bottom: 0; top: 0; max-height: 92px; height: 99px; background: #000; }
			#categoryPatchwork a:hover .info span.SmallText, #categoryPatchwork a:hover .info h4 { display: none; }
			#categoryPatchwork a:hover .info p { display: block; display: block; margin: 0; padding: 7px; font-size: 0.95em; color: #fff; }
				#categoryPatchwork a:hover .info p span { text-transform: capitalize; color: #999; display: block; font-size: 0.85em;}
	/* @end Categories */
	
/* @end */
/* @group /Account/ */
/* @group Newsfeed */
	.feed { padding: 0; margin: 0; list-style: none; }
		.feed li.entry { padding: 6px 10px 6px 68px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; float: left; clear: both; /*width: 332px;*/ background: url('http://www.bandbase.dk/Images/Layout/feedColumnBg.gif') top left repeat-y; position: relative; }
		.feed li.entry img.avatar { float: left; margin-left: -64px; border: none; }
		.feed li.entry .SmallText a:hover { color: #f00; }
		.feed li.entry p a { font-size: 0.95em; color: #808080; text-decoration: none; }
		.feed li.entry .rating { float: right; margin: 0 20px 0 0; display: inline; } 
		.feed li.entry blockquote { font-size: 0.95em; float: left; display: inline; margin: 10px 0 5px 18px; }
		.feed li.entry .inlineTrackList { float: left; /*width: 322px;*/ margin: 0; padding: 0 0 0 18px; }
			.feed li.entry .inlineTrackList,
			.feed li.entry .inlineTrackList a { color: #808080; }
		.feed li.entry .hide { position: absolute; text-align: right; top: -1px; right: 0; color: #808080; padding: 3px; font-size: 0.85em; border: 1px solid #fff; border-top: none; }
			.feed li.entry .hide img.GrayIcon { background-color: #ababab; }
		.feed li.entry .hideShowing { position: absolute; text-align: right; top: -1px; right: 0; color: #000; padding: 3px 3px 5px 5px; font-size: 0.85em; border: 1px solid #ccc; border-top: none; background: #ccc; }
	/* @group Filter */
	.Box.Filter p { padding: 0; }
	.showHide { float: right; font-size: 0.85em; line-height: 16px; padding-top: 3px; color: #808080; }
		.showHide input { margin: 0 0 3px 3px; vertical-align: top; }
	.genre { font-size: 0.85em; }
	/* @end */
/* @end */
/* @end */

/* @group /Bandpage/ */
.sWrapper { width: 952px; margin: 0 auto; text-align: left; }
.sContent { background: white; width: 952px; float: left; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; border: 1px solid #c5c5c5; clear: both; font-size: 1.3em; }
	.businessCard { background: #eaeaea; width: 355px; padding: 10px; float: left; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 9px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 9px; border-top-left-radius: 8px; border-bottom-right-radius: 9px; }
		.businessCard .avatar { float: left; margin-right: 10px; display: inline; }
		.businessCard h1 { border: none; font-size: 1.8em; margin: 0; text-transform: none; }
		.businessCard .genre { font-size: 1.076923em; /* 14 px */ }
			.businessCard .genre span { font-size: 0.785714em; /* 11 px */ }
		.businessCard .stats { font-size: 0.85em; /* 11 px-ish */ }
		
		.businessCard .genre, .businessCard .genre a,
		.businessCard .stats, .businessCard .stats a { text-decoration: none; color: #808080; }
		.businessCard .genre a:hover, .businessCard .stats a:hover { color: #f00; } 

		.sWrapper p.bandBio { clear: both; padding: 0 0 5px 0; font-size: 0.85em; line-height: 1.3em; }

		.bandFunctions { padding: 0; clear: both; text-align: center; }
			.bandFunctions .button { float: left; margin: 5px 5px 10px 0; }
			.bandFunctions .iconHeart,
			.bandFunctions .iconMessage,
			.bandFunctions .iconFacebook { background-position: 3px 50%; padding-left: 20px; }
				
.sWrapper .subTitle { border-bottom: 2px solid #ccc; text-transform: uppercase; clear: both; }
.sWrapper p { margin: 3px 0 0.75em; }
.sPrimaryContent { float: right; width: 545px; margin: 10px 10px 0 0; display: inline; }
	.sPrimaryContent .boxTwo { float: left; width: 545px; margin-bottom: 10px; display: inline; padding-bottom: 10px; clear: both; }

	/* gallery */
	.sPrimaryContent .boxTwo.gallery { }
		.sPrimaryContent .boxTwo.gallery a img { border: none; }
		.sPrimaryContent .boxTwo.gallery .focusImage { float: left; }
		.sPrimaryContent .boxTwo.gallery .listImage { float: right; margin-bottom: 5px; }

	/* blog */
	.sPrimaryContent .boxTwo.blog { }
		.sPrimaryContent .boxTwo.blog ul.postListSidebar { margin: 0; }
			.boxTwo.blog ul.postListSidebar li { width: 480px; display: inline; }
	
	/* full blog */
	.sPrimaryContent.blog { }
		.sPrimaryContent.blog .post { margin-bottom: 40px; }

.sSecondaryContent { float: left; width: 365px; margin: 0 0 0 10px; display: inline; clear: left; }
	.sSecondaryContent h4 { margin: 0 0 10px; padding: 20px 0 0; }

	/* secondary music review list */
	.sSecondaryContent ul.reviewListLight li { width: 365px; }

	/* secondary blog mentioned list */
	.sSecondaryContent ul.postListSidebar li { width: 280px; }
/* @end Bandpage */


/* @group /Bandpage/ */
.sWrapper { width: 952px; margin: 0 auto; text-align: left; }
.sContent { background: white; width: 952px; float: left; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; border: 1px solid #c5c5c5; clear: both; font-size: 1.3em; }
	.businessCard { background: #eaeaea; width: 355px; padding: 10px; float: left; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomright: 9px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-right-radius: 9px; border-top-left-radius: 8px; border-bottom-right-radius: 9px; }
		.businessCard .avatar { float: left; margin-right: 10px; display: inline; }
		.businessCard h1 { border: none; font-size: 1.8em; margin: 0; text-transform: none; }
		.businessCard .genre { font-size: 1.076923em; /* 14 px */ }
			.businessCard .genre span { font-size: 0.785714em; /* 11 px */ }
		.businessCard .stats { font-size: 0.85em; /* 11 px-ish */ }
		
		.businessCard .genre, .businessCard .genre a,
		.businessCard .stats, .businessCard .stats a { text-decoration: none; color: #808080; }
		.businessCard .genre a:hover, .businessCard .stats a:hover { color: #f00; } 

		.sWrapper p.bandBio { clear: both; padding: 0 0 5px 0; font-size: 0.85em; line-height: 1.3em; }

		.bandFunctions { padding: 0; clear: both; text-align: center; }
			.bandFunctions .button { float: left; margin: 5px 5px 10px 0; }
			.bandFunctions .iconHeart,
			.bandFunctions .iconMessage,
			.bandFunctions .iconFacebook { background-position: 3px 50%; padding-left: 20px; }
				
.sWrapper .subTitle { border-bottom: 2px solid #ccc; text-transform: uppercase; clear: both; }
.sWrapper p { margin: 3px 0 0.75em; }
.sPrimaryContent { float: right; width: 545px; margin: 10px 10px 0 0; display: inline; }
	.sPrimaryContent .boxTwo { float: left; width: 545px; margin-bottom: 10px; display: inline; padding-bottom: 10px; clear: both; }

	/* gallery */
	.sPrimaryContent .boxTwo.gallery { }
		.sPrimaryContent .boxTwo.gallery a img { border: none; }
		.sPrimaryContent .boxTwo.gallery .focusImage { float: left; }
		.sPrimaryContent .boxTwo.gallery .listImage { float: right; margin-bottom: 5px; }

	/* blog */
	.sPrimaryContent .boxTwo.blog { }
		.sPrimaryContent .boxTwo.blog ul.postListSidebar { margin: 0; }
			.boxTwo.blog ul.postListSidebar li { width: 480px; display: inline; }
	
	/* full blog */
	.sPrimaryContent.blog { }
		.sPrimaryContent.blog .post { margin-bottom: 40px; }

.sSecondaryContent { float: left; width: 365px; margin: 0 0 0 10px; display: inline; clear: left; }
	.sSecondaryContent h4 { margin: 0 0 10px; padding: 20px 0 0; }

	/* secondary music review list */
	.sSecondaryContent ul.reviewListLight li { width: 365px; }

	/* secondary blog mentioned list */
	.sSecondaryContent ul.postListSidebar li { width: 280px; }
/* @end Bandpage */

/* @group Frontpage */
	.featureReview { background: #f5f5f5; }

		.featureReview .featureTrack { float: left; }
		.featureReview .featureReviewText { float: right; width: 300px; }
		.featureReview .featureReviewText .title { font-size: 1.4em; }
		.featureReview .featureReviewText .ratingFocus { margin-top: 5px; }
		.featureReview .singleReviewMeta .SmallText { display: block; clear: left; }

	.featureTrack { width: 300px; overflow: hidden; position: relative; }
		.featureTrack.h250 { height: 250px; }
		.featureTrack.h175 { height: 176px; }
		.featureTrack a img { border: none; }
		.featureTrack .ft_info { position: absolute; bottom: 0px; left: 0px; background: #282828; color: #fff; width: 280px; padding: 10px; }
			.featureTrack table { float: right; }
			.featureTrack .ft_band, .featureTrack .ft_track { display: block; color: #fff; font-weight: bold; font-size: 0.9em; }
			.featureTrack .ft_track { text-decoration: none; font-weight: normal; font-size: 90%; color: #ddd; padding-top: 3px; }
		
			.featureTrack a.ft_band:hover, .featureTrack a.ft_track:hover { color: red; }

	/* @group FeaturedContent */
	.splitterContent { width: 950px; clear: both; margin: 0px -10px; padding: 20px 0; display: block; float: left; }
		ul.featuredContent { width: 950px; max-width: 930px; padding: 10px 10px; margin: 0; float: left; background: #ccc;  }
		ul.featuredContent li { list-style: none; margin: 0; padding: 0; float: left; padding: 0 10px; text-align: center; }
			ul.featuredContent li a { position: relative; width: 290px; height: 104px; display: block; }
				ul.featuredContent li a:hover { color: #fff; text-decoration: none; }
				ul.featuredContent li a img { border: none; width: 290px; height: 104px; }
				ul.featuredContent li a span { background: #000; color: #fff; position: absolute; left: 0; padding: 3px 5px 3px 10px; cursor: pointer; text-decoration: none; }
					ul.featuredContent li a .featureCat { bottom: 20px; font-size: 0.9em; }
					ul.featuredContent li a .featureTxt { bottom: 0px; font-size: 1em; }
			
	
	/* @end FeaturedContent */
/* @end Frontpage */


/* @group Reviews */
ul.reviewList { float: left; list-style: none; width: 610px; margin: 0; padding: 0; }
	ul.reviewList li { border-bottom: 1px solid #ccc; width: 610px; clear: both; padding: 10px 0; float: left; }
		ul.reviewList li span.SmallText { display: block; padding: 2px 0; }
			ul.reviewList li .item span.SmallText a { text-decoration: none; }	
	ul.reviewList li span.SmallText a.reviewedItem,
	ul.reviewListLight li span.SmallText a.reviewedItem { color: #000; }
	ul.reviewList li.author { padding-left: 60px; max-width: 550px; margin-top:6px;}
		/* max-width is used because IE doesn't add padding to width, 
		so IE gets the old 610px, while other browsers get the correct 550px */
		ul.reviewList li.author .review { padding-left: 10px; border-left: 2px solid #ccc; display: block; }	
			ul.reviewList li.author .review .avatar { margin-left: -70px;float: left; border: none; }
	
	/* The list actions eg. play, add to playlist, download etc. */
	.listActions { float: right; padding-top: 10px; text-align: right; }

	.editorial { background: url(http://www.bandbase.dk/Images/Gui/bandbaseWatermark.png) top right no-repeat; }


    #EditorialStaff ul.reviewList li { width: 395px; }


	/* @group Light review list */
	ul.reviewListLight { float: left; list-style: none; width: 280px; margin: 0; padding: 0; }
		ul.reviewListLight li { border-bottom: 1px solid #ccc; width: 280px; clear: both; padding: 10px 0; float: left; }
			ul.reviewListLight li .SmallText { display: block; padding: 2px 0; }
	/* @end */
	/* @group Single Review */
	#singleReview { clear: both; float: left; margin-top: 20px; width: 610px; }
		#singleReview .avatar img { float: left; border: none; }
		#singleReview .singleReviewContent { float: right; margin-left: 10px; display: inline; width: 488px; padding-left: 10px; border-left: 2px solid #ccc; }
			#singleReview .singleReviewMeta { float: right; width: 150px; margin: 0 0 10px 10px; display: inline; }
			#singleReview h1 { border: none; text-transform: none; font-size: 1.2em; margin-bottom: 0; }
			#singleReview .singleReviewContent p { margin: 2px 0 10px; line-height: 2.6ex; }
	/* @end */
/* @end */
/* @group Gallery */
	/* @group Overview */
	.galleryImageOverview { width: 620px; margin-left: -10px; }
		.galleryImageOverview a { float: left; margin: 10px 0 0 10px; background: #f1f1f1; display: inline; border: 1px solid #ccc; }
			.galleryImageOverview a img { border: none; margin: 5px; }
	/* @end */
	/* @group View image */
	.galleryImageContainer { padding: 5px; border: 1px solid #ccc; display: inline; float: left; }
		.galleryImage { float: left; text-align: center; width: 598px; /* -2 because of the border */ }
			.galleryImage img { border: none; margin-bottom: 10px; }
		.galleryImageContainer .metaInfo { float: right; width: 175px; }
		.galleryImageContainer blockquote { clear: left; }
	/* @end */
/* @end */
/* @group Article */
.articleContainer .bodyText { width: 400px; float: left; text-align: left; margin-bottom: 15px; }
.articleContainer .articleBox { width: 200px; float: right; }
	.articleContainer .articleBox .part { background: url(../Images/Background/BWFadeSmall.gif) repeat-x top; padding: 10px; border-top: 1px solid #ddd; float: left; width: 180px; margin-bottom: 10px; display: inline; }
/* @end */

/* @group Rating */
	/* small stars */
	.rating { background: url('../Images/scripts/images/star-ps-empty.png') center left repeat-x; height: 10px; width: 60px; float: left; margin: 2px 5px 0 0; display: inline; font-size: 0; }
		.rating span { background: url('../Images/scripts/images/star-ps.png') center left repeat-x; height: 10px; text-indent: -9999px; overflow: hidden; display: block; color: #fff; text-decoration: none; }
		/* the migthy powerfoul, red editorial star... */
		.rating.editorial span { background-image: url('../Images/scripts/images/star-ps-editorial.png'); }
	
	/* big stars */
	.ratingFocus { background: url('../Images/Gui/star_focus_empty.png') center left repeat-x; height: 22px; width: 150px; float: left; margin: 0 0 5px 0; display: inline; font-size: 0; }
		.ratingFocus span { background: url('../Images/Gui/star_focus.png') center left repeat-x; height: 22px; text-indent: -9999px; overflow: hidden; display: block; }
	.ratingFocus.editorial span { background-image: url('../Images/Gui/star_focus_editorial.png'); }
	
	/* big las-vegas-like display */
	.container.rated strong { font-size: 2.5em; color: #808080; letter-spacing: -0.125ex; display: block; padding-left: 30px; background: url(http://www.bandbase.dk/Images/Gui/star_big.gif) center left no-repeat; }
	.container.rated em { font-size: 1.2em; color: #808080; font-style: normal; margin-left: 30px; }
	.container.rated span { color: #000; }
	.container.rated p { padding-left: 30px; }
		.container.rated p a { font-weight: bold; }
/* @end */

/* @group Icons */
.FriendsIcon, .BandsIcon, .NewsIcon { background-image:url(http://www.bandbase.dk/Images/Icons/bg_rounded.gif); border:0 none; height:16px; margin:0; width:16px; }
.FriendsIcon { background-color: dodgerblue; }
.BandsIcon { background-color: #78BB0B; }
.NewsIcon { background-color: #f00; } 

/* traditional icons on grey (#353535) */
.IconOnGrey { background-color:#EB0303; background-image:url(/Images/Icons/bg_rounded_grey353535.gif); border:0 none; height:16px; margin:0; width:16px; }

/* inverted icons */
.iconComment 	{ background: url(http://www.bandbase.dk/images/icons/invert/comment.gif) -2px 50% no-repeat; padding-left: 16px; }
.iconStar 		{ background: url(http://www.bandbase.dk/images/icons/invert/star.gif) -2px 50% no-repeat; padding-left: 16px; }
.iconCD			{ background: url(http://www.bandbase.dk/images/icons/invert/cd.gif) -2px 50% no-repeat; padding-left: 16px; }
.iconMusic		{ background: url(http://www.bandbase.dk/images/icons/invert/music.gif) -2px 50% no-repeat; padding-left: 16px; }
.iconPlaylist	{ background: url(http://www.bandbase.dk/images/icons/invert/playlist.gif) -2px 50% no-repeat; padding-left: 16px; }
.iconBandBase	{ background: url(http://www.bandbase.dk/images/icons/invert/bandbase.gif) -2px 50% no-repeat; padding-left: 16px; }
.iconHeart		{ background: url(http://www.bandbase.dk/images/icons/invert/heart.gif) -2px 50% no-repeat; padding-left: 16px; }
.iconBand		{ background: url(http://www.bandbase.dk/images/icons/invert/band.gif) -2px 50% no-repeat; padding-left: 16px; }
.iconMessage	{ background: url(http://www.bandbase.dk/images/icons/invert/message.gif) -2px 50% no-repeat; padding-left: 16px; }
.iconFacebook	{ background: url(http://www.bandbase.dk/images/icons/invert/facebook.gif) -2px 50% no-repeat; padding-left: 16px; }

.iconEmo5	{ background: url(http://www.bandbase.dk/images/icons/invert/emo_5.gif) 0px 50% no-repeat; padding-left: 16px; }
.iconEmo4	{ background: url(http://www.bandbase.dk/images/icons/invert/emo_4.gif) 0px 50% no-repeat; padding-left: 16px; }
.iconEmo3	{ background: url(http://www.bandbase.dk/images/icons/invert/emo_3.gif) 0px 50% no-repeat; padding-left: 16px; }
.iconEmo2	{ background: url(http://www.bandbase.dk/images/icons/invert/emo_2.gif) 0px 50% no-repeat; padding-left: 16px; }
.iconEmo1	{ background: url(http://www.bandbase.dk/images/icons/invert/emo_1.gif) 0px 50% no-repeat; padding-left: 16px; }
/* @end */

/* @group Speciality */
	/* @group Roskilde09 */
	#roskildeImageComp { background: #f5f5f5 url(http://www.bandbase.dk/Images/Roskilde09/joinInBg.gif) top center no-repeat; width: 590px; padding: 5px 10px 5px 10px; }
		#roskildeImageComp a { text-decoration: none; }
		#roskildeImageComp a p { text-decoration: none; margin: 5px 0 0 0; }
		#roskildeImageComp a strong { text-decoration: none; }	
	/* @end */
	/* @group The player bottom positioning hack */
		/*html, body { height: 100%; overflow: auto; }*/
		.wrapper { position: relative; /*overflow: auto;*/ }
		.precious { position: fixed; left: 50%; bottom: 0px; margin-left: -50px; font-size:1.3em; text-align: left; display: block; z-index: 100; }
		* html .precious { position: absolute; }
	/* @end */
	/* @group You are a new user */
		.newUserHello { float: left; width: 185px; text-align: left; }
	
		ul.newUserMusic { float: left; width: 480px; list-style: none; padding: 0; margin: 0; }
			ul.newUserMusic li { float: left; width: 230px; list-style: none; padding: 0; margin: 0; background: white; }
				span.genre { border-bottom: 2px solid #ffffcc; background: #e9e4bb; padding: 2px 0; display: block; text-align: center; color: #888; }
				span.genre a { color: #444; text-decoration: none; font-weight: bold; }
				ul.newUserMusic li a.avatar { float: left; padding: 5px; display: inline; }
					a.avatar img { border: none; height: 40px; }
				ul.newUserMusic li a.playButton { float: right; margin: 15px 5px 0 0; }
				ul.newUserMusic li a.artist { display: block; font-weight: bold; margin-top: 10px; }
				ul.newUserMusic li a.track { text-decoration: none; }
		.newUserQuote { padding: 10px; float: right; width: 240px; }
			.newUserQuote q { font-style: italic; display: block; }
			.newUserQuote strong { text-align: right; display: block; padding: 5px; }
	/* @end */
/* @end */

/* @group Input */
ul.inputContainer { list-style: none; margin: 0; padding: 0; }
	ul.inputContainer li { padding: 15px 0; border-bottom: 1px solid #ccc; float: left; width: 100%; }
	ul.inputContainer li h2 { border: none; text-transform: none; }

	ul.inputContainer li.trackInfo { }
		ul.inputContainer .tickOptions { float: right; width: 200px; font-size: 0.9em; }
			li.trackInfo .tickOptions { color: #888; }
		ul.inputContainer li.trackInfo input.text.track { width: 350px; }
		ul.inputContainer li.trackInfo .trackInfoGenre { float: left; width: 110px; }
		ul.inputContainer li.trackInfo .trackInfoTags { float: left; width: 270px; }
			.trackInfoTags input.text { width: 250px; }
	
	ul.inputContainer li.editAll { background: #e9e9e9; padding: 10px; width: 710px; margin-top: -10px; }
	
	ul.inputContainer li.submit { border: none; }
			
	label.above { display: block; margin-bottom: 3px; }
	label.discreet { font-size: 0.9em; color: #888;  }
	
	input.text { margin-bottom: 12px; background: #f9f9f9; border: 1px solid #989898; font-family: 'Trebuchet MS'; font-size: 1.1em; width: 200px; }
	input.submit { }
	
	label.checkbox { }

	div.checkboxContainer { padding: 3px 0; }
	div.selectContainer { padding: 3px 0; }
	
/* @end Input */
/* @end Sebastian */


/* @group Noah TEMP Can be nested into "container" class*/
   
    /* @group Drap&Drop Backend */
    .drag { margin:0; padding:0; }
        .drag li { list-style-type: none; cursor:move; margin-bottom:-10px; }
        .drag .hyperlink, .drag .hyperlink:visited { display:block; height:35px; border:1px solid #ddd; text-align:left; text-decoration:none; cursor: move; background-repeat:no-repeat; background-position: -9999px -9999px; background-color:#fff}
        .drag .spacer {display:none; }
        .drag .newsUp { width:200px; height:100px;}
        .drag .innerImage { float:left; margin: 5px; width:50px;}
        .drag .newsSubTitle { display:none; } 
        .drag .removeButton { position: relative; top: -30px; left:155px;}
    
    .myList { margin:0; padding:0; }
        .myList li { list-style-type: none; cursor: move;  margin-bottom:-10px;}
        .myList .newsTitle { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 1.1em; font-weight: bold; } 
        .myList .newsSubTitle { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); font-size: 0.8em; } 
        .myList .innerImage { display:none; }
        .myList .newsUp {position: relative; top: 64px; }
        .myList .hyperlink { display: block; text-decoration: none; height: 100px; width:280px; cursor: move;}
        .myList .removeButton { position: relative; top: -100px; left:260px; }
    /* @end */
    
    /* @group various */
    .ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;}
/* @end */


    /* @group For the LISN play div mouseover */
    .playHover {  background: #f5f5f5 url(http://www.bandbase.dk/Images/Icons/playvideo.gif) top right no-repeat; width: 200px; padding: 0px 0px 0px 0px; }
/* @end */


    /* @group For the LISN topmenu */

    #menu {margin-top:0px; position:relative; height:38px; z-index:9999; width:100%;}

    #dropline {position:relative; font-size:14px; font-weight:bold; height:38px; }

    #dropline, #dropline ul {padding:0; margin:1px 0 0 -1px; list-style:none; width:700px; border: solid 1px #444;}

    #dropline table {border-collapse:collapse; margin:-1px -10px; 0 0; padding:0; width:0; height:0; font-size:14px;}
    #dropline li {float:left; height:38px;}
    #dropline li a {float:left; display:block; height:38px; line-height:38px; padding:0 20px 0 10px; font-family:Trebuchet MS; font-size:14px; color:#fff; text-decoration:none; font-weight:bold;}
    #dropline li span { border-left:solid 1px #aaa; float:left; display:block; height:38px; line-height:38px; padding:0 20px 0 10px; font-family:Trebuchet MS; font-size:14px; color:#000; text-decoration:none; font-weight:bold;}
    #dropline li ul li a {color:#666;}

    #dropline li a.down {background:url(/images/down.gif) no-repeat right center;}

    #dropline li ul li a.down {font-size:14px; font-weight:bold;}

    #dropline li ul {position:absolute; top:38px; left:-9999px; z-index:10; background:url(/images/fade.png);}

    #dropline li ul.floatRight li {float:right;}
    /* @end */

/* @end */