div#main {width: 755px;margin-left: 5px;font-family:"Verdana";font-size:13px;color: #333333}

body {background-color: #202020;} /* #f5fff5 */
div#header { border-color: black; border-width: 1px; clear:both;}
div#logotext {font-family: "trebuchet ms";font-size: 11px;font-style: italic;margin-left:20px;margin-top: 3px;word-spacing: 1px;height: 13px;color: rgb(204,204,204) !important}
div#logo {width: 750px;height: 35px;border: none;}
div#menues {height: 20px;width: 740px;clear: both;overflow: hidden;position: relative;}
div.pagesL {height: 0px;font-size:11px;margin-left: 8px;display: inline;}
div.pages {height: 0px;font-size:11px;margin-left: 20px;display: inline;}
div.pagesR {height: 0px;float:right;position: absolute; top: 0px;right: 0px;}
div.pagesL a {color: orange;text-decoration: none;font-weight: bold;} /* #0066cc */
/*div.pagesL a:visited {color:#31689f;text-decoration: none}*/
div.pagesL a:hover {color:orange;text-decoration: underline}
div.pagesL a:active {color:orange;text-decoration: underline}
div.pages a {color: orange;text-decoration: none;font-weight: bold;} /* #0066cc */
/*div.pages a:visited {color:#31689f;text-decoration: none}*/
div.pages a:hover {color:orange;text-decoration: underline}
div.pages a:active {color:orange;text-decoration: underline}
div.pagesR a {color:#e1ebe1;text-decoration: none;}
/*div.pagesR a:visited {color:#31689f;text-decoration: none}*/
div.pagesR a:hover {color:#e1ebe1;text-decoration: none;}
div.pagesR a:active {color:#e1ebe1;text-decoration: none}

div#bodyContent {border-color: black; border-width: 1px;clear: both;margin-left: 10px}
div#navigation { margin-top: 15px;margin-bottom: 60px; float: left; width: 200px;}

div.navLabel { font-size: 10px;padding-bottom: 5px;}
div#categories {text-align: left;font-weight: bold;}

div#subCategoriesLagmalt { line-height: 16px; font-size: 9px;margin-left: 20px;border-style: solid; border-color: #ffffff;border-width: 1px;}
div#subCategoriesAvtrubbat { line-height: 16px; font-size: 9px;margin-left: 20px;border-style: solid; border-color: #e0e0a8;border-width: 1px;}
div#subCategoriesFlitigt { line-height: 16px; font-size: 9px;margin-left: 20px;border-style: solid; border-color: #f0dc00;border-width: 1px;}/*#cdff00*/
div#subCategoriesBehagligt { line-height: 16px; font-size: 9px;margin-left: 20px;border-style: solid; border-color: #89c104;border-width: 1px;}/*#aefffa*/
div#subCategoriesGryende { line-height: 16px; font-size: 9px;margin-left: 20px;border-style: solid; border-color: #fda906;border-width: 1px;}/*#ffb600*/
div#subCategoriesSakralt { line-height: 16px; font-size: 9px;margin-left: 20px;border-style: solid; border-color: #8e0634;border-width: 1px;}/*#94244a*/
div#subCategoriesTryggt { line-height: 16px; font-size: 9px;margin-left: 20px;border-style: solid; border-color: #a56305;border-width: 1px;}/*#490000*/
div#subCategoriesRomantiskt { line-height: 16px; font-size: 9px;margin-left: 20px;border-style: solid; border-color: #ff9694;border-width: 1px;}
div#subCategoriesPuls { line-height: 16px; font-size: 9px;margin-left: 20px;border-style: solid; border-color: #e33204;border-width: 1px;}/*#f91304*/
div#subCategoriesMaktigt { line-height: 16px; font-size: 9px;margin-left: 20px;border-style: solid; border-color: #1d0010;border-width: 1px;}/*#0b0f43*/

div#buttonsLagmalt {border-style: solid; border-color: #d9dadb; border-width: 2px 2px 1px 2px; padding-left: 7px; padding-bottom: 1px; padding-right: 9px; padding-top: 3px; background-color: #ffffff; font-size: 10px;cursor: pointer;}
div#buttonsLagmalt a { color: #333333; text-decoration:none}
div#buttonsLagmalt a:hover {text-decoration:underline}
div#buttonsLagmalt a:active {text-decoration:underline}
div#buttonsAvtrubbat { border-left-width: 2px; border-bottom-width: 1px; border-right-width: 2px; border-top-width: 1px; border-color: #bdbe87; border-style: solid; padding-left: 7px; padding-bottom: 1px; padding-right: 9px; padding-top: 3px; background-color: #e0e0a8; font-size: 10px;cursor: pointer;}
div#buttonsAvtrubbat a { color: #333333; text-decoration:none}
div#buttonsAvtrubbat a:hover {text-decoration:underline}
div#buttonsAvtrubbat a:active {text-decoration:underline}
div#buttonsFlitigt {border-left-width: 2px; border-bottom-width: 1px; border-right-width: 2px; border-top-width: 1px; border-style: solid; border-color: #d2be00; padding-left: 7px; padding-bottom: 1px; padding-right: 9px; padding-top: 3px; background-color: #f0dc00; font-size: 10px;cursor: pointer;}
div#buttonsFlitigt a { color: #333333; text-decoration:none}
div#buttonsFlitigt a:hover {text-decoration:underline}
div#buttonsFlitigt a:active {text-decoration:underline}
div#buttonsBehagligt {border-left-width: 2px; border-bottom-width: 1px; border-right-width: 2px; border-top-width: 1px; border-style: solid; border-color: #6ba300; padding-left: 7px; padding-bottom: 1px; padding-right: 9px; padding-top: 3px; background-color: #89c104; font-size: 10px;cursor: pointer;}
div#buttonsBehagligt a {color: #333333; text-decoration:none}
div#buttonsBehagligt a:hover {text-decoration:underline}
div#buttonsBehagligt a:active {text-decoration:underline}
div#buttonsGryende {border-left-width: 2px; border-bottom-width: 1px; border-right-width: 2px; border-top-width: 1px; border-color: #df8b00; border-style: solid; padding-left: 7px; padding-bottom: 1px; padding-right: 9px; padding-top: 3px; background-color: #fda906; font-size: 10px;cursor: pointer;}
div#buttonsGryende a {color: #333333; text-decoration:none}
div#buttonsGryende a:hover {text-decoration:underline}
div#buttonsGryende a:active {text-decoration:underline}
div#buttonsSakralt {border-left-width: 2px; border-bottom-width: 1px; border-right-width: 2px; border-top-width: 1px; border-color: #700016; border-style: solid; padding-left: 7px; padding-bottom: 1px; padding-right: 9px; padding-top: 3px; color: #f2f2f2; background-color: #8e0634; font-size: 10px;cursor: pointer;}
div#buttonsSakralt a {color: #f2f2f2; text-decoration:none}
div#buttonsSakralt a:hover {text-decoration:underline}
div#buttonsSakralt a:active {text-decoration:underline}
div#buttonsTryggt {border-left-width: 2px; border-bottom-width: 1px; border-right-width: 2px; border-top-width: 1px; border-color: #874500; border-style: solid; padding-left: 7px; padding-bottom: 1px; padding-right: 9px; padding-top: 3px; background-color: #a56305; font-size: 10px;cursor: pointer;}
div#buttonsTryggt a {color: #333333; text-decoration:none}
div#buttonsTryggt a:hover {text-decoration:underline}
div#buttonsTryggt a:active {text-decoration:underline}
div#buttonsRomantiskt {border-left-width: 2px; border-bottom-width: 1px; border-right-width: 2px; border-top-width: 1px; border-color: #cc7e80; border-style: solid; padding-left: 7px; padding-bottom: 1px; padding-right: 9px; padding-top: 3px; background-color: #ff9694; font-size: 10px;cursor: pointer;}
div#buttonsRomantiskt a {color: #333333; text-decoration:none}
div#buttonsRomantiskt a:hover {text-decoration:underline}
div#buttonsRomantiskt a:active {text-decoration:underline}
div#buttonsPuls {border-left-width: 2px; border-bottom-width: 1px; border-right-width: 2px; border-top-width: 1px; color: #f2f2f2; border-color: #c50000; border-style: solid; padding-left: 7px; padding-bottom: 1px; padding-right: 9px; padding-top: 3px; background-color: #e33204; font-size: 10px;cursor: pointer;}
div#buttonsPuls a {color: #000000; text-decoration:none}
div#buttonsPuls a:hover {text-decoration:underline}
div#buttonsPuls a:active {text-decoration:underline}
div#buttonsMaktigt {border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 1px; border-color: rgb(60,60,60); border-style: solid; padding-left: 7px; padding-bottom: 1px; padding-right: 9px; padding-top: 3px; color: #f2f2f2; background-color: #1d0010; font-size: 10px;cursor: pointer;} /* #000000 */
div#buttonsMaktigt a {color: #f2f2f2; text-decoration:none}
div#buttonsMaktigt a:hover {text-decoration:underline}
div#buttonsMaktigt a:active {text-decoration:underline}
div.buttonsDroner { border-width: 1px; padding: 3px 10px 1px 8px; background-color: rgb(100,100,100); font-size: 10px; border-color: rgb(130,130,130); border-style: solid;height: 15px;text-align: left;margin-top: 16px;cursor: pointer; text-decoration:bold;font-weight: bold;}
div.buttonsDroner a {color: white; text-decoration: none;font-weight: bold;}
div.buttonsDroner a:hover {text-decoration:underline}
div.buttonsDroner a:active {text-decoration:underline}
div#searchId {font-size: 10px;height: 50px;margin-top: 30px;padding-left:  10px;color: rgb(204,204,204)}
div.buttons { border-width: 1px; background-color: rgb(150,150,150); font-size: 10px; padding: 3px 10px 1px 8px; border-color: rgb(180,180,180); border-style: solid; height: 15px;text-align: left;margin-top: 16px;cursor: pointer; text-decoration:bold;font-weight: bold;}
div.buttons a {color: white; text-decoration: none;font-weight: bold;}
div.buttons a:hover {text-decoration:underline}
div.buttons a:active {text-decoration:underline}

div#mainContent { margin-top: 15px;margin-left: 20px; float: left; width: 510px;color: rgb(204,204,204);background-color: #191919;}
div#CategoryLabelL {height: 18px;font-weight: bold;font-style: normal;border-style: solid;border-width: 1px; background-color: #f5fff5; border-color: #d1d6d1;clear: both;padding: 5px 5px 5px 10px;}

/* "Text"-behållarna korrigerar marginalbuggen i Explorer */

div#CategoryLabelLText{width: 340px;float: left;height: 15px;text-align: left; font-size: 14px}
div#musicLabel {width: 510px;height: 15px;margin-top: 10px;padding-left: 1px;font-weight: bold; background-color: #000000;text-align: left;font-size: 9px;border-width: 0px 0px 1px 0px;border-color: rgb(100,100,100); border-style: solid;color: rgb(204,204,204)} /* border-color: #d1d6d1 */
div#musicLabelText {display: inline;color: rgb(204,204,204)}
div.albumPictL { height: 17px; float: left; width:37px;color: black}
div.albumPictL a {text-decoration: none;color: black}
div.idNoL {height: 17px; float: left; width: 30px;color: rgb(204,204,204)}
div.idNoL a {text-decoration: none;color: rgb(204,204,204)} /* #333333 */
div.speakerL { height: 17px; float: left; width: 40px;color: black}
div.titleL {height: 17px;float: left; width: 245px;color: rgb(204,204,204)}
div.titleL a {text-decoration: none;color: rgb(204,204,204)} /* #333333 */
div.lengthL {height: 17px; float: left; width: 38px;color: rgb(204,204,204)}
div.lengthL a {text-decoration: none;color: rgb(204,204,204)} /* #333333 */
div.downloadL {height: 17px; float: left;width: 41px;color: black}
div.soundCurveL {height: 17px; float: left; width: 71px;color: black}
div#myRecords {font-size: 9px; color: orange; visibility: visible;margin-top: 10px;clear: both;line-height: 20px;} /* #0066cc */
div#myRecords a {color: orange} /* #0066cc */
div.musicTune { clear: both; border-width: 0px 1px 1px 1px;border-color: rgb(60,60,60); border-style: solid;font-size: 9px;padding: 2px 2px 0px 2px;overflow: hidden;} /* #d1d6d1 */
div.musicTuneText {display: inline;color: rgb(204,204,204)}
div.albumTune { clear: both; border-width: 0px 1px 1px 1px;border-color: rgb(60,60,60); border-style: solid;font-size: 9px;;overflow: hidden;padding: 2px 2px 2px 2px;} /* #d1d6d1 */
div.albumTuneText {display: inline;height: 30px}
div.musicTuneBlogg { clear: both; border-width: 1px 1px 1px 1px;border-color: #c0c9c1; border-style: solid; font-family: Verdana;font-size: 9px;padding: 2px 0px 0px 2px;overflow: hidden; margin-bottom: 14px;margin-top: 14px;}
div.musicTuneBloggText {display: inline;height: 30px}
div.bloggInsert { clear: both; border-width: 0px 0px 2px 0px;border-color: #c0c9c1; border-style: solid;font-size: 9px;padding: 5px 0px 0px 0px} /*Tidigare 25px padding-bottom */
div#pageInsert { clear: both; border-width: 1px 1px 1px 1px;border-color: black; border-style: solid;font-size: 9px;padding: 5px 0px 25px 0px;color: rgb(204,204,204)} /* #f5fff5 */
div.bloggInsertComment { clear: both; border-width: 0px 1px 1px 1px;border-color: #c0c9c1; border-style: solid;font-size: 9px;padding: 5px 0px 25px 0px}
div.bloggDate {float: left;font-size: 10px;padding:0px 10px 10px 10px;}
div.bloggTitle {float: bottom;font-size: 14px; padding:5px 10px 5px 10px;font-weight: bold;line-height: 10px;}
div.bloggContent {float: bottom;font-family: Trebuchet MS;font-size: 13px; padding:0px 10px 0px 10px;line-height: 18px;} /*Tidigare 14px padding-bottom*/
div.bloggContent a {color:#333333}
div.bloggContent a.visited {color:#333333}
div.bloggContent a:hover {color:#0066cc}
div.bloggContent a:active {color:#6699cc}
div.pageContent {float: bottom;font-family: Trebuchet MS;font-size: 13px; padding:0px 10px 14px 10px;line-height: 18px;}
div.pageContent a {color: #333333}
div.pageContent a.visited {color:#333333}
div.pageContent a:hover {color:#0066cc}
div.pageContent a:active {color:#6699cc}
div.bloggAuthor {float: bottom;font-size: 10px;padding:0px 10px 10px 10px;}
div.bloggComment {float:left;font-size: 11px;color:#0066cc;text-decoration: none;padding: 0px 0px 14px 10px;margin-right: 10px;}
div.bloggComment a {color:#0066cc;text-decoration: none;font-weight: bold;}
div.bloggComment a:hover {color:#0066cc;text-decoration: underline;}
div.bloggComment a:active {color:#6699cc;text-decoration: underline;}
div.albumPict { float: left; width:35px;height: 30px;cursor: pointer;border: none}
div.idNo {height: 30px; text-align: left; float: left; width: 31px;line-height: 10px}
div.speaker {float: left; width: 46px;height: 30px;cursor: pointer;}
div.speakerBlogg {float: left; width: 30px;height: 30px;cursor: pointer;padding-left:2px;}
div.title {text-align: left; height: 30px; float: left; width: 245px;line-height: 10px;overflow: visible;}
div.title a {color:#0066cc;text-decoration: none;font-weight: bold;}
div.title a:hover {color:#0066cc;text-decoration: underline;font-weight: bold;}
div.title a:active {color:#6699cc;text-decoration: underline;font-weight: bold;}
div.titleText {padding-right: 3px;overflow: visible;}
div.titleAlbum {text-align: left;height: 30px;float: left;width: 430px;line-height: 9px;overflow:hidden;}
div.titleAlbum a {color:#0066cc;text-decoration: none;font-weight: bold;}
div.titleAlbum a:hover {color:#0066cc;text-decoration: underline;font-weight: bold;}
div.titleAlbum a:active {color:#6699cc;text-decoration: underline;font-weight: bold;}
//div.length {height: 30px; text-align: left; width: 42px;line-height: 10px}
div.length {height: 30px; text-align: left; float: left; width: 42px;line-height: 10px}
div.icons2,div.length {height: 12px; text-align: left; width: 42px;line-height: 10px}
div.download {float: left;width: 40px;height: 30px;cursor: pointer;}
div.downloadBlogg {float: left;width: 30px;height: 30px;cursor: pointer;padding-left:0px;}
div.soundCurve {float: left;border: none;overflow: hidden;}

/* "Bild"-behållaren korrigerar marginalbuggen i Explorer */

div.soundCurveBild {display: inline;overflow: hidden;}
div.soundCurveBlogg { float: left;border: none;overflow: hidden;}
div.soundCurveBloggBild {display: inline;overflow: hidden;border: none}
div.filmPlayer { clear: both}
div#footer { font-size: 10px; padding: 20px;width: 725px;height: 15px;clear: both;color: rgb(204,204,204) !important}
div#footer a:link {color: orange !important} /* #0066cc */
div#footer a:hover {color: orange !important} /* #0066cc */
div#footer a:active {color: orange !important} /* #6699cc */
span.fet {font-weight: bold;}
div#bild {margin-bottom: 14px;}
div#rubrik {font-family: Verdana; font-size: 14px;font-weight: bold;margin-bottom: 16px;color: rgb(204,204,204)}
div#underrubrik {font-family: Verdana;font-size: 12px;font-weight: bold;margin-bottom: 3px;}
div#brodtext {font-family: Trebuchet MS;font-size: 13px;margin-bottom: 14px;line-height: 18px;}
div#brodtext a {color: rgb(204,204,204)} /* #333333 */
div#brodtext a:hover {color: rgb(204,204,204)} /* #0066cc */
div#brodtext a:active {color: rgb(204,204,204))} /* #6699cc */
div#numreradePunkter {font-family: Trebuchet MS;font-size: 13px;margin-bottom: 14px;line-height: 18px;}
div#numreradePunkter a {color:#333333}
div#numreradePunkter a:hover {color:#0066cc}
div#numreradePunkter a:active {color:#6699cc}
div#onumreradePunkter {font-family: Trebuchet MS;font-size: 13px;margin-bottom: 14px;line-height: 18px;}
div#onumreradePunkter a {color:#333333}
div#onumreradePunkter a:hover {color:#0066cc}
div#onumreradePunkter a:active {color:#6699cc}
class.formLabel { font-size: 18px;padding-bottom: 5px;margin-left: 10px}
class.formContent { font-size: 12px;padding-bottom: 10px;margin-left: 10px}
class.radioLabel { font-size: 10px;}
div#info {font-size: 15px;color: #939993;padding: 90px}

div#accountname {
	position: relative;
	top: -25px; /* -25px */
	left: 540px; /*1000px; * 540px */
	width: 200px;
	overflow: hidden;
	font-size: 12px;
	color: rgb(204,204,204);
	border: none;
	text-align: center;
	background-color: #191919; /* #f5fff5 */
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"*/
	/*
	zoom: 1;
	filter: alpha(opacity = 70);
	opacity: 0.7;
	*/
}
div.icons2 {
	width: 42px;
	height: 30px;
	overflow: hidden;
	float: left;
}
div.favo {
	width: 40px;
	height: 17px;
	padding-left: 4px;
	overflow: hidden;
	cursor: pointer;
}
div#accountlabel {
	float: left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: orange; /* #0066cc */
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 0px;
}
div#accountframe {
	padding: 10px;
	border: solid 1px gray;
	margin-bottom: 10px;
	overflow: hidden;
	border-color: silver;
}
div#favolistlabel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: orange; /* #0066cc */
	margin-top: 15px;
	margin-bottom: 3px;
}
div#favolistframe {
	margin-bottom: 0px;
	padding: 10px;
	border: solid 1px silver;
}
div.accountdata {
	display: inline;
}
div#favodata {
	font-size: 11px;
	display: block;
	margin-top: 2px;
}
div#preschoice {
	margin-left: 10px;
	margin-top: 10px;
}
div#favodata label {
	margin-right: 2px;
}

div#favodata input {
	height: 15px;
	margin-left: 2px;
}
div#favodata input [type="text"] {
	width: 100px;
	font-size: 11px;
}
div#favodata input [type="submit"] {
	width: 50px;
	font-size: 11px;
}
div#newaccount {
	display: none;
	margin-top: 10px;
}
div#newfavolist {
	display: none;
}
div#fixedAccountForm {
	display: block;
}
div#fixedMusicHeader {
	display: none;
}
div#favolist {
	display: block;
}
div#id {
	float: left;
	margin-left: 5px;
	color: silver;
}
.clearblock {
	display: block;
	visibility: hidden;
	width: 200px;
	clear: both;
}

img {
	filter: invert(0.5);
}

div.albumPict img {
	filter: none;
}

div.downloadBlogg img {
	filter: invert(0.5) !important;
}

div[id^="speaker"] img {
	filter: invert(0.5) !important;
}

div[id^="download"] img {
	filter: invert(0.5) !important;
}

div.musictuneText div.albumPict img {
	filter: none;
}

div.bloggInsert div#musikmodul div.musicTuneBlogg {
	border: none;
	border-width: 0px;
	border-color: #000000;
}

div.bloggInsert div#musikmodul div.musicTuneBlogg div.albumPict img {
	filter: none;
	border: none;
	border-width: 0px;
	border-color: #000000;
}

img.personer {
	filter: none;
}

div#musikmodul {
	border: solid 1px red; /* rgb(60,60,60); */
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

div.idNo {
	text-decoration: none;color: rgb(204,204,204);
}

div.titleAlbum a {
	color: rgb(250,191,132);
}

div.titleAlbum a:hover, a:active {
	color: rgb(250,191,132);
}

div[id^="speaker"] {
	/* border: none; */
	border-width: 1px;
	border-color: green; /* rgb(60,60,60); */
}

div[id^="filmPlayer"] {
	/* border: none; */
	border-color: #202020 !important; /* #202020 !important; */
	border-width: 1px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	filter: invert(52%) contrast(1700%) brightness(150%) !important;
}

input:focus {
	outline: 1px solid gray;
}