/* Project: FU Style: General style ============================================================ */ /* @Imports ============================================================ */ @import "Framework/Reset.css"; @import "Framework/Grid.css"; /* General ============================================================ */ html { font-size:125%;} body {font-size:50%; font-family: Arial, Verdana, sans-serif; margin:0; padding:0; background:#fff url(../Images/body.jpg) bottom left repeat-x; min-width: 960px; } body.iframe { background:#fff; } @font-face { font-family: 'FranklinGothic'; src: url('../Fonts/franklingothicbt-extracondensed-webfont.eot'); src: local('?'), url('../Fonts/franklingothicbt-extracondensed-webfont.woff') format('woff'), url('../Fonts/franklingothicbt-extracondensed-webfont.ttf') format('truetype'), url('../Fonts/franklingothicbt-extracondensed-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } strong,th,thead,h1,h2,h3,h4,h5,h6,dt { font-weight:bold; } cite,em,dfn { font-style:italic; } u { text-decoration:underline; } /* Headings */ h1 { font-size:3.6em; } h2 { font-size:2.4em; } h3 { font-size:2em; } h4 { font-size:1.6em; } h5 { font-size:1.4em; } h6 { font-size:1.3em; } /* Paragraph */ p { font-size:1.2em; line-height:1.3em; margin-bottom:1.5em; } p.right { text-align:right; } p .inlineblock { display:inline-block; } p.lighten {color: #666 !important} /* Lists */ ul{ list-style:none; } li > ul, li > ol{ margin-bottom:0; margin-left:5em; } li > ul li, li > ol li{ font-size:1em; } ol{ list-style:decimal inside; } /* Links */ p a{ color:#000; font-weight:bold; text-decoration:underline; } a:hover{ text-decoration:underline; } /* :focus { outline:1px dotted; } */ /* First/Last & Clear */ .alpha{margin-left:0 !important;} .omega{margin-right:0 !important;} .clear {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0; } article, section, header, footer, figure, hgroup, nav { display:block; } /* CONTENT */ #pagewrap { background:#eee url(../Images/pagewrap.jpg) top left repeat-x; } #pageinnehall { width:960px; margin:0 auto;} #sidhuvud { padding:30px 0 20px; position:relative; } body.error500 #sidhuvud { padding:30px 0 10px; } #logo { width:300px; height:56px; background:#fff; } #genvagar { position:absolute; top:17px; right:0; } #genvagar section { float:left; margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px solid #ccc; } #genvagar section a { color:#333; font-size:1.1em; display:block; float:left; height:14px; background:#fff url(../Images/genvagarIkoner.jpg) no-repeat; } #genvagar section a span { color:#999; } #genvagar section.bokadekurser { border:0; } #genvagar section.bokadekurser a { background-position:0 0; padding-left:18px; } #genvagar section.sparadekurser a { background-position:0 -31px; padding-left:19px; } #genvagar section.loggain a { background-position:0 -65px; padding-left:16px; } #genvagar section.english a { background:transparent; } #genvagar section.omfu a { background:transparent; } #genvagar section.first { border:none 0; } #huduvnavigering { width:960px; background:#990000 url(../Images/Meny.jpg) top left repeat-x; height:41px; position:relative; z-index:101; } /* MOZ BR 5px */ #huduvnavigering ul { margin:0; } /* MOZ BR 5px */ #huduvnavigering ul li { float:left; height:41px; padding:0; border-right:1px solid #600; } #huduvnavigering ul li.aktiv, #huduvnavigering ul li.vald { background:#600 url(../Images/huduvnavigeringAktiv.jpg) top left repeat-x; } #huduvnavigering ul li:last-child { border: none; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0} #huduvnavigering ul li.forst { } /* MOZ BR TL/BL 6px */ #huduvnavigering ul li a { display:block; height:29px; padding:12px 9px 0; font-size:1.4em; color:#fff; font-weight:bold; position:relative; text-decoration:none; } #huduvnavigering ul li.hem a { padding:10px 14px; } #huduvnavigering ul li.hem a.ikon { width:22px; height:21px; background:url(../Images/huduvnavigeringHem.jpg) top left no-repeat; padding:0; margin:9px 15px 0; text-indent:-9999px; } #huduvnavigering ul li.aktiv a.ikon { width:22px; height:21px; background:url(../Images/huduvnavigeringHem.jpg) bottom left no-repeat; padding:0; margin:9px 15px 0; text-indent:-9999px; } #huduvnavigering ul li.submenu a { padding-right:27px; } #huduvnavigering ul li a span { color:#ca7878; font-size:0.86em; } #huduvnavigering ul li a span.indikator { width:11px; height:7px; position:absolute; top:41px; left:50%; margin:0 0 0 -6px; background:url(../Images/huduvnavigeringIndikator.jpg); z-index:101; } #huduvnavigering ul li a span.pil { position:absolute; top:18px; right:14px; background:url(../Images/huduvnavigeringPil.jpg) no-repeat; display:block; height:7px; width:8px; } #huduvnavigering ul li.aktiv a span.pil, #huduvnavigering ul li.vald a span.pil { background:url(../Images/huduvnavigeringPilAktiv.jpg) no-repeat; } #huduvnavigering .huduvnavigeringlager { display:none; z-index:100; position:absolute; top:41px; left:0; background:#fff; width:938px; padding:1px 1px 16px 20px; }/* MOZ BR 5px + BS 0 5 10 rgba .25 */ #huduvnavigering .huduvnavigeringlager a:hover { text-decoration:underline; } #huduvnavigering .huduvnavigeringlager .lankkolumn { margin:0 20px 0 0; background:#fff; float:left; } #huduvnavigering .huduvnavigeringlager .lankkolumn ul { margin:20px 0 0; } #huduvnavigering .huduvnavigeringlager .lankkolumn li { float:none; height:auto; border:0; padding:0 0 0 10px; margin:4px 0; background:url(../Images/huduvnavigeringlagerLi.jpg) 0 5px no-repeat; } #huduvnavigering .huduvnavigeringlager .lankkolumn li a { display:inline; padding:0; font-size:1.3em; color:#0066cc; } #huduvnavigering .huduvnavigeringlager .lankkolumn li a span { font-weight:normal; color:#999; } #huduvnavigering .huduvnavigeringlager .lankkolumn li section { margin:3px 0 17px; } #huduvnavigering .huduvnavigeringlager .lankkolumn li section a { color:#0066cc; font-size:1.2em; font-weight:normal; } #huduvnavigering .huduvnavigeringlager .lankkolumn li section a.fler, .amnesomraden .innehall li a.fler { float:right; margin-right:15px; font-weight:bold !important; } .amnesomraden .innehall li a.fler { margin-right:10px; } #huduvnavigering .huduvnavigeringlager .lankkolumn li img { float:left; margin:0 15px 0 0; } #huduvnavigering .huduvnavigeringlager .lankkolumn li a.topmenuicon { background-repeat:no-repeat; background-position:15px 10px; padding-left:60px; } #huduvnavigering .huduvnavigeringlager .intro { background:#eaeaea; float:right; width:248px; height:292px; padding:10px; } /* MOZ BR TR/BR 5px */ #huduvnavigering .huduvnavigeringlager .intro .information { background:#000; padding:150px 0 0; height:143px; } /* MOZ BR 5px */ #huduvnavigering .huduvnavigeringlager .intro .information h3 { color:#fff; padding:10px 10px 0; margin:0 0 5px; font-size:2.4em; } #huduvnavigering .huduvnavigeringlager .intro .information h3 a { font-size:1em; padding:0; height:auto; font-weight:normal; } #huduvnavigering .huduvnavigeringlager .intro .information p { color:#fff; font-size:1.1em; padding:0 10px; margin:0 0 10px; } #huduvnavigering .huduvnavigeringlager .intro .information blockquote { color:#fff; padding:0 10px 0 40px; background:url(../Images/navintroQuote.jpg) 10px 0 no-repeat; font-size:1.1em; } #huduvnavigering .huvudnavlagerTvaKolumn, #huduvnavigering .huvudnavlagerEnKolumn { z-index:100; position:absolute; top:41px; left:0; width:958px; height:312px; padding:1px 1px 0 0; } /* MOZ BR 5px + BS 0 5 10 rgba .25 */ #huduvnavigering .huvudnavlagerTvaKolumnIngetIntro { width:690px; padding:1px 0 1px 0; } #huduvnavigering .huvudnavlagerTvaKolumn .lankkolumn, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn { background:transparent; width:344px; margin:0 0 0 0; float:left; } #huduvnavigering .huvudnavlagerTvaKolumn .lankkolumn ul, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul { margin:0; } #huduvnavigering .huvudnavlagerTvaKolumn .lankkolumn ul li, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul li { width:329px; height:40px; margin:0; padding:10px 0 0 15px; float:left; border-bottom:1px solid #e4e4e4; background:transparent; } #huduvnavigering .huvudnavlagerTvaKolumn .lankkolumn li a, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn li a { color:#333; } #huduvnavigering .huvudnavlagerTvaKolumn .lankkolumn ul li.sista, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul li.sista { border-bottom:0; padding-bottom:3px; } #huduvnavigering .huvudnavlagerTvaKolumn .lankkolumn ul li.forsta, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul li.forsta { padding-top:15px; } #huduvnavigering .huvudnavlagerTvaKolumn .lankkolumn li section, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn li section { margin:0 0 10px; } #huduvnavigering .huvudnavlagerTvaKolumn .lankkolumnForst, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumnForst { width:345px; border-right:1px solid #e4e4e4; } #huduvnavigering .huvudnavlagerTvaKolumn .lankkolumnForst ul li, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumnForst ul li { width:330px; } #huduvnavigering .huvudnavlagerEnKolumn { height:auto; } #huduvnavigering .huvudnavlagerEnKolumn .lankkolumnForst, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumnSista { border-right:none; border-left:none; } #huduvnavigering .huvudnavlagerTreKolumn { height:auto; } #huduvnavigering .huvudnavlagerTreKolumn .lankkolumn, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn { width:319px; border-right:1px solid #e4e4e4; } #huduvnavigering .huvudnavlagerTreKolumn .lankkolumn ul li, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul li { width:319px; height:50px; padding:0; } #huduvnavigering .huvudnavlagerTreKolumn .lankkolumn ul li:last-child, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul li:last-child { border-bottom:none; } #huduvnavigering .huvudnavlagerTreKolumn .lankkolumn ul li a, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul li a { width:304px; height:30px; display:block; padding:16px 0 0 15px; } #huduvnavigering .huvudnavlagerTreKolumn .lankkolumnSist, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumnSist { width:300px; border-right:none; } #huduvnavigering .huvudnavlagerEnKolumn { left:auto; } #huduvnavigering .huvudnavlagerEnKolumn, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul li, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul li a, #huduvnavigering .huvudnavlagerEnKolumn .lankkolumnSist { width:auto; } #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul li { float:none; } #huduvnavigering .huvudnavlagerEnKolumn .lankkolumn ul li a { margin-right:15px; } #brodsmulor { height:22px; margin:0 4px 10px; } #brodsmulor a.tillbaka { float:left; font-size:1.1em; font-weight:bold; margin:4px 10px 0 0; color:#06c; } #brodsmulor li { float:left; height:22px; padding:0 9px 0 0; background: url(../Images/brodsmulorPil.jpg) top right no-repeat; } #brodsmulor li.nastsist { padding:0 9px 0 0; background:url(../Images/brodsmulorPilNastSist.jpg) top right no-repeat; } #brodsmulor li.sist { padding:0 8px 0 0; background:url(../Images/brodsmulorPilSist.jpg) top right no-repeat; } #brodsmulor li a { font-size:1.1em; color:#333; float:left; height:16px; padding:4px 8px 0 8px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; background:#eee; } #brodsmulor li.forst a { border-left:1px solid #cbcbcb; background:#eee; } /* MOZ BR TL/BL 3px */ #brodsmulor li.sist a { background:#fff; } #innehall, #sokbar { background:#e4e4e4; border-top:1px solid #ccc; padding:10px 5px 0; margin:10px 0 0; } /* MOZ BR TR/TL 5px */ #sokbar { background:#cccccc; border-top-color:#b7b7b7; border-bottom:1px solid #f7f7f7; } .huvudyta { width:600px; padding:14px; background:#fff; position:relative; margin:0 0 15px; border:1px solid #d9d9d9; } /* MOZ BR 5px */ .column940 .huvudyta { width:910px;} .sekundarHuvudyta { width:600px; padding:14px; background:#fff; position:relative; margin:0 0 15px; border:1px solid #d9d9d9; } /* MOZ BR BR/BL 5px */ .sokHuvudyta { width:600px; padding:14px; background:#fff; position:relative; margin:0 0 15px; border:1px solid #d9d9d9; border-top:0; } /* MOZ BR BR/BL/TR 5px */ .rubrik { height:38px; background:url(../Images/modulHeaderGra.jpg) top left repeat-x; border:1px solid #d9d9d9; border-bottom:0; position:relative; } /* MOZ BR TR/TL 5px */ .rubrik h2 { font-size:2.2em; color:#333; padding:6px 0 0 15px; } .rubrik h2 span { color:#999; } .rubrik .filtrering { position:absolute; top:10px; right:10px; } .rubrik .filtrering fieldset label { font-size:1.2em; color:#333; margin:0 5px 0 0; } .rubrik .filtrering fieldset select { font-size:1.2em; } .huvudFlikar {} .huvudFlikar ul { float:left; } .huvudFlikar li { float:left; padding:8px 20px 8px; background:#eee; border:1px solid #d9d9d9; border-bottom:0; margin-right:2px; font-size:1.4em; font-weight:bold; } /* MOZ BR TR/TL 5px */ .huvudFlikar li.aktiv { background:#fff; } .huvudFlikar li a { color:#333; } .huvudFlikar li a span { font-weight:normal; color:#666; } .huvudFlikar .sortering { float:right; padding:10px 0 0; } .huvudFlikar .sortering p { margin:0; } .huvudFlikar .sortering p a { color:#06c; margin:0 0 0 3px; } #informationssida { width:600px; position:relative; } #informationssida h1 { font-size:3.4em; margin:0 0 5px; font-weight:bold; } #informationssida p { font-size:1.2em; line-height:1.4em; margin:0 0 15px; } #informationssida p.ingress, #informationssida span.ingress p { font-size:1.6em; margin:0 0 15px; } #informationssida p a { color:#0066cc; text-decoration:none; font-weight:normal; } #informationssida p a:hover {text-decoration: underline} #informationssida p.paragraflank { padding-left:28px; background:url(../Images/lankboll.png) 18px 5px no-repeat; } #informationssida a.paragraflank { padding-left:28px; background:url(../Images/lankboll.png) 18px 5px no-repeat; margin:10px 0 0; display:inline-block; } #informationssida img.heading { margin:0 0 15px; } #informationssida img.hogerbild { float:right; margin:0 0 15px 15px; } #informationssida img.vansterbild { float:left; margin:0 15px 15px 0; } #informationssida header { position:relative; } #informationssida .intro { position:relative; background:#000; margin:0 0 15px; text-align:center; } /* MOZ BR 4px */ #informationssida .intro .provplugga { display:block; height:127px; width:111px; background:url(../Images/provplugga.png) no-repeat; text-indent:-9999px; position:absolute; top:10px; left:-60px; } #informationssida iframe { width:600px; margin-bottom:15px; } .column940 #informationssida iframe { width:910px; margin-bottom:5px; } #informationssida .intro img { vertical-align:bottom; } .EpiEditor h1 { font-size:3.4em; margin:0 0 5px; } .EpiEditor h2 { font-size:1.5em; color:#333; margin:0 0 5px; } .EpiEditor h3 { font-size:1.3em; color:#333; margin:0 0 4px; } .EpiEditor h4 { font-size:1.2em; color:#333; margin:0 0 2px; } .EpiEditor p { color:#333; } .EpiEditor p.citat, .EpiEditor span.citat { margin:0 15px 20px !important; font-style:italic; display:block; } .EpiEditor img.hogerbild { float:right; margin:0 0 15px 15px; } .EpiEditor img.vansterbild { float:left; margin:0 15px 15px 0; } .EpiEditor ul, .EpiEditor ol { margin:0 0 20px; } .EpiEditor ul { margin-left:20px; } .EpiEditor dl { } .gymnasium .lista li, .EpiEditor li, .EpiEditor dt, .EpiEditor dd { font-size:1.2em; } .gymnasium .lista ul li, .EpiEditor ul li { margin:4px 0; padding-left:10px; background:url(../Images/lankboll.png) 0 4px no-repeat; } .EpiEditor ol li, .EpiEditor dt, .EpiEditor dd { margin:2px 0; color:#333; } .gymnasium .lista ul li, .EpiEditor ul li a, .EpiEditor dl a { color:#06c; font-weight:normal; } .EpiEditor table.Editortabell { border-collapse:separate; } .EpiEditor table.Editortabell { } /* MOZ BR 5px */ .EpiEditor table.Editortabell tr.trJamn th, .EpiEditor table.Editortabell tr.trJamn td { background:#f6f6f6; } .EpiEditor table.Editortabell tr th { border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4; padding:10px 8px; font-size:1.2em; color:#333; } .EpiEditor table.Editortabell tr td { border-bottom:1px solid #e4e4e4; padding:5px 8px; font-size:1.2em; color:#333; } .EpiEditor table.Editortabell tr th.thForst, .EpiEditor table.Editortabell tr td.tdForst { border-left:1px solid #e4e4e4; } .EpiEditor table.Editortabell tr th.thSist, .EpiEditor table.Editortabell tr td.tdSist { border-right:1px solid #e4e4e4; } .EpiEditor table.Editortabell tr th.thForst { } /* MOZ BR TL 5px */ .EpiEditor table.Editortabell tr th.thSist { } /* MOZ BR TR 5px */ .EpiEditor table.Editortabell tr td.tdSistVanster { } /* MOZ BR BL 5px */ .EpiEditor table.Editortabell tr td.tdSistHoger { } /* MOZ BR BR 5px */ .EpiEditor b { font-weight:bold; } .pufflink { background: #deebf7 url(../images/linkArrow.png) left -3px no-repeat; /* Old browsers */ background: url(../images/linkArrow.png) left -3px no-repeat, -moz-linear-gradient(top, #f0f7fe 0%, #cbdef0 100%); /* FF3.6+ */ background: url(../images/linkArrow.png) left -3px no-repeat, -webkit-linear-gradient(top, #f0f7fe 0%,#cbdef0 100%); /* Chrome10+,Safari5.1+ */ background: url(../images/linkArrow.png) left -3px no-repeat, -o-linear-gradient(top, #f0f7fe 0%,#cbdef0 100%); /* Opera11.10+ */ background: url(../images/linkArrow.png) left -3px no-repeat, -ms-linear-gradient(top, #f0f7fe 0%,#cbdef0 100%); /* IE10+ */ background: url(../images/linkArrow.png) left -3px no-repeat, linear-gradient(top, #f0f7fe 0%,#cbdef0 100%); /* W3C */ -webkit-box-shadow: 0px 1px 1px #8fbce9; -moz-box-shadow: 0px 1px 1px #8fbce9; box-shadow: 0px 1px 1px #8fbce9; border: 1px solid #bed7ef; display: block; padding: 10px 10px 10px 34px; font-size: 13px; font-weight: 700 !important; color: #0066cc;} .pufflink:hover {text-decoration: underline} .pufflink * {font-size: 1em; font-weight: 700 !important} .studieService img {float: left; margin-right: 15px;} .studieService .pufflink {float: left; display: inline; width: 465px} .relateradefiler { border-left:2px solid #e4e4e4; padding:5px 15px 5px 10px; margin:0 0 15px 10px; float:right; } .relateradefiler h3 { font-size:1.4em; color:#333; margin:0 0 4px; } .relateradefiler a { padding-left:10px; background:url(../Images/lankboll.png) 0 4px no-repeat; font-size:1.2em; color:#06c; margin:3px 0; display:block; } .relateradefiler ul { margin:0 !important; } .relateradefiler li { font-size:1em !important; background:transparent !important; padding:0 !important; } .informationsbox { width:600px; } .informationsbox .innehall { border:1px solid #dedede; padding: 10px; border-top:none; float:left; width:578px; margin-bottom:20px; } .informationsbox .EpiEditor { width:190px; float:left; margin:0 60px 0 0; } .informationsbox .EpiEditorWide { width:250px; } .informationsbox ul { margin:0; } .informationsbox dt, .informationsbox dd { margin:4px 0; } .informationsbox dd.punktlista { background:url(../Images/listboll.png) 0 4px no-repeat; padding-left: 12px; } .relateradinformation { float:right; margin-right:7px; width:104px; } .relateradinformation .kursstatistik { width:102px; height:64px; padding-top:20px; margin:5px 0; text-align:center; border:1px solid; } .relateradinformation .kursstatistik span { font-size: 3.8em; font-weight:bold; } .relateradinformation .procent { background-color:#fdf2ce; border-color:#fbe08c; } .relateradinformation .antal { background-color:#d9f2fe; border-color:#afe4ff; margin-top:20px; } .relateradinformation .procent span { color:#d5be71; } .relateradinformation .antal span { color:#98d1ee; } .relateradinformation span { color:#787878; font-size:0.9em; } #harfinnsvi { width:590px; padding:20px; background:#fff; position:relative; margin:0 0 15px; border-bottom:1px solid #d3d3d3; } /* MOZ BR 5px */ #harfinnsvi h1 { font-size:3.4em; margin:0 0 5px; } #harfinnsvi h2 { font-size:1.4em; margin:0 0 3px; color:#333; } #harfinnsvi p { font-size:1.2em; line-height:1.4em; margin:0 0 15px; } #harfinnsvi p.ingress { font-size:1.6em; margin:0 0 15px; } #harfinnsvi p a { font-weight:normal; color:#06c; } #harfinnsvi .karta { border:1px solid #e4e4e4; padding:9px; position:relative; margin:0 0 15px; } /* MOZ BR 3px */ #harfinnsvi .karta .googlemap { height:560px; background:#99b3cc; } #harfinnsvi .karta .objektinformation { position:absolute; top:20px; left:20px; width:236px; padding:14px 14px 10px; background:#fff; } /* MOZ BR 5px + BS 1 1 10 rgba .5 */ #harfinnsvi .karta .objektinformation h3 { font-size:1.4em; margin:0 0 10px; color:#333; } #harfinnsvi .karta .objektinformation p { margin:0 0 5px; font-size:1.2em; color:#333; } #harfinnsvi .karta .objektinformation img { margin:0 0 10px; } #harfinnsvi .karta .objektinformation .information { border-top:1px solid #e4e4e4; padding-top:10px; } #harfinnsvi .karta .objektinformation .stang { width:21px; height:21px; display:block; background:url(../Images/objektinformationStang.jpg) no-repeat; position:absolute; top:10px; left:233px; text-indent:-9999px; } #harfinnsvi .karta .selektering { position:absolute; top:20px; right:20px; width:155px; padding:14px 0 5px 14px; background:#fff; } /* MOZ BR 5px + BS 1 1 10 rgba .5 */ #harfinnsvi .karta .selektering input, #harfinnsvi .karta .selektering img, #harfinnsvi .karta .selektering label { float:left; } #harfinnsvi .karta .selektering input { margin:1px 5px 0 0; } #harfinnsvi .karta .selektering label { font-size:1.2em; color:#333; padding:1px 0 0; } #harfinnsvi .karta .selektering label span { color:#666; } #harfinnsvi .karta .selektering label img { position:relative; top:-1px; margin:0 5px 0 0; } #harfinnsvi .karta .selektering fieldset { margin:0 0 10px; float:none; } #harfinnsvi .karta .selektering h3 { font-size:1.4em; color:#333; height:17px; padding:3px 0 0; background:#fff url(../Images/selekteraMax.jpg) top right no-repeat; margin:0 14px 10px 0; cursor:pointer; } #harfinnsvi .karta .selektering h3.selekteringToggleAktiv { background:#fff url(../Images/selekteraMin.jpg) top right no-repeat; } .seaven { background:#fff; border:1px solid #dedede; padding:10px; margin:0 0 15px; }/* MOZ BR 5px */ .seaven .innehall { background:#e5eef7; border:1px solid #b8d3ee; padding:10px; }/* MOZ BR 3px */ .seaven .innehall h2 { color:#333; font-size:1.4em; margin:0 0 8px; } .seaven .innehall ul li { margin:4px 0; } .seaven .innehall ul li a { color:#06c; font-size:1.2em; padding:0 0 0 10px; background:url(../Images/lankboll.png) 0 4px no-repeat; } .seaven .innehall ul li a span { color:#71ace7; } .altbokning .bokning footer {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .altbokning .bokning footer a.bokakurs { width:276px; margin-left:300px; display:block; margin:0 auto; } .kursledare { padding:9px; border:1px solid #e4e4e4; background:#f6f6f6; margin:0 0 15px; }/* MOZ BR 3px */ .kursledare img { float:left; margin:0 15px 0 0; } .kursledare h2 { font-size:1.4em; padding:5px 0 0; margin:0; } .kursledare h3 { font-size:1.2em; font-weight:normal; color:#666; margin:0 0 5px; } .kursledare p { margin:0 0 5px !important; font-size:1.2em; color:#333; } .kursledare p.right { margin:0 !important; } .kursledare p.right a { padding-left:11px; background:url(../Images/KursledareLank.jpg) 0 2px no-repeat; } .kontakt { margin:0 0 15px; } .kontakt .innehall { padding:14px; border:1px solid #b8d3ee; background:#e5eef7; margin:0 0 7px; }/* MOZ BR 3px */ .kontakt .form { padding-top:0; position:relative; display:none; } .kontakt .form p { padding-left:0; height:auto; padding-bottom:10px; } .kontakt .form h3 { font-size:1.6em; margin-top:5px; } .kontakt .form p.hoger { text-align:right; margin:0 0 10px; padding:0; } .kontakt .form p.hoger span.kontaktStang { color:#06c; cursor:pointer; } .kontakt .form fieldset { margin:0 0 10px; } .kontakt .form fieldset.w275 { width:285px; float:left; } .kontakt .form select { font-size:1.2em; padding:3px; color:#666666; min-width:188px; } .kontakt .form input.text { width:190px; border:1px solid #dfe0e1; border-top-color:#b3b3b3; background:#fff; padding:3px 4px; font-size:12px; float:left; color:#666666; }/* MOZ BR 3px */ .kontakt .form input.where { width:275px; } .kontakt .form textarea { width:560px; border:1px solid #dfe0e1; border-top-color:#b3b3b3; background:#fff; padding:3px 4px; font-size:12px; color:#666666; }/* MOZ BR 3px */ .kontakt .form label { font-size:1.2em; float:left; margin:0 10px 0 0; padding:4px 0 0; } .kontakt .form label.w50 { width:50px; display:block; margin:0; } .kontakt .form span.info { color:#666; padding:4px 0 0 10px; float:left; font-size:1.2em; font-style:italic; } .kontakt .form .konfirmering { display:none; position:absolute; top:15px; left:85px; width:438px; background:#fdf2ce; border:1px solid #fbe49c; padding:15px 0; }/* MOZ BR 5px */ .kontakt .form .konfirmering p { text-align:center; margin:0; } .kontakt .form .konfirmering .stang { width:31px; height:31px; position:absolute; top:-15px; left:-15px; text-indent:-9999px; background:url(../Images/konfirmeringStang.png) no-repeat; cursor:pointer; } .kontakt .skicka, .kontakt .bekraftelse { display:none; padding:19px; border:1px solid #e4e4e4; background:#f6f6f6; text-align:center; }/* MOZ BR 3px */ .button, .kontakt .skicka input.knapp { height:33px; line-height: 35px; padding:0 45px; background:#f1f8fe url(../Images/sokKnapp.jpg) bottom left repeat-x; border:1px solid #bed7ef; border-bottom-color:#8ab7e4; margin:0; font-size:24px; font-weight:bold; color:#06F; text-transform:uppercase; cursor: pointer; }/* MOZ BR 3px */ .button.green {display: block; background: url(../Images/bokaKurs.jpg) repeat-x; height: 21px; line-height: 21px; padding: 2px 0 0; border: 1px solid #ACC876; border-bottom-color: #8BAA51; font-size: 1.4em; font-weight: normal; color: #678C15; text-align: center;} .button-small { font-size:1.6em !important; line-height:normal; height:22px; padding:0 10px; } .kontakt h2 { font-size:1.4em; } .kontakt h3 { font-size:1.4em; } .kontakt h2.heading { margin-bottom:3px; } .kontakt .contactItemContainer h2.heading { margin-bottom:10px; } .kontakt p { margin:5px 0 !important; font-size:1.2em; height:17px; padding:0 0 0 20px; color:#333; } .kontakt p.tele { background:url(../Images/kontaktTele.jpg) 0 1px no-repeat; } .kontakt p.epost { background:url(../Images/kontaktEpost.jpg) 0 4px no-repeat; } .kontakt p.formular { background:url(../Images/kontaktAnvandare.jpg) 0 0px no-repeat; } .kontakt p.formular span.kontaktTrigger { padding-right:17px; background:url(../Images/kontaktTrigger.jpg) right 1px no-repeat; color:#06c; cursor:pointer; } .kontakt p.formular span.kontaktTriggerAktiv { padding-right:17px; background:url(../Images/kontaktTriggerAktiv.jpg) right 1px no-repeat; color:#06c; } .arrow {background: url(../images/prevNext.png) no-repeat left -3px; padding-left: 21px;} .arrow.next {background-position: left -26px} ul.links { margin:0 0 10px; } ul.links li { margin:3px 0; } ul.links li a { color:#06c; font-size:1.2em; padding:0 0 0 10px; background:url(../Images/lankboll.png) 0 4px no-repeat; } .hogernavigering { margin:0 0 15px; } .hogernavigering header { background:#900; border-bottom:1px solid #600; padding:6px 16px 4px; } /* MOZ BR TR/TL 5px */ .hogernavigering header h2 { font-size:1.6em; color:#fff; } .hogernavigering header h2 a { color:#fff; } .hogernavigering .navigering { background:#fff; border:1px solid #dedede; border-top:0; } /* MOZ BR BR/BL 5px */ .hogernavigering .navigering li { border-bottom:1px solid #e4e4e4; } .hogernavigering .navigering li.sista { border:0; } /* MOZ BR BR/BL 5px */ .hogernavigering .navigering li.aktiv { background:#f6f6f6; padding:0 0 10px 0; } .hogernavigering .navigering li.aktiv ul li.aktiv { padding:0; } .hogernavigering .navigering li.aktiv ul li.aktiv a { font-weight:bold; } .hogernavigering .navigering li.aktiv ul li.aktiv ul li a { font-weight:normal; } .hogernavigering .navigering li.aktiv-inga-undersidor { background:#f6f6f6; padding:0; } .hogernavigering .navigering li a { display:block; padding:7px 0 7px 16px; font-size:1.4em; color:#06c; font-weight:bold; } .hogernavigering .navigering li.submenu a { } .hogernavigering .navigering li.aktiv-inga-undersidor a, .hogernavigering .navigering li.aktiv a { color:#333; } .hogernavigering .navigering li ul { margin:0 0 0 26px; } .hogernavigering .navigering li ul li { border:0; margin:3px 0; } .hogernavigering .navigering li ul li a, .hogernavigering .navigering li.aktiv ul li a { height:auto; padding:0 0 0 0; font-size:1.2em; font-weight:normal; color:#06c; } .hogernavigering .navigering li ul li ul li a, .hogernavigering .navigering li.aktiv ul li ul li a { height:auto; padding:0 0 0 10px; font-size:1.2em; font-weight:normal; background:url(../Images/hogernavigeringBoll.jpg) 0 4px no-repeat; color:#06c; } .hogernavigering .navigering li ul li ul { margin:0 0 10px 13px; } .hogernavigering .navigering a.aktiv { font-weight:bold !important; } .bokning { margin:0 0 15px; } .bokning header { background:#d4debd url(../Images/modulHeaderGron.jpg) repeat-x; border:1px solid #c0d0a2; padding:6px 16px 4px; } /* MOZ BR TR/TL 5px */ .bokning header h2 { color:#678c15; } .bokning .innehall { background:#fff; border-left:1px solid #dedede; border-right:1px solid #dedede; padding:10px; } .bokning .innehall th { vertical-align:top; padding:5px 0 5px 5px; border-bottom:1px solid #dedede; color:#333; font-size:1.2em; } .bokning .innehall td { vertical-align:top; padding:5px 5px 5px 0; border-bottom:1px solid #dedede; color:#333; text-align:right; font-size:1.2em; } .bokning .innehall tr.sista td, .bokning .innehall tr.sista th { border:0; } .bokning footer { background:#f1f7e4; border:1px solid #dedede; border-top-color:#dce6c5; padding:8px 10px; } /* MOZ BR BR/BL 5px */ .bokning footer a.bokakurs { display:block; background:url(../Images/bokaKurs.jpg) repeat-x; height:29px; padding:2px 0 0; margin:10px 0 5px; border:1px solid #acc876; border-bottom-color:#8baa51; font-size:2.4em; font-weight:bold; color:#678c15; text-align:center; } /* MOZ BR 3px */ .bokning footer a.bokakurs .pil { padding-left:20px; background:url(../Images/bokaKursPil.jpg) 0 8px no-repeat; } .bokning footer p.center { margin:0; text-align:center; font-size:1.1em; line-height:18px; } .bokning footer p.center em { color:#666; } .bokning footer a.favorit { background:url(../Images/bokaKursFavorit.jpg) 4px 0 no-repeat; padding:0 0 2px 21px; font-weight:normal; color:#333; line-height:18px; text-decoration:none; } .bokning footer th, .bokning footer td { font-size:1.2em; color:#333; } .bokning footer td { text-align:right; } .bokning footer td .pris { color:#cc0000; font-size:1.2em; font-weight:bold; } .bokning .innehall td .varning { background:url(../Images/tdVarning.jpg) 0 0 no-repeat; padding-left:17px; } .bokning .information { background:#e5eef7 url(../Images/bokningInformation.jpg) 14px 14px no-repeat; border:1px solid #b8d3ee; padding:14px 14px 14px 50px; margin:0 0 10px; } /* MOZ BR 3px */ .bokning .information p { margin:0; } .bokning .information a { text-decoration:none; color:#06c; font-weight:normal; } .faktabokning { margin:0 0 15px; } .faktabokning header { background:#d4debd url(../Images/modulHeaderGron.jpg) repeat-x; border:1px solid #c0d0a2; padding:6px 16px 4px; } /* MOZ BR TR/TL 5px */ .faktabokning header h2 { font-size:1.6em; color:#678c15; } .faktabokning .innehall { background:#fff; border:1px solid #dedede; border-top:0; padding:10px; } /* MOZ BR BR/BL 5px */ .faktabokning .innehall ul li { padding:10px; border:1px solid #e4e4e4; border-top:0; position:relative; } .faktabokning .innehall ul li.forst { border-top:1px solid #e4e4e4; } /* MOZ BR TR/TL 3px */ .faktabokning .innehall ul li.sist { border-bottom:1px solid #e4e4e4; } /* MOZ BR BR/BL 3px */ .faktabokning .innehall ul li.gra { background:#f6f6f6; } .faktabokning .innehall ul li p { margin:0; color:#333; } .faktabokning .innehall ul li p.lankar { position:absolute; top:15px; left:207px; width:62px; } .faktabokning .innehall ul li p .pris { color:#c00; font-weight:bold; } .faktabokning .innehall ul li p.lankar a.boka { display:block; float:left; text-indent:-9999px; background:url(../Images/Boka.png) no-repeat; width:38px; height:18px; margin:0 5px 0 0; } .faktabokning .innehall ul li p.lankar a.info { display:block; float:left; text-indent:-9999px; background:url(../Images/Info.png) no-repeat; width:38px; height:18px; margin:0 5px 0 0; } .faktabokning .innehall ul li p.lankar a.reserv { display:block; float:left; text-indent:-9999px; background:url(../Images/Reserv.png) no-repeat; width:38px; height:18px; margin:0 5px 0 0; } .faktabokning .innehall ul li p.lankar a.favorit { display:block; float:left; text-indent:-9999px; background:url(../Images/knappFavorit.gif) no-repeat; width:19px; height:18px; } .gymnasium, .nyhetslista, .informationsbox { margin:0 0 15px; } .gymnasium header, .nyhetslista header, .nyhetslista header.headerColor, .informationsbox header { background:#e8e8e8 url(../Images/modulHeaderGra.jpg) repeat-x; border:1px solid #d9d9d9; padding:6px 16px 4px; } /* MOZ BR TR/TL 5px */ .gymnasium header h2, .nyhetslista header h2, .informationsbox header h2 { color:#333; } .nyhetslista .lista { background:#fff; border-left:1px solid #dedede; border-right:1px solid #dedede; padding:10px; } .nyhetslista .lista li { border-bottom:1px solid #e4e4e4; padding:5px; } .nyhetslista .lista li.sista { border:0; } .nyhetslista .lista li p { margin:0; width:195px; float:left; color:#666; } .nyhetslista .lista li p strong { color:#333; } .nyhetslista .lista li p.fullwidth { width: inherit; } .nyhetslista .lista li .datum { float:right; font-size:1.2em; color:#666; } .nyhetslista ul.navigering { background:#f6f6f6; border:1px solid #ccc; padding:10px 0 10px 10px; margin:0 0 5px; } /* MOZ BR 3px */ .nyhetslista ul.navigering li { width:128px; height:21px; border:1px solid #dcdcdc; border-bottom:1px solid #c5c5c5; background:#e4eff9 url(../Images/footerLankKnappGra.jpg); float:left; padding:0; } .nyhetslista ul.navigering li.aktiv { border:0; border-top:1px solid #0052a3; height:22px; background:#0066cc; } .nyhetslista ul.navigering li.forst { } /* MOZ BR TL/BL 3px */ .nyhetslista ul.navigering li.sist { } /* MOZ BR TR/BR 3px */ .nyhetslista ul.navigering li a { display:block; text-align:center; padding:4px 0 0; font-size:1.2em; color:#06c; } .nyhetslista ul.navigering li.aktiv a { font-weight:bold; color:#fff; } .nyhetslista footer { position:relative; background:#f6f6f6; border:1px solid #dedede; padding:8px 10px; } /* MOZ BR BR/BL 3px */ .nyhetslista footer a.knapp { background:#e4eff9 url(../Images/footerLankKnappGra.jpg) top left repeat-x; border:1px solid #dcdcdc; border-bottom:1px solid #c5c5c5; display:block; height:17px; padding:4px 0 0; text-align:center; color:#0066cc; font-size:1.2em; } /* MOZ BR 3px */ .nyhetslista footer a.knapp span.plus { padding-left:11px; background:url(../Images/footerLankPlus.jpg) 0 3px no-repeat; } .nyhetslista footer a.knapp em { color:#71ace7; font-style:normal; } .nyhetslista footer a.visaalla, .karta footer a.visaalla { float:right; top:10px; right:10px; background:url(../Images/footerLankBoll.jpg) 0 4px no-repeat; color:#06c; padding:0 0 0 10px; font-size:1.2em; } .nyhetslista footer a.visaalla span {color:#71ace7; } .karta footer a.visaalla { border:none; } .lankkolumner { border:1px solid #b8d3ee; background:#e5eef7; padding:15px 19px; } /* MOZ BR 5px */ .lankkolumner h3 { font-size:1.4em; color:#000; margin:0 0 5px; } .lankkolumner ul { width:135px; float:left; display:none; } .lankkolumner ul li { background:url(../Images/lankkolumn.jpg) 0 4px no-repeat; padding:0 0 0 10px; margin:5px 0; font-size:1.2em; } .lankkolumner ul li a { color:#36c; } .lankkolumner3 div.kolumn { width:183px; float:left; } .lankkolumner3 ul { width:170px; float:none; } .lankkolumner3 div.kolumn h4 { font-size:1.2em; padding-top:5px; } .lankkolumner3 h3 { font-size:1.5em; margin:0 0 3px; } .studentberattar { margin:0 0 15px; } .studentberattar header { background:#e8e8e8 url(../Images/modulHeaderGra.jpg) repeat-x; border:1px solid #d9d9d9; padding:6px 16px 4px; } /* MOZ BR TR/TL 5px */ .studentberattar header h2 { color:#333; } .studentberattar .innehall { padding:10px 14px; background:#fff; border-bottom:1px solid #d3d3d3; } /* MOZ BR BR/BL 5px */ .studentberattar .innehall p { font-size:1.2em; color:#333; margin:0 0 5px; } .studentberattar .innehall img { float:left; margin:0 10px 0 0; } .studentberattar .innehall p a { display:block; margin:3px 0 0; font-weight:normal; color:#06c; background:url(../Images/lankboll.gif) 0 4px no-repeat; padding:0 0 0 10px; text-decoration:none; } .studentberattar .innehall p a:hover { text-decoration:underline; } .studentberattar .innehall section { float:left; } .fritext { margin:0 0 15px; } .fritext hr { color:#e4e4e4; display:block; border-style:solid; border-width:1px; border-bottom:0; border-right:0; border-left:0; margin:0 0 10px; } .fritext header { background:#900; border-bottom:1px solid #600; padding:6px 16px 4px; } /* MOZ BR TR/TL 5px */ .fritext header h2 { color:#fff; } .fritext .innehall { padding:10px 14px; background:#fff; border-bottom:1px solid #d3d3d3; } /* MOZ BR BR/BL 5px */ .fritext .innehall.noHPadding { padding-left: 0; padding-right: 0; } /* no horizontal padding */ .fritext .innehall.noBPadding { padding-bottom:0; } .fritext .innehall.noHPadding p { padding: 0 14px; } .fritext .innehall h3 { font-size:1.4em; color:#333; margin:0 0 5px; } .fritext .innehall label { font-size:1.2em; margin:5px 0 2px; float:left; clear:both; } .fritext .innehall input { width:262px; } .fritext .innehall input[type=submit] { width:auto; text-align:right; margin-top:5px; } .fritext .innehall label.formlabel { font-weight:bold; margin-top:0; } .fritext .innehall ul { margin:0 0 10px; } .fritext .innehall ul li { margin:2px 0; } .fritext .innehall iframe { width:272px; } .fritext .innehall ul li a { color:#06c; font-size:1.2em; padding:0 0 0 10px; background:url(../Images/lankboll.gif) 0 4px no-repeat; } .fritext .innehall ul.separatedList { } .fritext .innehall ul.separatedList li { border-top: solid 1px #dfdfdf; float: left; padding: 15px 0 8px; width: 100%; } .fritext .innehall ul.separatedList li:first-child { border-top: 0; padding-top: 0; } .fritext .innehall ul.separatedList li .contactPic { display: block; float: left; } .fritext .innehall ul.separatedList li .info { float: left; margin-left: 15px; width: 177px; } .fritext .innehall ul.separatedList li .info a, .fritext .innehall ul.separatedList li .info a:visited { background: none; font-size: 1em; font-weight: normal; padding: 0; text-decoration: none; } .fritext .innehall ul.separatedList li .info a:hover, .fritext .innehall ul.separatedList li .info a:focus { text-decoration: underline; } .sokFiltrering .innehall .klasslista { margin:0 0 10px; max-height:175px; height:auto !important; height:175px; overflow:auto; } .sokFiltrering .innehall .klasslista a { display:block; margin:2px 1px; color:#06c; font-size:1.2em; padding:0 0 0 10px; background:url(../Images/searchfilter_lankboll.png) 0 4px no-repeat; } .sokFiltrering .innehall .klasslista a span { color:#666; } .sokFiltrering .innehall .klasslista a.ess-cat-current { background-image:url(../Images/searchfilter_lankboll_selected.png) !important; } .lankar { margin:0 0 15px; } .lankar header { background:#ccdef0 url(../Images/modulHeaderBla.jpg) repeat-x; border:1px solid #bed7ef; padding:6px 16px 4px; } /* MOZ BR TR/TL 5px */ .lankar header h2 { color:#494949; } .lankar .innehall { padding:10px 14px; background:#fff; border-bottom:1px solid #d3d3d3; } /* MOZ BR BR/BL 5px */ .lankar .innehall h3 { font-size:1.4em; color:#333; margin:0 0 5px; } .lankar .innehall ul { margin:0; } .lankar .innehall ul li { margin:3px 0; } .lankar .innehall ul li a { color:#06c; font-size:1.2em; padding:0 0 0 10px; background:url(../Images/lankboll.png) 0 4px no-repeat; } .karta { margin:0 0 15px; } .karta header { background:#e8e8e8 url(../Images/modulHeaderGra.jpg) repeat-x; border:1px solid #d9d9d9; padding:6px 16px 4px; } /* MOZ BR TR/TL 5px */ .karta header h2 { color:#333; } .karta .innehallBotten { padding:10px; background:#fff; border-bottom:1px solid #d3d3d3; border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE; } /* MOZ BR BR/BL 5px */ .karta .innehallBottenIngenBorder { border-bottom:none; -moz-border-radius: 0 !important; border-radius: 0 !important; } .karta .innehallBotten .googlemap { background:#eee; height:169px; margin:0 0 5px; } .karta .innehallBotten h3 { font-size:1.4em; font-weight:bold; margin:5px 0 2px; } .karta .innehallBotten p { margin:0; font-size:1.2em; color:#333; } .karta .innehall { background:#fff; padding:10px; } .karta .innehall p { margin:0; } .karta .innehall .googlemap { background:#eee; height:169px; margin:0 0 5px; } .karta footer { background:#f6f6f6; border:1px solid #DEDEDE; padding:8px 10px; } /* MOZ BR BR/BL 5px */ .karta .lista { padding-top:6px; margin-top:6px; border-top:1px solid #e4e4e4; } .karta .listaForst { border:0; padding:0; } .karta .lista h3 { font-size:1.2em; color:#333; margin:0 0 4px; padding:0 5px; } .karta .innehall ul { margin:0; padding:0 5px; } .karta .innehall ul li { margin:3px 0; } .karta .innehall ul li a { color:#06c; font-size:1.2em; padding:0 0 0 10px; background:url(../Images/lankboll.png) 0 4px no-repeat; } .karta footer a { background:#e4eff9 url(../Images/footerLankKnappGra.jpg) top left repeat-x; border:1px solid #dcdcdc; border-bottom:1px solid #c5c5c5; display:block; height:17px; padding:4px 0 0; text-align:center; color:#0066cc; font-size:1.2em; } /* MOZ BR 3px */ .karta footer a span.plus { padding-left:11px; background:url(../Images/footerLankPlus.jpg) 0 3px no-repeat; } .karta footer a em { color:#71ace7; font-style:normal; } .bild { margin:0 0 15px; } #disqus { margin:15px 0 0; } #disqus header { background:#e8e8e8 url(../Images/modulHeaderGra.jpg) repeat-x; border:1px solid #d9d9d9; padding:6px 16px 4px; } /* MOZ BR TR/TL 5px */ #disqus header h2 { color:#333; } #disqus .innehall { background:#fff; border:1px solid #dedede; border-top:0; padding:15px; } /* MOZ BR BR/BL 5px */ .innehallslista {} .innehallslista ul {} .innehallslista li { margin:15px 0 0; padding:15px 0 0; border-top:1px solid #e4e4e4; } .innehallslista li:hover a{text-decoration:underline;} .innehallslista li a:hover{text-decoration:underline;} .innehallslista li h3 { font-size:1.4em; color:#333; } .innehallslista li h3 a { font-weight:bold; } .innehallslista li p { margin:0; color:#333; font-size:1.2em; } .innehallslista li a { color:#06c; text-decoration:none; font-weight:normal; } .innehallslista li img { float:left; margin:0 20px 0 0; } .innehallslista footer { background:#f6f6f6; border:1px solid #e4e4e4; padding:10px; position:relative; margin:10px 0 0; text-align:center; } /* MOZ BR BR/BL 5px */ .innehallslista footer a.knapp { width:250px; background:#e4eff9 url(../Images/footerLankKnappGra.jpg) top left repeat-x; border:1px solid #dcdcdc; border-bottom:1px solid #c5c5c5; display:inline-block; height:17px; padding:4px 0 0; text-align:center; color:#0066cc; font-size:1.2em; } /* MOZ BR 3px */ .innehallslista footer a.knapp span.plus { padding-left:11px; background:url(../Images/footerLankPlus.jpg) 0 3px no-repeat; } .innehallslista footer a.knapp em { color:#71ace7; font-style:normal; } .innehallslista footer .laddar { width:250px; background:#e4eff9 url(../Images/footerLankKnappGra.jpg) top left repeat-x; border:1px solid #dcdcdc; border-bottom:1px solid #c5c5c5; display:inline-block; height:19px; padding:2px 0 0; text-align:center; color:#0066cc; font-size:1.2em; } /* MOZ BR 3px */ .soklista { margin:0 0 5px; } .soklista header { background:#f6f6f6; border:1px solid #e4e4e4; padding:10px; } /* MOZ BR TR/TL 5px */ .soklista header h2 { font-size:1.4em; color:#333; float:left; font-weight:normal; } .soklista header fieldset { float:right; } .soklista header fieldset label { font-size:1.2em; color:#333; margin:0 5px 0 0; } .soklista header fieldset select { font-size:1.2em; } .soklista .lista { background:#fff; border:1px solid #e4e4e4; border-top:0; margin-bottom:15px; } .soklista .lista li { padding:15px; border-top:1px solid #e4e4e4; } .soklista .lista li.forst { } .soklista .lista li h3 { font-size:1.6em; font-weight:bold; color:#333; } .soklista .lista li h3 a { font-weight:bold; color:#06c; } .soklista .lista li p { margin:0; color:#333; font-size:1.2em; } .soklista .lista li a { color:#06c; text-decoration:none; font-weight:normal; } .soklista .lista li img { float:left; margin:0 15px 0 0; } .soklista .bestbetlista { border:none; margin-bottom:0; } .soklista .bestbetlista li { border:none; padding:0; margin-bottom:15px; } .soklista .bestbetlista li p.readmore { margin-top:7px; } .soklista .bestbetlista li p.readmore a { font-weight:bold; } .soklista .bestbetlista li h3 { font-size:1.5em; } .soklista footer { background:#f6f6f6; border:1px solid #e4e4e4; padding:10px; position:relative; } /* MOZ BR BR/BL 5px */ .soklista footer p { position:absolute; top:14px; color:#333; } .soklista footer p.vanster { left:10px; } .soklista footer p.hoger { right:10px; } .soklista footer p.hoger a { color:#06c; background:url(../Images/footerLankBoll.jpg) 0 4px no-repeat; padding:0 0 0 12px; text-decoration:none; font-weight:normal; } .soklista footer p.hoger a span { color:#71ace7; } .soklista footer section.paginering { margin:0 auto; width:280px; text-align:center; } .soklista footer section.paginering li { display:inline; } .soklista footer section.paginering a { color:#06c; font-size:1.2em; display:inline-block; height:17px; border:1px solid #ccc; border-left:0; background:url(../Images/footerLinkGra.jpg) repeat-x; padding:4px 5px 0; } .soklista footer section.paginering li.forst a { border:1px solid #ccc; } /* MOZ BR TL/BL 3px */ .soklista footer section.paginering li.sist a { } /* MOZ BR TR/BR 3px */ .soklista footer section.paginering li.foregaende { margin:0 10px 0 0; } .soklista footer section.paginering li.nasta { margin:0 0 0 10px; } .soklista footer section.paginering li.foregaende a, .soklista footer section.paginering li.nasta a { border-left:1px solid #ccc; } /* MOZ BR 3px */ .soklista footer section.paginering li.aktiv a { border:0; border-top:1px solid #0052a3; background:#06c; height:18px; color:#fff; } .soklista footer section.paginering span.avdelare { color:#06c; font-size:1.2em; display:inline-block; height:17px; border:1px solid #ccc; border-left:0; background:url(../Images/footerLinkGra.jpg) repeat-x; padding:4px 5px 0; } #studenterberattarScroll { overflow:hidden; position:relative; } #studenterberattarScroll ul { position:relative; height:195px; width:20000px; list-style-type:none; } #studenterberattarScroll ul li { background:#f00; float:left; display:block; width:298px; height:185px; margin-left:10px; } #studenterberattarScroll ul li img { } #studenterberattarScroll ul li p { font-family:Helvetica,Arial,sans-serif; font-size:1.1em; line-height:1.3em; } #studenterberattarScroll ul li p a { display:block; margin:3px 0 0; } .kurslista { margin:0 0 15px; } .kurslista table { border-collapse:separate; } /* MOZ BR 5px */ .kurslista th { background:#f6f6f6; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:7px 0; font-size:1.2em; font-weight:normal; color:#333; text-align:left; } .kurslista th.arrangemang { width:186px; padding-left:9px; border-left:1px solid #e4e4e4; } .kurslista th.datum { width:78px; } .kurslista th.ort { width:103px; } .kurslista th.tid { width:95px; } .kurslista th.pris { border-right:1px solid #e4e4e4; width:127px; } .kurslista th a { color:#06c; } .kurslista td { /*border-bottom:1px solid #e4e4e4;*/ border-right:1px solid #e4e4e4; padding:10px 0; font-size:1.2em; vertical-align:top; } .kurslista .moreInfo td { border-bottom:1px solid #e4e4e4; border-left: 1px solid #e4e4e4; padding: 0; } .kurslista .moreInfo td .content { border-top: dashed 1px #d2d2d2; display: none; margin: 10px 10px 0; padding-top: 13px; } .kurslista .moreInfoOpened td .content { display: block; font-size:0.9em; } .kurslista .moreInfoOpened td .content img.loading { margin-bottom:10px; } .kurslista .moreInfo td .mainInfo, .kurslista .moreInfo td .sideInfo { margin-bottom: 10px; } .kurslista .moreInfo td .mainInfo { float: left; width: 281px; } .kurslista .moreInfo td .sideInfo { float: left; margin-left: 20px; width: 89px; } .kurslista .moreInfo td .sideInfoSmall { width:79px; margin-left: 15px; } .kurslista .moreInfo td .mainInfo p, .kurslista .moreInfo td .sideInfo p { font-size: 1em; margin-bottom: 0.3em; } .kurslista .moreInfo td .mainInfo p.header, .kurslista .moreInfo td .sideInfo p.header { font-weight: bold; } .kurslista .moreInfo td .mainInfo p a, .kurslista .moreInfo td .sideInfo p a, .kurslista .moreInfo td .mainInfo p a:visited, .kurslista .moreInfo td .sideInfo p a:visited { color: #06c; font-weight: normal; text-decoration: none; } .kurslista .moreInfo td .mainInfo p a:hover, .kurslista .moreInfo td .sideInfo p a:hover { text-decoration: underline; } .kurslista td.arrangemang { border-left:1px solid #e4e4e4; border-right:0; padding-left:9px; vertical-align:top; position:relative; } .kurslista td.arrangemang img { float:left; margin:0 10px 0 0; } .kurslista td.arrangemang span.text { display: block; float: left; position:relative; top:0px; width: 140px; } .kurslista td.arrangemang span.ny { position:relative; float:left; } .kurslista td.arrangemang span.ny span { position:absolute; top:5px; left:-40px; height:26px; width:26px; background:url(../Images/kurslistaNy.png) no-repeat; text-indent:-9999px; } .kurslista td td { border:0; padding:3px 0; font-size:1em; } .kurslista td tr.forsta td { padding-top:0px; } .kurslista td td.datum { width:78px; } .kurslista td td.ort { width:103px; } .kurslista td td.tid { width:94px; } .kurslista td td.pris { width:57px; font-weight:bold; } .kurslista td td.pris span.nedsatt { color:#c00; } .kurslista td td.lankar a.boka { display:block; float:left; text-indent:-9999px; background:url(../Images/Boka.png) no-repeat; width:38px; height:18px; margin:0 3px 0 0; position:relative; top:-2px; } .kurslista td td.lankar a.info, #kursanmalan .kurs td a.info { display:block; float:left; text-indent:-9999px; background:url(../Images/Info.png) no-repeat; width:38px; height:18px; margin:0 3px 0 0; position:relative; top:-2px; } #kursanmalan .kurs td a.info { top:0; } #kursanmalan .kurs td.info { width:38px; } .kurslista td td.lankar a.reserv { display:block; float:left; text-indent:-9999px; background:url(../Images/Reserv.png) no-repeat; width:38px; height:18px; margin:0 3px 0 0; position:relative; top:-2px; } .kurslista td td.lankar a.favorit { display:block; float:left; text-indent:-9999px; background:url(../Images/knappFavorit.gif) no-repeat; width:19px; height:18px; position:relative; top:-2px; } .kurslista tr.alt td { background:#f6f6f6; } .kurslista tr.tips td { background:#fff8dd; } .kurslista tr.tips td.arrangemang span { color:#b49b3d; } .kurslista tr.tips td.arrangemang span strong { color:#333; } .kurslista tr.tips td.arrangemang span.text { position:relative; top:0; } .kurslista table tr.huvud th.arrangemang { } /* MOZ BR TL 5px */ .kurslista table tr.huvud th.pris { } /* MOZ BR TR 5px */ .kurslista footer { background:#f6f6f6; border:1px solid #e4e4e4; border-top:0; padding:10px; position:relative; text-align:center; } /* MOZ BR BR/BL 5px */ .kurslista footer p.hoger { position:absolute; top:15px; right:10px; margin:0; } .kurslista footer p.hoger a { color:#06c; background:url(../Images/footerLankBoll.jpg) 0 4px no-repeat; padding:0 0 0 12px; text-decoration:none; font-weight:normal; } .kurslista footer p.hoger a span { color:#71ace7; } .kurslista footer a.knapp { color:#06c; font-size:1.2em; display:inline-block; height:17px; border:1px solid #ccc; background:url(../Images/footerLinkGra.jpg) repeat-x; padding:4px 50px 0; } /* MOZ BR 3px */ .kurslista footer a.knapp span.pil { background:url(../Images/footerLankPlus.jpg) 0 3px no-repeat; padding-left:10px; } .kurslista footer a.knapp span.antal { color:#71ace7; } .selektering { background:#ececec; border:1px solid #e4e4e4; margin:0 0 15px; padding:15px 10px; } /* MOZ BR 5px */ .selektering h2 { font-size:1.4em; color:#333; float:left; font-weight:bold; } .selektering h2 span { color:#999; font-weight:normal; } .selektering fieldset { float:right; } .selektering fieldset label { font-size:1.2em; color:#333; margin:0 5px 0 0; } .selektering fieldset select { font-size:1.2em; } .amnesomraden, .modul { margin:0 0 15px; } .amnesomraden header, .modul > header { height:38px; background:url(../Images/modulHeaderGra.jpg) top left repeat-x; border:1px solid #d9d9d9; } /* MOZ BR TR/TL 5px */ #ExpandableGuide > header {background-image:url("../Images/modulHeaderBla.jpg");} .amnesomraden header h2, .modul > header h2 { font-size:2.2em !important; color:#333; padding:8px 0 0 15px; } .amnesomraden .innehall, .modul > .content { border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; } .amnesomraden .innehall li { border-bottom:1px solid #e4e4e4; float:left; width:288px; padding:9px 0 9px 10px; } .amnesomraden .innehall li.forst { border-right:1px solid #e4e4e4; width:289px; } .amnesomraden .innehall li h3 { font-size:1.4em; margin:0; } .amnesomraden .innehall li h3 a { color:#333333; } .amnesomraden .innehall li h3 span { font-weight:normal; color:#999; } .amnesomraden .innehall li p { margin:0 !important; } .amnesomraden .innehall li p a { color:#06c; font-weight:normal; text-decoration:none; } .amnesomraden .innehall li p a:hover { text-decoration:underline; } .amnesomraden .innehall li img { float:left; margin:0 10px 0 0; } .amnesomraden footer { background:#f6f6f6; border:1px solid #dedede; border-top:0; padding:8px 10px; } /* MOZ BR BR/BL 5px */ .amnesomraden footer p { text-align:right; margin:0 !important; } .amnesomraden footer p a { padding-left:28px; background:url(../Images/lankboll.png) 18px 5px no-repeat; } .verktyg { background:#fff; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:5px 0 5px; margin:0 0 15px; } .verktyg a { display:block; height:18px; padding:6px 0 0 30px; background:url(../Images/verktyg.jpg) no-repeat; float:left; margin:0 23px 0 0; color:#666666; font-size:1.2em; } .verktyg a.favorit { background-position:0 0; } .verktyg a.twitter { background-position:0 -24px; } .verktyg a.facebook { background-position:0 -48px; } .verktyg a.epost { background-position:0 -72px; height:19px; } .verktyg a.skrivut { background-position:0 -97px; height:19px; } #ExpandableGuide {} #ExpandableGuide > header h2 {float: left;} #ExpandableGuide .headerIcon {float: right; margin: 6px 8px 0 0} #ExpandableGuide > .content {padding: 20px 10px 12px;} #ExpandableGuide .content {border:1px solid #e4e4e4; border-top: none; background-color:#f3f6fb;} #ExpandableGuide .content img {float: left; margin: 0 15px} #ExpandableGuide .content .button {padding: 0 10px;} #ExpandableGuide .content .button.prev {float: left;} #ExpandableGuide .content .button.next {float: right;} #ExpandableGuide .content .button.firstStep {margin-right:10px;} #ExpandableGuide #guide { clear: both; margin-top: 25px;} #ExpandableGuide .guideWrapp { display: block; margin-bottom: 3px;} #ExpandableGuide aside > header { height:38px; border: 1px solid #cadef2; border-bottom-width: 2px; width: 100%; margin-left: -1px; background: #e7f1fb; background: -webkit-gradient(linear, center top, center bottom, from(#e7f1fb), to(#d5e4f4)); background: -moz-linear-gradient(top, #e7f1fb, #d5e4f4); background: linear-gradient(#e7f1fb, #d5e4f4); -pie-background: linear-gradient(#e7f1fb, #d5e4f4);} #ExpandableGuide aside > header h3 { background: url(../images/openClose.png) no-repeat left -39px; font-size:2.2em !important; font-weight: normal; color:#0066cc; padding:8px 0 0 44px; cursor: pointer; } #ExpandableGuide aside > header h3:hover {text-decoration: underline} #ExpandableGuide aside.open > header h3 {background-position: left top; color: #333} #ExpandableGuide aside > .content { padding: 15px; display: none; background-color:#fff;} #ExpandableGuide aside.open > .content { display: block} #ExpandableGuide aside > .content footer {margin-top: 20px;} #ExpandableGuide .guideWrapp .content img { margin-left:0; } #amnesomradessida { padding:0; background:#fff; position:relative; } #amnesomradessida h1 { font-size:3.4em; margin:0 0 5px; } #amnesomradessida h2 { font-size:1.4em; margin:0 0 3px; color:#333; } #amnesomradessida p { font-size:1.2em; line-height:1.4em; margin:0 0 15px; color:#333333; } #amnesomradessida p.ingress { font-size:1.6em; margin:0 0 15px; } #amnesomradessida p a { color:#0066cc; text-decoration:none; font-weight:normal; } #amnesomradessida p a:hover { text-decoration:underline; } #amnesomradessida p.paragraflank { padding-left:28px; background:url(../Images/lankboll.png) 18px 5px no-repeat; } #amnesomradessida a.paragraflank { padding-left:28px; background:url(../Images/lankboll.png) 18px 5px no-repeat; margin:10px 0 0; display:inline-block; } #amnesomradessida .intro { position:relative; margin:0 0 15px; background:#000; text-align:center; } /* MOZ BR 5px */ #amnesomradessida .intro h2, #amnesomradessida .intro p { color:#fff; } #amnesomradessida .intro h2 { font-size:2.4em; margin:0 0 5px; } #amnesomradessida .intro p { margin:0; font-size:1.1em; } #amnesomradessida .intro img { vertical-align:bottom; } #amnesomradessida .intro .information { text-align:left; position:absolute; bottom:0; left:0; padding:15px; background:rgba(0, 0, 0, 0.8); } /* MOZ BR BR/BL 5px */ ul.punktlista { margin:0 0 15px; } ul.punktlista li { font-size:1.2em; color:#333; margin:5px 0; padding:0 0 0 10px; background:url(../Images/huduvnavigeringlagerLi.jpg) 0 4px no-repeat; } #sokrad { height:34px; position:relative; z-index:100; margin:0 5px 10px; } #sokrad p { } #sokrad .sokContainer { float:left; } #sokrad .sokTextContainer { float:left; width:362px; position:relative; } #sokrad .sokVadContainer { float:left; width:266px; position:relative; } #sokrad .sokNarContainer { float:left; width:255px; position:relative; } #sokrad .sokText { width:362px; padding:4px; position:absolute; top:-5px; left:-4px; } /* MOZ BR 4px */ #sokrad .sokText .inmatning { height:32px; background:#fff; border-top:1px solid #b3b3b3; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; position:relative; } /* MOZ BR 3px */ #sokrad .sokText .inmatning .radera { width:18px; height:17px; background:url(../Images/sokTextRadera.jpg) no-repeat; position:absolute; top:8px; left:211px; } #sokrad .sokText .inmatning .toggle { width:28px; height:28px; background:#fff url(../Images/sokTextToggle.jpg) -2px -1px; position:absolute; top:2px; left:228px; } #sokrad .sokText .autocomplete, #sokrad .sokText .knapp { display:none; } #sokrad .sokTextAktiv { border:1px solid #ccc; background:#fff; } #sokrad .sokTextAktiv .inmatning { background:#fbe08c; border:0; border-top:1px solid #c9b370; } /* MOZ BR 3px */ #sokrad .sokTextAktiv .inmatning .radera { width:18px; height:17px; background:url(../Images/sokTextRadera.jpg) bottom left no-repeat !important; top:8px !important; left:203px !important; } #sokrad .sokTextAktiv .inmatning .toggle { width:32px; height:32px; background:#e1c057 url(../Images/sokTextToggle.jpg) bottom left; border-top:1px solid #b49a46; position:absolute; top:-1px; left:226px } /* MOZ BR TR/BR 3px */ #sokrad .sokText input { background:transparent; padding:0 0 0; width:320px; margin:8px 0 0 30px; font-size:14px; color:#333333; font-weight:bold; border:0; outline:none; } #sokrad .sokText input.standardSokText { font-style:italic; color:#c4c4c4; } #sokrad .sokTextAktiv .autocomplete, #sokrad .sokTextAktiv .knapp { display:block; } #sokrad .autocomplete { margin:5px 0; } #sokrad .autocomplete li { padding:5px 9px; background:#fff; border-top:1px solid #fff; margin:1px 0; } /* MOZ BR 3px */ #sokrad .autocomplete li:hover { background:#0066cc; border-top:1px solid #0052a3; cursor:pointer; } #sokrad .autocomplete span { font-size:1.4em; color:#333333; } #sokrad .autocomplete span.antal { font-size:1.2em; float:right; padding:2px 0 0; color:#666666; } #sokrad .autocomplete li:hover span { color:#fff; } #sokrad .autocomplete li:hover span.antal { color:#b0cde9; } #sokrad .autocomplete li label { } #sokrad .autocomplete li label .checkbox { float:left; margin:1px 5px 0 0; padding:0; } #sokrad .sokText .knapp { width:248px; padding:9px; position:relative; top:4px; left:-4px; background:#f6f6f6; border-top:1px solid #e4e4e4; } /* MOZ BR BL/BR 5px */ #sokrad .sokText .knapp a { background:#e4eff9 url(../Images/sokKnapp.jpg) top left repeat-x; border:1px solid #bed7ef; border-bottom:1px solid #8ab7e4; display:block; height:17px; padding:4px 0 0; text-align:center; color:#0066cc; font-size:1.2em; } /* MOZ BR 3px */ #sokrad .sokText .knapp a span.pil { padding-left:11px; background:url(../Images/sokTextKnappPil.jpg) 0 3px no-repeat; } #sokrad .sokText .knapp a em { color:#71ace7; font-style:normal; } #sokrad .sokSelect { width:205px; padding:4px; position:absolute; top:-5px; } /* MOZ BR 4px */ #sokrad .sokSelect .select { height:33px; background:#fff url(../Images/sokSelect.jpg) bottom left repeat-x; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-bottom:1px solid #b6b6b6; position:relative; } /* MOZ BR 3px */ #sokrad .sokSelect .select .value { background:transparent; height:22px; width:212px; padding:10px 0 0; margin:0 0 0 11px; font-size:14px; color:#333333; font-weight:normal; display:block; } #sokrad .sokSelect .select .radera { width:18px; height:17px; background:url(../Images/sokTextRadera.jpg) no-repeat; position:absolute; top:8px; left:231px; } #sokrad .sokSelect .select .toggle { width:28px; height:28px; background:#fff url(../Images/sokSelectToggle.jpg) -2px -1px; position:absolute; top:2px; left:248px; } #sokrad .sokSelectAktiv { border:1px solid #ccc; background:#fff; } #sokrad .sokSelectAktiv .select { background:#fbe08c; border-top:1px solid #c9b370; border-bottom:0; border-right:0; border-left:0; } /* MOZ BR 3px */ #sokrad .sokSelectAktiv .select .value { background:transparent; height:22px; width:212px; padding:8px 0 0; margin:0 0 0 11px; font-size:14px; color:#333333; font-weight:normal; display:block; } #sokrad .sokSelectAktiv .select .radera { width:18px; height:17px; background:url(../Images/sokTextRadera.jpg) bottom left no-repeat !important; top:8px !important; left:223px !important; } #sokrad .sokSelectAktiv .select .toggle { width:32px; height:33px; background:#e1c057 url(../Images/sokSelectToggle.jpg) bottom left; border-top:1px solid #b49a46; position:absolute; top:-1px; left:248px;} /* MOZ BR TR/BR 3px */ #sokrad .datum { width:279px; padding:9px 0 9px 9px; position:relative; top:4px; left:-4px; background:#f6f6f6; border-top:1px solid #e4e4e4; } /* MOZ BR BL/BR 5px */ #sokrad .datum fieldset { float:left; margin:0 10px 0 0; } #sokrad .datum fieldset label { display:block; font-size:1.2em; color:#333; margin:0 0 2px; } #sokrad .datum fieldset input.text { background:#fff; border:1px solid #ccc; width:70px; padding:2px 5px; margin:0 3px 0 0; float:left; } /* MOZ BR 3px */ #sokrad .datum fieldset input.button { background:#e4eff9 url(../Images/sokKnapp.jpg) top left repeat-x; border:1px solid #bed7ef; border-bottom-color:#8ab7e4; width:48px; padding:1px 0 0; height:20px; margin:0 0 0 5px; float:left; font-size:12px; font-weight:bold; color:#06F; } /* MOZ BR 3px */ #sokrad .datum fieldset .ui-datepicker-trigger { margin:1px 0 0; float:left; } #sokrad #sokPlats { left:29px; } #sokrad .sokVadContainer img.ikon, #sokrad .sokNarContainer img.ikon, #sokrad .sokTextContainer img.ikon { position:absolute; left:44px; top:7px; z-index:9999; } #sokrad .sokNarContainer img.ikon { left:14px; top:6px; } #sokrad .sokTextContainer img.ikon { left:9px; top:7px; } #sokrad .sokNarContainer a.multiSelect span { padding-left:36px; } #sokrad .sokNarContainer a.multiSelect span.toggle { padding:0; } #sokrad #sokDatum { left:0; } #sokrad .submit { cursor:pointer; position:absolute; top:-1px; left:870px; width:70px; height:34px; background:#f1f8fe url(../Images/sokKnapp.jpg) bottom left repeat-x; border:1px solid #bed7ef; border-bottom-color:#8ab7e4; margin:0; float:left; font-size:20px; font-weight:bold; color:#06F; text-transform:uppercase; } /* MOZ BR 3px */ #sokrad .submit:hover { position:absolute; top:-1px; left:870px; width:70px; height:34px; /*background:#f1f8fe url(../Images/sokKnappHover.jpg) bottom left repeat-x;*/ border:1px solid #bed7ef; border-bottom-color:#8ab7e4; margin:0; float:left; font-size:20px; font-weight:bold; color:#06F; text-transform:uppercase; } /* MOZ BR 3px */ .kurslista404 a.alla-kategorier { width:235px; display:block; height:29px; padding-top:5px; text-align:center; background:#f1f8fe url(../Images/sokKnapp.jpg) bottom left repeat-x; border:1px solid #bed7ef; border-bottom-color:#8ab7e4; margin:0 auto; font-size:20px; font-weight:bold; color:#06F; text-transform:uppercase; } .kurslista404 a.alla-kategorier:hover { text-decoration:none; } .contactForm { position: relative; } .kontakt .contactForm h3 { font-size: 2em; margin-left: 3px; } .contactForm .submit { cursor:pointer; display: block; width:190px; height:34px; background:#f1f8fe url(../Images/sokKnapp.jpg) bottom left repeat-x; border:1px solid #bed7ef; border-bottom-color:#8ab7e4; margin:0 auto; font-size:24px; line-height: 25px; font-weight:bold; color:#06F; text-transform:uppercase; } /* MOZ BR 3px */ .contactForm .submit:hover { } /* MOZ BR 3px */ .contactForm .bottomButton { background: #f6f6f6; border: solid 1px #e4e4e4; padding: 20px 0; -moz-border-radius: 3px; border-radius: 3px; } .contactForm .closeButton { background: url('../Images/buttonClose.png') no-repeat right top; display: block; position: absolute; top: 0; right: 0; width: 128px; height: 28px; font-size: 12px; padding-top:6px; } .contactForm .content { background: #e5eef7; border: solid 1px #b8d3ee; margin-bottom: 8px; padding: 27px 14px; position: relative; -moz-border-radius: 3px; border-radius: 3px; } .contactForm .content.hasTabs { margin-top: 50px; -moz-border-radius-topleft: 0; border-top-left-radius: 0; } .contactForm .content.noTabs {margin-top: 20px; padding: 16px 14px; } .contactForm .content .tabs { position: absolute; top: -47px; left: 0; } .contactForm .content .tabs li { display: block; float: left; margin-left: -1px; } .contactForm .content .tabs li a { border: solid 1px #b8d3ee; color: #0066cb; display: block; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold; line-height: 15px; padding: 15px 23px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #E7F1FB; /* old browsers */ background: -moz-linear-gradient(top, #E7F1FB 0%, #D2E2F3 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E7F1FB), color-stop(100%,#D2E2F3)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E7F1FB', endColorstr='#D2E2F3',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #E7F1FB 0%,#D2E2F3 100%); /* opera */ } .contactForm .content .tabs li.active a { border-bottom: 0; color: #000; cursor: default; padding-bottom: 16px; background: #F4F8FC; /* old browsers */ background: -moz-linear-gradient(top, #F4F8FC 0%, #E6EEF7 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F8FC), color-stop(100%,#E6EEF7)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F8FC', endColorstr='#E6EEF7',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #F4F8FC 0%,#E6EEF7 100%); /* opera */ } .contactForm .content .tabs li.active a:hover, .contactForm .content .tabs li.active a:focus { text-decoration: none; } .contactForm .content .tabContent { display: none; } .contactForm .content .tabContent a, .contactForm .content .tabContent a:visited { color: #0066cb; font-weight: normal; text-decoration: none; } .contactForm .content .tabContent a:hover, .contactForm .content .tabContent a:focus { text-decoration: underline; } .contactForm .content .tabContent .contactItem { float: left; margin: 0 0 12px; width: 100%; } .contactForm .content .tabContent .contactItem .pic { float: left; margin-right: 12px; width:80px; height:80px; } .contactForm .content .tabContent .contactItem .info { } .contactForm .content .tabContent .contactItem .info strong { font-size: 1.2em; } .contactForm .content .tabContent .readMore { color: #0066cc; margin-bottom: 15px; } .contactForm .content .tabContent .readMore p { margin-top: 12px !important; padding-bottom: 0; } .contactForm .content .tabContent .readMore .pointList { margin-left: 15px; } .contactForm .content .tabContent .readMore .pointList li { font-size: 1.2em; line-height: 1.3em; margin-bottom: 0.3em; } .contactForm .content .tabContent .filter {background: #f2f7fb; padding: 10px 15px; margin-bottom: 15px;} .contactForm .content .tabContent .filter p {padding: 0; margin: 0; margin-bottom: 7px;} .contactForm .content .tabContent .filter li {display: inline-block; width: 178px; height: 16px; line-height: 16px; margin: 3px 0;} .contactForm .content .tabContent .filter label {float: left; display:block; margin: 0 0 0 5px; padding: 0;} .contactForm .content .tabContent .filter input {float:left;} .contactForm .content .tab1 { display: block; } .contactForm .content .leftCol { float: left; padding-right: 10px; width: 180px; padding-top:5px; } .contactForm .content .rightCol { float: left; padding-top:5px; } .contactForm .content img.map { float: left; margin:7px 0 12px; padding-right: 10px; } .huvudyta.kontakt .form { display: block; } .contactForm .location { } .contactForm .location select { float: left; margin-left: 5px; min-width: 180px; } .contactForm .content.noTabs .readMore { margin-bottom:0; } #sokrad a.multiSelect { cursor:pointer; } /* Footer */ #footerwrap { background:#990000; } #footerinnehall { width:960px; margin:0 auto; background:#860000; padding:20px 0; } /* MOZ BR BR/BL 5px */ #footerinnehall a { color:#fff; } #footerinnehall article { width:200px; float:left; margin:0 20px; } #footerinnehall article h3 { font-size:1.6em; color:#f3e6e6; margin:0 0 20px; } #footerinnehall article p { color:#fff; margin:0 0 5px; } #footerinnehall article .inlineblock { width:50px; } #footerinnehall article .karta { height:130px; width:200px; margin:0 0 15px; background:#ccc; } #footerinnehall .lankar { } #footerinnehall .lankar a { color:#f3e6e6; } #footerinnehall .lankar ul { list-style-type:disc; list-style-position:inside; } #footerinnehall .lankar li { font-size:1.2em; margin:5px 0; color:#f3e6e6; } #footerinnehall .lankar li.last { margin:25px 0 0; } #footerfolj { width:960px; margin:20px auto; background:#860000; padding:20px 0; } /* MOZ BR 5px */ #footerfolj ul { padding-left:20px; } #footerfolj ul li { float:left; margin-right:25px; } #footerfolj ul li a { color:#f3e6e6; font-size:1.4em; text-decoration:none; display:block; height:37px; padding:3px 0 0 50px; background:url(../Images/footerfoljIkoner.jpg) no-repeat; } #footerfolj ul li a span { font-size:0.79em; color:#e8b0b0; } #footerfolj ul li.katalog a { background-position:0 0; } #footerfolj ul li.nyhetsbrev a { background-position:0 -60px; } #footerfolj ul li.twitter a { background-position:0 -119px; } #footerfolj ul li.facebook a { background-position:0 -178px; } #footerfolj ul li.rss a { background-position:0 -237px; } #footerinfo { width:960px; margin:20px auto 0; color:#f3e6e6; padding:0 0 20px; } #footerinfo a { color:#f3e6e6; padding-left:10px; margin-left:10px; border-left:1px solid #ad3333; font-size:1.2em; } #footerinfo a.logo { display:block; width:123px; height:24px; background:url(../Images/folkuniversitetet-footer.jpg) no-repeat; text-indent:-9999px; float:left; margin:0; padding:0; border:0; } #footerinfo a.first { border:0; } #footerinfo .left { float:left; } #footerinfo .right { float:right; } #footerinfo .info { padding-left:10px; margin-left:10px; border-left:1px solid #ad3333; font-size:1.2em; } body.error500 #footerinfo { margin:20px auto 0; } body.error500 .error500content { width:630px; margin:0 auto; } /* Kursanmälan*/ #kursanmalan p.mandatory { font-size:1.1em; } #kursanmalan .kurs { background:#f1f7e4; border:1px solid #dce6c5; -moz-border-radius:3px; padding:10px; margin:0 0 10px; } #kursanmalan .kurs td { vertical-align:middle; } #kursanmalan .kurs td.titel { width:155px; } #kursanmalan .kurs td.bild { padding-right:10px; width:30px; } #kursanmalan .kurs td p { margin:0; color:#333; } #kursanmalan .kurs td p.pris { color:#c00; font-weight:bold; } #kursanmalan .kurs td h3 { font-size:1.2em; color:#333; } #kursanmalan .kurs td img { vertical-align:bottom; } #kursanmalan .tabs { border-bottom:1px solid #e4e4e4; margin:0 0 15px; } #kursanmalan .tabs li { float:left; margin:0 2px 0 0; height:34px; } #kursanmalan .tabs li.engelska { float:right; margin:0; height:34px; } #kursanmalan .tabs li a { color:#06c; font-size:1.4em; display:block; padding:8px 15px 0; height:25px; background:#f6f6f6; border:1px solid #e4e4e4; border-bottom:0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; } #kursanmalan .tabs li.aktiv a { color:#333; height:25px; font-weight:bold; background:#fff; position:relative; padding-bottom:1px; } #kursanmalan .form-error, .kontakt .form-error { padding:20px 15px 20px 60px; background:#fdd5d5 url(../Images/kursanmalanFormError.jpg) 18px 18px no-repeat; border:1px solid #ff9999; margin:0 0 10px; } .kontakt .form-error { margin:0 0 8px; display:none; } #kursanmalan .form-error h2, .kontakt .form-error h2 { font-size:1.3em; margin:0 0 4px; color:#c00; } #kursanmalan .form-error li, .kontakt .form-error li { background:url(../Images/kursanmalanErrorLi.jpg) 0 5px no-repeat; padding-left:12px; font-size:1.3em;display:none; } .kontakt .form-error li { display:block; } #kursanmalan .form-error li a, .kontakt .form-error li a { color:#c00; } #kursanmalan .form-error li.error, .kontakt .form-error li.error {display:block;} #kursanmalan .form-error.normal {display:none;} #kursanmalan .form { padding:20px 15px 15px 60px; margin:0 0 10px; background:#f6f6f6; border:1px solid #e4e4e4; -moz-border-radius:3px; } #kursanmalan .form h2 { font-size:1.8em; margin:0 0 10px; } #kursanmalan .form h2 a { display:inline-block; position:relative; margin-left:6px; top:8px; } #kursanmalan .form div.hidden { display:none; } #kursanmalan .form fieldset { margin:0 0 2px; } #kursanmalan .form label.beskrivning { display:block; float:left; width:100px; padding-top:7px; font-size:1.3em; } #kursanmalan .form .fieldsetInnehall { float:left; padding:3px; border:1px solid #f6f6f6; background:#f6f6f6; width:410px; -moz-border-radius:3px; } #kursanmalan .form .fieldsetInnehallDP { margin-left:20px; display:none; } #kursanmalan .form fieldset p.error{display:none;} #kursanmalan .form fieldset.error p.error{display:inline;} #kursanmalan .form fieldset.error > .fieldsetInnehall { float:left; padding:3px; border:1px solid #ff9999; background:#fdd5d5; width:410px; } #kursanmalan .form .fieldsetInnehall p { float:left; margin:3px 0 0; color:#999; } #kursanmalan .form .fieldsetInnehall p.error { color:#c00; background:url(../Images/kursanmalanErrorX.jpg) 0 1px no-repeat; padding-left:20px; } #kursanmalan .form .fieldsetInnehall .input { float:left; width:200px; } #kursanmalan .form input.text { width:105px; border:1px solid #dfe0e1; border-top-color:#b3b3b3; background:#fff; -moz-border-radius:3px; padding:3px 4px; font-size:12px; float:left; color:#666666; } #kursanmalan .form textarea.textFullWidth {width: 550px} #kursanmalan .form input.text390 { width:380px; } #kursanmalan .form input.text355 { width:345px; } #kursanmalan .form input.text323, #kursanmalan .form textarea.text323 { width:313px; } #kursanmalan .form input.text300 { width:290px; } #kursanmalan .form input.text190 { width:180px; } #kursanmalan .form input.text115 { width:105px; } #kursanmalan .form input.text125 { width:115px; } #kursanmalan .form input.text90 { width:80px; } #kursanmalan .form input.text55 { width:45px; } #kursanmalan .form input.textMarginRight10 { margin-right:10px; } #kursanmalan .form textarea { width:105px; border:1px solid #dfe0e1; border-top-color:#b3b3b3; background:#fff; -moz-border-radius:3px; padding:3px 4px; font-size:12px; float:left; color:#666666; } #kursanmalan .form textarea.textareaFullWidth {width: 550px} #kursanmalan .form textarea.textarea390 { width:380px; } #kursanmalan .form textarea.textarea190 { width:180px; } #kursanmalan .form textarea.textarea380 { width:380px; } #kursanmalan .form-1 { background-image:url(../Images/kursanmalanForm1.jpg); background-position:18px 18px; background-repeat:no-repeat; } #kursanmalan .form-2 { background-image:url(../Images/kursanmalanForm2.jpg); background-position:18px 18px; background-repeat:no-repeat; } #kursanmalan .form fieldset.ingenlabel { padding-left:100px; } #kursanmalan .form fieldset.ingenlabel .checkbox { margin:0 5px 0 0; float:left; } #kursanmalan .form fieldset.ingenlabel label { font-size:1.3em; float:left; } #kursanmalan .form fieldset.ingenlabel label a { color:#06c; } #kursanmalan .form fieldset.fullbredd label { font-size:1.3em; float:left; } #kursanmalan .form fieldset.fullbredd label span.image { float:left; margin:0 5px 0 0; } #kursanmalan .form fieldset.fullbredd label span.beskrivning { color:#999; } #kursanmalan .form fieldset.fullbredd label img { float:left; position:relative; } #kursanmalan .form fieldset.fullbredd .radio { float:left; margin:0 5px 0 0; } #kursanmalan .form fieldset.fullbredd .checkbox { float:left; margin:0 5px 0 0; } #kursanmalan .form-kontroll { padding:15px; text-align:center; margin:0 0 15px; background:#f1f7e4; border:1px solid #dce6c5; -moz-border-radius:3px; } #kursanmalan .form-kontroll input { background:#e8f1d6 url(../Images/knappGron.jpg) bottom left repeat-x; padding:2px 30px 0; border:1px solid #acc876; border-bottom-color:#8baa51; -moz-border-radius:3px; font-size:2.4em; color:#678c15; text-align:center; } #kursanmalan .foretag label.beskrivning { } #kursanmalan .foretag .fieldsetInnehall { float:left; padding:3px; border:1px solid #f6f6f6; background:#f6f6f6; width:400px; -moz-border-radius:3px; } #kursanmalan .foretag h2.toggle span { padding-right:25px; background:url(../Images/selekteraMax.jpg) top right no-repeat; cursor:pointer; } #kursanmalan .foretag h2.toggleAktiv span { padding-right:25px; background:url(../Images/selekteraMin.jpg) top right no-repeat; } #kursanmalan .foretag .toggleInnehall { display:none; } #kursanmalan .foretag .toggleInnehallAktiv { display:block; } #kursanmalan .anmalan { background:#f1f7e4 url(../Images/kursanmalanAnmalan.jpg) 18px 18px no-repeat; border:1px solid #dce6c5; -moz-border-radius:3px; padding:20px 15px 10px 60px; margin:15px 0 10px; } #kursanmalan .anmalan p { margin:0 0 5px; font-size:1.3em; } #kursanmalan .anmalan p a { padding-left:10px; background:url(../Images/anmalanLank.jpg) 0 3px no-repeat; } #kursanmalan .berattaforandra { padding:15px 19px; margin:0; background:#f6f6f6; border:1px solid #e4e4e4; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; } #kursanmalan .vadhandernu { padding:15px 19px; margin:0; background:#f6f6f6; border:1px solid #e4e4e4; border-top:0; border-bottom:0; } #kursanmalan .fragorfunderingar { padding:15px 19px; margin:0 0 10px; background:#f6f6f6; border:1px solid #e4e4e4; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; } #kursanmalan .berattaforandra h2, #kursanmalan .vadhandernu h2, #kursanmalan .fragorfunderingar h2 { font-size:1.4em; color:#000; margin:0 0 5px; } #kursanmalan .berattaforandra li a { height:22px; padding:8px 0 0 35px; display:block; font-size:1.3em; background:url(../Images/kursanmalanBeratta.jpg) no-repeat; } #kursanmalan .berattaforandra li { float:left; margin:0 20px 0 0; } #kursanmalan .berattaforandra li.facebook a { background-position:0 -30px; } #kursanmalan .berattaforandra li.mail a { background-position:0 -60px; } #kursanmalan .vadhandernu p.small { background:none; font-size:1.1em; margin-top:8px; } #kursanmalan .vadhandernu p { margin:0; padding:0 0 0 40px; background:url(../Images/kursanmalanVadhander.jpg) top left no-repeat; } #kursanmalan .fragorfunderingar p { margin:0; padding:0 0 0 40px; background:url(../Images/kursanmalanFragor.jpg) top left no-repeat; } #kursanmalan .information { background:#e5eef7 url(../Images/bokningInformation.jpg) 14px 14px no-repeat; border:1px solid #b8d3ee; padding:14px 14px 11px 50px; -moz-border-radius:2px; margin:0 0 10px; } #kursanmalan .information p { margin:0 0 3px; } #kursanmalan .information a { text-decoration:none; color:#06c; font-weight:normal; padding-left:10px; background:url(../Images/kursanmalanInformationLank.jpg) 0 3px no-repeat; } #kursanmalan-dibs { width:450px; height:360px; background:#fff; -moz-border-radius:5px; position:fixed; left:50%; top:50%; margin:-225px 0 0 -180px; z-index:1002; -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5); } #kursanmalan-dibs .betala { width:368px; padding:30px 30px 0; height:252px; background:#f6f6f6; border:1px solid #e4e4e4; margin:10px 0 10px 10px; -moz-border-radius:3px; } #kursanmalan-dibs .betala h2 { font-size:1.8em; color:#333; margin:0 0 5px; } #kursanmalan-dibs .betala p { color:#666; margin:0 0 10px; } #kursanmalan-dibs .betala p.information { color:#999; font-size:1.1em; margin:20px 0 0; } #kursanmalan-dibs .betala p.information img { float:right; margin:0 0 0 18px; } #kursanmalan-dibs .betala strong { color:#333; } #kursanmalan-dibs .betala fieldset { margin:10px 0; } #kursanmalan-dibs .betala label { display:block; float:left; width:130px; font-size:1.3em; color:#333; padding:3px 0 0; } #kursanmalan-dibs .betala input.text { width:140px; border:1px solid #dfe0e1; border-top-color:#b3b3b3; background:#fff; -moz-border-radius:3px; padding:3px 4px; font-size:12px; float:left; color:#666666; } #kursanmalan-dibs .betala input.text40 { width:30px; } #kursanmalan-dibs .betala input.text50 { width:40px; } #kursanmalan-dibs .betala span.avdelare { float:left; padding:3px 5px 0; font-size:1.3em; } #kursanmalan-dibs .knappar { height:45px; padding:10px 10px 0; background:#f1f7e4; border-top:1px solid #dce6c5; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; } #kursanmalan-dibs .knappar input.knappavbryt { background:#fff url(../Images/knappGra.jpg) bottom left repeat-x; padding:0 30px 0; border:1px solid #ccc; -moz-border-radius:3px; font-size:2.4em; color:#666; text-align:center; float:left; height:31px; line-height:31px; } #kursanmalan-dibs .knappar input.knappbetala { background:#e8f1d6 url(../Images/knappGron.jpg) bottom left repeat-x; padding:0 30px 0; border:1px solid #acc876; border-bottom-color:#8baa51; -moz-border-radius:3px; font-size:2.4em; color:#678c15; text-align:center; float:right; height:31px; line-height:31px; } #kursanmalan-villkor { display:none; width:410px; height:320px; padding:20px; background:#fdf2ce; border:1px solid #fbe49c; -moz-border-radius:5px; position:fixed; left:50%; top:50%; margin:-225px 0 0 -180px; z-index:1002; -moz-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5); } #kursanmalan-villkor h2 { font-size:2.4em; color:#333; margin:0 0 10px; } #kursanmalan-villkor p { font-size:1.3em; color:#333; margin:0 0 15px; } #kursanmalan-villkor .stang { width:31px; height:31px; position:absolute; top:-15px; left:-15px; text-indent:-9999px; background:url(../Images/konfirmeringStang.png) no-repeat; cursor:pointer; } #favorit-information { display:none; width:410px; height:100px; padding:20px; background:#eec2ee; border:1px solid #c291c2; position:fixed; left:50%; top:50%; margin:-225px 0 0 -180px; z-index:1002; }/* MOZ BR + BS */ #favorit-information h2 { font-size:2.4em; color:#000; margin:0 0 10px; } #favorit-information p { font-size:1.3em; color:#000; margin:0 0 15px; } #favorit-information p.ingress { font-size:1.5em; margin:0 0 10px; } #favorit-information .stang { width:31px; height:31px; position:absolute; top:-15px; left:-15px; text-indent:-9999px; background:url(../Images/konfirmeringStang.png) no-repeat; cursor:pointer; } .ingaTraffar, .stavningsForslag { background:#fdf2ce; border:1px solid #fbe49c; padding:15px; } /* MOZ BR 5px */ .ingaTraffar h2, .stavningsForslag h2 { font-size:2.4em; color:#333; margin:0 0 5px; } .ingaTraffar p, .stavningsForslag p { margin:0; color:#333; font-size:1.4em; } .stavningsForslag { margin-top:15px; margin-bottom:15px; } .stavningsForslag ul li { font-size:1.4em; color:#333; } .stavningsForslag ul li a { font-style:italic; text-decoration:underline; } #kursanmalan .form .floatGropu fieldset {float: left; margin: 3px 0; margin-right: 25px} /*studentService*/ #kursanmalan.studentService {} #kursanmalan.studentService .form {padding: 19px; background: #e5eef7; border: 1px solid #b8d3ee;} #kursanmalan.studentService .form h2, #kursanmalan.studentService .form .closingTxt {font-size: 1.4em; font-weight: 700} #kursanmalan.studentService .form h3 {font-size: 1.2em; margin: 15px 0 5px;} #kursanmalan.studentService .form .beskrivning {width: auto; float: none; display: block; font-size: 1.2em; margin-right: 5px} #kursanmalan.studentService .form .beskrivning.left {float: left} #kursanmalan.studentService .form .beskrivning.right {float: right} #kursanmalan.studentService .form .fieldsetInnehall {width: auto; padding: 0; margin: 4px 0; float: none; border: none; background: none } #kursanmalan.studentService .form .fieldsetDagInnehall {padding:5px 0 8px 0;} #kursanmalan.studentService .form .fieldsetInnehall span.error { line-height:20px; margin-left:5px; font-weight:bold; } #kursanmalan.studentService .form fieldset.error .fieldsetInnehall { padding: 1px; float: inherit; margin: 1px 0; margin-right: -2px; margin-left: -2px; border: 1px solid #F99; background: #FDD5D5; width: auto; } #kursanmalan.studentService .form fieldset.error textarea, #kursanmalan.studentService .form fieldset.error input.text {background: #fff url(../images/error.png) no-repeat right 4px;} #kursanmalan.studentService .form .fieldsetInnehall.left,#kursanmalan.studentService .form fieldset.error .fieldsetInnehall.left {float: left} #kursanmalan.studentService .form .fieldsetInnehall.right,#kursanmalan.studentService .form fieldset.error .fieldsetInnehall.right {float: right} #kursanmalan.studentService .form .fieldsetDagInnehall select.dag { width:100px; margin-right:20px; margin-bottom:4px; } #kursanmalan.studentService .form .fieldsetDagInnehall select.tid { width:45px; margin-right:2px; margin-bottom:4px; } #kursanmalan.studentService .form .fieldsetDagInnehall select.tidm { margin-right:0; } #kursanmalan.studentService select {font-size:1.2em; padding:1px;} #kursanmalan.studentService .form input.checkbox, #kursanmalan.studentService .form span.checkbox, #kursanmalan.studentService .form input.radio {height: 13px; float: left; margin-right: 5px; margin-top: 5px} #kursanmalan.studentService .form label.checbox, #kursanmalan.studentService .form label.radio {font-size: 1.2em; display: inline-block; height: 16px; line-height: 13px; float: left; margin-right: 5px; margin-top: 5px} #kursanmalan.studentService .form .fieldsetInnehall .input {width: auto; padding: 0; margin 0} #kursanmalan.studentService .form input.text.right {float: right;} #kursanmalan.studentService .form .col{width: 280px; padding-right: 0px; float: left;} #kursanmalan.studentService .form .col + .col {width: 265px; padding: 0; float: right;} #kursanmalan.studentService .form footer {margin-top: 17px; } #kursanmalan.studentService footer.closingFooter { padding:19px; border:1px solid #e4e4e4; background:#f6f6f6; text-align:center; }/* MOZ BR 3px */ #kursanmalan.studentService footer.closingFooter .button {padding: 0 19px;} #kursanmalan.studentService .form .button.left {float: left;} #kursanmalan.studentService .form .button.right {float: right;} #kursanmalan.studentService .form .addButton {margin-top: 10px; } #kursanmalan.studentService .indicationBar {background: #e6eff7 url(../images/applicationIndicationBarBg.png) repeat-x; border: 1px solid #c3cad1; padding: 13px 0 35px; margin-bottom: 20px } #kursanmalan.studentService .indicationBar .indicator {background: url(../images/applicationIndicationBar.png) no-repeat; padding-top: 8px; height: 15px; width: 423px; display: block; margin: 0 auto;} #kursanmalan.studentService .indicationBar .indicator ul {background: url(../images/indicator.gif) repeat-x; height: 6px; display: block; margin: 0 10px; position: relative;} #kursanmalan.studentService .indicationBar .indicator ul._1 {width: 0px } #kursanmalan.studentService .indicationBar .indicator ul._2 {width: 111px } #kursanmalan.studentService .indicationBar .indicator ul._3 {width: 211px } #kursanmalan.studentService .indicationBar .indicator ul._4 {width: 311px } #kursanmalan.studentService .indicationBar .indicator ul._5 {width: 400px } #kursanmalan.studentService .indicationBar .indicator li {position: absolute; color: #a6a6a6; height: 23px; width: 23px; margin-left: -10px; margin-top: -8px; font-size: 12px; line-height: 23px; font-weight: 700; text-align: center;} #kursanmalan.studentService .indicationBar .indicator li.active { background: url(../images/indicatorActive.png) no-repeat; color: #fff; height: 26px; width: 26px; margin-left: -13px; margin-top: -11px; line-height: 26px; font-size: 15px} #kursanmalan.studentService .indicationBar .indicator li.last.active, #kursanmalan.studentService .indicationBar .indicator li.last, #kursanmalan.studentService .indicationBar .indicator li.done { background: url(../images/indicatorIcon.png) no-repeat;} #kursanmalan.studentService .indicationBar .indicator li.last, #kursanmalan.studentService .indicationBar .indicator li.done { text-indent: -9999px; height: 16px; width: 16px ; margin-left: -7px; margin-top: -5px;} #kursanmalan.studentService .indicationBar .indicator li.last {background-position: left bottom} #kursanmalan.studentService .indicationBar .indicator li.last.active {background-position: left -16px;} #kursanmalan.studentService .indicationBar .indicator li._1 {left: 0px} #kursanmalan.studentService .indicationBar .indicator li._2 {left: 100px} #kursanmalan.studentService .indicationBar .indicator li._3 {left: 200px} #kursanmalan.studentService .indicationBar .indicator li._4 {left: 300px } #kursanmalan.studentService .indicationBar .indicator li._5 {left: 401px} #kursanmalan.studentService .indicationBar .indicator li span {position: absolute; bottom: -40px; line-height: 13px; font-size: 12px; font-weight: 700px; width: 100px; left: 50%; margin-left: -50px; height: 35px; text-indent: 0} #kursanmalan.studentService .indicationBar .indicator li.last.active span, #kursanmalan.studentService .indicationBar .indicator li.done span {color: #30a90c;} #kursanmalan.studentService .indicationBar .indicator li.active span {color: #333} /* XFORMS */ .XForm { margin-bottom: 15px; } .XForm input, .XForm textarea, .XForm label { float:left; } .XForm legend, .XForm span { font-size:1.2em; margin:0 10px 0 0; } .XForm br {clear:both;float:none;width:100%;border:none;background:#fff;color:#fff;} .fritext .innehall input, .XForm input, .XForm textarea { margin:0 0 5px; padding:3px 4px; font-size:12px; color:#666666; height: auto; } /* MOZ BR 3px */ .fritext .innehall input[type="text"], .fritext .innehall input[type="submit"] { border:1px solid #dfe0e1; border-top-color:#b3b3b3; background:#fff; } .XForm input[type="submit"], .fritext .innehall input[type="submit"] { border-color:#dcdcdc; background-color:#eeeeee; color:#333; font-weight:bold; margin-top:10px; } #favoritlank { background:#ececec; border:1px solid #e4e4e4; margin:15px 0; padding:15px 10px; } /* MOZ BR 5px */ #favoritlank h2 { font-size:1.3em; color:#111; font-weight:bold; float:left; margin:5px 10px 0 0; } #favoritlank input.text { width:300px; border:1px solid #dfe0e1; border-top-color:#b3b3b3; background:#fff; padding:5px 5px; font-size:13px; float:left; color:#666666; } /* MOZ BR 3px */ #favoritRensaLista { position:absolute; top:25px; right:15px; color:#111; font-size:1.4em; display:inline-block; border:1px solid #ccc; background:#f6f6f6 url(../Images/footerLinkGra.jpg) repeat-x bottom left; padding:5px 10px; text-decoration:none; } /* MOZ BR 5px */ #favoritRensaLista span { background:url(../Images/favoriterRadera.png) 0 2px no-repeat; padding:0 0 0 20px; } /* Franklin Gothic */ .button, header.headerColor h2, .gymnasium header h2, .informationsbox header h2, #slideshow .autoScroll .placeHolder .textInfo h2, #amnesomradessida .intro h2, .rubrik h2, .amnesomraden header h2, .modul > header h2, #disqus header h2, .featured h2, .faktabokning header h2, .bokning header h2, .studentberattar header h2, .karta header h2, .lankar header h2, .fritext header h2, .nyhetslista header h2, .hogernavigering header h2, a.varakurserort { font-family:FranklinGothic; font-weight:normal; text-transform:uppercase; font-size:2.4em; } #ExpandableGuide aside > header, .XForm input.Button, #sokrad .submit, .kurslista404 a.alla-kategorier, .huduvnavigeringlager .intro .information h3, .knappar input, .form-kontroll input, .panelInfo h2, .panavInfo h2, .bokning footer a.bokakurs, .contactForm .submit, .contactForm h3, .kontakt .skicka input.knapp, .searchResultFilter .updateButton { font-family:FranklinGothic; font-weight:normal; text-transform:uppercase; } /* Overlay */ .overlay{ -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; background:#000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1001; } /* Clearfixar */ #kursanmalan.studentService .form fieldset.error .fieldsetInnehall:after, #kursanmalan.studentService .form fieldset:after, .facebook .facebookHeader p:after, .twitter .twitterkHeader p:after, .puffContent:after, #gallery ul li:after, .modulWraper footer:after, .clearfix:after, .featuredScroll:after, #favoritlank:after, .huvudFlikar:after, .ac_results li:after, #kursanmalan .berattaforandra ul:after, #kursanmalan-dibs .betala fieldset:after, #kursanmalan .form fieldset:after, #kursanmalan .tabs:after, .nyhetslista footer:after, .karta footer:after, .amnesomraden .innehall:after, .selektering:after, .soklista .lista li:after, .soklista header:after, .innehallslista li:after, .studentberattar .innehall:after, .nyhetslista ul.navigering:after, .nyhetslista .lista li:after, .kursledare:after, .lankkolumner:after, #harfinnsvi .karta .selektering fieldset:after, .verktyg:after, #brodsmulor ul:after, #sokrad .datum:after, .nyckelord:after, .huduvnavigeringlager:after, #footerinfo:after, #footerfolj:after, #footerinnehall:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #kursanmalan.studentService .form fieldset, .facebook .facebookHeader p, .twitter .twitterkHeader p, .puffContent, #gallery ul li, .modulWraper footer, .clearfix, .featuredScroll, #favoritlank, .huvudFlikar, .ac_results li, #kursanmalan .berattaforandra ul, #kursanmalan-dibs .betala fieldset, #kursanmalan .form fieldset, #kursanmalan .tabs, .nyhetslista footer, .amnesomraden .innehall, .selektering, .soklista .lista li, .soklista header, .innehallslista li, .studentberattar .innehall, .nyhetslista ul.navigering, .nyhetslista .lista li, .kursledare, .lankkolumner, #harfinnsvi .karta .selektering fieldset, .verktyg, #brodsmulor ul, #sokrad .datum, .nyckelord, .huduvnavigeringlager, #footerinfo, #footerfolj, #footerinnehall, .clearfix { zoom: 1; display: block; } /* DISQUS */ #disqus_thread h3 { font-size:1.2em; margin-bottom:10px; } #disqus_thread select { border:1px solid #ccc; } #disqus_thread .dsq-post-footer { margin-bottom:15px; } /* Sliders */ #slideshow { width:600px; height:260px; margin:0 0 15px; position:relative; z-index:1; } #slideshow h2 a { color:#ffffff; } #panel { float:left; top:0px; left:0px; width:460px; height:260px; overflow:hidden; background:#000; } #panel ul { position:relative; width:940px; height:260px; list-style-type:none; } #panel ul li { position:absolute; top:0px; left:470px; width:470px; height:260px; display:block; z-index:5; overflow:hidden; } #panel ul li.last { left:0px; } #panel ul li.active { z-index:10; } .panelInfo { position:absolute; bottom:0px; left:0px; width:100%; background:rgba(0,0,0,0.6); color:#FFF; } .panelInfo h2 { margin:10px 0 0 10px; text-transform:uppercase; font-size:2.8em;} .panelInfo p { margin:0 10px 10px 10px; font:1.1em/1.3em helvetica,arial,sans-serif; } .panelInfo p a { color:#fff; text-decoration:none; font-weight:normal; } .panavInfo { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#FFF; display:none; z-index:10; } .panavInfo h2 { margin:10px; text-transform:uppercase; font-size:1.4em; } #panav { float:left; width:140px; height:260px; overflow:hidden; background:#000; } #panav ul { } #panav ul li { position:relative; padding:5px 5px 0 5px; display:block; width:125px; height:80px; cursor:pointer; overflow: hidden; } .featured { border:solid 1px #e4e4e4; position:relative; width:600px; background:#fff; overflow:hidden; margin:0 0 20px; } .featured h2 { background:#e8e8e8 url(../Images/modulHeaderGra.jpg) repeat-x; padding:6px 16px 4px; margin:0 0 15px; border-bottom:solid 1px #d9d9d9; } .featured .navigation {width:600px; height:35px; background:#f6f6f6; border-top:solid 1px #e4e4e4; } .featured .navigation .controls { color:#666666; font:normal 1.2em/1em helvetiva,arial,sans-serif; text-align:center; height: 35px; line-height: 35px; *line-height: 5px; } .prevPage, .nextPage { display:inline-block; text-indent:-9999px; height:22px; width:22px; cursor:pointer; margin:0 3px; position:relative; top:6px; } .prevPage {margin: 0} .prevPage, .nextPage{*text-indent:0; *line-height:0; *font-size:0; *overflow:hidden;} .prevPage { background:url(../Images/featuredControlArrows.jpg) 0 0; } .nextPage { background:url(../Images/featuredControlArrows.jpg) 0 -22px; } .nextPage.disabled { background:url(../Images/featuredControlArrowsDisabled.jpg) -22px 0;} .prevPage.disabled { background:url(../Images/featuredControlArrowsDisabled.jpg) 0 0; } #smallNext.disabled { background:url(../Images/featuredControlArrowsDisabled.jpg) -22px 0;} #smallPrev.disabled { background:url(../Images/featuredControlArrowsDisabled.jpg) 0 0; } #bigNext.disabled { background:url(../Images/featuredControlArrowsDisabled.jpg) -22px 0;} #bigPrev.disabled { background:url(../Images/featuredControlArrowsDisabled.jpg) 0 0; } .featuredScroll { margin:0 0 15px; } .featured ul { position:relative; width:20000px; list-style-type:none; } .featured ul li { background:#fff; float:left; display:block; width:180px; margin-left:15px; } .featured ul li img { width:180px; height:101px; } .featured ul li .featInfo { position:relative; width:190px; left:0px; bottom:0px; } .featured ul li .featInfo p { font-size:1.2em; line-height:1.3em; margin:5px 0 0; color:#333; } .featured ul li .featInfo p a { display:block; margin:5px 0 0; font-weight:normal; color:#06c; background:url(../Images/lankboll.png) 0 5px no-repeat; padding:0 0 0 10px; text-decoration:none; } .featured ul li .featInfo p a:hover { text-decoration:underline; } .featured ul.separatedList { width: auto; } .column300 .featured ul.separatedList li { border: solid 1px #d9d9d9; border-top: 0; float: none; width: 298px; } .column300 .featured ul.separatedList li.last { -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .column300 .featured ul.separatedList li .icon { position: absolute; top: 9px; left: 8px; width: auto; height: auto; } .column300 .featured ul.separatedList li a { display: block; padding: 12px 0; position: relative; } .column300 .featured ul.separatedList li a:hover, .column300 .featured ul.separatedList li a:focus { text-decoration: none; } .column300 .featured ul.separatedList li a:hover span, .column300 .featured ul.separatedList li a:focus span { text-decoration: underline; } .column300 .featured ul.separatedList li a span { color: #0066cc; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-left: 36px; } .column300 .featured { width:300px; border:0; background:transparent; } .column300 .featured h2 { padding:9px 16px 6px; margin:0; color:#494949; background:#f6f6f6; display:block; width:266px; height:auto !important; font:normal 2.4em/1em FranklinGothic,arial,sans-serif; border:solid 1px #d9d9d9; text-transform:uppercase; } .column300 .featured .navigation { position:relative; width:298px; height:35px; background:#f6f6f6; border:1px solid #dedede; border-top:solid 1px #e4e4e4; } .column300 .featured .navigation .controls { color:#666666; font:normal 1.2em/1em helvetiva,arial,sans-serif; height: 35px; line-height: 35px; text-align:center; } .column300 .featured .navigation .alla { position:absolute; top:10px; right:10px; background:url(../Images/footerLankBoll.jpg) 0 4px no-repeat; color:#06c; padding:0 0 0 10px; font-size:1.2em; } .column300 .featured .navigation .alla span {color:#71ace7; } .column300 .featuredScroll { width:278px; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; padding:10px; margin:0; overflow:hidden; background:#fff; } .column300 .featured ul li { background:#fff; float:left; display:block; width:280px; margin:0 10px 0 0; } .column300 .featured ul li img { width:280px; height:150px; } .column300 .featured ul li .featInfo { position:relative; height:auto; width:280px; } /*Landningssida för gymnasieskolor*/ .gymnasium {position:relative; width: 295px; float: left; } .gymnasium.first {margin-right: 10px;} .gymnasium header img {position: absolute; top: 7px; right: 10px} .gymnasium h5 {color: #333;} .gymnasium .lista {border:1px solid #dedede; padding: 10px; border-top: none} .gymnasium .lista ul {margin: 0 0 15px 8px;} /*textfält över infobidler*/ .textInfo { text-align: left; padding: 10px; position: absolute; _position: relative; bottom: 0; left: 0; background: url("../Images/highschools/sliderTransparent.png") repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Library/Images/highschools/sliderTransparent.png'); width: 580px; min-height: 30px;} .textInfo p {margin: 0 !important; padding: 0;} .textInfo h2 {margin-bottom: 5px;} .textInfo p, .textInfo h2 {color: #fff;} /*slideshow*/ #slideshow.newSlideshow { position: relative; overflow: hidden; height: auto; margin-left: auto; margin-right: auto; background: #000;} #slideshow .autoScroll{ position: relative; overflow: hidden;} #slideshow .autoScroll .items { clear: both; position: relative; width: 20000em;} #slideshow .autoScroll .items div.placeHolder { width: 600px; float:left; background: black; position: relative; text-align: center;} #slideshow .autoScroll .items div .textInfo { position: absolute;} #slideshow .navi {position: absolute; top: 20px; right: 20px; clear: both;} #slideshow .navi a {display: block; cursor: pointer; height: 16px; width: 16px; margin-left: 5px; background: url("../Images/highschools/sliderInactive.png") no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Library/Images/highschools/sliderInactive.png'); float: left;} #slideshow .navi a.active { background: url("../Images/highschools/sliderActive.png") no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Library/Images/highschools/sliderActive.png');} .mainNews .intro { background: black; margin: 0px 0px 15px; position: relative; text-align: center; } #slideshow.newSlideshow .autoScroll { height:340px; } /*Högerkolum*/ .modulWraper {position: relative; margin: 0px 0px 15px;} header.headerColor { color: #fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 6px 16px 4px; background: #900; border-bottom: 1px solid #600;} .puffContent { border-top: none; background: white; padding: 10px 10px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .modulWraper.flickr .puffContent, .modulWraper.facebook .puffContent, .modulWraper.twitter .puffContent, .modulWraper.latestNews .puffContent { -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .modulWraper.facebook .puffContent, .modulWraper.twitter .puffContent, .modulWraper.latestNews .puffContent {padding-bottom: 0;} .modulWraper footer { background: #F6F6F6; border-top: 1px solid #DEDEDE; padding: 8px 10px; position: relative; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .modulWraper footer a { background: url(../Images/lankboll.png) no-repeat 0px 4px; float: right; font-size: 1.2em; padding: 0px 0px 0px 10px; right: 10px; top: 10px; color: #06C} .modulWraper footer a span {color: #71ace7} /*flickr*/ .flickr .puffContent {padding: 11px 8px 11px 8px;} .flickr ul li { height: 65px; width: 65px; float: left; padding: 0 3px 0 3px; margin-bottom: 5px;} .flickr ul li a img { float: left; height: 65px; width: 65px; } .flickr ul li a:hover img {opacity:.60; filter:alpha(opacity=60); filter: “alpha(opacity=60)”;} .facebook .facebookHeader, .twitter .twitterkHeader {padding: 10px; background: #fff; border-bottom: 1px solid #E4E4E4; display:none !important; } .facebook .facebookHeader, .twitter .twitterkHeader {padding: 10px; background: #fff; border-bottom: 1px solid #E4E4E4 } .facebook .facebookHeader p, .twitter .twitterkHeader p {margin: 0; padding: 0;} .facebook .facebookHeader img, .twitter .twitterkHeader img { float: left; margin-right: 10px; max-width:65px;} .facebook .puffContent, .twitter .puffContent {padding: 0 0 10px 0;} .facebook .puffContent ul, .twitter .puffContent ul {max-height: 250px; overflow: auto; padding: 0 10px 0 10px;} .facebook .puffContent ul li, .twitter .puffContent ul li { padding: 10px 0 10px 0; border-bottom: 1px solid #E4E4E4; overflow:hidden; } .facebook .puffContent ul li:last-child, .twitter .puffContent ul li:last-child {border-bottom: none} .facebook .puffContent ul li p, .twitter .puffContent ul li p {margin-bottom: 4px;} .facebook .puffContent ul li h6, .twitter .puffContent ul li h6 {display: inline;} .facebook .puffContent ul li p.runin, .twitter .puffContent ul li p.runin {display: inline;} .twitter .puffContent ul li p.link {margin-top: 4px;} .facebook .puffContent footer, .twitter .puffContent footer {margin: 10px 10px 0 10px;} .facebook li a, .twitter li a, .latestNews li a {color: #06C;} .latestNews p a, .twitter p a { text-decoration: none;} .twitter p a:hover { text-decoration: underline;} .facebook .puffContent ul li img { margin-right:10px; margin-bottom:6px; max-width:75px; } .facebook .puffContent div.fb-like { margin:10px 0 15px 10px; width:263px; padding-top:10px; border-top:1px solid #E4E4E4; } /*latest news*/ .latestNews ul {clear: both} .latestNews li {clear: both; padding: 10px 0 10px 0; border-bottom: 1px solid #E4E4E4; } .latestNews li a:hover {text-decoration: underline;} .latestNews li:last-child {border-bottom: none } .latestNews li img {float: left; margin-right: 10px;} .latestNews li .listContent{ width: 195px; float: left;} .latestNews li .listContent h6 {margin: 0} .latestNews li .listContent p.lighten {margin-bottom: 5px;} .listContent h6 { margin-bottom: 10px;} /* CSS3 */ .indicationBar, footer.closingFooter, #kursanmalan-dibs, .featured, .column300 .featured, #favoritlank, .ingaTraffar, .stavningsForslag, #favorit-information, #kursanmalan-villkor, #footerfolj, #amnesomradessida .intro, .selektering, .kurslista table, .lankkolumner, .kontakt .form .konfirmering, .seaven, #harfinnsvi .karta .selektering, #harfinnsvi .karta .objektinformation, #harfinnsvi, .EpiEditor table.Editortabell, .huvudyta, #huduvnavigering .huvudnavlagerTvaKolumn, #huduvnavigering .huduvnavigeringlager .intro .information, #huduvnavigering .huduvnavigeringlager, #huduvnavigering ul, #huduvnavigering, a.varakurserort {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px} a.multiSelect, #sokrad .sokSelect, #sokrad .sokText, #informationssida .intro{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px} #ExpandableGuide aside > header, .filter, .pufflink, .button, .fritext .innehall input[type="text"], .fritext .innehall input[type="submit"], #kursanmalan-dibs .betala, #favoritRensaLista, #favoritlank input.text, .XForm input.Button, .XForm input, .XForm textarea, #kursanmalan-dibs .knappar input.knappbetala, #kursanmalan-dibs .knappar input.knappavbryt, #kursanmalan-dibs .betala input.text, #kursanmalan .information, #kursanmalan .foretag .fieldsetInnehall, #kursanmalan .form-kontroll input, #kursanmalan .form-kontroll, #kursanmalan .form textarea, #kursanmalan .form input.text, #kursanmalan .form .fieldsetInnehall, #kursanmalan .form, #kursanmalan .form-error, .kontakt .form-error, #kursanmalan .kurs, #sokrad .submit, .kurslista404 a.alla-kategorier, #sokrad .datum fieldset input.button, #sokrad .datum fieldset input.text, #sokrad .sokSelectAktiv .select, #sokrad .sokSelect .select, #sokrad .sokText .knapp a, #sokrad .ac_results li, #sokrad .autocomplete li, #sokrad .sokTextAktiv .inmatning, #sokrad .sokText .inmatning, .kurslista footer a.knapp, .soklista footer section.paginering li.nasta a, .innehallslista footer .laddar, .innehallslista footer a.knapp, .karta footer a, .nyhetslista footer a.knapp, .nyhetslista ul.navigering, .nyhetslista ul.navigering, .bokning .information, .bokning footer a.bokakurs, .kontakt .skicka input.knapp, .kontakt .skicka, .kontakt .bekraftelse, .kontakt .form textarea, .kontakt .form input.text, .kontakt .innehall, .kursledare, .seaven .innehall, #harfinnsvi .karta, .contactForm .submit, .searchResultFilter .updateButton, .searchResultFilter .searchFilter, .searchResultFilter .searchFilter .reset, .searchResultFilter .updateButtonAjaxLoader {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px} #huduvnavigering ul li.forst{-webkit-border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-bottomleft:6px; border-top-left-radius:6px; border-bottom-left-radius:6px} #huduvnavigering .huvudnavlagerTvaKolumn, #huduvnavigering .huduvnavigeringlager{-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.25); -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.25); box-shadow:0px 5px 10px rgba(0,0,0,0.25)} #harfinnsvi .karta .selektering, #harfinnsvi .karta .objektinformation{-webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.5); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.5); box-shadow:1px 1px 10px rgba(0,0,0,0.5)} #kursanmalan-dibs, #favorit-information, #kursanmalan-villkor{-webkit-box-shadow:2px 3px 10px rgba(0,0,0,0.5); -moz-box-shadow:2px 3px 10px rgba(0,0,0,0.5); box-shadow:2px 3px 10px rgba(0,0,0,0.5)} #huduvnavigering .huduvnavigeringlager .intro{-webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; border-top-right-radius:5px; border-bottom-right-radius:5px} #brodsmulor li.forst a{-webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px} .modul > header, .gymnasium header, .informationsbox header, .featured h2, #kursanmalan .tabs li a, .amnesomraden header, .soklista header, #disqus header, .karta header, .lankar header, .fritext header, .studentberattar header, .nyhetslista header, .faktabokning header, .bokning header, .hogernavigering header, .huvudFlikar li, .rubrik, #innehall, #sokbar { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} #sokbar {-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px} .nyhetslista ul.navigering li.forst, .faktabokning .innehall ul li.forst{-webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px} #ExpandableGuide .content, .gymnasium .lista, .informationsbox .innehall, .column300 .featured .navigation, #kursanmalan-dibs .knappar, #footerinnehall, #sokrad .datum, #sokrad .sokText .knapp, #amnesomradessida .intro .information, .amnesomraden footer, .kurslista footer, .soklista footer, .innehallslista footer, #disqus .innehall, .karta footer, .karta .innehallBotten, .lankar .innehall, .fritext .innehall, .studentberattar .innehall, .nyhetslista footer, .faktabokning .innehall, .bokning footer, .hogernavigering .navigering li.sista, .hogernavigering .navigering, .sekundarHuvudyta {-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px} .nyhetslista ul.navigering li.sist, .faktabokning .innehall ul li.sist{-webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px} .sokHuvudyta{-webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px} .sokFiltrering .innehall { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .kurslista table tr.huvud th.arrangemang, .EpiEditor table.Editortabell tr th.thForst{-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px} .kurslista table tr.huvud th.pris, .EpiEditor table.Editortabell tr th.thSist{-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px} .panelInfo, .EpiEditor table.Editortabell tr td.tdSistVanster{-webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px} .EpiEditor table.Editortabell tr td.tdSistHoger{-webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px} .soklista footer section.paginering li.forst a, .nyhetslista ul.navigering li.forst{-webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px} #sokrad .multiSelect .toggle, #sokrad .sokSelectAktiv .select .toggle, #sokrad .sokTextAktiv .inmatning .toggle, .soklista footer section.paginering li.sist a, .nyhetslista ul.navigering li.sist{-webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; border-top-right-radius:3px; border-bottom-right-radius:3px} #kursanmalan .berattaforandra{-webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px} #kursanmalan .fragorfunderingar{-webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px} #panel ul li, #panel{-webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; border-bottom-left-radius:5px} #footerinnehall .om p a { text-decoration:none; font-weight:normal; } #footerinnehall .om p a { text-decoration:none; font-weight:normal; } #footerinnehall .om p a:hover { text-decoration:underline; } #footerinnehall .om p a:hover { text-decoration:underline; } .topflash { width:600px; height:260px; margin:0 0 15px; } label.multiselectline { padding-bottom: 0 !important; margin-left:6px !important; width:159px; border-top:1px solid #ccc; text-indent:-9999px; height:0; } a.sort-asc { background: url('../Images/sort_asc.gif') center right no-repeat; padding-right: 12px; } a.sort-desc { background: url('../Images/sort_desc.gif') center right no-repeat; padding-right: 12px; } a.filters-showall { float:right; font-size: 0.8em; color: rgb(0, 102, 204); } #informationssida .intro a.hornmarkning { position: absolute; left:-2px; top:-2px; } #informationssida .intro-hornmarkning { position:relative; } .lankarHarFinnsVi .innehall ul, .menyHarFinnsVi .innehall div.kolumn { float:left; width:136px; } /*staf*/ #staff ul li {float: left; width: 163px; margin: 0 18px;} #staff ul li img {width: 163px; height: 163px;} #staff ul li p {margin-bottom: 10px;} #staff ul li p a{text-decoration: none; font-weight: normal;} #staff ul li p a:hover{text-decoration: underline;} #kursanmalan div.annanbetalare { display:none; margin-top:5px; } #kursanmalan .form fieldset.annanbetalare { border-top:1px solid #E4E4E4; padding:8px 0 0 0; margin-top:6px; width:478px; } .column300 .amnen .innehall ul, .column300 .amnen .innehall ul li { margin:0; padding:0; } .column300 .amnen .innehall ul li { float:left; width:135px; margin-bottom:6px; } .column300 .amnen .innehall ul li a { float:right; width:110px; padding:0 6px 0 19px; font-weight:bold; color:#333333; background:none; background-repeat:no-repeat; } .column300 .amnen .innehall p { margin-top:0.2em; margin-bottom:1em; } .column300 .amnen .innehall ul.separatedList { /*background: #cf0; float: left;*/ } .column300 .amnen .innehall ul.separatedList li { border-top: solid 1px #d9d9d9; margin: 0; padding: 0 14px; width: 272px; } .column300 .amnen .innehall ul.separatedList li a, .column300 .amnen .innehall ul.separatedList li a:visited { background-position: 1px 7px; color: #0066cc; padding: 10px 0; text-indent: 30px; width: 100%; } .column300 .amnen .innehall ul.separatedList li a:hover, .column300 .amnen .innehall ul.separatedList li a:focus { } #kartinfopersonalutb { display:none; } #kartinfopersonalutb .formular .validering { padding:14px 5px 14px 50px; background:#fdd5d5 url(../Images/kursanmalanFormError.jpg) 12px 12px no-repeat; border:1px solid #ff9999; -moz-border-radius:3px; margin:0 0 10px; } #kartinfopersonalutb .formular .validering h3 { font-size:1.3em; margin:0 0 4px; color:#c00; } #kartinfopersonalutb .formular .validering li { background:url(../Images/kursanmalanErrorLi.jpg) 0 5px no-repeat; padding-left:12px; font-size:1.3em;display:none; } #kartinfopersonalutb .formular .validering li a { color:#c00; } #kartinfopersonalutb .formular .validering li.error {display:block;} #tooltip { background: #fff; border: solid 1px #ccc; border-bottom: solid 1px #959595; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px; padding: 9px 10px 10px; position: absolute; -moz-border-radius: 2px; border-radius: 2px; } #tooltip .pointer { display: block; position: absolute; bottom: -9px; left: 45%; width: 13px; height: 9px; background: url('../Images/Map/tooltip_point.png') no-repeat left top; } .map { margin: 20px 0; } .map .menu { color: #0066cb; float: right; list-style: disc outside none; margin-right: 110px; } .map .menu li { font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 12px; line-height: 13px; } .map .menu li a { display: block; padding-bottom: 12px; } .map #mapImg { margin-left: 60px; } .map .hidden { display: none; } hr.blue { border: 0; border-top: solid 1px #b8d3ee; background: none; clear: both; display: block; } hr.blue.double {border-width: 2px; margin-bottom: 10px;} .pointList { list-style: disc outside none; } #CountyMapInfo, #CountyMapInfoLoading, #CountyMapInfo .contactForm .form-sending, #CountyMapInfo .contactForm .form-confirmation { display:none; } #CountyMapInfoLoading, #CountyMapInfo .contactForm .form-sending { text-align:center; font-size:1.1em; padding-top:279px; height:318px; } #CountyMapInfo .contactForm .form-sending, #CountyMapInfo .contactForm .form-confirmation { height:auto; padding-top:50px; padding-bottom:60px; } #CountyMapInfo .contactForm .form-confirmation h2 { text-align:center; } #CountyMapInfo .form-error label { float:none; font-size:1em; } div.preview h2, div.preview p { color:#999999 !important; } div.preview p { margin-bottom:0 !important; font-style:italic; } div.preview .EpiEditor { border:1px dotted #cccccc; margin-bottom:15px; background-color:#f6f6f6; padding:2px 4px; } .coursepreview .altbokning { position:relative; } .coursepreview .altbokning .opacity { position:absolute; top:0; left:0; background-color:#ffffff; height:51px; width:600px; opacity:0.7; z-index:9999; } .coursepreview .kontakt { position:relative; } .coursepreview .kontakt .opacity { position:absolute; top:0; left:0; background-color:#ffffff; height:117px; width:600px; opacity:0.7; z-index:9999; } .coursepreview .bokning { position:relative; height:auto; } .column300 .coursepreview .bokning { height:437px; } .column300 .coursepreview .bokning .innehall { height:258px; } .coursepreview .bokning .opacity { position:absolute; top:0; left:0; background-color:#CCCCCC; height:437px; width:300px; opacity:0.5; z-index:9999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .coursepreview .karta { position:relative; } .coursepreview .karta .opacity { position:absolute; top:0; left:0; background-color:#CCCCCC; height:269px; width:300px; opacity:0.5; z-index:9999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .column300 .searchResultFilter { padding-top:15px; } .searchResultFilter .updateButton, .searchResultFilter .updateButtonAjaxLoader { background: url('../Images/bgBlueButton.jpg') repeat-x 0 0; display: block; padding:2px 0 0; margin:0 0 5px; border:1px solid #bed7ef; border-bottom-color:#8fbce9; border-left-color: #c0d8f0; border-right-color: #c0d8f0; font-size:2.4em; font-weight:normal; color:#06c; height:29px; text-align:center; text-shadow: 1px 1px 0px #fff; } .searchResultFilter .updateButtonAjaxLoader { display:none; } .searchResultFilter .searchFilter { background: #f6f6f6; border: solid 1px #e4e4e4; display: none; padding: 9px 11px 11px; zoom: 1; } .searchResultFilter .searchFilter li { } .searchResultFilter .searchFilter .close, .searchResultFilter .searchFilter .reset span { background: url(../Images/btnClose.png) no-repeat 0 0; } .searchResultFilter .searchFilter .close { background-position: 0 -96px; display: block; float: left; margin-right: 4px; width: 15px; height: 16px; text-indent: -9999em; font-size: 0; line-height: 0; } .searchResultFilter .searchFilter .reset { border: solid 1px #dcdcdc; display: block; float: right; background: #F4F4F4; /* Old browsers */ background: -moz-linear-gradient(top, #F4F4F4 0%, #DCDCDC 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#DCDCDC)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F4F4F4 0%,#DCDCDC 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #F4F4F4 0%,#DCDCDC 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #F4F4F4 0%,#DCDCDC 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#DCDCDC',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #F4F4F4 0%,#DCDCDC 100%); /* W3C */ } .searchResultFilter .searchFilter .reset span { background-position: -96px 4px; display: block; float: left; font-size: 11px; padding: 2px 7px 3px 20px; } .searchResultFilter .searchFilter hr { margin-top: 15px; } .searchResultFilter .searchFilter .section { display: none; } .searchResultFilter .searchFilter p { display: none; margin-bottom: 0.5em; } .searchResultFilter .searchFilter p.header { display: block; } .searchResultFilter .searchFilter p strong span { font-size: 12px; line-height: 1.4; font-weight: bold; font-style: italic; } .searchResultFilter .searchFilter p span { font-size: 11px; line-height: 1.4; } .searchResultFilter .searchTopics { float: left; width: 100%; } .searchResultFilter .searchTopics li { border-top: solid 1px #e4e4e4; clear: both; float: left; padding-top: 6px; width: 100%; } .searchResultFilter .searchTopics li:first-child { border-top: 0; } .searchResultFilter .searchTopics li li { border-top: 0; padding-top: 0; } .searchResultFilter .searchTopics li li li { padding-left: 10px; } .searchResultFilter .searchTopics li.open { } .searchResultFilter .searchTopics li.closed { } .searchResultFilter .searchTopics li .count { color: #666; font-weight: normal; } .searchResultFilter .searchTopics li .checkbox { float: left; width: auto; margin: 5px 5px 0 0; padding: 0; } .searchResultFilter .searchTopics li label { clear: none; color: #333; cursor: pointer; float: left; font-size: 16px; font-weight: bold; line-height: 1.1; } .searchResultFilter .searchTopics li.disabled label { color: #999; } .searchResultFilter .searchTopics li li label { font-size: 12px; #margin-top: 8px; } .searchResultFilter .searchTopics li li li label { font-size: 11px; } .searchResultFilter .searchTopics li.disabled label, .searchResultFilter .searchTopics li.last label { cursor:text; } .searchResultFilter .searchTopics li fieldset { background: none; margin-left: 4px; margin-top: 4px; padding-left: 21px; } .column300 .searchResultFilter .searchTopics li fieldset { margin-top:0; } .searchResultFilter .searchTopics li.open > fieldset, .searchResultFilter .searchTopics li.closed > fieldset { background: url('../images/arrowsToggle.png') no-repeat left top; } .searchResultFilter .searchTopics li.open > fieldset { background-position: 0 -91px; } .searchResultFilter .searchTopics li.closed > fieldset { background-position: -94px 3px; } .addButton, .searchResultFilter .searchTopics li.open > fieldset.FirstLevel, .searchResultFilter .searchTopics li.closed > fieldset.FirstLevel { background: url('../images/arrowsToggleFirstLevel.png') no-repeat left top; padding-left:23px; } .searchResultFilter .searchTopics li.open fieldset.FirstLevel { background-position: 0 -89px; } .addButton, .searchResultFilter .searchTopics li.closed fieldset.FirstLevel { background-position: -92px 2px; } .searchResultFilter .searchTopics li#FilterDay.open fieldset.FirstLevel { background-position: 0 -88px; } .searchResultFilter .searchTopics li#FilterDay.closed fieldset.FirstLevel { background-position: -92px 3px; } .searchResultFilter .searchTopics li ul.FirstSubLevel { margin-left:1px; } .searchResultFilter .searchTopics li.closed ul, .searchResultFilter .searchTopics li.closed .timeSliderWrap { display: none; } .column630 .searchResultFilter { border: solid 1px #e5e5e5; margin-bottom: 10px; } .column630 .searchResultFilter .searchFilter { margin: 10px; margin-bottom:0; } .column630 .searchResultFilter .searchFilter p { display: none; float: left; margin-right: 12px; white-space: nowrap; } .column630 .searchResultFilter .searchFilter .listContent { border-bottom: 1px solid #ddd; clear: both; float: left; margin-bottom: 9px; width: 100%; } .column630 .searchResultFilter .buttonContainer { background: #f8f8f8; border-top: solid 1px #e0e0e0; padding: 11px 0 10px; } .column630 .searchResultFilter .buttonContainerTop { background: #f8f8f8; border-bottom: solid 1px #e0e0e0; padding: 11px 0 10px; } .column630 .searchResultFilter .buttonContainer .updateButton, .column630 .searchResultFilter .buttonContainerTop .updateButton { margin: 0 auto; width: 275px; } .column630 .searchResultFilter { -moz-border-radius: 5px; border-radius: 5px; } .column630 .searchResultFilter .buttonContainer { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .column630 .searchResultFilter .buttonContainerTop { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .column630 .searchResultFilter .searchTopics { margin-bottom: 15px; margin-left: 10px; width: 270px; } .column630 .searchResultFilter ul { float: left; margin: 0; } .column630 .searchResultFilter li.open ul:first-child { margin:0; } .column630 .searchResultFilter .searchTopics fieldset.hidden { display: none; } .column630 .searchResultFilter .searchTopics li li label { font-size: 11px; } .searchResultFilter .searchTopics label { margin: 5px 0 2px; } .timeSliderWrap { float: left; margin-top: 15px; width: 100%; } .timeSliderWrap p.header { display: block; font-weight: bold; } .timeSliderWrap input.rangeVal, #kursanmalan .form .timeSliderWrap input.rangeVal { margin-top: 16px; width: 32px; } #kursanmalan .form .timeSliderWrap #tsMin { float: left; } .timeSliderWrap #tsMax, #kursanmalan .form #tsMax { float: right; } /*Buttons*/ .addButton {height: 24px; border: none; outline: none; font-size: 1.2em; line-height: 26px; font-weight: bold; cursor: pointer;} .addButton:hover {text-decoration: underline} /* UI Slider */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle, #innehall .ui-slider a.ui-slider-handle { padding: 0; position: absolute; z-index: 2; width: 11px; height: 22px; cursor: pointer; } .ui-slider-horizontal .ui-slider-handle { margin-left: -8px; top: -8px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px #b2b2b2; -webkit-box-shadow: 0 1px #b2b2b2; box-shadow: 0 1px #b2b2b2; } .ui-slider .ui-handle-left, #innehall .ui-slider a.ui-handle-left { background-position: 4px 6px; } .ui-slider .ui-handle-right, #innehall .ui-slider a.ui-handle-right { background-position: 2px -35px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-widget-header { background: #06c; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-widget-content { background: #dbdbdb; border-top: solid 1px #afafaf; -moz-border-radius: 3px; -border-radius: 3px; } .ui-slider-horizontal { height: 7px; margin: 0 0 0 10px; width: 94%; } #kursanmalan .ui-slider-horizontal { width:97%} .ui-state-default, .ui-widget-content .ui-state-default, .timeSliderWrap .ui-state-default, .timeSliderWrap .ui-widget-content .ui-state-default { background: #eee url('../Images/sliderUI.png') no-repeat 0 0; border: solid 1px #ccc; outline: none; } .searchResultFilter .searchTopics li#FilterLocation, .searchResultFilter .searchTopics li#FilterCategory { margin-bottom:5px; } a.varakurserort { background:#000000; margin-bottom:15px; display:block; cursor:inherit; cursor:pointer; line-height:1em; font-size:2.1em; padding:10px; text-align:center; } a.varakurserort { color:#cccccc; } a.varakurserort span { color:#ffffff; } /* * jQuery UI CSS Framework 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/Library/images/ui-lightness/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #8AB7E4; background: #06c; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/Library/images/ui-lightness/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(/Library/images/ui-lightness/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(/Library/images/ui-lightness/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(/Library/images/ui-lightness/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/Library/images/ui-lightness/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/Library/images/ui-lightness/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/Library/images/ui-lightness/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(/Library/images/ui-lightness/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Library/images/ui-lightness/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(/Library/images/ui-lightness/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/Library/images/ui-lightness/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Library/images/ui-lightness/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* * jQuery UI Datepicker 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } #tooltip.studentServiceToolTip .EpiEditor {font-size: 0.75em;} #tooltip.studentServiceToolTip .EpiEditor p { margin-bottom:6px; } #tooltip.studentServiceToolTip .EpiEditor { padding:6px 6px 0; } #tooltip.studentServiceToolTip { background-color:#F3F6FB; max-width:500px; } table.featureGrid { font-size:1.1em; } table.featureGrid .head { font-weight:bold; } table.featureGrid .even { background-color:#B8D3EE; } table.featureGrid tr td { padding:2px 4px; } section#staff { margin-top:10px; }