@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:url(graphics/bg_footer.gif);
	font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
}
body#login {
	background:#e9e5e1 url(graphics/bg_main.gif) center;
}
#header {
	display:block;
	height:110px;
	background:#959017 url(graphics/bg_header.jpg) repeat-x;
}
.disclaimer {
	font-size:9px;
	font-style:italic;
	padding:5px 0 0 0;
}
#menuHolder {
	position:relative;
	display:block;
	height:110px;
	width:940px;
	margin:0 auto;
	background:url(graphics/bg_meny.gif) no-repeat;
}
#twoColoumnWrapper, #wrapper {
	background:#e9e5e1 url(graphics/bg_main.gif) center;
}
h1 {
	margin:0;
}
h1 a {
	background:url(graphics/logo_futurebook.gif) no-repeat bottom right;
	width:199px;
	height:38px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#flashcontent {
	margin:0 0 10px 0;
}
h2 {
	margin:0;
	padding:0;
	font-size:20px;
	color:#e9e5e1;
	position:absolute;
	top:55px;
	left:230px;
	font-weight:normal;
}
#twoColoumnWrapper h2 {
	left:60px;
	top:60px;
}
h3 {
	color:#4a4c00;
	font-weight:normal;
	font-size:20px;
	margin:0;
}
h4 {
	margin:0;
	padding:0;
}
h4 span {
	background: url(graphics/bg_h4.gif) no-repeat right;
	color:#4a4c00;
	font-size:11px;
	font-weight:bold;
	height:18px;
	overflow:hidden;
	padding:5px 24px 2px 10px;
}

h5.profile {
	margin:0;
	padding:0;
	font-size:11px;
	color:#5e5e5e;
	font-weight:bold;
}
h6 {
	margin:0 0 5px 0;
	color:#4a4c00;;
	font-weight:bold;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0;
}

p {
	color:#3e3b38;
	font-size:11px;
	margin:0 0 10px 0;
}

/*
------------------------------------------- --- -- -
Login box
------------------------------------------- --- -- -
*/
#login h2 {
	color:#5f6001;
	position:static;
	margin:0 0 5px 0;
	font-size:18px;
}
#loginContent {
	margin-top:20px;
	margin-bottom:20px;
	background:url(graphics/line_vertical.gif) repeat-y 200px 0;
}



#loginBox {
	display:block;
	width:500px;
	background:#e0dcd9;
	position:absolute;
	top:50%;
	margin-top:-230px;
	left:50%;
	margin-left:-250px;
}
#loginFooter {
	display:block;
	width:500px;
	text-align:center;
	position:absolute;
	top:50%;
	margin-top:240px;
	left:50%;
	margin-left:-250px;
	font-size:12px;
	color:#555555;
}
#loginFooter a {
	font-size:12px;
	color:#555555;
}
#loginHeader {
	display:block;
	height:56px;
	width:500px;
	background:url(graphics/bg_login_header.gif) no-repeat;
}

#loginLeftCol {
	height:180px;
	width:200px;
	display:block;
	float:left;
	background:url(graphics/login_icon.gif) no-repeat;
}
#loginRightCol {
	width:280px;
	float:right;
	display:block;
}
.loginInput {
	margin:0 0 10px 0;
	width:250px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background:#DDDDDD;
	padding:2px 4px;
	font-size:20px;
	color:#333333;
}

#loginContent .greenLink {
	width:60px;
	margin:5px 0 0 0;
	display:block;
	padding:3px 8px;
	color:#FFFFFF;
}
#loginContent p {
	margin:0 0 5px 0;
	padding:0;
}
#loginContent label {
	color:#333333;
	font-size:11px;
}
p.loginError {
	font-weight:bold;
	color:#FF0000;
}
p.loginInfo {
	font-weight:bold;
}
div.loginInfo {
	display:inline-block;
	margin:10px 10px 0 0;
	font-size:9px;
	font-style:italic;
	color:#666666;
}

div.loginIntro {
	padding:0 0 5px 0;
	font-size:12px;
	color:#333333;
}

div.loginIntro a {
	font-weight:bold;
	color:#4a4c00;
}

/*
------------------------------------------- --- -- -
Login box
------------------------------------------- --- -- -
*/
#legalBox {
	display:block;
	width:800px;
	background:#e0dcd9;
	margin:0 auto;
	margin-top:20px;
}

#legalContent {
	margin-top:20px;
	margin-bottom:20px;
	padding:0 30px 20px 30px;
}

#registerHeader {
	display:block;
	height:56px;
	width:800px;
	background:url(graphics/bg_register_header.gif) no-repeat;
}
#registerBox {
	display:block;
	width:800px;
	background:#e0dcd9;
	position:absolute;
	top:50%;
	margin-top:-245px;
	left:50%;
	margin-left:-400px;
}
#registerLeftCol {
	height:180px;
	width:200px;
	display:block;
	float:left;
	background:url(graphics/register_icon.gif) no-repeat;
}
#registerCenterCol {
	margin-left:20px;
	width:280px;
	float:left;
	display:block;
}
#registerTopCol {
	margin-left:20px;
	margin-bottom:10px;
	width:560px;
	float:left;
	display:block;
}
#registerRightCol {
	width:280px;
	float:right;
	display:block;
}

#registerBox .greenLink {
	width:140px;
	margin:10px 0 0 0;
	display:block;
	padding:3px 8px;
	color:#FFFFFF;
}
/*
------------------------------------------- --- -- -
Søkefelt
------------------------------------------- --- -- -
*/
#searchHolder {
	position:absolute;
	right:10px;
	top:10px;
	width:165px;
}

#searchField {
	margin:0;
	width:130px;
	border-top:1px solid #4a4c00;
	border-left:1px solid #4a4c00;
	border-right:1px solid #b4ad37;
	border-bottom:1px solid #b4ad37;
	padding:2px 4px;
}
#searchButton {
	background:url(graphics/sok_norm.gif) no-repeat;
	display:block;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:0 0 0 5px;
}
#searchButton:hover {
	background:url(graphics/sok_hover.gif) no-repeat;
}



/*
------------------------------------------- --- -- -
PRIVATMenu
------------------------------------------- --- -- -
*/

#privateMenu {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:10px;
	left:230px;
}

#privateMenu li {
	list-style:none;
	float:left;
}
#privateMenu a {
	display:block;
	padding:3px 5px 3px 5px;
	color:#ccc8c5;
	font-size:11px;
}
#privateMenu a:hover, #privateMenu .current {
	background:#959119;
	text-decoration:none;
}

/*
------------------------------------------- --- -- -
LOGGET INN SOM
------------------------------------------- --- -- -
*/

#loggedInAs {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:10px;
	right:240px;
}
#loggedInAs li {
	list-style:none;
	float:left;
}
#loggedInAs a {
	display:block;
	padding:3px 5px 3px 5px;
	color:#ccc8c5;
	font-size:11px;
}
#loggedInAs a:hover, #loggedInAs .current {
	background:#959119;
	text-decoration:none;
}

/*
------------------------------------------- --- -- -
SUBMENY
------------------------------------------- --- -- -
*/
#subMenu {
	padding:0;
	margin:0;
	left:230px;
	bottom:0;
	position:absolute;
	display:block;
	list-style:none;
}
#twoColoumnWrapper #subMenu {
	left:60px;
}

#smallProfilePicture {
	position:absolute;
	top:60px;
}
#subMenu li {
	float:left;
	margin:0 5px 0 0;
	cursor:pointer;
	list-style:none;
}

#subMenu li a {
	padding:0 6px 0 0;
	background:url(graphics/submeny_tab_right_normal.gif) no-repeat right top;
	height:22px;
	display:block;
	font-size:11px;
	color:#ccc8c5;
	overflow:hidden;
	cursor:pointer;
}
#subMenu li a span {
	background:url(graphics/submeny_tab_left_normal.gif) no-repeat;
	height:22px;
	display:block;
	overflow:hidden;
	padding:5px 4px 0 10px;
	cursor:pointer;
}

#subMenu li a:hover, #subMenu li .current {
	background:url(graphics/submeny_tab_right_hover.gif) no-repeat right top;
	color:#303030;
	text-decoration:none;
}
#subMenu li a:hover span, #subMenu li .current span {
	background:url(graphics/submeny_tab_left_hover.gif) no-repeat;
}



#contentWrapper {
	margin:0 auto;
	display:block;
	width:940px;
	background:url(graphics/line_vertical.gif) repeat-y 778px 0;
}
#centerBgQuickFix {
	background: url(graphics/bg_quickFix.gif) no-repeat 778px 0;
}

/*
------------------------------------------- --- -- -
Venstre kolonne
------------------------------------------- --- -- -
*/
#leftColoumn {
	position:relative;
	display:block;
	width:200px;
	float:left;
	margin: 0 16px 0 0;
}


#profilePicture {
	position:relative;
	height:251px;
	display:block;
	margin: 0 0 10px 0;
}
#profilePicture img {
	position:absolute;
	top:-44px;
	display:block;
}
.BRLink {
	background:url(graphics/bg_brlink.gif) left;
	position:absolute;
	bottom:0;
	right:0;
	height:18px;
	overflow:hidden;
	color:#646501;
	font-weight:bold;
	font-size:10px;
}
.BRLink:hover {
	color:#333333;
}
.BRLink span {
	margin:3px 3px 0 20px;
	display:block;
}

p.profilePictureInfo {
	display:block;
	font-style:italic;
	padding:5px 0 0 0 ;
}


.greenLink {
	display:block;
	border-top:1px solid #b4ad37;
	border-left:1px solid #b4ad37;
	border-right:1px solid #4a4c00;
	border-bottom:1px solid #4a4c00;
	color:#ffffff;
	font-size:10px;
	background:#565705 url(graphics/bg_greelink.gif) repeat-x;
	text-align:center;
	padding:3px 0;
	font-weight:bold;
}
.greenLink:hover {
	background:#3f4003 url(graphics/bg_greelink_hover.gif) repeat-x;
	text-decoration:none;
}

.greyBg {
	background:#e0dcd9;
	padding:10px;
}
#commentListing, #albumListing, #pictureListing {
	position:relative;
}
#commentListing, #albumListing, #friendList, #profileInformation {
	margin:30px 0 0 0;
}
p.profile {
	padding:0 0 5px 0;
	color:#303030;
	font-size:11px;
	margin:0;
}



/*
Friend list grid
*/
p.friendGridText {
	margin:5px 0 0 0;
	padding:0;
}
p.friendGridText a {
	font-size:10px;
	color:#494644;
}
p.friendGridText a:hover {
	color:#4a4c00;
}
.friendGridItem {
	float:left;
	margin:0 15px 0 0;
	width:50px;
	overflow:hidden;
}
.friendGridItem_last {
	float:left;
	margin:0;
	width:50px;
	overflow:hidden;
}
.friendGridRowSpacing {
	padding:10px 0 15px 0;
}

/*
------------------------------------------- --- -- -
Midt kolonne
------------------------------------------- --- -- -
*/
#centerColoumn {
	display:block;
	width:550px;
	float:left;
	padding:16px 0 0 0;
}

#kontoVenstre {
	display:block;
	float:left;
	width:370px;	
}

#kontoHoyre {
	display:block;
	float:right;
	width:370px;	
}
width:762px;

/*
Facebook boks
*/
#facebookConnectBox {
	margin: 0 0 30px 0;
}
h3.facebook {
	color:#4a4c00;
	font-weight:normal;
	font-size:23px;
	margin:0 0 5px 0;
	padding:0;
}

.wallUserPic
{
	float:left;
}

/*
Bildepost
*/
.wallQuizPost, .wallVideoPost, .wallPicturePost {
	background:url(graphics/line_horizontal.gif) repeat-x bottom;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
.rightAlignedWallContent {
	display:block;
	width:476px;
	float:right;
}
h5.wall {
	padding:0;
	color:#303030;
	font-weight:normal;
	font-size:12px;
	margin:0 0 10px 0;
}
h5.wall a {
	color:#696910;
	font-weight:bold;
}

a.pictureBorder {
	border:1px solid #696910;
	display:inline-block;
	padding:2px;
	margin:0 15px 15px 0;
	float:left;
}
.center {
	text-align:center;
}
td a.pictureBorder {
	float:none;
}

.fourColoumnGridTable td {
	text-align:center;
	width:25%;
	padding:0 0 20px 0;
}
#albumListing .BRLink:hover, #pictureListing .BRLink:hover {
	color:#646501;
}
.albumLink, .videoLink {
	float:left;
	margin:0 15px 15px 0;
	display:block;
	height:140px;
}
.videoLink .albumDesc a {
	color:#4a4c00;
	
}
.videoLink a {
	float:none;
}
.videoLink p {
	width:150px;
}

.videoLink a.pictureBorder, .albumLink a.pictureBorder, .fourColoumnGridTable td a.pictureBorder {
	margin:0;
} 

.videoLink .albumDesc, .albumLink .albumDesc {
	margin:5px 0 0 0;
	font-size:10px;
	font-weight:bold;
}

.albumLink .albumDescNumber {
	font-style:italic;
	font-size:9px;
	display:block;
	text-align:left;
	margin:0;
}
.wallLink {
	font-style:italic;
	font-size:9px;
	display:block;
	text-align:left;
	margin:-10px 0 5px 0;
}
.quizGraphic {
	display:block;
	float:left;
	margin:0 15px 15px 0;
}
a.pictureBorder:hover {
	border:1px solid #303030;
}
.videoWrapper {
	position:relative;
	display:block;
}
.videoButton {
	position:absolute;
	bottom:5px;
	left:5px;
}
.wallDescription {

}
.wallDescription em {
	font-size:9px;
}
.wallDescription a {
	color:#3e3b38;
}
.wallQuizPost .greenLink {
	width:200px;
	display:inline;
	padding:3px 8px;
	color:#FFFFFF;
}

#commentListing .greenLink {
	width:200px;
	display:inline;
	padding:3px 8px;
	color:#FFFFFF;
}

#quizLink, #quizForm .greenLink {
	width:200px;
	display:inline;
	padding:3px 8px;
	color:#FFFFFF;
}
#changeBranchWrapper {
	position:relative;
}
#changeBranch {
	width:80px;
	display:block;
	padding:2px 8px;
	color:#FFFFFF;
	position:absolute;
	top:0;
	right:0;
	
}
/*
#changeBranch {
	width:38px;
	display:block;
	padding:2px 8px;
	color:#FFFFFF;
	position:absolute;
	top:0;
	right:0;
	
}
*/

#changeBranchWrapperHeader {
	position:absolute;
	right:10px;
	top:10px;
	width:225px;
}
/*
------------------------------------------- --- -- -
Venstre kolonne bred
------------------------------------------- --- -- -
*/
#rightColoumnWide {
	float:left;
	width:762px;
	padding:16px 0 0 0;
}
#rightColoumnWide p.quizresult a {
	line-height:30px;
	color:#4a4c00;
}
h4.quiz {
	margin:20px 0 10px 0;
	font-size:12px;
	color:#333333;
}
div.quiz_alt {
	display:block;
	margin:0 0 5px 0;
}
label {
	font-size:11px;
}
.rightAlignedCommentContent {
	display:block;
	width:680px;
	float:right;
}
.rightAlignedCommentContent h5 {
	margin:0;
}
.rightAlignedCommentContent .comment {
	margin:0 0 3px 0;
}
.rightAlignedCommentContent .commentDate {
	font-style:italic;
	font-size:9px;
	margin:0;
}
.commentPost, .commentPostAnswer {
	background:url(graphics/line_horizontal.gif) repeat-x bottom;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
.commentPostAnswer {
	padding:0 0 10px 50px;
}
.commentPostAnswer .rightAlignedCommentContent {
	width:630px;
}
.commentPostLast {
	margin:0 0 20px 0;
}

.rightAlignedGrey {
	background:url(graphics/bg_trlink.gif) left;
	position:absolute;
	top:0;
	right:0;
	height:18px;
	overflow:hidden;
	color:#646501;
	font-weight:bold;
	font-size:10px;
}
.rightAlignedGrey a {
	color:#4a4c00;
}
.rightAlignedGrey a:hover {
	color:#333333;
}
.rightAlignedGrey span {
	margin:3px 10px 0 24px;
	display:block;
}
#bildeVisning {
	padding:18px 0 0 0;
	position:relative;
}
#paginering {
	margin:0;
	font-style:italic;
	font-size:9px;
}

#olderPosts {
	padding:10px;
	border:1px solid #666666;
	background:#DDDDDD;
}
.rightArrow {
	font-size:11px;
	color:#333333;
	background:url(graphics/arrow_down.gif) no-repeat right;
	padding-right:14px;
}
.nextFooter {
	font-size:12px;
	color:#333333;
	padding:10px;
	border:1px solid #666666;
	background:#DDDDDD;
	display:block;
	text-align:center
}
/*
------------------------------------------- --- -- -
Høyre kolonne
------------------------------------------- --- -- -
*/
#rightColoumn {
	float:right;
	display:block;
	width:150px;
	margin:16px 0 0 0;
}

#rightColoumn h5 {
	margin:0 0 5px 0;
	border-bottom:1px solid #CCCCCC;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}

#rightColoumn h6 {
	margin:10px 0 5px 0;
}
#rightColoumn a {
	text-decoration:none;
	color:#4a4c00;
}
#footer {
	background:url(graphics/bg_footer.gif);
	display:block;
	height:100px;
	position:relative;
	margin:35px 0 0 0;
}
#footerText {
	margin:0 auto;
	background:url(graphics/bg_footer_gra.gif) no-repeat 200px 0;
	width:940px;
	overflow:hidden;
	padding:35px 0 0 0;
	text-align:center;
}
#footerText p {
	margin:0 167px 0 200px;
	color:#999999;
	font-size:9px;
}

#galleryPictureLarge {
	border:1px solid #9c9ba0;
	margin: 0 0 10px 0;
}

#footerText a {
	color:#AAAAAA;
}
#footerText a:hover {
	color:#AAAAAA;
	text-decoration:underline;
}
/*
------------------------------------------- --- -- -
Postkasse
------------------------------------------- --- -- -
*/

.inboxComment {
	margin:0 0 10px 0;
	width:670px;
	height:70px;
	border-top:1px solid #a9a5a2;
	border-left:1px solid #a9a5a2;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding:2px 4px;
	background:#e9e5e1;
	font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
	font-size:11px;
}
.inboxEmail {
	margin:0 0 10px 0;
	width:670px;
	border-top:1px solid #a9a5a2;
	border-left:1px solid #a9a5a2;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding:2px 4px;
	background:#e9e5e1;
	font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
	font-size:11px;
}

/*
------------------------------------------- --- -- -
Søkeresultater
------------------------------------------- --- -- -
*/
.userList  {
	display:block;
	margin:10px 0 10px 0;
}
.userList h4 {
	font-size:11px;
	font-weight:bold;
}
.userList img {
	float:left;
}
.nameHolder {
	display:inline-block;
	margin:10px 0 0 10px;
}
.nameHolder a {
	color:#333333;
}