/* 
0. Default resets
-------------------------------------------------------
1. Main framework
	1.1 Body
	1.2 Wrapper
	1.3 Header
	1.4 Navigation
		1.4.1 Sub navigation
	1.5 Content
	1.6 Footer
-------------------------------------------------------
2. Headers
-------------------------------------------------------
3. Links
-------------------------------------------------------
4. Misc and client specific elements 
-------------------------------------------------------

0. Default resets
*/

html, body{margin: 0;padding: 0; height: 100%;}
img{border: none;}
a:active, a:focus{outline: none;}
.clearer{clear: both;}
div{padding: 0; margin: 0;}
.site-header{display: none;}
.site-footer{display: none;}
.login-status{display: block;}
.admin-panel{display: block;}
.window-properties{z-index: 5000;}
.window-properties h1{color: #fff;}
.functions{display: none;}
.tw-li-hideTwBar{display: none;}
.tw-li-showTwBar{display: none;}
.tw-triggerWebBar {height: 58px;}


/* 

1. Main framework

	1.6 Wrapper
*/

body{
	text-align: center; /* For IE5 and below */
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #3f3f3f;
	background: #020202;
	
}
	.body-container
	{
		height: 100%;
	}
	#aspnetForm{height: 100%;margin: 0; padding: 0;}


/*
	1.2 Wrapper
*/

.wrapper{
	text-align: left;
	width: 100%;
	height: 100%;
}

/*
	1.3 Header / Top
*/


.top{
	background: #000 url(../client/images/Framework/top-bg.jpg) repeat-x;
	color: #eee;
}
	.top .content{
		height: 66px;
		padding-top: 10px;
	}
	.top img{float: left; margin: 25px 0 0 10px;}

.header{
	position: relative;
	height: 366px;
	height: auto !important;
	min-height: 366px;
	background: #000 url('../client/images/Framework/header-bg.jpg') no-repeat top center;
	clear: both;
}

.header-default {
	position: relative;
	height: 203px;
	height: auto !important;
	min-height: 203px;
	background: #000 url('../client/images/Framework/default-header-bg.jpg') no-repeat top center;
	clear: both;
}
	.header-default .startTop
	{
		height: 156px;
		height: auto !important;
		min-height: 156px;
	}
	
.header-staff {
	position: relative;
	height: 203px;
	height: auto !important;
	min-height: 203px;
	background: #000 url('../client/images/Framework/staff-header-bg.jpg') no-repeat top center;
	clear: both;
}

	.header-staff .startTop	{
		height: 156px;
		height: auto !important;
		min-height: 156px;
	}

/*
	1.4 Navigation
*/

/* Menu level 1 */

.menu-level-1 {
	float: right;
}

.menu-level-1 ul{ 
	margin: 11px 0 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;

}

.menu-level-1 ul.tw-menuLevel1 li {
	float: left;
	margin-left: 1px;
	/*padding-right: 10px;*/
}

		/*link*/
		.menu-level-1 ul.tw-menuLevel1 li a		{
			display: block;
			color: #fff;
			width: 125px;
			height: 55px;
			font: bold 14px/15px Arial, Helvetica, sans-serif;
			text-decoration: none;
			background: url('../client/images/framework/menu/menu1_inactive.png') left no-repeat;
		}

		.menu-level-1 ul.tw-menuLevel1 li.active a.pageId-3 {
			display: block;
			color: #fff;
			width: 125px;
			height: 55px;
			text-decoration: none;
			background: url('../client/images/framework/menu/start_purple_active.png') left no-repeat;
		}
		.menu-level-1 ul.tw-menuLevel1 li.active a.pageId-104 {
			display: block;
			color: #fff;
			width: 125px;
			height: 55px;
			text-decoration: none;
			background: url('../client/images/framework/menu/event_purple_active.png') left no-repeat;
		}
		.menu-level-1 ul.tw-menuLevel1 li.active a.pageId-105 {
			display: block;
			color: #fff;
			width: 125px;
			height: 55px;
			text-decoration: none;
			background: url('../client/images/framework/menu/staff_green_active.png') left no-repeat;
		}


				 .menu-level-1 ul.tw-menuLevel1 li a span {
					display: block;
					padding: 10px 0 0 10px;							
				 }

	
/* Default Menu level 2 */
.header-default ul.tw-menuLevel2 {
	margin: 0;
	list-style: none;
	padding: 0;
}
	.header-default ul.tw-menuLevel2 li
	{
		float: left;
 	}
		.header-default ul.tw-menuLevel2 li a
		{
			display: block;
			font-size: 13px;
			color: #3e3e3e;
			font-weight: bold;
			text-decoration: none;
			background: url('../client/images/menu/menu-divider.jpg') right no-repeat;	
			width: 160px;
			height: 46px;
		}
		.header-default ul.tw-menuLevel2 li a span
		{
			padding: 21px 0 6px 7px;
			width: 152px;	
			height: 13px;		
			display: block;		
			background: url('../client/images/menu/menu-bg.jpg') no-repeat;
			cursor: pointer;
		}
		.header-default ul.tw-menuLevel2 li.last a
		{
			background: none;	
		}

		/* hover/active link color */
		.header-default ul.tw-menuLevel2 li a:hover, .header-default ul.tw-menuLevel2 li.active a{color: #fff;}
		
		/* Menu colors etc 
		
		------------------------------------------
		Event & kommunikation
		------------------------------------------
		*/
			
			/* Välkommen */
			.header-default a.pageId-107 span{border-bottom: 6px #ff6600 solid;}
 			.header-default a.pageId-107:hover span, .header-default li.active a.pageId-107 span{background: #ff6600;}
			
			/* Blog */
			.header-default a.pageId-108 span{border-bottom: 6px #fe66cb solid;}
 			.header-default a.pageId-108:hover span, .header-default li.active a.pageId-108 span{background: #fe66cb;}		
			
			/* Case */
			.header-default a.pageId-109 span{border-bottom: 6px #520d3a solid;}
 			.header-default a.pageId-109:hover span, .header-default li.active a.pageId-109 span{background: #520d3a;}			
			
			/* Bli kund */
			.header-default a.pageId-110 span{border-bottom: 6px #ff0066 solid;}
 			.header-default a.pageId-110:hover span, .header-default li.active a.pageId-110 span{background: #ff0066;}	
	 		
			/* Om event */
			.header-default ul.tw-menuLevel2 li a.pageId-111 span{border-bottom: 6px #ff6600 solid; padding: 9px 0 18px 7px;}
 			.header-default a.pageId-111:hover span, .header-default li.active a.pageId-111 span{background: #ff6600;}	 
 		
 		
 		/*
 		------------------------------------------
		Bemanning & Rekrytering
		------------------------------------------
		*/
 				

		/* last item (samma på både event och bemanning??) */
		.header-default ul.tw-menuLevel2 li.last a span{border-bottom: 6px #574438 solid; width: 153px;}
		.header-default ul.tw-menuLevel2 li.last a.active span, .header-default ul.tw-menuLevel2 li.last a:hover span{background: #574438;}	 




/* Staff Menu level 2 */
.header-staff ul.tw-menuLevel2
{
	list-style: none;
	padding: 0;
	margin: 0;
}
	.header-staff ul.tw-menuLevel2 li
	{
		float: left;
 	}
		.header-staff ul.tw-menuLevel2 li a
		{
			display: block;
			font-size: 13px;
			color: #3e3e3e;
			font-weight: bold;
			text-decoration: none;
			background: url('../client/images/menu/menu-divider.jpg') right no-repeat;	
			width: 160px;
			height: 46px;
		}
		.header-staff ul.tw-menuLevel2 li a span
		{
			padding: 21px 0 6px 7px;
			width: 152px;	
			height: 13px;		
			display: block;		
			background: url('../client/images/menu/menu-bg.jpg') no-repeat;
			cursor: pointer;
		}
		.header-staff ul.tw-menuLevel2 li.last a
		{
			background: none;	
		}

		/* hover/active link color */
		.header-staff ul.tw-menuLevel2 li a:hover, .header-staff ul.tw-menuLevel2 li.active a{color: #fff;}
		
		/* Menu colors etc 
		
		------------------------------------------
		Bemanning & Rekrytering
		------------------------------------------
		*/
			
			/* Välkommen */
			.header-staff a.pageId-117 span{border-bottom: 6px #33ccff solid;}
 			.header-staff a.pageId-117:hover span, .header-staff li.active a.pageId-117 span{background: #33ccff;}
			
			/* Söker du jobb? */
			.header-staff a.pageId-118 span{border-bottom: 6px #92d050 solid;}
 			.header-staff a.pageId-118:hover span, .header-staff li.active a.pageId-118 span{background: #92d050;}		
			
			/* Söker du personal? */
			.header-staff a.pageId-121 span{border-bottom: 6px #ff6600 solid;}
 			.header-staff a.pageId-121:hover span, .header-staff li.active a.pageId-121 span{background: #ff6600;}			
			
			/* Logga in */
			.header-staff a.pageId-122 span{border-bottom: 6px #ff66cc solid;}
 			.header-staff a.pageId-122:hover span, .header-staff li.active a.pageId-122 span{background: #ff66cc;}	
	 		
			/* Om bemanning */
			.header-staff ul.tw-menuLevel2 li a.pageId-120 span{border-bottom: 6px #1fa7a2 solid;}
 			.header-staff a.pageId-120:hover span, .header-staff li.active a.pageId-120 span{background: #1fa7a2;}	 
 				

		/* last item (samma på både event och bemanning??) */
		.header-staff ul.tw-menuLevel2 li.last a span{border-bottom: 6px #574438 solid; width: 153px;}
		.header-staff ul.tw-menuLevel2 li.last a.active span, .header-staff ul.tw-menuLevel2 li.last a:hover span{background: #574438;}


		.header-staff ul.tw-menuLevel2 li.pageId-119 a span{border-bottom: 6px #574438 solid; width: 153px;}
		.header-staff ul.tw-menuLevel2 li.pageId-119 a.active span, .header-staff ul.tw-menuLevel2 li.pageId-119 a:hover span{background: #574438;}



/* Footer Menu level 2 */
.footer-menu ul.tw-menuLevel2
{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
	.footer-menu ul.tw-menuLevel2 li
	{
		float: left;
 	}
		.footer-menu ul.tw-menuLevel2 li a
		{
			font-size: 11px;
			color: #a6a6a6;
			font-weight: bold;
			text-decoration: none;
		}
		
		.footer-menu ul.tw-menuLevel2 li a span {
			display: block;
			height: 12px;
			padding: 0 8px 0 6px;
			background: url('../client/images/framework/menu/footer-menu-divider.gif') no-repeat bottom right;
			
		}

		.footer-menu ul.tw-menuLevel2 li.first a span {
			padding: 0 8px 0 0;
		}

		.footer-menu ul.tw-menuLevel2 li.last a span {
			background: none;
			padding: 0 0 0 6px;
		}

		.footer-menu ul.tw-menuLevel2 li.last a
		{
			background: none;	
		}


		/* hover/active link color */
		.footer-menu ul.tw-menuLevel2 li a:hover, .footer-menu ul.tw-menuLevel2 li.active a{color: #fff;}





/* Menu level 3 */

ul.tw-menuLevel3
{
	list-style: none;
	margin: 0 20px 20px 0;
	padding: 0;	
}
	ul.tw-menuLevel3 li a
	{
		display: block;
		font-size: 18px;
		text-decoration: none;
		padding: 11px 0;	
		border-bottom: 1px #ababab solid;
		font-weight: bold;
		color: #520d3a;
	}
	ul.tw-menuLevel3 li a:hover, ul.tw-menuLevel3 li.active a{color: #9c9c9c}
	
	ul.tw-menuLevel3 li.first a
	{
		background: url('../client/images/menu/level-3-first.gif') top no-repeat;
	}


/*
	1.5 Content
*/

.main {

	background: #fff;
}

.content{
	width: 960px;
	overflow: hidden;
	margin: 0px auto;
}

.contentArea
{
	overflow: hidden;
}
.contentArea .settings
{
	text-align: left;
}

.header .content .startTop {
	width: 960px;
	height: 366px;
	height: auto !important;
	min-height: 366px;
}

.main .content{
	padding: 40px 0;
	height: 285px;
	height: auto !important;
	min-height: 285px;
	background: url('../client/images/Framework/content-bg.jpg') top no-repeat;
	
}

.main .defaultMain{
	width: 910px;
	margin: 0 0 0 30px;
}
.main .defaultLeft {
	float: left;
	width: 590px;
	margin: 0 0 0 30px;
}

.main .defaultRight {
	float: right;
	width: 290px;
	margin: 0 20px 0 0;
}

.main .defaultBottom {
	clear: both;
	width: 910px;
	margin: 0 0 0 30px;
}

/* Default */

.primary
{
	width: 650px;
	float: left;
}

.sidebar
{
	width: 310px;
	float: right;
}

/* Single Case */

.case-content {
	width: 1010px;
	height: 230px;
	height: auto !important;
	min-height: 230px;
	overflow: hidden;
	margin: 0px auto;
	background: url('../client/images/Framework/content-bg.jpg') no-repeat top;
	color: #333;
	padding: 40px 0;
}

.case-content .top {

	overflow: hidden;
	margin: 0px auto;
	height: 243px;
	height: auto !important;
	min-height: 243px;
	background: url('../client/images/Framework/case-bg2.jpg') no-repeat bottom left;
}

.main .caseTopRight {
	
	float: right;
	width: 455px;
	height: 230px;
	height: auto !important;
	min-height: 230px;
	margin: 0 50px 0 0;
}

	.main .caseTopRight .adjuster
	{
		position: relative;
		height: 230px;	
		height: auto !important;
		min-height: 230px;	
	}

.case-content .bottom {

	padding-top: 10px;
	overflow: hidden;
	margin: 0px auto;
	height: 300px;
	height: auto !important;
	min-height: 300px;
}

.main .caseTopLeft {
	float: left;
	width: 405px;
	margin: 0 0 0 60px;
	height: 230px;
	height: auto !important;
	min-height: 230px;
}

.main .caseTopLeft object, .main .caseTopLeft embed {
	width: 400px;
	height: 225px;
}

.main .caseTopRight .adjuster .caseAlignBottom {
	position: absolute;
	bottom: 20px;
	
}

.main .caseTopRight .adjuster .caseAlignBottom img {
	margin: 10px 0 0 0;
	padding: 0;
}
.main .caseBottomLeft {
	float: left;
	width: 405px;
	margin: 0 0 0 60px;
}

.main .caseBottomRight {
	float: right;
	width: 455px;
	margin: 0 50px 0 0;
}

.caseTopLeft, .caseTopRight, .caseBottomLeft, .caseBottomRight{color: #3f3f3f;}

.main .defaultMain{
	width: 910px;
	margin: 0 0 0 30px;
}
.main .defaultLeft {
	float: left;
	width: 590px;
	margin: 0 0 0 30px;
}

.main .defaultRight {
	float: right;
	width: 290px;
	margin: 0 20px 0 0;
}

.main .defaultBottom {
	clear: both;
	width: 910px;
	margin: 0 0 0 30px;
}



/*
	TW Area margins
*/
.marginTop .innerTwArea
{
	padding-top: 10px;	
}
.marginRight .innerTwArea
{
	padding-right: 10px;	
}
.marginBottom .innerTwArea
{
	padding-bottom: 10px;	
}
.marginLeft .innerTwArea
{
	padding-left: 10px;	
}


/*
	1.8 Footer
*/

.footer{
	background: #000 url('../client/images/framework/footer-bg.jpg') repeat-x top left;
	height: 177px;
	width: 100%;
	color: #a6a6a6;
	font-size: 11px;
	font-weight: bold;
	clear: both;
}
	.footer .content{padding: 0;}
	.footer h4
	{
		margin: 0;
		padding: 30px 0 10px 0;
		font-size: 16px;
		color: #fff;
		
	}

.footer-text 
{
	float: left;
}

.footer-menu {
	float: left;
	margin: 0 0 0 70px;
}
.footer-menu span.tw-rootName {
	display: block;
	padding: 34px 0 11px 0;
	color: #fff;
	font-size: 12px;

}


/*
2. Headers

*/
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, Sans-Serif;
}
	h1{
		margin: 0 0 10px 0;
		font-size: 30px;
		font-weight: bold;
		line-height: 32px;
		letter-spacing:;
		color: #520d3a;
	}
	h2{
		margin: 0 0 8px 0;
		font-size: 24px;
		line-height: 26px;
		color: #520d3a;
	}
	h3{
		margin: 0 0 5px 0;
		font-size: 18px;
		line-height: 18px;
		color: #520d3a;
	}
	h4{
		margin: -5px 0 5px 0;
		font-size: 18px;
		line-height: 18px;
		color: #3f3f3f;
	}
	h5{
		margin: 0 0 2px 0;
		font-size: 14px;
		line-height: 16px;
		color: #520d3a;
	}
/* 

3. Links

*/

a:link, a:active, a:visited{
	color: #3f3f3f;
	text-decoration: underline;
}
a:hover{
	color: #520d3a;
	text-decoration: underline;
}

.link-arrow a {
	background: url('../client/images/framework/link-arrow.png') no-repeat top left;
	padding: 0 0 0 20px;
	text-decoration: underline;
}

	.link-arrow a:hover {
		color: #520d3a;
		text-decoration: underline;
	}

.top-text {
	font-size: 35px;
	line-height: 38px;
	color: #fff;
}



/*
	News
*/

.news-area .news-item{
	/*margin-bottom: 20px;*/
}

	.news-area .news-item a span{
		/*font-size: 11px;
		color: #307992;
		font-weight: bold;
		text-decoration: underline;
		float: right;*/
	}
	.news-area .news-item a span:hover{
		/*font-size: 11px;
		color: #09485d;
		font-weight: bold;
		text-decoration: underline;
		float: right;*/
	}
.news-area a .news-date{
	/*font-size: 11px;
	color: #307992;
	text-decoration: none;*/
}
.news-area a .news-header{
	/*margin-bottom: 4px;
	text-decoration: underline;
	font-weight: bold;
	color: #424b4d;*/
}
.news-text{
	/*color: #424b4d;*/
}

/* Mickes försök till Nyhetsstyling*/



.tw-ctrlNews .news-item br{display: none;}
.tw-ctrlNews .news-item a, .tw-ctrlNews .news-item a strong {text-decoration: none;}
.tw-ctrlNews strong {
	display: block;
	color: #520d3a;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

.news-item
{
	background: url('../client/images/Framework/red-divider.gif') no-repeat top left;
	margin: 10px 0 0 0;
	padding: 10px 0;
}

.tw-ctrlNewsArchive .tw-newsDetail span.news-date {display: inline;}


.tw-NewsArchive .news-item{background: none; border-bottom: 1px #ccc solid; padding-bottom: 20px;}

/* /Mickes försök till Nyhetsstyling*/



/*
	Search
*/

.tw-searchArea
{
	margin: 0 0 10px 0;
	overflow: hidden;
}
	.tw-searchArea div
	{
		float: left;
		margin-left: 4px;	
	}
	.search-input
	{
		background: url('../client/images/search-input.jpg') no-repeat;	
		color: #88999c;
		font-size: 11px;
		width: 149px;
		height: 19px;
		border: none;
		padding: 6px 0 0 5px;
	}
	.search-button, .input-button-search
	{
		background: url('../client/images/search-submit.jpg') no-repeat;
		font-size: 11px;
		color: #e2eff3;
		padding: 2px 17px 5px 15px;
		height: 26px;
		width: 54px;
		text-transform: none;
		font-weight: bold;
		border: none;
		cursor: pointer;
	}
	

/*  
	News / Pressreleases
*/

.newsArchive-header, .news-header
{
	display: none;
}
	.news-date
	{
		color: #307992;
	}
	
	.tw-ctrlNews a{color: #333;}
	.tw-ctrlNews a:hover{color: #666;}
	.tw-ctrlNews a strong{text-decoration: underline;}
	
/*
	Case box
*/

a.case-box
{
	display: block;
	position: relative;
	padding: 10px;
}
	a.case-box span
	{
		display: block;
		position: absolute;
		bottom: 0;	
		background: #000;
	}
	
.info-box {
	display: block;
	padding: 15px;
	padding-top: 10px;
	margin-top: 20px;
	width: 250px;
	text-align: left;
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*
Form
*/
.tw-ctrlForm{margin: 10px 0;}
.tw-ctrlForm th{text-align: left;}
.tw-ctrlForm th, .tw-ctrlForm td, .tw-ctrlForm table td input, .tw-ctrlForm table td select{font-family: "Arial", Helvetica, Sans-Serif; font-size: 11px;}

/*
Slideshow
*/
.tw-slideShow
{
	margin: 0;
	padding: 0;
}
.header-default ul.tw-menuLevel2 li a.pageId-137, .footer-menu ul.tw-menuLevel2 li a.pageId-137{display: none; background: red;}
.header-staff ul.tw-menuLevel2 li a.pageId-141, .footer-menu ul.tw-menuLevel2 li a.pageId-141{display: none; background: red;}

.news-date{color: #666; font-size: 11px;}

.tw-ctrlRss div div
{
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px #999 solid;

}
	 .tw-ctrlRss div a 
	 {
		color: #520d3a;
		font-size: 18px;
		line-height: 20px;	
		text-decoration: none;
		font-weight: bold;
		display: block;
		margin-top: 5px;	 	
	 }
.tw-ctrlRss div span
{
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: #666;
}



/*Signup*/

.common .tw-user .adminHeader {display: none;}
.common .tw-user .adminContentInner{padding: 0; margin: 0;}
.common .tw-user h2{display: none;}
.common .tw-user
{
	background: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;	
	border: none;
	margin: 0;
	-webkit-box-shadow: 0px 0px 0px #eee;
	-moz-box-shadow: 0px 0px 0px #eee;
	color: #3f3f3f;	
	padding: 0;
} 
.common .tw-user .admin-table-form .input-text
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	padding: 3px;
	width: 190px;
	color: #333;		
}
.common .tw-user .tw-errorMessage
{
	 
	overflow:hidden; 
	padding: 10px; 
	background: #dcb7b6;
	border: 1px solid #fff;
	margin-top: 10px;
	font-weight: normal;
}

.common .tw-user .tw-formBtnSave, .tw-ctrlForm .tw-form-submit, .common .tw-user .tw-btn-ok, .tw-ctrlForm .tw-btn-ok
{
	background: #b4b4b4;
	width: 70px;
	height: 30px;
	text-transform: uppercase;
	padding: 0;
	cursor: pointer;
	color: #fff !important;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;	
	border: none;
	text-shadow: 1px 1px #666;
}


.tw-ctrlForm .tw-form-submit
{
	font-family: "Arial", Helvetica, Sans-Serif !important;
	font-size: 11px !important;
	font-weight: bold;
	padding: 4px 6px !important;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 7px;
	background: url('../images/buttons/neutral.jpg') repeat-x;
	border: 1px #e5e5e5 solid;
	color: #555 !important;
	text-shadow: 1px 1px #eee;	
	text-transform: none;
}


.common .tw-user .buttonArea{margin: 5px 0;}
.common .tw-user .tw-errorMessage ul{margin: 0; padding: 0;}
.common .tw-user .tw-errorMessage ul li{float: none; padding: 0; color: #753836; font-size: 10px;}

.pageId-118 ul.tw-menuLevel3, .pageId-149 ul.tw-menuLevel3{display: none;}

/*
Recruit calculator
*/

.recruit-calculator{margin: 20px 0;}

.recruit-calculator .field{margin: 10px 0; clear: both; overflow: hidden;}
.recruit-calculator .field div{width: 110px; padding-top: 4px; float: left; font-size: 12px;}
.recruit-calculator .input-text {float: left; border: 1px #666 solid; font-family: Arial; font-size: 12px; padding: 4px; width: 40px;}
.recruit-calculator .input-alignright{text-align: right;}
input.calculate-btn{margin-left: 10px; font-size: 11px !important; padding: 4px 6px;}
.calculated-value{text-align: right; display: block; width: 65px; float: left; padding-top: 4px; font-size: 12px;}
.currency{float: left; padding: 5px 0 0 5px; font-size: 12px;}
.monthly-invoice div, .monthly-invoice .calculated-value{font-weight: bold; font-size: 14px;}
.monthly-invoice .calculated-value{width: 69px;}
span.nr{padding-right: 4px;}
.recruit-calculator .campaign-field
{
	background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#fc924b));
	background: -moz-linear-gradient(top,  #fc924b,  #ff6600);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#fc924b');
	text-align: center; 
	padding: 15px; 
	margin-top: 20px; 
	color: #fff; 
	font-size: 12px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 4px 8px #ccc;
	-webkit-box-shadow: 0px 0px 10px #666;
	box-shadow: 0px 0px 10px #666;	
	text-shadow: 1px 1px #a44a0f;
}
.campaign-box
{
	background: -webkit-gradient(linear, left top, left bottom, from(#92d050), to(#b7e08c));
	background: -moz-linear-gradient(top,  #b7e08c,  #92d050);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92d050', endColorstr='#b7e08c');
	text-align: center; 
	padding: 15px; 
	margin-top: 20px; 
	color: #fff; 
	font-size: 14px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px;
	text-shadow: 1px 1px #70a833;
	font-weight: bold;
}
.campaign-box span, .campaign-box-pink span{font-size: 18px; line-height: 24px;}
.campaign-box-pink
{
	background: -webkit-gradient(linear, left top, left bottom, from(#ff66cc), to(#fb96d9));
	background: -moz-linear-gradient(top,  #fb96d9,  #ff66cc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66cc', endColorstr='#fb96d9');
	text-align: center; 
	padding: 15px; 
	margin-top: 20px; 
	color: #fff; 
	font-size: 14px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px;
	text-shadow: 1px 1px #c33c96;
	font-weight: bold;
}

.campaign-text{line-height: 18px;}
.campaign-text strong{font-size: 14px;}
/* 
Iframe
*/
#iframe{width: 700px; padding: 10px;}
#iframe .defaultMain{width: 700px;}
#iframe h1{font-size: 25px; color: #f36f20;}
#iframe h2{font-size: 20px; color: #333;}

/*Forms*/

.pageId-161 .tw-ctrlForm ul, .pageId-162 .tw-ctrlForm ul, .pageId-163 .tw-ctrlForm ul{display: none;}

.tw-ctrlForm ul{margin: 0 0 10px 0; border: 1px #ccc solid; padding: 10px; background: #eee; list-style: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.tw-ctrlForm ul li{color: #cf1313;}
.pageId-160 .tw-ctrlForm, .pageId-161 .tw-ctrlForm, .pageId-162 .tw-ctrlForm, .pageId-163 .tw-ctrlForm {margin-top: 20px;}
.pageId-160 .tw-ctrlForm table, .pageId-161 .tw-ctrlForm table, .pageId-162 .tw-ctrlForm table, .pageId-163 .tw-ctrlForm table{border-collapse: collapse;}
.pageId-160 .tw-ctrlForm table th, .pageId-161 .tw-ctrlForm table th, .pageId-162 .tw-ctrlForm table th, .pageId-163 .tw-ctrlForm table th{text-align: left; font-size: 11px; vertical-align: top;}
.pageId-160 .tw-ctrlForm table th, .pageId-160 .tw-ctrlForm table td, .pageId-161 .tw-ctrlForm table th, .pageId-161 .tw-ctrlForm table td, .pageId-162 .tw-ctrlForm table th, .pageId-162 .tw-ctrlForm table td, .pageId-163 .tw-ctrlForm table th, .pageId-163 .tw-ctrlForm table td{padding: 5px 5px 5px 0; white-space: nowrap;}
.pageId-160 .tw-ctrlForm input, .pageId-160 .tw-ctrlForm select, .pageId-160 textarea,.pageId-161 .tw-ctrlForm input, .pageId-161 .tw-ctrlForm select, .pageId-161 textarea, .pageId-162 .tw-ctrlForm input, .pageId-162 .tw-ctrlForm select, .pageId-162 textarea, .pageId-163 .tw-ctrlForm input, .pageId-163 .tw-ctrlForm select, .pageId-163 textarea{padding: 2px; width: 205px;}
.pageId-160 .tw-ctrlForm select, .pageId-161 .tw-ctrlForm select, .pageId-162 .tw-ctrlForm select, .pageId-163 .tw-ctrlForm select{width: 440px;}
.pageId-160 textarea, .pageId-161 textarea, .pageId-162 textarea, .pageId-163 textarea{font-size: 11px; font-family: Arial, Helvetica, Sans-Serif; height: 70px;} 
.pageId-160 .tw-ctrlForm input.tw-form-submit, 
.pageId-161 .tw-ctrlForm input.tw-form-submit,
.pageId-162 .tw-ctrlForm input.tw-form-submit,
.pageId-163 .tw-ctrlForm input.tw-form-submit
{
	width: 58px;
	height: 20px;
	padding: 0;
	margin-top: 10px;
	border: none;
	text-indent: -9999px;
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px;	
}
.pageId-160 .tw-ctrlForm input.tw-form-submit{background: url('../client/images/send-se.gif') no-repeat;}
.pageId-161 .tw-ctrlForm input.tw-form-submit{background: url('../client/images/send-fi.gif') no-repeat;}
.pageId-162 .tw-ctrlForm input.tw-form-submit, .pageId-163 .tw-ctrlForm input.tw-form-submit{background: url('../client/images/send-dk.gif') no-repeat;}