/* --------------------------------------------------------------

   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)

-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/plugins/nav.css";


/* Page
-------------------------------------------------------------- */
body { background-color:#ddd; margin:0; padding:0}
#page { width: 980px; background-color: #fff;}

#left-frame { margin: 0 auto; width:987px; padding-left:7px; background: transparent url(images/frame/left.png) repeat-y; }
#right-frame { width:980px; padding-right:7px; background: transparent url(images/frame/right.png) repeat-y right;}

/* Header 
-------------------------------------------------------------- */

#header { padding:15px 30px 0 30px; background: transparent url(images/header/Blendow-Group.png) no-repeat center 15px; }
#header h1 {border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; height:70px; width:474px; text-indent:-1000em; background:url(images/frame/Blendow-Group.png) no-repeat center left; margin-bottom:10px;}
#header #choose-area { float:right; margin-right:15px; margin-top:25px; }
#header #choose-area label { font:11px Arial; }
#header #choose-area select { font:11px/21px Arial; width:185px; margin-left:2px; }
#header #choose-area .select-replace-cover { background: url(images/header/choose-area-bg.png) no-repeat; height:21px; width: 189px; }
#header #choose-area .select-replace { font:11px/20px Arial; color: #313131; padding-left:10px; }

/* Body
-------------------------------------------------------------- */

#body { padding:15px 30px 50px 30px; }

#cols { border-bottom:2px solid #ccc; padding-bottom:15px;}

#left-col { float: left; width: 215px; margin-right: 20px; }

#mid-col { float: left; width: 450px; margin-right: 20px; }

#start-col { float: left; width: 685px; margin-right: 20px; }

#event-col { float: left; width: 685px; }

#right-col { float: left; width: 215px; }
#right-col #sauf-logga { width:215px; height:26px; }

.btn-left { margin-left:-4px }
.no-margin { margin:0 }
.left { float:left; width:215px; }
.right { float:right; width:215px; }

/* Select replace cover
---------------------------------------------------------------*/
.select-replace-cover { display: inline-block; position: relative; top: 0px; left: 0px; z-index: 0; vertical-align: middle; text-align: left; }
.select-replace-cover select { opacity: 0; visibility: visible; position: absolute; top: 0px; left: 0px; display: inline; z-index: 1; }
.select-replace { display: block; white-space: nowrap; }

/* Search box
-------------------------------------------------------------- */
#search-box { margin-bottom:20px; }
#search-box h3 { margin:0; font:bold 11px/24px Arial; text-transform:uppercase; padding-left:15px; background: url(images/search/topp-bg.png) no-repeat; color:#fff; }
#search-box .select { background: url(images/search/drop-down-bg.png) no-repeat 0 0; border:0; font:11px/21px Arial; height:21px; overflow:hidden; position:absolute; padding:2px 30px 4px 9px; width:154px; }
#search-box dl { background-color: #dad3ca; padding:10px 11px; }
#search-box label { font:bold 11px Arial; padding-left:4px; }
#search-box select { width: 184px; padding:0; margin:0; border:0; postition:relative; z-index:5; opacity:0; margin-left:3px; height:24px; }
#search-box option { font:11px Arial;  }
#search-box #fritext { border:solid 1px 9f9f9f; font:11px/27px Arial; width:180px; margin-left:3px;}
#search-box #submitdt { text-align:right; }
#search-box #submitbtn { font:bold 11px Arial; color:#fff; background: url(images/search/sok-knapp.png) no-repeat; border:0; width:72px; height:30px; padding:0 12px 6px 0; margin-top:14px; }

/* Content
-------------------------------------------------------------- */
#content { font:11px Arial; }
#content h2 { font:bold 11px/15px Arial; color:#2E7AB6; margin-bottom:7px; }
#content #contact-us-top { background: url(/css/images/content/contact-us-clock.jpg) no-repeat right 0; border-bottom:solid 1px #ccc; margin-bottom:15px; }
#content .left { float:left; width:215px; }
#content .right { float:right; width:215px; }
#content .send-mail { font:bold 11px Arial; color:#00467d; background: url(images/content/read-more-arrow.gif) no-repeat center left; padding-left:8px; }

#content .no-margin {margin:0}

#content #about-bg-list { margin:0; padding:0; border-top:solid 1px #ccc; margin-top: 6px;}
#content #about-bg-list td { background: url(images/content/about-bg-list-bg.png) repeat-x; border-bottom:solid 1px #ccc; height:56px; padding:0; padding-left:15px;  vertical-align:middle; }

#content .accent { margin-bottom:15px; height:71px; background:url(images/content/accent-bg.png) repeat-x; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:10px 15px 0 15px; }
#content .accent p { margin-bottom:0 }

#content #contact-us table td { height:28px; line-height:28px; padding:0; }
#content #contact-us table td:last-child { text-align:right; }
#content #contact-us table td:first-child { font-weight:bold; color: #2e7ab6; }
#content #contact-us table a { font:bold 11px Arial; color:#00467d; background: url(images/content/read-more-arrow.gif) no-repeat center left; padding-left:8px; }


/* Submenu
-------------------------------------------------------------- */
#submenu { border-bottom:solid 2px #000; padding-bottom:1px; }
#submenu h1.upper { margin-bottom:1px; }
#submenu a:first-child { border-top:solid 1px #eee }
#submenu a { font:11px/22px Arial; color:#313131; display:block; padding-left:8px; background: url(images/start/search-result-left-arrow.png) no-repeat center left; border-bottom:solid 1px #eee; }
#submenu a:hover { background-color:#ECE9E4; text-decoration:none; }
#submenu a#active { font-weight:bold; }


/* Startpage
-------------------------------------------------------------- */
#start-top { position:relative; width: 920px; height: 260px; margin-bottom: 15px;}

#start-intro { background: url(images/start/vd-staffan-engstrom.png) no-repeat bottom right; border-bottom:solid 1px #ccc; margin-bottom:14px; }
#start-intro h1 { font:normal 20px Arial; width:440px; }
#start-intro p { font:12px/18px Arial; text-align: justify; width:440px; margin-bottom: 14px; }

.start-puff, .start-puff-last { float:left; width:215px;margin: 0 20px 15px 0; }
.start-puff-last { margin-right: 0; }
.start-puff img { display: block; margin: 0; }
.start-puff div { padding: 10px 14px; background: url(images/start/puff-bg.png) repeat-x bottom; min-height:120px;  }
.start-puff h2 { font:11px Arial; font-weight:bold; margin: 0; }
.start-puff p { line-height: 130%; display: block; height: 65px; clear:both; }
.start-puff a {  float:right; font:bold 11px Arial; color:#fff; background: url(images/start/button-bg.png) no-repeat center left; width:59px; height:22px; display:block; padding:4px 0 0 14px; }
.start-puff .c { clear: both; }
.marg { margin-bottom: 10px; }

.context-puff { padding-bottom:8px; margin-bottom:5px; border-bottom:1px solid #ccc; }
.context-puff .date { display:block; font:bold 10px Arial; color:#999; }
.context-puff h2 { font: bold 11px Arial; margin-bottom: 0; }
.context-puff p { margin-bottom: 0; }
.context-puff a { font:bold 11px Arial; color:#00467d; background: url(images/start/read-more-arrow.gif) no-repeat center left; padding-left:8px; }

/*
BG Research
-------------------------------------------------------------- */
#bg-research-left { background: url(images/content/bg-research-left-bg.png) repeat-x 0 bottom; padding:10px 15px;}
#bg-research-left p { margin:0 }
#bg-research-left a { font:bold 11px Arial; color:#00467d; background: url(images/start/read-more-arrow.gif) no-repeat center left; padding-left:8px; }
	

/* Latest events
-------------------------------------------------------------- */
#eventTable td { white-space: nowrap; background: url(images/event/event-table-bg.png) repeat-x bottom; height: 46px; line-height: 46px; vertical-align: middle;  }
#eventTable td a { display: inline; font:bold 11px Arial; color:#00467d; background: url(images/start/search-result-left-arrow.png) no-repeat center left; padding-left:8px; }
#eventTable td img { display: inline; vertical-align:middle; } 

/* Event reg
-------------------------------------------------------------- */
#event-reg { }
#event-reg h2 { font:bold 11px Arial; border-bottom:solid 2px #64a7d5; padding-bottom:3px; margin:0; }

#event-reg-top { height:56px; min-height:56px; background:url(images/content/event-reg-top-bg.png) repeat-x bottom; padding:10px 15px; margin-bottom:10px; }
#event-reg h3 { font:bold 11px Arial; color:#2e7ab6; border-bottom:dotted 1px #ccc; padding-bottom:3px; margin-bottom:5px; }
#event-reg-top p { margin:0 }

#regFormDiv h3 { border-bottom:solid 2px #ccc; }
#regFormDiv input[type=text] { font:11px Arial; width:209px; }
#regFormDiv label { color:#313131; font:bold 11px/14px Arial; }
#regFormDiv .contact-details { margin-bottom:13px }

#regFormDiv .submitdt { text-align:right; }
#regFormDiv .submitbtn { font:bold 11px Arial; color:#fff; background: url(images/event/send-btn.png) no-repeat; border:0; width:81px; height:30px; padding:0 12px 6px 0; }


/* BG Event
-------------------------------------------------------------- */
.event-left-list { padding:8px 15px 13px 15px;margin-bottom:8px;border-top:2px solid #64a7d5; background: url(images/event/left-list-bg.png) repeat-x bottom; }
.event-left-list h3 { font: bold 11px Arial; margin-bottom: 1px; padding-bottom: 1px; color: #2e7ab6; border-bottom: 1px dotted #ccc; }
.event-left-list a { display: inline; font:bold 11px Arial; color:#00467d; background: url(images/start/read-more-arrow.gif) no-repeat center left; padding-left:8px; }
.event-left-list p { margin-bottom: 0; }

.special-puff { margin-bottom: 15px; border-bottom: 1px solid #ccc; }
.special-puff h2 { font:11px Arial; font-weight:bold; margin: 0; }
.special-puff div { padding: 10px 15px; background: url(images/event/puff-bg.png) repeat-x bottom; }
.special-puff img { display: block; }
.special-puff p { margin-bottom: 3px; }

.gallery { background: url(images/event/gallery-bg.png) repeat-x bottom; }
.gallery #gtop { padding-top: 5px; margin: 0 15px 15px 15px; border-bottom: 1px solid #ccc; }
.gallery #gnav { padding-top: 10px; }
.gallery h3 { display: inline; font: bold 11px Arial; margin-bottom: 0; }
.gallery .img { background-color: #000; width: 420px; height: 255px; line-height: 255px; vertical-align: middle;  }
.gallery .img img { margin: auto; display: block; vertical-align: middle; }
.gallery em { font-style: normal; display: block; background-color: #000; color: #fff; padding: 5px 10px; line-height: 200%; }
.gallery .jcarousel-control { padding-left: 15px; }
.gallery .jcarousel-control a { display: block; float:left; width:60px; height: 40px; margin: 0 15px 15px 0; }
.gallery .navdiv1,.navdiv2,.navdiv3 { float: left; width: 33%; }
.gallery .navdiv1,.navdiv3 img { display: block; }
.gallery .navdiv3 img { float: right; }
.gallery .navdiv2 { text-align: center; }

/* Pager
-------------------------------------------------------------- */
#pager { padding-bottom:5px; border-bottom:solid 1px #ccc; }
#pager, #pager a { font:11px/19px Arial; }
#pager a { padding:0 3px; }
#pager img  { margin-bottom:-5px; }
#pager #pager-left { margin-right:3px; padding:0;}
#pager #pager-right { margin-left:3px; padding:0;}

label.error { font-weight:bold; color: #C00000 !important; }

span.ui-radio {
	display: block;
	float: left;
	width: 13px;
	height: 14px;
	background: url(images/forms/icon-radio.png) 0 100% no-repeat;
	margin-top:3px;
}
span.ui-helper-hidden {
	display: none;
}
span.ui-radio-state-hover,
span.ui-radio-state-checked-hover,
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
	background-position: 0 0;
}

.ui-helper-hidden-accessible {
	position: absolute;
	left: -999em;
}

/* Footer
-------------------------------------------------------------- */
#celi p { margin:0; padding:0; padding-top:5px; font:11px Arial; }

#footer { position:fixed; height: 26px; background: #004175; width:100%; bottom:0px; left:0px; font:normal 11px/26px Arial; color:#fff;}
#footer #bg-footer { background: url(images/frame/bg-blendowgroup-footer.png) no-repeat left center; width:118px; height:8px;}
#footer #part-of {float:left; margin-left:10px;}
#footer #copyright {float:right; margin-right:10px;}
#footer a { color: #fff; }