/* -------------------------------------------------------------- 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/BG-Institute.png) no-repeat center 15px; } #header h1 {border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; height:70px; width:223px; text-indent:-1000em; background:url(images/frame/BG-Institute.png) no-repeat center left; margin-bottom:10px;} #header img {border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 15px 0; 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; } #right-col { float: left; width: 215px; } #right-col #sauf-logga { width:215px; height:26px; } /* Error ---------------------------------------------------------------*/ .error h2#rubbe { font-size: 20px !important; line-height:25px !important; padding-left: 52px; background:url(/sf/sf_default/images/icons/cancel48.png) no-repeat left top; } .error .link { font:bold 11px Arial; color:#00467d; background: url(images/seminar/read-more-arrow.gif) no-repeat center left; padding-left:8px; cursor:pointer; display:block; } .error .link:hover { text-decoration:underline } /* 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; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(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:15px; } #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: 185px; margin-left:4px; font:11px/15px Arial; height:23px; } #search-box .select-replace-cover { background: url(images/search/drop-down-bg.png) no-repeat; height:27px; width:193px; } #search-box .select-replace { font:11px/25px Arial; color: #313131; padding-left:10px; } #search-box #fritext { border:solid 1px #9f9f9f; font:11px/14px Arial; width:180px; margin-left:3px; height:14px;} #search-box #submitdt { margin-top:14px; } #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; float: right; } #search-box #extended-search { font: 11px Arial; color: #313131; float: left; background: url(images/search/read-more-arrow-black.png) no-repeat center left; padding-left: 8px; width: 100px; margin-top: 6px; } /* Content -------------------------------------------------------------- */ #content { font:11px/15px Arial; } #content h2 { font:bold 11px/18px Arial; color:#7c695a; margin:0} #content #contact-us-top { background: url(/css/images/content/contact-us-clock.jpg) no-repeat right top; border-bottom:solid 1px #ccc; margin-bottom:10px; } #content .left { float:left; width:215px; } #content .right { float:right; width:215px; } #content .send-mail { font:bold 11px Arial; color:#00467d; background: url(images/seminar/read-more-arrow.gif) no-repeat center left; padding-left:8px; } #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 #about-bg-list dd img { vertical-align:middle } #content #about-bg-list dd { float:left; width: 120px; padding-left:15px; line-height:54px; } #content #about-bg-list dt { padding-right: 60px; } #content #cancellation { margin-left:-4px; margin-top:15px; display:block; margin-bottom:-4px;} /* Startpage -------------------------------------------------------------- */ #start-top-jk {position:relative; width: 342px; height: 260px; background: url(images/start/start-bild-jk.jpg); margin-bottom: 15px; float: left;} #start-top-jk a { position:absolute; top: 30px; left: 0px; font:normal 60px Georgia; color:#fff; width: 300px; opacity: 0.7; text-decoration: none; } #start-top-jk span { font-size: 200px; } #start-top-jk a:hover {opacity: 1;} #start-top-hr {position:relative; width: 342px; height: 260px; background: url(images/start/start-bild-hr.jpg); margin-bottom: 15px; float: left;} #start-top-hr a { position:absolute; top: 30px; right: 0px; font:normal 60px Georgia; color:#fff; width: 300px; opacity: 0.7; text-decoration: none; text-align: right; } #start-top-hr span { font-size: 200px; } #start-top-hr a:hover {opacity: 1;} #start-top { position:relative; width: 685px; height: 260px; background: url(images/start/start-bild.jpg) no-repeat; margin-bottom: 15px;} #start-top span { position:absolute; bottom: 15px; left: 15px; } #start-top h1 { font:normal 24px Georgia; color:#000; width: 300px;} #start-top a { background-color: #004175; color: white; font-weight:bold; padding:2px; } #law-top { position:relative; width: 685px; height: 260px; background: url(images/start/law-bild.jpg) no-repeat; margin-bottom: 15px;} #law-top span { position:absolute; bottom: 15px; left: 15px; } #law-top h1 { font:normal 24px Georgia; color:#000; width: 300px;} #law-top a { background-color: #004175; color: white; font-weight:bold; padding:2px; } #hr-top { position:relative; width: 685px; height: 260px; background: url(images/start/hr-bild.jpg) no-repeat; margin-bottom: 15px;} #hr-top span { position:absolute; bottom: 15px; left: 15px; } #hr-top h1 { font:normal 24px Georgia; color:#000; width: 300px;} #hr-top a { background-color: #004175; color: white; font-weight:bold; padding:2px; } #section-1 { margin-bottom:20px; } #section-2 { margin-bottom:15px; } #section-2 ul { margin: 0px; } #section-2 li { list-style-type: none; } #start-1 { float:left; width: 450px; margin-right:20px; min-height:158px; border-bottom:solid 1px #ccc; } #start-1 h1 { font:normal 20px Arial; } #start-1 p { font:12px/18px Arial; margin:0; } #start-2 { position:relative; float:left; width: 215px; height:158px; background: url(images/start/quote-bg.jpg) no-repeat; } #start-2 blockquote { font:12px/16px Georgia; padding:15px 0 0 15px; } #start-2 p { font:11px Arial; text-align:right; margin:0; position:absolute; bottom:20px; right:15px;} #start-2 p span {font-weight:bold; font-style:italic; display:block; } #start-3 { float:left; width:200px; margin-right:15px; border:0; } #start-4 { float:left; width:235px; margin-right:20px; } #start-4 #till-katalogen { margin-left:-4px; } #start-5 { float:left; width:215px; position:relative; } #start-5 #calendar { position:absolute; bottom:0; left:0; } #start-3, #start-4, #start-5 { margin-bottom: 20px; display: inline; } #start-5 h2, #start-4 h2, #start-3 h2 { text-transform: uppercase; font:bold 11px Arial; border-bottom:solid 2px #000; display:block; padding-bottom:5px; margin-bottom:6px;} #start-5 p, #start-4 p, #start-3 p { font:11px/15px Arial; } #start-5 a, #start-4 a, #start-3 a { margin-left:-4px; } #start-annons h5 { font:bold 8px Arial; color: #9f9f9f; text-transform:uppercase; border-bottom:solid 1px #ccc; margin-bottom:5px;} #blurb a { margin-left:0px; } /* Current seminars -------------------------------------------------------------- */ #current-seminars { margin-bottom:20px; } #current-seminars .seminar { padding:10px 0 8px 0; border-bottom:solid 1px #ccc;} #current-seminars h2 { text-transform: uppercase; font:bold 11px Arial; border-bottom:solid 2px #000; display:block; padding-bottom:5px; margin:0; } #current-seminars h3, #current-seminars h3 a { font:bold 11px Arial; display:block; margin-bottom:1px; color: #313131;} #current-seminars h4 { text-transform: uppercase; font:bold 8px Arial; color:#898989; display:block; margin-bottom:1px; } #current-seminars p { font:11px Arial; display:block; margin-bottom:4px; } #current-seminars .read-more { font:bold 11px Arial; color:#00467d; background: url(images/seminar/read-more-arrow.gif) no-repeat center left; padding-left:8px; } /* Search result -------------------------------------------------------------- */ .hr { background: url(images/seminar/hr-seminar-list-bg.png) repeat-x 0 bottom; margin-bottom:15px; } .jk { background: url(images/seminar/seminar-list-bg.png) repeat-x 0 bottom; margin-bottom:15px; } .search-result { border-top:solid 2px #b0a59c; padding:15px 0 17px 0; } .search-result h4 { text-transform:uppercase; font:bold 9px Arial; color:#898989; border-bottom:dotted 1px #898989; padding-bottom:4px; margin-bottom:4px; margin-top:-1px; } .search-result h4.hr {color: red;} .search-result h3, .search-result h3 a{ font:normal 15px Arial; color:#7c695a; margin-bottom:13px; } .search-result p { font:11px/15px Arial; margin: 5px;} .search-result .seminar-icon { width:35px; float:left; padding-left: 15px; } .search-result .seminar-info { width:380px; float:left; padding-left: 10px; padding-right: 10px; } .search-result .read-more { float:left; font:bold 11px Arial; color:#00467d; padding-left:8px; background: url(images/seminar/read-more-arrow.gif) no-repeat center left; margin-right:6px; line-height:24px;} .search-result .book-seminar { float:right; font:bold 11px Arial; color:#fff; background: url(images/seminar/book-seminar-button.png) no-repeat center left; width:49px; height:22px; display:block; padding:4px 0 0 14px; margin-right:11px;} #search-result-sort { border-bottom:solid 1px #ccc; padding-bottom:7px; } #search-result-sort .select-replace-cover select { font:11px/21px Arial; width:211px; margin-left:2px; } #search-result-sort .select-replace-cover { background: url(images/search/search-result-sort-bg.png) no-repeat; height:21px; width: 215px; } #search-result-sort .select-replace { font:11px/20px Arial; color: #313131; padding-left:10px; } #search-result-left { border-bottom:solid 2px #000; margin-bottom:15px; padding-bottom:1px; } #search-result-left a { font:11px Arial; color:#313131; display:block; padding-left:8px; background: url(images/search/search-result-left-arrow.png) no-repeat center left; line-height:20px; border-bottom:solid 1px #eee; } #search-result-left a:hover { background-color:#ece9e4; } #search-result-left a:last-child { border-bottom:solid 1px #ccc; } #search-result-left a#active { font-weight:bold; background-color:#ece9e4; } /* Pager -------------------------------------------------------------- */ #pager { padding-bottom:5px; margin-bottom:9px; 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;} /* Seminar presentation -------------------------------------------------------------- */ #sem-top { background:url(images/seminar/pres-bg.png) no-repeat 0 bottom; padding:15px;} #sem-top #sem-icon { width:23px; height:23px; float:left; margin-right:10px; } #sem-top h4 { float:left; text-transform:uppercase; font:bold 9px Arial; color:#898989; border-bottom:dotted 1px #898989; margin-bottom:0; line-height:17px; width:380px; padding-top:5px; } #sem-top h1 { font:normal 15px Arial; color: #b0a59c; margin:12px 0;} #sem-top h2 { font:bold 11px/18px Arial; color:#7c695a; border-bottom:solid 2px #b0a59c; margin:0 -15px 7px -15px; } #sem-top .instances+span { text-indent:52px; display:block; } #sem-top #download-as-pdf { float:left; display:block; font:bold 11px/27px Arial; color:#00467d; padding-left:30px; background: url(images/seminar/download-as-pdf.png) no-repeat center left; margin-right:15px; } #sem-top #print-out { float:left; display:block; font:bold 11px/27px Arial; color:#00467d; padding-left:30px; background: url(images/seminar/print-out.png) no-repeat center left;} #sem-top #book { float:right; width:73px; height:30px; margin-top:-3px;} #sem-top #interested { float:right; width:88px; height:30px; margin-top:-3px;} #sem-top .price-color { color: #7c695a } #sem-desc, #sem-know, #sem-rest { padding:10px 15px 15px 15px; border-bottom:solid 1px #ccc; } #sem-rest { padding-bottom:12px; } #sem-desc p:last-child, #sem-know p:last-child, #sem-rest p:last-child { margin-bottom:0; } #sem-know { background:url(images/seminar/sem-know-bg.png) no-repeat 0 bottom; } #sem-desc h1, #sem-know h1, #sem-rest h1, #sem-desc h2, #sem-rest h2, #sem-know h2, #sem-desc h3, #sem-rest h3, #sem-know h3, #sem-desc h4, #sem-rest h4, #sem-know h4, #sem-desc h5, #sem-rest h5, #sem-know h5, #sem-desc h6, #sem-rest h6, #sem-know h6 { font:bold 11px Arial; color:#7c695a; } #sem-desc ul, #sem-rest ul, #sem-know ul { margin:0; margin-left:15px; } #sem-rest #book-bot { margin-left:-4px; width:73px; height:30px; display:block; margin-top:13px; } #nav-step { border-bottom:solid 2px #b0a59c; padding-bottom:4px; margin-bottom:7px; margin-top:-1px; } #nav-step-bot { padding-bottom:4px; margin-bottom:7px; padding-top:10px; } #nav-step-bot #print-out { float:right; font:bold 11px/18px Arial; color:#00467d; padding-left:30px; background: url(images/seminar/print-out.png) no-repeat center left;} #nav-step #go-back, #nav-step-bot #go-back { float: left; display:block; width:78px; height:26px; margin-left:-4px; } #nav-step #next, #nav-step-bot #next { float: right; display:block; width:99px; height:26px; margin-right:-4px; } #nav-step #previous, #nav-step-bot #previous { float: right; display:block; width:99px; height:26px; margin-right:2px; } /* Order page -------------------------------------------------------------- */ #orderform #nav-step { border:0; padding:0 } #sem-order-details { margin-bottom: 15px; } #sem-order-details label { color:#313131; font:bold 11px/14px Arial; } #sem-order-details h2 { font:bold 11px/18px Arial; color:#7c695a; border-bottom:solid 2px #ccc; margin-top:15px;} #sem-order-details p { font:bold 11px Arial; color:#313131; margin-bottom:0; margin-top:12px; } #sem-order-details p em { font-weight:normal } #sem-order-details #choose-instance label { font-weight:normal; margin-left:4px; line-height:20px; } #sem-order-details #contact-details { margin-top:8px; } #sem-order-details #contact-details #participatorsList { padding-bottom: 10px; border-bottom:solid 1px #ccc; } #sem-order-details #contact-details input[type=text] { font:11px Arial; width:209px; } #sem-order-details textarea { font:11px Arial; width:209px; height:95px; } #sem-order-details #left, #sem-order-details .left, #sem-order-sent .left { float:left; width:215px; } #sem-order-details #right, #sem-order-details .right, #sem-order-sent .right { float:right; width:215px; } #sem-order-details #notes { margin-top:15px; border-bottom:solid 1px #ccc; padding-bottom:15px; background: url(images/forms/mouse-bg.png) no-repeat right bottom; } #sem-order-details #radio-fix { padding-bottom:15px } #sem-order-details #radio-fix input { float:left; } #sem-order-details #radio-fix label { float:left; margin-right:13px; margin-left:4px; } #sem-order-details #radio-fix .ui-radio { margin:0; margin-right:4px; } .fullbooked, .special-price { color:red; font-weight:bold; display: inline; !important;} .few-left { color:orange; font-weight:bold; } #sem-order-details select { width: 72px; padding:0; margin:0; border:0; postition:relative; z-index:5; opacity:0; margin-left:2px; height:22px; } #sem-order-details option { font:11px Arial; } #sem-order-details #order-sent { border:0; margin:0; } #sem-order-details .select-replace-cover { background: url(images/forms/number-select-bg.png) no-repeat; height:25px; width:76px; } #sem-order-details .select-replace { font:11px/25px Arial; color: #313131; padding-left:10px; } #sem-order-details .submitdt { text-align:right; } #sem-order-details #contact-details p { font-weight:normal } #sem-order-details #contact-details .submitbtn { font:bold 11px Arial; color:#fff; background: url(images/forms/next-bg.png) no-repeat; border:0; width:68px; height:30px; padding:0 12px 6px 0; margin-top:14px; } #sem-order-details #contact-details .submitbtn-send-order { font:bold 11px Arial; color:#fff; background: url(images/forms/send-booking-bg.png) no-repeat; border:0; width:127px; height:30px; padding:0 12px 6px 0; margin-top:14px; margin-right:-4px; } #sem-order-sent h2, #sem-order-sent h3 { font:bold 11px/18px Arial; color:#7c695a; } #sem-order-sent h3 { border-bottom:solid 1px #ccc; margin-top:15px; } #sem-order-sent p { font:11px Arial; color:#313131; margin:0; } #sem-order-sent #atendees { padding-bottom:15px; border-bottom:solid 1px #ccc; margin-bottom:13px; } #sem-order-sent { font:11px Arial; color:#313131; padding-bottom:15px; border-bottom:solid 1px #ccc; } #sem-order-sent #ovrigt { display:block; margin-top:10px; } label.error { font-weight:bold; color: #C00000 !important; } span.ui-radio { display: inline; 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 { background-position: 0 0; } span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled { background-position: 0 100%; } .ui-helper-hidden-accessible { position: absolute; left: -999em; } /* Send a tip -------------------------------------------------------------- */ #send-a-tip { border-bottom:solid 1px #ccc; padding-bottom:10px; margin-bottom:20px; background-color:#eee;} #send-a-tip h3 { margin:0; font:bold 11px/24px Arial; text-transform:uppercase; padding-left:15px; background: url(images/forms/header-bg.gif) repeat-x; color:#fff; margin-bottom:7px; } #send-a-tip label { font:bold 11px Arial; padding-left:15px; color:#313131; } #send-a-tip input { border:solid 1px #9f9f9f; font:11px/27px Arial; width:179px; margin-left:15px; margin-bottom:7px; } #send-a-tip .submitdt { padding:14px 15px 0 15px; } #send-a-tip span { font:11px/30px Arial; color:#313131; float:left; } #send-a-tip .submitbtn { float:right; font:bold 11px Arial; color:#fff; background: url(images/forms/tipsa-button.png) no-repeat; border:0; width:67px; height:30px; padding:0 12px 6px 0; } /* How to book -------------------------------------------------------------- */ #how-to-book { border-bottom:solid 1px #ccc; padding-bottom:10px; margin-bottom:20px; } #how-to-book h3 { text-transform: uppercase; font:bold 11px Arial; border-bottom:solid 2px #000; display:block; padding-bottom:5px; margin:0; } #how-to-book p { margin: 0; } #how-to-book a { font:bold 11px Arial; color:#00467d; background: url(images/seminar/read-more-arrow.gif) no-repeat center left; padding-left:8px; } /* Sauf -------------------------------------------------------------- */ #sauf { padding-bottom:10px; margin-bottom:20px; } #sauf h3 { text-transform: uppercase; font:bold 11px Arial; border-bottom:solid 2px #000; display:block; padding-bottom:5px; margin:0; } #how-to-book p { margin: 0; } /* Questions -------------------------------------------------------------- */ #questions { padding-bottom:10px;} #questions h1.upper { margin-bottom:10px; } #questions form { background-color:#eee; padding:5px 15px; } #questions label { font:bold 11px Arial; color:#313131; } #questions input { width:179px; font:11px Arial; color:#313131; } #questions textarea { width:179px; height:100px; font:11px Arial; color:#313131; } #questions .submitdt { text-align:right; margin-right:-4px; } #questions .submitbtn { font:bold 11px Arial; color:#fff; background: url(images/forms/black-button-bg.png) no-repeat; border:0; width:72px; height:30px; padding:0 0 6px 0; margin-top:14px; } /* Current catalogue -------------------------------------------------------------- */ #current-catalogue { border-bottom:solid 1px #ccc; padding:10px 0; margin-bottom:15px; } #current-catalogue img { vertical-align:middle; } #current-catalogue a { font:bold 11px Arial; color:#00467d; background: url(images/seminar/read-more-arrow.gif) no-repeat center left; padding-left:8px; margin-left:6px; height:53px; } /* Footer -------------------------------------------------------------- */ #celi { padding-left:35px; padding-top:5px; background: url(images/start/ilac.png) no-repeat left bottom; height:24px; } #celi p { margin:0; padding:0; font:11px/27px 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; } /* Alltomjuridik Blurb -------------------------------------------------------------- */ #aoj-form select { font:11px/21px Arial; width:185px; margin-left:2px; } #aoj-form .select-replace-cover { background: url(images/header/choose-area-bg.png) no-repeat; height:21px; width: 189px; } #aoj-form .select-replace { font:11px/20px Arial; color: #313131; padding-left:10px; } /* HR Blurb Left Column -------------------------------------------------------------- */ .hr-blurb-left { border-bottom:solid 2px #000; margin-bottom:15px; padding-bottom:1px; } .hr-blurb-left ul { margin: 0px; } .hr-blurb-left li { font:11px Arial; color:#313131; padding-left:8px; list-style-type: none; background: url(images/search/search-result-left-arrow.png) no-repeat center left; line-height:20px; border-bottom:solid 1px #eee;} .hr-blurb-left li:hover { background-color:#ece9e4; } .hr-blurb-left li:last-child { border-bottom:solid 1px #ccc; } .hr-blurb-left a { color:#313131; } .hr-blurb-left a#active { font-weight:bold; background-color:#ece9e4; } .hr-blurb-left h2 { text-transform: uppercase; font-size: 11px; line-height: 21px; border-bottom:solid 2px #050505; margin-bottom:7px; } #sem-order-details .dropdown { background: url(images/forms/text-select-bg.png) no-repeat; height:25px; width:190px; } #sem-order-details .dropdown select { width:190px; } /* CANCELLATION FORM -------------------------------------------------------------- */ #sem-cancellation-details { margin-bottom: 15px; } #sem-cancellation-details label { color:#313131; font:bold 11px/14px Arial; } #sem-cancellation-details h2 { font:bold 11px/18px Arial; color:#7c695a; border-bottom:solid 2px #ccc; margin-top:15px;} #sem-cancellation-details p { font:11px Arial; color:#313131; margin-bottom:0; margin-top:12px; } #sem-cancellation-details p em { font-weight:normal } #sem-cancellation-details #choose-instance label { font-weight:normal; margin-left:4px; line-height:20px; } #sem-cancellation-details #contact-details { margin-top:8px; } #sem-cancellation-details #contact-details #participatorsList { padding-bottom: 10px; border-bottom:solid 1px #ccc; } #sem-cancellation-details #contact-details input[type=text] { font:11px Arial; width:209px; } #sem-cancellation-details textarea { font:11px Arial; width:209px; height:95px; } #sem-cancellation-details #left, #sem-cancellation-details .left, #sem-cancellation-sent .left { float:left; width:215px; } #sem-cancellation-details #right, #sem-cancellation-details .right, #sem-cancellation-sent .right { float:right; width:215px; } #sem-cancellation-details #notes { margin-top:15px; border-bottom:solid 1px #ccc; padding-bottom:15px; } #sem-cancellation-details #radio-fix { padding-bottom:15px } #sem-cancellation-details #radio-fix input { float:left; } #sem-cancellation-details #radio-fix label { float:left; margin-right:13px; margin-left:4px; } #sem-cancellation-details #radio-fix .ui-radio { margin:0; margin-right:4px; } .fullbooked { color:red; font-weight:bold; } .few-left { color:orange; font-weight:bold; } #sem-cancellation-details select { width: 72px; padding:0; margin:0; border:0; postition:relative; z-index:5; opacity:0; margin-left:2px; height:22px; } #sem-cancellation-details .select-replace-cover.num { background: url(images/forms/number-select-bg.png) no-repeat; height:25px; width:72px; } #sem-cancellation-details option { font:11px Arial; } #sem-cancellation-details #order-sent { border:0; margin:0; } #sem-cancellation-details .select-replace-cover { background: url(images/forms/seminar-select-bg.png) no-repeat; height:25px; width:440px; } #sem-cancellation-details .select-replace-cover select#seminar { width: 440px; } #sem-cancellation-details .select-replace-cover.cause { background: url(images/forms/text-select-bg.png) no-repeat; height:25px; width:190px; } #sem-cancellation-details .select-replace-cover select#cause { width: 190px; } #sem-cancellation-details .select-replace { font:11px/25px Arial; color: #313131; padding-left:10px; } #sem-cancellation-details .submitdt { text-align:right; } #sem-cancellation-details #contact-details p { font-weight:normal } #sem-cancellation-details .submitbtn { font:bold 11px Arial; color:#fff; background: url(images/forms/next-bg.png) no-repeat; border:0; width:68px; height:30px; padding:0 12px 6px 0; margin-top:14px; } #sem-cancellation-details #contact-details .submitbtn-send-order { font:bold 11px Arial; color:#fff; background: url(images/forms/send-booking-bg.png) no-repeat; border:0; width:127px; height:30px; padding:0 12px 6px 0; margin-top:14px; margin-right:-4px; } #sem-cancellation-sent h2, #sem-order-sent h3 { font:bold 11px/18px Arial; color:#7c695a; } #sem-cancellation-sent h3 { border-bottom:solid 1px #ccc; margin-top:15px; } #sem-cancellation-sent p { font:11px Arial; color:#313131; margin:0; } #sem-cancellation-sent #atendees { padding-bottom:15px; border-bottom:solid 1px #ccc; margin-bottom:13px; } #sem-cancellation-sent { font:11px Arial; color:#313131; padding-bottom:15px; border-bottom:solid 1px #ccc; } #sem-cancellation-sent #ovrigt { display:block; margin-top:10px; } /* SEMINAR VIDEO -------------------------------------------------------------- */ .seminar-video { margin-top: 10px; } /* SOLIDITET -------------------------------------------------------------- */ #soliditet { margin-top: 20px; text-align: center;} /* SEMINAR LIST -------------------------------------------------------------- */ .seminars-list { padding:15px 0 17px 0; } .seminars-list h4 { text-transform:uppercase; font:bold 9px Arial; color:#898989; border-bottom:dotted 1px #898989; padding-bottom:4px; margin-bottom:4px; width:375px; margin-top:-1px; } .seminars-list h4.hr {color: red;} .seminars-list h3 a{ font:normal 12px Arial; color:#7c695a; width:375px; } .seminars-list p { font:11px/15px Arial; margin:0;} .seminars-list .seminar-icon { width:35px; float:left; padding-left: 15px; } .seminars-list .seminar-info { width:390px; float:left; padding-left: 10px; } /* TEACHER LIST -------------------------------------------------------------- */ .teacher-list { background: url(images/seminar/seminar-list-bg.png) no-repeat 0 bottom; margin-bottom:15px; padding: 10px 10px 0 10px; } .teacher-list div { overflow: visible; margin-left: 100px; } .teacher-list img { float: left; margin-bottom: 20px;} .teacher-list h3, .teacher-list h3 a { font:normal 15px Arial; color:#7c695a; margin-bottom:8px } /* CALENDAR -------------------------------------------------------------- */ #mid-col.calendar { width: 685px; margin:0; } .calendar #pager { border: none; margin: 0; padding: 0; } .calendar #pager p { margin: 0; } .calendar #pager span.right { float:right; } .calendar #pager span.left { float:left; } /* MISC -------------------------------------------------------------- */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* QUOTATOION -------------------------------------------------------------- */ .quotation {padding: 0 60px 20px 60px;} .quotation blockquote { font: italic 14px/18px "Times New Roman", Times, serif; } .quotation span.open { position: relative; top: 50px; font-size: 80px; line-height: 0px; color: #DFDFDF; margin-left: -25px; } #left-col .quotation {padding: 0 10px 0 18px;} #left-col .quotation blockquote { font: italic 14px/18px "Times New Roman", Times, serif; } #left-col .quotation span.open { position: relative; top: 41px; font-size: 60px; line-height: 0px; color: #DFDFDF; margin-left: -18px; } /* RATING -------------------------------------------------------------- */ .rating { display:inline-block; width: 98px; height: 16px; text-align:left; background: url(images/rating/star_empty.gif) 0 0 repeat-x; } .rating span { display:inherit; height: 14px; background: url(images/rating/star_full.gif) 0 0 repeat-x; zoom: 1; }