HTML {}
BODY {margin: 0px 0px 0px 0px; padding: 0px; background: #fff; font-size: 11px; font-family: Georgia, verdana, sans-serif; color: #000000; line-height: 15px; }
#Main {width: 1005px; margin: auto; padding: 0px 0px 30px 0px; position: relative;}
#Header {height: 160px; width: 975px; margin-left: 30px}
#Logo {float: left; margin-top: 30px;}

/* SESSION */
#Session {position: absolute; top: 30px; left: 525px; width: 224px;}
#Session A {display: block;}


/* SEARCH */
#SearchForm {float: right; margin: 30px 0px 0px 0px; }
#SearchForm INPUT {width: 218px; margin-left: 2px }
#SearchForm .button {margin-left: 201px; display: block; width: 26px}


/* MENU */
#Menu {display: block; width: 975px; height: 30px; margin-left: 30px}
#Menu .item {display: block; float: left; margin-right: 10px; padding-right: 10px; background: url(../_Images/SubMenuDot.png) center right no-repeat; font-size: 11px}
#Menu A.red {color: #440899; }
#Menu A {color: #000000}
.no-menu #Menu {display: none;}

/* EXTRA MENU */
.Menu2 {float: left; width: 465px; height: 15px; padding-top: 0px;}
.Menu2 .item {float: left; margin-right: 5px; padding-right: 6px; background: url(../_Images/SubMenuDot.png) center right no-repeat; font-size: 10px}
.Menu2 A.red {color: #440899; }
.Menu2 A {color: #000000}

	/* menu items */
	#Menu #MenuItemLast {background: none;}
	.Menu2 #MenuItemLast {background: none;}


/* COMMON IDS */
#Content {width: 465px; margin: 0px 30px 20px 30px; float: left; display: inline;}
#Footer {width: 975px; padding: 2px 0px 2px 30px; clear: both;}
#Fade {height: 14px; background: url(../_Images/FooterFade.png) top repeat-x;}
#Location { margin: 0px 0px 0px 0px; padding-bottom: 4px; color: #666; background: #fff}
#Location A {color: #666;}
#BannerInfo {height: 14px; padding: 4px 0px 4px 0px; color: #000; background: #fff}
#BannerInfo A {color: #000;}

	/* Min Profil */
	#ColProfile {width: 225px; float: left;}
	#ColProfile .text {width: 105px; }
	#ColProfile TEXTAREA {width: 213px;}
	#ColProfile .button {float: right}
	#ColProfile .p {margin: 0px 0px 4px 0px; padding-bottom: 10px; border-bottom: 1px solid #7f7f7f}

	/* Banners till höger */
	#RightBanners {width: 225px; margin-left: 30px; float: left; border-bottom: 0px solid #7f7f7f; display: inline;}
	#RightBanners IMG {margin-bottom: 10px;}
	#RightBanners div { margin-bottom: 10px;}
	#RightBanners H1 {margin-bottom: 0px;}
	#RightBanners .grey-line {margin-top: 2px;}
	
	/* Opacitetsförändring 
	#RightBanners A IMG {-moz-opacity: .4; filter: alpha(opacity=40);}
	#RightBanners A:hover IMG {-moz-opacity: 1; filter: alpha(opacity=100);} 
	*/

/* BASICS */
H1 {font-weight: normal; font-size: 11px; clear: both; height: 18px; margin: 0px 0px 14px 0px; color: #666666; border-bottom: 1px solid #7f7f7f; border-top: 2px solid #666666; line-height: 18px}
.topic, .topic-expand {display: block; font-weight: normal; font-size: 11px; clear: both; height: 18px; margin: 0px 0px 4px 0px; color: #666666; border-bottom: 1px solid #7f7f7f; border-top: 2px solid #666666; line-height: 18px}
.topic {background: url(../_Images/IconPlus.png) center right no-repeat;}
.topic-expand {background: url(../_Images/IconMinus.png) center right no-repeat; margin-bottom: 8px;}
A.topic, A.topic-expand {cursor: hand}
A.topic:hover, A.topic-expand:hover {text-decoration: none}

#Content .topic {margin-bottom: 4px;}
#Content .topic-expand {margin-bottom: 14px;}

.title {font-weight: normal; color: #000000; text-transform: uppercase}

H2 {font-size: 24px; font-weight: normal; margin: 0px 0px 14px 0px; line-height: 30px; }
H3 {font-size: 12px; font-weight: normal; color: #444b4c; text-transform: uppercase; margin: 0px 0px 14px 0px;}

A {color: #440899; text-decoration: none;}
A:hover {text-decoration: underline}
A:hover H2 {text-decoration: underline}

IMG {border: none;}

P {margin: 10px 0px 10px 0px; padding: 0px}
P.center {width: 100%; text-align: center}


/* COMMON CLASSES */
#Main .no-margin, #Main #Content .no-margin {margin: 0px}
#Main .no-padding {padding: 0px}
#Main .block {display: block; float: none;}
.right {float: right}
.left {float: left;}
.center {text-align: center;}
.bold {font-weight: bold;}
.grey {color: #666666}
.black {color: #000000}
.white {color: white;}
.clear-both {clear: both;}
.top-margin {margin-top: 14px;}
.bottom-margin {margin-bottom: 14px;}
.top-padding {padding-top: 14px;}
.bottom-padding {padding-bottom: 14px;}
#Main H3.bold {text-transform: uppercase}

	/* grey-line variations */
	.grey-line {background: #7f7f7f; line-height: 1px; height: 1px; clear: both; margin-bottom: 4px}
	.has-grey-line {border-bottom: 1px solid #7f7f7f; margin-bottom: 4px}
	.line-margin {height: 14px; background: none; border-bottom: 1px solid #7f7f7f;}
	.moz-line-margin {height: 14px; .height: 1px; background: none; border-bottom: 1px solid #7f7f7f;}
	.ie-line-margin {height: 1px; .height: 14px; background: none; border-bottom: 1px solid #7f7f7f;}


	/* sub-menu */
	.sub-menu {color: #666666;}
	.sub-menu .item {display: block; float: left; margin-right: 4px; padding-right: 4px; background: url(../_Images/SubMenuDot.png) center right no-repeat;}
	.sub-menu .item-last {background: none; margin-right: 0px; padding-right: 0px;}
	.menu-margin {margin-top: 14px; }
	.sub-menu .active {text-decoration: underline;}
	
		/* list-options */
		.list-options .sub-menu {width: 225px; display: block; float: left; margin-bottom: 14px; .margin-bottom: 0px}
		.sort-options {margin-left: 15px;}

		/* profile-list */
		.profile-list .sub-menu {clear: both}
		
	
	/* element */
	.element {margin: 0px 0px 0px 0px; position: relative; clear: both}
	
		/* listing */
		.element .img {float: left; margin: 0px 0px 14px 0px; width: 120px;}
		.element .img IMG {display: block;}
		.element .text {float: left; margin: -2px 0px 14px 0px; width: 345px;}
		.element .text P {margin: 10px 0px 0px 0px}
		.element .text .limited {display: block; width: 105px; height: 16px; overflow: hidden;}
		.element .info {color: #666666}

		/* element-pages */
		.element-pages {width: 465px;}

		/* element-spotlight */
		.element-spotlight {width: 225px; margin-right: 15px; float: left;}
		.element-spotlight .img {margin-bottom: 15px; display: block;}
		.element-spotlight .img IMG {display: block}

		/* element-profile */
		.element-profile {float: left; margin: 0px 15px 14px 0px; width: 105px; color: #666666;}
		.element-profile .img {margin: 0px 0px 14px 0px; width: 105px; height: 105px;}
		.element-profile .text {margin: -2px 0px 0px 0px; width: 105px; word-wrap: break-word; }

		/* element-tool-tip */
		.element-tool-tip {display: none}
		.element-tool-tip .img {margin: 0px 6px 0px 0px; padding-right: 8px; border-right: 1px solid #e5e5e5; width: 45px;}
		.element-tool-tip .img IMG {display: block}
		.element-tool-tip .text {margin: -2px 6px 0px 0px; width: 318px; color: #666666;}

		/* element-network-news */
		.element-network-news {margin-bottom: 14px; width: 465px;}
		.element-network-news .sub-menu {position: relative; }
		.element-network-news .sub-menu .item-last {width: 318px;}

		/* element-message */
		.height-imgm {height: 45px;}
		.element-message {margin: 0px 0px 14px 0px; width: 465px;}
		.element-message .img {margin: -2px 6px 14px 0px; width: 45px;}
		.element-message .text {margin: -2px 6px 14px 0px; width: 110px; padding-right: 8px; border-right: 1px solid #e5e5e5; padding-left: 8px; border-left: 1px solid #e5e5e5; color: #666666}
		.element-message .content {margin: -2px 0px 14px 0px; width: 280px; float: left;}
		.element-message .unread {font-weight: bold}
		
		/* element-comment */
		.element-comment {margin: 0px 0px 14px 0px; width: 465px;}
		.element-comment .img {margin: -2px 6px 14px 0px; width: 45px;}
		.element-comment .text {margin: -2px 6px 14px 0px; width: 105px; padding-right: 8px; border-right: 1px solid #e5e5e5; padding-left: 8px; border-left: 1px solid #e5e5e5; color: #666666}
		.element-comment .content {margin: -2px 0px 14px 0px; width: 285px; float: left;}
		.element-comment .unread {font-weight: bold}

	/* button */
	.button {width: auto; border: 1px solid #7f7f7f; color: #999999; height: 18px; margin: 0px 0px 0px 0px; padding: 0px 2px 2px 2px; .padding: 0px 2px 0px 2px; background: #f7f7f7; font-family: verdana; font-weight: bold; font-size: 9px}

/* FORM */
FORM {padding: 0px; margin: 0px;}

FORM INPUT {width: 225px; font-family: verdana, sans-serif; font-size: 10px; border: 1px solid #7f7f7f; color: #777777; margin: 0px 0px 5px 0px; .margin: 0px 0px 3px 0px; padding: 3px 0px 3px 5px; }
FORM INPUT.full {width: 458px; font-family: verdana, sans-serif; font-size: 10px; border: 1px solid #7f7f7f; color: #777777; margin: 0px 0px 5px 0px; .margin: 0px 0px 3px 0px; padding: 3px 0px 3px 5px; }

FORM LABEL {color: #666666 }

FORM SELECT {width: 232px; border: 1px solid #7f7f7f; .border: none; font-size: 10px; margin: 0px 0px 5px 0px; .margin: 1px 0px 3px 0px; height: 16px; .height: 20px }
FORM SELECT OPTION {font-family: verdana, sans-serif; color: #777777; }

FORM TEXTAREA {width: 453px; font-family: verdana, sans-serif; font-size: 10px; border: 1px solid #7f7f7f; color: #777777; padding: 5px; height: 70px; margin-bottom: 5px}

FORM .checkbox-bg {background: #fff; height: 19px; .height: 22px; margin: 0px 0px 5px 0px; padding: 2px; .padding: 0px; border: 0px solid #7f7f7f;}	
FORM .checkbox-bg INPUT {float: left; width: auto; margin: 3px 9px 0px 3px; .margin: 1px 6px 0px 1px; border: none;}
FORM .checkbox-bg LABEL {float: left; margin-top: 2px; .margin-top: 3px;}

FORM TABLE {width: 100%; border-collapse: collapse; margin: 0px; padding: 0px}
FORM TD {padding: 0px; vertical-align: top;}
FORM TABLE .td-input TEXTAREA {width: 220px;}
FORM TABLE .td-input {width: 232px;}
FORM TABLE .td-label {padding: 0px 0px 0px 0px; }
FORM TABLE .td-label LABEL {margin: 2px 0px 0px 0px; display: block; color: #666666}


BODY FORM .input-file { margin-top: 0px; margin-bottom: 0px; width: 165px; float: right; .width: 232px; .float: none;}
BODY FORM .input-checkbox {width: auto; }
BODY FORM .input-radio {width: auto; }


/* PAGE */

	#PageContent H2 {margin: 25px 0px 25px 0px;}
	#PageContent H3 {font-weight: bold; text-transform: none; margin: 0px 0px 0px 0px; line-height: 20px; color: #666666;}
	#PageContent P {margin: 0px 0px 25px 0px;}
	#PageInfo {margin: 18px 0px 0px 0px}
	#PageSummary {font-weight: bold; font-style: italic; display: block; clear: both; margin: 0px 0px 25px 0px; color: #666666; line-height: 20px}
	#PageText {color: #666666; line-height: 20px;}
	
	/* box-table */
	.box-table {width: 465px; border-collapse: collapse;}
	.box-table TD {padding: 0px; }
	.box-table TD IMG {display: block;}
	.box-table TD.box-content {width: 435px; background: #fff; padding: 11px 11px 11px 11px;}
	.box-table TD.box-content IMG {margin: auto; }
	.box-table TD.box-top {background: url(../_Images/_Box/BoxTop.png) repeat-x top}
	.box-table TD.box-bottom {background: url(../_Images/_Box/BoxBottom.png) repeat-x bottom}
	.box-table TD.box-left {background: url(../_Images/_Box/BoxLeft.png) repeat-y left}
	.box-table TD.box-right {background: url(../_Images/_Box/BoxRight.png) repeat-y right}

	/* Gallery thunbnails */
	H1.thumbs-margin {margin-bottom: 8px}
	.gallery-thumbs {padding: 6px 0 3px 0; line-height: 14px; }
	.gallery-thumbs IMG {display: inline; margin: 0px 0px 0px 0px; padding: 0px; width: 73px; height: 73px;}
	.gallery-thumbs A:hover IMG {-moz-opacity: 100; filter: alpha(opacity=100);}
	.gallery-thumbs .selected IMG {-moz-opacity: 100; filter: alpha(opacity=100);}
	.thumbs-line-margin {height: 8px; background: none; border-bottom: 1px solid #7f7f7f;}

/* Room menu */
.room-menu {clear:both; padding: 20px 0 0 0; word-spacing: 15px;}
.room-menu a {text-transform: uppercase;}

/* iBox */
#ibox_overlay {height: 100%}
#ibox_footer_wrapper {position: absolute; top: 20px; right: 14px; z-index: 200000000;}
#ibox_footer_wrapper a {text-indent: -100000px; background: url('../_Images/_iBox/closelabel.gif') center center no-repeat; width: 15px; height: 15px;}
#ibox_wrapper {padding: 15px 15px 15px 15px; border-color:#ccc;}
#ibox_wrapper, #ibox_footer_wrapper A { background-color:#fff; }
#ibox_content {color: #000000; line-height: 15px; background-color:#fff; padding-bottom: 7px; border: 0px; border-bottom: 1px solid #7f7f7f}
#ibox_progress {background: #fff url('../_Images/_iBox/loading.gif') center center no-repeat;}
#ibox_loading {background: #fff; color: #7f7f7f; border: 1px solid #ccc; font-family: Georgia, verdana, sans-serif; font-weight: normal}

#ibox .popup-alert {padding: 10px 10px 10px 10px; border: 1px solid #7f7f7f; background: #fff; width: 150px; height: 30px; position: absolute; top: 50px; left: 180px;}
#ibox .popup-alert .button {float: right; margin-right: 0px}

#ibox .button-confirm {margin-right: 5px}

#FixediBox {overflow-y: auto; overflow-x: hidden; height: 375px; padding-right: 15px}
#FixediBox table {width: 435px}
#FixedBoxButton {margin-top: 15px; height: 30px;}
#FixediBoxMessage {margin-bottom: 4px; padding-bottom: 14px; border-bottom: 1px solid #ccc}

.progress {display: block; margin: auto; margin-top: 60px; margin-bottom: 60px;}


.RoomEmailLink {
	color: white;
}