HTML {height: 100%;}
BODY {height: 100%; margin: 0px; padding: 0px; background: url(../_Images/bg2.gif); font-size: 12px; font-family: arial;}
#bg {background: url(../_Images/bg1.gif) repeat-x top; padding: 0px 0px 20px 0px; height: 1800px; }
#main-shadow {padding: 0px 22px 0px 22px; width: 980px; margin: auto; background: url(../_Images/shadow-bg.png) repeat-y; position: relative}
	#main-top-shadow {background: url(../_Images/main-top-bg.gif) repeat-x; height: 17px; width: 980px;}
	#main-bottom-shadow {background: url(../_Images/main-bottom-bg.png) repeat-x; height: 27px; width: 962px; bottom: -37px; left: 31px; position: absolute; }
#main {background: #fff; height: auto; width: 940px; padding: 20px 20px 10px 20px; position: relative}
	#main-top-left {position: absolute; top: -17px; left: -22px; height: 31px; width: 31px; background: url(../_Images/main-top-left.gif);}
	#main-top-right {position: absolute; top: -17px; right: -22px; height: 31px; width: 31px; background: url(../_Images/main-top-right.gif);}
	#main-bottom-left {position: absolute; bottom: -37px; left: -22px; height: 37px; width: 31px; background: url(../_Images/main-bottom-left.png);}
	#main-bottom-right {position: absolute; bottom: -37px; right: -22px; height: 37px; width: 31px; background: url(../_Images/main-bottom-right.png);}
	#main-bottom {position: absolute; bottom: -10px; left: 9px; height: 10px; width: 962px; background: #fff;}
#header {height: 80px; background: url(../_Images/bflogo.gif) no-repeat 10px 10px;}
#content {overflow: hidden}
#col1, #col2, #col3, #col4 {float: left;}
#col1 {margin-right: 20px}
#footer {width: 940px; margin: auto; color: #fff; font-size: 11px; margin-top: 33px;}
	#footer .img {float: left; background: url(../_Images/bflogo-footer.gif) no-repeat top left; height: 32px; width: 144px; margin-right: 20px}



/* BASICS */
H1 {color: #333333; font-family: Verdana, sans-serif; font-size: 25px; font-weight: none; border-bottom: 2px solid #eeeeee; font-weight: normal; text-transform: uppercase; }
H2 {color: #333333; font-size: 18px; font-weight: normal; font-family: Verdana, sans-serif; }
A {color: #81919f; text-decoration: none; font-weight: bold;}
A:hover {text-decoration: underline}
A:visited {color: #81919f;}
A DIV {cursor: hand}
IMG {border: none;}
#corner {height: 10px; width: 10px;}

/* LOGIN */


#login #input {position: absolute; right: 20px; /*top: 203px;*/ height: 50px; width: 440px;}

#login #session {position: absolute; right: 20px; /*top: 203px;*/ /*width: 240px;*/}

#login .field {float: left; padding-left: 10px; width: 200px;}

#login INPUT {float: left; height: 14px; margin-top: 2px;}

#button-login {background: url(../_Images/button-login.gif) repeat-x; width: 65px; height: 20px; cursor: hand; float: left; margin-top: 16px;}
#button-login .title {float: left; padding-top: 3px; color: #000; text-decoration: none; font-weight: normal; font-size: 11px; text-align: center; width: 65px;}
A:hover #button-login .title {text-decoration: underline;}


/* MENU */
#menu {height: 25px; padding-bottom: 17px; background: url(../_Images/menu-bottom-bg.gif) repeat-x bottom; width: 940px; }
#menu #corner {height: 24px; width: 5px;}
#menu .item {background: url(../_Images/menu-item-bg.gif) repeat-x; height: 24px; width: 116px; float: left; margin: 0px 1px 1px 0px; cursor: hand}
#menu .item .left {background: url(../_Images/menu-item-left.gif) no-repeat; float: left;}
#menu .item .right {background: url(../_Images/menu-item-right.gif) no-repeat; float: right;}
#menu .title {float: left; padding: 4px 0px 0px 6px; color: #fff; font-weight: normal;}
#menu A:hover .item {background: url(../_Images/menu-item-bg-hover.gif) repeat-x;}
#menu A:hover .item .left {background: url(../_Images/menu-item-left-hover.gif) no-repeat}
#menu A:hover .item .right {background: url(../_Images/menu-item-right-hover.gif) no-repeat}
#menu A:hover .title {color: #fff; font-weight: normal;}
#menu .item-8 {margin-right: 0px; width: 121px; _width: 118px}

	/* active */
	.projects #menu .item-8,
	.recruiters #menu .item-7,
	.employers #menu .item-6,
	.rent #menu .item-5,
	.mentor #menu .item-4,
	.look-for-job #menu .item-3,
	.register-cv #menu .item-2,
	.start #menu .item-1 {opacity: .6; filter: alpha(opacity=60)}


/* MENU-START */
#menu-start {height: 11px; margin: auto; margin-bottom: 20px; position: static; text-align: center}
#menu-start .item {float: none; cursor: hand; display: inline; padding: 0px 20px 0px 20px; border-right: 1px solid #cccccc;}
#menu-start .title {float: none; padding: 0px; color: #000; font-weight: normal;}
#menu-start A:hover {text-decoration: none}
#menu-start A:hover .title {color: #5599dd; font-weight: normal; text-decoration: underline;}
#menu-start .item-6 {border: none;}
#menu-start .last {border: none;}


/* COMMON ELEMENTS */

	/* button */
	.button {background: url(../_Images/button-bg.gif) repeat-x; width: 100px; height: 14px; cursor: hand; border: 1px solid #d61311 }
	.button .title {float: left; color: #fff; text-decoration: none; font-weight: normal; font-size: 11px; text-align: center; width: 94px;}
	A:hover .button .title {text-decoration: underline;}

	/* button-big */
	.button-big {background: url(../_Images/button-big.png) repeat-x; width: 195px; height: 24px; cursor: hand; margin: auto; clear: both; display: block;}
	.button-big .title {float: left; color: #333333; text-decoration: none; text-align: center; width: 195px; padding-top: 4px;}
	.button-big:hover .title {text-decoration: underline;}

	/* buttons (admin-style) */
	.buttons {width: 50px; float: right }
	.button-accept {background: url(../_Images/Start.png) no-repeat center center; width: 18px; height: 18px; cursor: hand; float: left; border: 1px solid #d9f5ca; border-bottom-width: 2px; border-right-width: 2px;}
		A:hover	.button-accept {background: url(../_Images/Start.png) no-repeat center center #f8fdf6; border: 1px solid #d9f5ca; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 2px; border-left-width: 2px;}
	.button-delete {background: url(../_Images/Stop.png) no-repeat center center; width: 18px; height: 18px; cursor: hand; float: right; border: 1px solid #d9f5ca; border-bottom-width: 2px; border-right-width: 2px;}
	A:hover	.button-delete {background: url(../_Images/Stop.png) no-repeat center center #f8fdf6; border: 1px solid #d9f5ca; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 2px; border-left-width: 2px;}

	/* row */
	.rows-head {font-weight: bold; margin: 10px 0px 10px 0px}
	.rows {margin: 6px 0px 6px 0px}
	.row {height: 20px; display: block; color: #003366}
	.row-2nd {height: 20px; background: #f7fbff; border-bottom: 1px solid #cde3f5; border-top: 1px solid #cde3f5; }
 	#last-row {border-bottom: 1px solid #cde3f5;}
	.row SPAN {margin-left: 6px}
	.row .name {width: 180px; display: block; float: left; padding-top: 3px;}
	.row .date {padding-top: 3px; display: block; float: left; }
	.row .time {padding-top: 3px; display: block; float: right; margin-right: 6px}
	.row A {color: #003366; font-weight: normal}
	.row A:hover {text-decoration: underline;}
	
		/* row box-white green */	
		.box-white-green .row {color: #336600; }
		.box-white-green .row-2nd {background: #f8fdf6; }
		.box-white-green .row-2nd, .box-white-green #last-row {border-color: #d9f5ca;}

	/* reply */	
	.reply {margin: 20px 0px 0px 0px;}
	#content #col1 .reply .top-border {width: auto;}
	.reply B {margin: 10px 0px 0px 0px; float: left;}
	.reply INPUT {width: 440px; float: right;}
	.reply TEXTAREA {width: 572px; .width: 570px; margin-top: 8px; font-size: 12px; font-family: arial; margin-bottom: 10px}
	.reply .button {float: right}
	
	/* box */
	.box {width: 940px; margin: 16px 0px 16px 0px; background: url(../_Images/box-bg-tall.gif) top repeat-x #e0f1ff; clear: both; position: relative;}
	.box .content {padding: 10px 20px 10px 20px; clear: both; border-left: 2px solid #cde3f5; border-right: 2px solid #cde3f5; overflow: hidden;}
	.box .top {height: 10px; overflow: hidden;}
	.box .bottom {height: 10px; _border-bottom: 2px solid #cde3f5; _height: auto;}
	
	.box .top-left {background: url(../_Images/box-top-left.gif) top no-repeat; float: left;}
	.box .top-right {background: url(../_Images/box-top-right.gif) top no-repeat; float: right;}
	.box .top-mess {background: url(../_Images/box-mess-top.gif) top no-repeat; width: 14px; height: 16px; position: absolute; top: -14px; left: 56px}
	.box .top-title {background: url(../_Images/top-title-bg.gif) repeat-x 0px 7px; height: 16px; position: absolute; top: -7px; left: 15px; font-size: 14px; padding: 0px 4px 0px 4px;}
	.box .top-border {border-top: 2px solid #cde3f5; height: 3px; float: left;}
	
	.box .bottom-left {background: url(../_Images/box-bottom-left.png) bottom no-repeat; _background: url(../_Images/box-bottom-left.gif) bottom no-repeat; float: left; _position: absolute; _left: 0px; _bottom: 0px; }
	.box .bottom-right {background: url(../_Images/box-bottom-right.png) bottom no-repeat; _background: url(../_Images/box-bottom-right.gif) bottom no-repeat; float: right; _position: absolute; _right: 0px; _bottom: 0px;}
	.box .bottom-border {border-bottom: 2px solid #cde3f5; width: 920px; height: 8px; float: left; _display: none;}
	
		/* box-green */
		.box-green {background: url(../_Images/box-green-bg.gif) top repeat-x #99cc80; width: 300px; }
		.box-green #corner {height: 5px; width: 5px;}
		.box-green .content {padding: 10px; border-color: #339900;}
		.box-green .top, .box-green .bottom  {height: 5px; _border-color: #339900;}
		
		.box-green .top-left {background: url(../_Images/box-green-top-left.gif) top no-repeat;}
		.box-green .top-right {background: url(../_Images/box-green-top-right.gif) top no-repeat;}
		
		.box-green .bottom-left {background: url(../_Images/box-green-bottom-left.gif) bottom no-repeat;}
		.box-green .bottom-right {background: url(../_Images/box-green-bottom-right.gif) bottom no-repeat;}
		.box-green .bottom-border {border-bottom: 2px solid #339900; width: 290px; height: 3px;}
		
		/* box-white */
		.box-white {background: #fff}
		.box-white #corner {height: 5px; width: 5px;}
		.box-white .content {padding: 10px;}
		.box-white .top, .box-white .bottom {height: 5px;}
		.box-white .bottom {_height: auto;}
		
		.box-white .top-left {background: url(../_Images/box-white-top-left.png) top no-repeat;  _background: url(../_Images/box-white-top-left.gif) top no-repeat;}
		.box-white .top-right {background: url(../_Images/box-white-top-right.png) top no-repeat;  _background: url(../_Images/box-white-top-right.gif) top no-repeat;}
		
		.box-white .bottom-left {background: url(../_Images/box-white-bottom-left.png) bottom no-repeat;  _background: url(../_Images/box-white-bottom-left.gif) bottom no-repeat;}
		.box-white .bottom-right {background: url(../_Images/box-white-bottom-right.png) bottom no-repeat;  _background: url(../_Images/box-white-bottom-right.gif) bottom no-repeat;}
		.box-white .bottom-border {height: 3px;}
	
			/* box-white-green */
			.box-white-green .top-left {background: url(../_Images/box-white-green-top-left.gif) top no-repeat;}
			.box-white-green .top-right {background: url(../_Images/box-white-green-top-right.gif) top no-repeat;}
			
			.box-white-green .bottom-left {background: url(../_Images/box-white-green-bottom-left.gif) bottom no-repeat;}
			.box-white-green .bottom-right {background: url(../_Images/box-white-green-bottom-right.gif) bottom no-repeat;}

			.box-white-green .content, .box-white-green .top-border, .box-white-green .bottom-border, .box-white-green .bottom {border-color: #339900;}
	
	
			/* box-white-red */
			.box-white-red .top-left {background: url(../_Images/box-white-red-top-left.gif) top no-repeat;}
			.box-white-red .top-right {background: url(../_Images/box-white-red-top-right.gif) top no-repeat;}
			
			.box-white-red .bottom-left {background: url(../_Images/box-white-red-bottom-left.gif) bottom no-repeat;}
			.box-white-red .bottom-right {background: url(../_Images/box-white-red-bottom-right.gif) bottom no-repeat;}

			.box-white-red .content, .box-white-red .top-border, .box-white-red .bottom-border, .box-white-red .bottom {border-color: #fdcfc8;}


			/* box-thin */
			.box-thin {}
			.box-thin .content {border-width: 1px}			
			.box-thin .top-left {background: url(../_Images/box-thin-top-left.gif) top no-repeat;}
			.box-thin .top-right {background: url(../_Images/box-thin-top-right.gif) top no-repeat;}
			.box-thin .top-border {border-width: 1px}
			
			.box-thin .bottom-left {background: url(../_Images/box-thin-bottom-left.gif) bottom no-repeat;}
			.box-thin .bottom-right {background: url(../_Images/box-thin-bottom-right.gif) bottom no-repeat;}
			.box-thin .bottom-border {border-width: 1px; height: 4px;}
				
				/* annonser */
				.annonser {width: 940px; margin-bottom: 0px;}
				.annonser .top-border {width: 930px;}
				.annonser .bottom-border {width: 930px;}
				.annonser .annons {float: left; margin: 5px;}

			/* box-fade */
			.box-fade {background: url(../_Images/box-bg.gif) repeat-x #e1f1ff;}
			.box-fade .top-left {background: url(../_Images/box-fade-top-left.gif) top no-repeat;}
			.box-fade .top-right {background: url(../_Images/box-fade-top-right.gif) top no-repeat;}			

			.box-fade .bottom-left {background: url(../_Images/box-fade-bottom-left.gif) bottom no-repeat;}
			.box-fade .bottom-right {background: url(../_Images/box-fade-bottom-right.gif) bottom no-repeat;}

		/* box col 1 */
		#col1 .box {width: 620px; }
		#col1 .box .top-border, #col1 .box .bottom-border {width: 600px;}
		#col1 .box-white .bottom-border, #col1 .box-white .top-border, #col1 .box-green .bottom-border, #col1 .box-green .top-border {width: 610px;}
		
		/* box col 2 */
		#col2 .box {width: 300px; }
		#col2 .box .top-border, #col2 .box .bottom-border {width: 290px;}
			
		/* profile */	
		.profile {height: 48px}
		.profile .img {width: 48px; height: 48px; float: left; margin-right: 10px;}
		.profile .img-bg {background: url(../_Images/profile-img.png) no-repeat; _background: url(../_Images/profile-img.gif) no-repeat; height: 48px; width: 48px;}
		.profile .info {color: #333333;}
		.profile .name {color: #cc3300; font-weight: bold; display: block;}
	
			#col2 .profile {height: 48px}
			#col2 .profile .img {width: 48px; height: 48px; float: left; margin-right: 10px;}

/* START */
.start #col1 .box .content {padding: 18px}

	/* register */
	.register {background: url(../_Images/box-bg.gif) repeat-x #e1f1ff; }
	.register .content {height: 38px}
	.top-register {background: url(../_Images/register-top.png) top no-repeat; width: 72px; height: 53px; position: absolute; top: -17px; right: 75px;}
	.register #col1, .register #col2, .register #col3 {width: 235px; margin: 0px; color: #333333; font-weight: bold; }
	.register #col2 {padding: 0px 20px 0px 20px;}
	.register INPUT, .register SELECT {width: 230px; margin-top: 2px}
	
		/* button-register */
		.button-register {background: url(../_Images/button-register.png) repeat-x; width: 112px; float: right; margin: 17px 20px 0px 0px;}
		.button-register .title {width: 112px;}

	/* Jobbjägare (owners) */
	.hunters .profile {border-bottom: 1px solid #cde3f5; padding-bottom: 10px;margin-bottom: 10px}
		.hunters .last {border: none; margin-bottom: 0px;}
	.hunters .profile .info {float: left;}
	.hunters .profile .quote {float: right; width: 300px; padding: 0px 20px 0px 20px}

	/* Hetast debatt (hot) */
	#hot {width: 620px; background: url(../_Images/hot.jpg) no-repeat top #f77107; margin-top: -16px; padding-top: 20px; position: relative; }	
	#hot .content {padding: 12px 20px 0px 20px; border-right: 2px solid #000; border-left: 2px solid #000; }
	#hot .profile {float: left; width: 48px; margin-right: 20px; margin-bottom: 12px; }
	#hot .profile .img-bg {background: url(../_Images/profile-img-hot.png) no-repeat; _background: url(../_Images/profile-img-hot.gif) no-repeat; height: 48px; width: 48px;}
	#hot .text {width: 570px; .width: 500px; padding: 0px 0px 20px 0px;}
	#hot .title {font-size: 14px; color: #cc3300; display: block; font-weight: bold; margin-bottom: 4px;}

	#hot-link {width: 59px; height: 59px; position: absolute; right: 2px; bottom: 30px;}

	#hot-bottom {background: url(../_Images/hot-bottom.gif) no-repeat bottom #000; width: 620px; height: 30px; clear: both}
	#hot-bottom .info {display: inline; margin-right: 10px; color: #999;}
	#hot-bottom .info .title {display: inline; color: #fff; font-weight: bold; margin-right: 4px;}

	/* Debatt */
	.debate .info {float: left; margin-right: 38px; color: #999;}
	.debate #last {margin-right: 0px; margin-bottom: 20px; }
	.debate .info IMG {float: left; margin-right: 10px; }
	.debate .info .title {color: #000; font-weight: bold; margin-right: 4px;}
	.debate #col1 {width: 280px}
	.debate #col2 {width: 280px}
	.debate .rows-head {padding-left: 16px; background: url(../_Images/icon-arrow.gif) no-repeat 0px 2px;}
	.debate .rows {margin-bottom: 20px;}

	/* Aktuella jobb (current) */
	.current #col1, .current #col2, .current #col3, .current #col4 {margin: 0px;}	
	.current #col2 .row SPAN, .current #col3 .row SPAN, .current #col4 .row SPAN {margin: 0px;}	
	.current #col1, .current #col2 {width: 170px}
	.current #col3 {width: 140px}
	.current #col4 {width: 96px;}
	
	/* Nyinkomna jobb (box-white-green) */	
	.start .box-white-green .row .name {width: 130px}
	.start .box-white-green .rows-head .time {margin-left: 127px}
	
	
		
/* DEBATT */
	
	/* box col 1 */
	.mess .profile {width: 620px;}

	/* mess */
	.mess .box {width: 620px; }
	.mess H2 {background: url(../_Images/mess-h2-icon.gif) top left no-repeat; border-bottom: 1px solid #cde3f5; padding: 8px 0px 10px 40px; margin-top: 0px}
	.mess .button {float: right; margin-left: 6px}
		
		/* mess voting */	
		#col1 .mess .voting {margin: auto; width: auto; margin: 20px 0px 20px 0px}
		#col1 .mess .voting .bottom-border {width: 566px;}
		#col1 .mess .voting .top-title {font-weight: bold;}
		#col1 .mess .voting .top-border {width: 566px;}
		#col1 .mess .voting INPUT {margin-right: 5px}
		
	/* stats (även under blogg) */
	.stats .block {height: 36px; border-bottom: 1px solid #99cc80; padding-top: 10px}
	.stats #last-block {border: none;}
	.stats .img {width: 16px; height: 16px; float: left; margin-right: 4px; margin-left: 4px; }
	.stats .info {color: #666666; font-size: 11px}
	.stats .title {color: #000; font-weight: bold; font-size: 12px; display: block;}
	.stats A {font-weight: normal; color: #666666;}


	/* visitors */
	.visitors .rows-head .name {margin-left: 6px}
	.visitors .rows-head .time {margin-left: 132px}
	.visitors .row {font-size: 11px;}
	.visitors .row .name {width: 164px;}
	.visitors .row .time {float: left; }
	
	/* search */
	.debatt .search .content {padding: 10px 20px 20px 20px;}
	.debatt .search A {color: #003366; font-weight: normal;}
	.debatt .search B {display: block; margin: 10px 0px 4px 0px}
		
	/* forums */
	.forums .content {padding-left: 0px; padding-right: 0px;}

	.forums .row {height: 60px; padding-left: 20px; border: none; padding-top: 10px;}
	.forums .row-2nd {border-top: 1px solid #cde3f5; border-bottom: 1px solid #cde3f5; background: #f7fbff;}
	.forums .row .name {color: #cc3300; font-weight: bold; padding-top: 3px;}
	.forums .row .time {padding-top: 3px; display: block; float: right; margin-right: 20px;}
	.forums .row .time b {color: #cc3300;}
	.forums .row .desc {display: none; float: left; color: #fff;}

	/* threads */
	.threads .profile {display: inline;}
	.threads .row .title {display: block;}
	.threads .row .info {color: #000;}
	.threads .row .time {color: #000}
	
	
/* PROFILE */
	
	#TableVIP {margin-left: auto; margin-right: auto; border-collapse: collapse;}
	#TableVIP TD {border: 1px solid #fdcfc8}

	/* sub-menu */
	.profile #sub-menu {margin: 30px 0px 20px 0px; position: relative; clear: both; height: 23px; border-bottom: 1px solid #cccccc}
	.profile #sub-menu A {height: 18px; width: 110px; padding-left: 10px; padding-top: 5px; margin: 0px 0px 0px 2px; background: url(../_Images/sub-menu-bg.gif) no-repeat; color: #000; display: block; float: left; font-weight: normal}

	/* menu-profile */
	.profile #menu-profile {display: block; margin-top: 10px}
	/*.profile #menu-profile IMG {display: block; float: left;}*/
	.profile #menu-profile .item {/*display: block; float: left; padding: 8px 20px 0px 10px;*/}
	
	/* #col1 rows */
	.profile #col1 .rows {padding-bottom: 20px;}
	.profile #col1 .row {color: #000;}
	.profile #col1 .row .name {font-weight: bold; color: #000; width: 210px;}
	.profile #col1 .row .time {float: left;}
	.profile #col1 #last-row {border-bottom: 1px solid #fdcfc8;}
	.profile #col1 #first-row .name {color: #bb0000;}
	.profile #col1 .row-2nd {background: #fff8f7; border-bottom: 1px solid #fdcfc8; border-top: 1px solid #fdcfc8; }

	/* visitors */
	.profile .visitors .row .name {width: 158px; color: #336600; font-weight: normal; margin-left: 6px;}
	.profile .visitors .row .time {float: left; font-size: 12px}
	
	/* match */
	.match .content {padding-left: 0px; padding-right: 0px}
	.match .profile {padding: 10px 10px 10px 10px}
	
	
/* BLOGG */
	.blogg .mess .box .top-title {font-size: 11px;}

	/* unaproved */	
	.blogg .unaproved .row {position: relative; padding-bottom: 30px;}
	.blogg .unaproved #first-row {margin-top: 10px; padding-bottom: 0px}
	.blogg .unaproved .row .name {width: 140px; color: #336600; font-weight: normal; margin-left: 6px;}
	.blogg .unaproved .row .time {float: left; font-size: 12px}
	.blogg .unaproved .row .comment-text {margin: 10px; 6px 10px 6px; color: #000;}

	/* reply */	
	.blogg #col1 .reply .content {padding-left: 20px;}
	
	/* blog-list */	
	.blogg .blog-list .row .name {width: 158px; color: #336600; font-size: 11px}
	.blogg .blog-list .row .time {float: left; font-size: 11px}

	.blogg #col2 .stats .block {height: 58px}
	.blogg #col2 .stats #last-block {height: auto;}
	
	
	


.paging {float: left; width: 578px; margin: 10px 20px 20px 20px;}