@import url("reset.css");

html{
font-size:100%;
height: 100%;
overflow: -moz-scrollbars-vertical;
overflow-x: auto;
}
body{
font: 62.5%/1.6em "Lucida Sans",Arial,Helvetica,Verdana,sans-serif;
height: 100%;
background: #f8f8f8 url(/system/images/bodybg.gif) top left repeat-x;}

body > #wrap {height: auto; min-height: 100%;}

.edit {
 border: 1px dotted red;
}

strong,b {
	font-weight:bold;
	color:#3b638f;
}
em,i {font-style:italic;}
.hidden {display:none;}

a:link,a:visited {color:#3b638f;text-decoration:none;}
a:hover,a:active,a.active {color:#16304d;text-decoration:underline;}
a.edit 
{
	border: 0;
	color: #f00;
	font-weight: normal;
	float: right;
	display: block;
}
a.rightarrow, a.leftarrow{
	background: url(/system/images/rightarrow.gif) center left no-repeat;
	padding-left: 12px;
}
a.leftarrow{
		background: url(/system/images/leftarrow.gif) center left no-repeat;
}
li {font-size:11px;}
p,td {
	font:11px "Lucida Sans",Arial,Helvetica,sans-serif;
	margin: 5px 0 10px 0;
	
}
th{font-weight: bold; padding-top: 10px;}
select.ddl{font:1em "Lucida Sans",Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family:"Lucida Sans",Arial,Helvetica,sans-serif;}
h1{
	color: #b70101;
	font-size: 1.7em; 
	text-transform: uppercase; 
	margin-bottom: 10px;
}
	h1 span.newsh1date{font-size: 0.8em; color: #000;}
h2 {
	font-size:1.4em;
	text-transform:uppercase;
	color:#3b638f;
	
}
h3 {
	font-size:11px;
	font-weight:bold;
}

.floatright{display:block; clear: both; float:right;}
.bigwrapper, .bigwrapper-smallwidth{
	background: transparent url(/system/images/bigwrapbg.gif) top left repeat-y;
	margin: 0 auto;
	width: 1116px;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.bigwrapper-smallwidth{width: 960px;}
#wrap {
	background-color: #fff;
	padding: 0;
	margin-bottom: -64px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 960px;
	position: relative;
	left: 0;
	top: 0;
}

/*
=HEADER
*/
#header {
	background: transparent url(/system/images/headerbg.gif) top left repeat-x;
	height: 110px;
	width: 930px;
	margin: 0 0 15px 15px;
}
#header h2{
	float:left;
	clear:left;
	line-height:1em;
	margin:0;
}
#header .logo{float: left; margin-top: 21px;}
#header .memeberlink{font-size: 12px;}
#header .logosmall{float:right; margin-top:15px; display: block;}
/*
.about_inloggad #header,
.index_inloggad #header,
.members_inloggad #header {
	height:19.9em;
}*/
#rightmenu{
	float:right;
}
#rightmenu li img{
	margin-right:5px;
}

#rightmenu li{
	text-align:right;
}

ul.topmenu{
	clear:both;
	float: left; 
	height: 32px;
	font-family:Lucida Sans;
	font-size:11px;
	margin-top:9px;
	padding-bottom:0;
}
.topmenu li{
	font-size: 12px;
	text-transform:uppercase;
	line-height: 32px;
	float: left;
	margin: 0px;
}
.topmenu li a {
	padding: 0 15px;
	display: inline-block;
	color: #fff;
}
.topmenu li a.menuSelected, .topmenu li a:hover{background: url(/system/images/menuactivebg.gif) top left repeat-x; text-decoration:none;}

ul#rightmenu{display:block;margin-top:10px;}
.about_inloggad .topmenu, .index_inloggad .topmenu, .members_inloggad .topmenu, .fullpage_inloggad .topmenu {padding-bottom: 0px;}

.login{float:right;}

h1 img, a.homeLink{
	float:right;
	clear:right;
	margin:0.8em 1.4em 0;
}
.index h1 img {margin:0;float:none;}
.index_inloggad h1 img {margin:0;float:none;}

/*
=CONTENT-WRAP
*/
.content-wrap{
	min-height:400px;
	width: 930px;
	margin-left: 15px;
	padding-bottom: 64px;
}



div#twocols{float: left; margin-top: 15px;}
div#twocolleft{
	float: left;
	width: 458px;
	margin-right: 15px;
}
div#twocolright{
	float: left;
	width: 457px;
}

ul.tabs li{
	float: left; 
	height:25px; 
	width: 228px;
}
ul.tabs li.secondtab{text-align: right;}

ul.tabs li a{
	background-image: url(/system/images/tabs.gif); 
	color: #b70000;
	display:block;
	font-size: 13px;
	line-height: 24px;
	padding-top: 1px;
	outline: none;
	text-transform: uppercase;
}
ul.tabs li a:link, ul.tabs li a:visited{color: #848484; font-weight: normal;}
ul.tabs li a:hover, ul.tabs li a.current{color: #b70000; text-decoration: none;}

ul.tabs li.firsttab a{background-position: 0 -25px; padding-left: 20px;}
ul.tabs li.secondtab a{background-position: -228px 0; padding-right: 20px;}

ul.tabs li.firsttab a.current{background-position: 0 0;}
ul.tabs li.secondtab a.current{background-position: -228px -25px;}

div#associationNews, div#branchNews{float: left; margin: 10px 0 0 20px; width: 435px;}


div#threecols{
	clear: left;
	float: left;
	padding-top: 10px;	
}

div.teaser{float: left; width: 290px; margin-left:30px; height: 177px;}
div.first{margin-left: 0px;}

.content ul{
	list-style-type:disc;
	margin:1em 1.5em;
}
.fullpage .content, .fullpage_inloggad .content{
	padding: 0;
	float: none;
}
.index .content, .filelist .content {
	padding:0;
}
.index_inloggad  .content {
	width:54.6em;
	padding:0;
}
.members .content {
	width:86em;
	padding:0;
	background:#ffffff;
}
.members_inloggad .content {
	width:86em;
	padding:0;
	background:#ffffff;
}
	.members #members-list {
		background:#ffffd7;
		width:35em;
		padding:.9em 1.2em;
		float:right;
		position:absolute;
		bottom:7.7em;
		right:1.3em;
	}
	.members #members-list li {
		margin:0 3% 0 0;
		font-size:.91em;
		height:1.4em;
		float:left;
		width:47%;
	}
	.members #members-list a:link,
	.members #members-list a:visited,
	.members #members-list a:hover,
	.members #members-list a:active {font-weight:normal;}
	.content .vcard {
		font-size:11px;
		margin:1.4em 0;
	}
	.content .vcard .title {
		font-weight:normal;
		text-transform:lowercase;
	}
	
/*
=MAINCONTENTCONTAINER
*/
div.leftcontainer, div.leftcontainer_wide{
	float: left;
	width:714px;
	margin-right: 15px;
	position: relative;
}
div.leftcontainer_wide{
	width: 930px;
	margin-right: 15px;
}
div#rightcontainer{
	float: left;
	width: 201px;

}
div.rightImages{
	float: right;
	width: 200px;
}
div#rightcontainer div.rightImages img{
	margin-bottom: 15px;
}
div.topimagecontainer{height: 140px; position: absolute; top: 0; left: 0; width: 709px; }
	
/*
=CONTENT
*/
div.content, div.content_wide{
	float: right;
	width:487px;
	font-size: 11px;
}
div.content_wide{
	width: 703px;
}

/*Monthly offers*/
.campaignholder{float: left; padding-top: 20px;}
.campaignholder h2{margin-bottom: 10px;}
.outerofferdiv{
	background: #fff url(/system/images/monthlyofferbg.gif) top left no-repeat;
	float: left;
	height: 189px;
	width: 175px;
}
.innerofferdiv{
	border: 1px solid transparent;
	float: left;
	height: 158px;
	margin: 7px;
	padding: 7px;
	position: relative;
	width: 145px;
}
.innerofferdiv:hover{
	border: 1px solid #b70101;
}
.innerofferdiv h2{
	font-size: 11px; 
	color: #000;
	font-weight: bold;
	margin-bottom: 3px;
}
.innerofferdiv p{margin: 2px 0 2px 0px;}
.logoholder{
	float: left;
	text-align: center;
	width: 100%;
	height: 80px;
}
.offerlink{
	position: absolute;
	bottom: 5px;
	left: 7px;
}
.previewholder{margin-top: 10px;}
.infopanel{font-size: 14px; color: Green;}
.infopanel span{float: left; margin-top: 15px; font-weight: bold;}

/*Jobbads*/
.sortbyrbl{display: block; float: left;}
.sortbyrbl label{margin-right: 40px; margin-left: 5px;}
.categories{clear: left; float: left; margin: 8px 0 0 104px;}
.categories label{margin-left: 5px;}
.categories input{margin-top: 4px;}

#adcontainer{
	float: left;
	margin-bottom: 20px;
	width: 696px;
}
#adheader{
	background: #fff url(/system/images/adheaderbg.gif) top center no-repeat;
	float: left;
	min-height: 128px;
	height: auto !important;
	height: 128px;
	width: 696px;	
}
#adheader img{margin: 16px 0 0 16px;}
#admain{
	background: #fff url(/system/images/admainbg.gif) top center repeat-y;
	float: left;	
	padding: 0px 16px 16px 16px;
	width: 664px;
} 
#admain h1{ font-size: 16px; line-height: 16px; margin: 10px 0 0 0px;}
#admain p.jobadsubtitle{color: #666; font-size: 11px; margin-top: 0px; }
#admain p{font-size: 12px;}
#admain .floatleft p{margin: 0;}

#admain .floatleft h3, #admain .floatleftnoclear h3{margin-top: 10px; font-size: 12px;}
#admain .floatleft .floatleft, #admain .floatleft .floatleftnoclear{padding: 0;}
#admain .leftinfo{width: 340px;}
#adinfo{
	background: #fff url(/system/images/adinfobg.gif) top center no-repeat;
	float: left;
	width:664px;
}
#adinfo .floatleft, #adinfo .floatleftnoclear{ margin-top: 0px; padding: 10px;}
#companydescr{
	float:right;
	margin:36px 36px 0 0;
	text-align: center;
	width:247px;
}
#companydescr h3{
	font-style: italic;
	font-size: 14px;
	color: #666;
}
#companydescr p{
	color: #666;
	font-size: 11px;
	font-style: italic;
	text-align: left;
	margin: 12px 0 20px 0;
	
}
#companydescr a{font-size: 12px;}
#companydescr .floatleft{padding: 0; text-align: left;}
#adfooter{
	background: #fff url(/system/images/adfooterbg.gif) top center no-repeat;
	clear: left;
	float: left;
	height: 7px;
	margin-bottom: 15px;
	width: 696px;
}
.sendappllink{
	display: block;
	float: right;
	width: 121px;
	height: 38px;
	background: #fff url(/system/images/sendjobappl.gif) top left no-repeat;
	text-indent: -9999px;	
}

/*Jobedit*/
table#edittable{margin: 10px;}
table#edittable tr td{
	padding: 4px;		
}
input.updatebutton{ margin: 0 0 10px 10px;}
.ui-datepicker-trigger{margin: 0 0 -3px 5px;}

img.loadingimage
{
	margin-top: 80px;
}

/*
=SIDEBAR
*/
#sidebar {
	width: 202px;
	float:left;
	margin-right: 20px;

}
#sidebar .editsection ul{
	list-style-type:disc;
	padding:10px;
	margin:0;
}
#sidebar ul.lm{
	margin:0;
}
#sidebar ul li{font-size: 12px; margin: 0 0px 5px;}
	#sidebar li ul {
		margin-left: 1em;
		font-size:0.9em;
	}
	#sidebar img#logo-drop {float:right;}
	#sidebar h2,
	#sidebar h3,
	#sidebar h4 {font-family:"Lucida Sans",Arial,Verdana,sans-serif;}
	#sidebar h2 {
		font-size:1.3em;
		font-weight:bold;
		text-transform:none;
		letter-spacing:0;
		color:#000;
		margin:0 0 1em 0;
	}
	#sidebar a.active, #sidebar a:hover {
		color: #b70101;
		text-decoration: none;
	}
	.index #sidebar h2 {
		border-top:1px dotted #848484;
		padding:1em 0;
		margin:0;
	}
	.index #sidebar h2:first-child {
		border:0;
		padding:0 0 1em;
	}
	.index #sidebar p {margin:0;}
	
	.index_inloggad #sidebar h2 {
		border-top:1px dotted #848484;
		padding:1em 0;
		margin:0;
	}
	.index_inloggad #sidebar h2:first-child {
		border:0;
		padding:0 0 1em;
	}
	.index_inloggad #sidebar p {margin:0 0 1em;}

/*NEWS*/
.content ul.years{list-style-type: none; margin-left: 0px;}
.content ul.years li{display:inline;}

/*
=FOOTER
*/

#footer{
	background-color: #f6f9fb;
	border-left: 15px solid #fff;
	border-right: 15px solid #fff;
	color:#565656;
	width: 930px;
	margin: 0 auto;
	position: absolute;
	margin-top: -60px; /* negative value of footer height */
	height: 64px;
	clear:both;
	bottom: 0;
	left: 0;
}
	#shr{
		width:30em;
		float:left;
		margin: 15px 0 0 15px;
	}
	#shr p{
		font-size:1em;
		margin:0;
	}
	#shr img{
		float:left;
		margin-right:1em;
	}
	#hcard-fssh {clear: both; float:right; margin: -15px 15px 0 0;}
	#hcard-fssh * {display:inline;}
	#hcard-fssh .country-name {display:none;}
#footer .loginlink{
	
	display: block;
	float: right; 
	font-size: 13px;
	margin: 10px 15px 0 0;
}
/*
=BANNERS
*/
.bannerholder{
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}
.banner{
	margin-bottom: 15px;
}

/*
=CLEARFIX
*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*Forms*/
fieldset{background-color: #fcfcfc; border: 1px solid #f0f0f0; margin: 20px 0; padding: 0 15px 15px 15px; }
fieldset legend{margin-left: 0; font-size: 14px;}
textarea, input{font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 12px;}
td textarea, td input, td select{font-family:Arial,Helvetica,Verdana,sans-serif; font-size: 11px;}
.inputlabel{
	font-size: 1.2em;
	margin-top: 10px;
}
.inputfield, .inputfieldbtn{
	clear: left;
	float: left;
}
.inputfieldbtn{margin-top: 15px;}
.inputfield input{clear: left;float: left; margin-top: 5px; }
.inputfieldfloat input{float: left; margin-top: 5px;}
.inputfield label{ float: left; margin: 5px 0 0 5px; }
input.button{font-size: 1em;}
.floatleft{
	clear: left;
	float: left;
	margin-top: 15px;
}
.floatleft .floatleft, .floatleftnoclear .floatleft{margin-top: 0px;}
.floatleftnoclear{
	float: left;
	margin: 15px 0 0 15px;
}
#admain .floatleftnoclear p{font-size: 11px;}
#admain .floatleft .floatleft p{font-size: 11px;}
fieldset fieldset{padding: 0 5px 5px 5px; margin-top: 5px; border-color: #cfcfcf;}
.valText{margin-top: 10px; font-size: 1.2em; }
.negmarg{margin-top: -12px;} /* Used for checkboxlists validation text*/

fieldset table td{padding: 1px;}

/*Filelist*/

.columnHeader {
	background-color: #E9E9E9;
}

.content tr.rowOdd, tr.rowEven {
	border-left: 1px solid #9C9C9C;
	border-right:1px solid #9C9C9C;

}
.content tr.rowOdd {
	background-color: #FFF;
}
.content tr.rowEven {
	background-color: #E8E8C4;
}

.content .toprow, .endrow{
	border:1px solid #9C9C9C;
	font-size: 10px;
	font-weight: normal;
	background-color: #E9E9E9;
}

.content .endrow {
	text-align: right;
}
.content .endrow input {
	margin: 3px;
}
.newslistpadding{ padding:0 10px;}


/*RadUpload*/
.fileUploadBox{
	margin-top: 10px;
}
.RadUpload_Default{width: 226px !important;}

.RadUploadSelectButton{
	background: url(/system/images/raduploadbtnbg.gif) 0 0 no-repeat;
	border: 0px;
	display: block;
	float: left;
	font-size: 11px;
	height: 22px;
	margin-left:4px;
	padding-bottom:2px;
	width: 79px;
}
.RadUploadSelectButton:hover{
	background: url(/system/images/raduploadbtnbg.gif) -79px 0 no-repeat;
	
}
.content ul.ruInputs{margin-left: 0px;}
ul.ruInputs li{
	list-style-type: none;
}
.fileUploadBox legend {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
table#ActionTable .RadUploadSelectButton{margin-top: 5px;}

div.gallerypanel fieldset
{
	padding:0;
	margin:0;
	border: 0;
}
div.gallerypanel table
{
	width:100%;
	/*border-collapse:collapse;*/
	border:1px solid #D3E3F0;
	border-width:1px 0 0 1px;
}
div.gallerypanel div.imagediv
{
	text-align:center;
}
div.gallerypanel table td
{
	border:1px solid #D3E3F0;
	padding:10px;
	border-spacing:0;
	border-width:0 1px 1px 0;
}
div.gallerypanel table td.emptycell
{
	border:0;
}

div.galleryitem img{}
div.gallerypanel .itemheader
{
	font-weight:bold;
	display:block;
	padding:0.5em 0;
}
div.gallerypanel p {}
div.gallerypanel a 
{
	display:block;
}

/*Questionnaire*/
div.rowcontainer{clear:both; float: left; width: 100%;}
label.wideinput{clear: both; float: left; width: 265px; margin-top: 0;}
span.rbl{

	float: left;
	margin: 15px 0 0 15px;
	width: 130px;
}
span.rbl input{margin-right: 10px;}
ul.colheaders{
	float: left;
	margin-left: 280px;	
}

ul.colheaders li{display: inline; font-size: 1.2em; margin-right: 12px;}
p.comment{float: right; font-size: 1.2em; line-height: 1.6em; margin: 0 153px 0 0px;}
input.commentinput{clear: none; float: right; margin-top: 15px; width: 223px;}
textarea.finalcomment{margin-left: 0; clear: none; float:right; margin-top: 19px;}
fieldset.questionnaire .floatleft{width: 265px;}