/* --------------------------------------------------------------- Blocks - v1.0 * One of its kind, A Content First CSS Framework Blocks author and architect: Kenneth Illman * Copyright (c) 2010 Blocks - Kenneth Illman --------------------------------------------------------------- */ /*------------------------------------------------ * Arbetslivsresurs - Master Css *------------------------------------------------ # TABLE OF CONTENT # # - Reset # # - Grid # - - width-x # - - before-x # - - after-x # # - Typography # - - Global # - - Headers # - - Links # # - Redefined standard elements # - - CMS # # - Colors / Themes # # - Layout # - - Content First Containers # # - Content # - - Header # - - Main Navigation # - - - Sub Navigation # - - Pagenation # - - Bread crumbs # - - Bottom # - - Carousell:s # - - Sub-Page # - - - Contactpage # - - - Find office # - - - Calendar # - - - Popup Box # - - - Lokalkontor # - - - News # - - - FAQ # - - - Search Results # # - Common Elements ------ # - - Backgrounds # - - Borders # - - Boxes # - - Buttons & Links # - - Colors / Themes # - - Forms # - - Lists # - - Tables # - - Puffs # # - Miscellaneous ------------------ # - - Display # - - Text # - - Floats # - - Positioning # - - Transparency / Opacity # - - Clearing # - - Font sizes # - - Z-index # - - Margins # - - Paddings # #---------------------------------------------- # Glossary # # act - active # b bt bl bb br - Border Top, Left, Bottom, Right # bg - Background # cf - Content First # d dIn dBl dInBl - Display Inline, Block, Inline-block # f - Float # f10 - Font (1em) # H - Holder (classNameH) # le - Left # m mt mr mb ml - Margin Top, Right, Bottom, Left # p pt pr pb pl - Padding Top, Right, Bottom, Left # pos1 - Position(1,2,3 etc.) # ri - right # Sp - Spacer (tagNameSp) # txt txtL txtR txtC - Text Left, Right, Center # z - Z-index # #----------------------------------------------*/ /*---------------------------------------------*/ /*################## Reset ####################*/ /*---------------------------------------------*/ /* Eric Meyer’s Global Reset ++ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, ol, ul, li, input, textarea, fieldset, form, label, legend{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* Remember to define focus styles! */ :focus {outline:0; -moz-outline-style: none;} html {overflow:-moz-scrollbars-vertical} ol, ul {list-style:none;list-style-position:outside !important;} /* Tables still need 'cellspacing="0"' in the markup */ table {border-collapse:separate; border-spacing:0} caption, th, td {text-align:left;font-weight: normal} blockquote:before, blockquote:after,q:before, q:after {content:""} blockquote, q {quotes: "" ""} a img {border:0} /*---------------------------------------------*/ /*################## Grid ###################### ------------------------------------------------- * Page width: 940 px * Number of columns: 20 * Column width: 28 px * Margin width: 20 px -----------------------------------------------*/ /* Sets up basic grid floating and positioning */ .width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-11, .width-12, .width-13, .width-14, .width-15, .width-16, .width-17, .width-18, .width-19, .width-full {float:left; position:relative; margin-right:20px;} /* ie fix */ /* Use these classes to set the width of a column */ .width-1 {width: 28px} .width-2 {width: 76px} .width-3 {width: 124px} .width-4 {width: 172px} .width-5 {width: 220px} .width-6 {width: 268px} .width-7 {width: 316px} .width-8 {width: 364px} .width-9 {width: 412px;} .width-10 {width: 460px} .width-11 {width: 508px} .width-12 {width: 556px} .width-13 {width: 604px} .width-14 {width: 652px} .width-15 {width: 700px} .width-16 {width: 748px} .width-17 {width: 796px} .width-18 {width: 844px} .width-19 {width: 892px} .width-full {width: 940px; margin-right:0px;} /* Add these to column for empty space before the column */ .after-1 {padding-right: 38px} .after-2 {padding-right: 86px} .after-3 {padding-right: 134px} .after-4 {padding-right: 182px} .after-5 {padding-right: 230px} .after-6 {padding-right: 278px} .after-7 {padding-right: 326px} .after-8 {padding-right: 374px} .after-9 {padding-right: 422px} .after-10 {padding-right: 470px} .after-11 {padding-right: 518px} .after-12 {padding-right: 566px} .after-13 {padding-right: 614px} .after-14 {padding-right: 662px} .after-15 {padding-right: 710px} .after-16 {padding-right: 758px} .after-17 {padding-right: 806px} .after-18 {padding-right: 854px} .after-19 {padding-right: 902px} /* Add these to column for empty space after the column */ .before-1 {padding-left: 48px} .before-2 {padding-left: 96px} .before-3 {padding-left: 144px} .before-4 {padding-left: 192px} .before-5 {padding-left: 240px} .before-6 {padding-left: 288px} .before-7 {padding-left: 336px} .before-8 {padding-left: 384px} .before-9 {padding-left: 432px} .before-10 {padding-left: 480px} .before-11 {padding-left: 528px} .before-12 {padding-left: 576px} .before-13 {padding-left: 624px} .before-14 {padding-left: 672px} .before-15 {padding-left: 720px} .before-16 {padding-left: 768px} .before-17 {padding-left: 816px} .before-18 {padding-left: 864px} .before-19 {padding-left: 912px} /* The last column in a row needs this class except width-full*/ div.last, span.last, .last {margin-right:0} /*---------------------------------------------*/ /*############### Typography ##################*/ /*---------------------------------------------*/ /* Global */ body { font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 1.4; /* Unitless for proper inheritance */ color: #333; } /* The top one is for IE: The percentage is of 16px (default IE text size) 10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth). The second value is what all other browsers see (the wanted font size). */ body {font-size: 62.5%} /* IE */ html > body {font-size: 10px} /* Other browsers */ /* - - Headers - */ h1,h2,h3,h4,h5,h6 {font-weight:bold; line-height:1.2em; color:#333; font-family: Arial, Helvetica, Verdana, sans-serif;} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none} h1 {font-size:2.7em} h2 {font-size:2.0em} h3 {font-size:1.6em} h4 {font-size:1.3em} h5 {font-size:1.2em} h6 {font-size:1.0em} /* - - Links - */ /* LoVe/HAte-order */ a {color:#333; text-decoration:none} a:link {color:#333; } a:visited {color:#333; } a:hover {text-decoration:underline} a:active {color:#333; } a:focus {color:#333; } /*---------------------------------------------*/ /*############# Colors / Themes #############*/ /*---------------------------------------------*/ /* - - ** YELLOW ** General / Contact / About us - */ /* Font color change */ .general h1, .general h2, .general h3, .general h4, .general h5, .general h6, .navigation li.general:hover a, .navigation ul li.general:hover .drop ul li a:hover, .slidingH.general .heading, .slidingH2.general .heading, .general .pagenation .active a, .general .pagenation .nextPageArrow a {color:#ffe500;} /* Box specific */ .general .box h2.header.pattern {background:url(../images/misc/spriteThemes2.png) no-repeat left -1119px;} .general .box h2.header.pattern span {background:url(../images/misc/spriteThemes2.png) no-repeat right -1119px;} .general .box h2.header {background:url(../images/misc/spriteThemes2.png) no-repeat left -1304px;} .general .box h2.header span {background:url(../images/misc/spriteThemes2.png) no-repeat right -1304px; text-transform:none; } /* - - ** BLUE 1 ** Employer - */ /* Font color change */ .employer h1, .employer h2, .employer h3, .employer h4, .employer h5, .employer h6, .navigation li.employer:hover a, .navigation ul li.employer:hover .drop ul li a:hover, .slidingH.employer .heading, .slidingH2.employer .heading, .employer .pagenation .active a, .employer .pagenation .nextPageArrow a {color:#4792cc;} /* Box specific */ .employer .box h2.header.pattern {background:url(../images/misc/spriteThemes2.png) no-repeat left 0px;} .employer .box h2.header.pattern span {background:url(../images/misc/spriteThemes2.png) no-repeat right 0px;} .employer .box h2.header {background:url(../images/misc/spriteThemes2.png) no-repeat left -185px;} .employer .box h2.header span {background:url(../images/misc/spriteThemes2.png) no-repeat right -185px; text-transform:none;} /* - - ** GREEN ** Private - */ /* Font color change */ .private h1, .private h2, .private h3, .private h4, .private h5, .private h6, .navigation li.private:hover a, .navigation ul li.private:hover .drop ul li a:hover, .slidingH.private .heading, .slidingH2.private .heading, .private .pagenation .active a, .private .pagenation .nextPageArrow a {color:#83b900;} /* Box specific */ .private .box h2.header.pattern {background:url(../images/misc/spriteThemes2.png) no-repeat left -745px;} .private .box h2.header.pattern span {background:url(../images/misc/spriteThemes2.png) no-repeat right -745px;} .private .box h2.header {background:url(../images/misc/spriteThemes2.png) no-repeat left -932px;} .private .box h2.header span {background:url(../images/misc/spriteThemes2.png) no-repeat right -932px; text-transform:none;} /* - - ** BLUE GREY ** Other - */ /* Font color change */ .other h1, .other h2, .other h3, .other h4, .other h5, .other h6, .navigation li.other:hover a, .navigation ul li.other:hover .drop ul li a:hover, .slidingH.other .heading, .slidingH2.other .heading, .other .pagenation .active a, .other .pagenation .nextPageArrow a {color:#6f8c9a;} /* Box specific */ .other .box h2.header.pattern {background:url(../images/misc/spriteThemes2.png) no-repeat left -375px;} .other .box h2.header.pattern span {background:url(../images/misc/spriteThemes2.png) no-repeat right -375px;} .other .box h2.header {background:url(../images/misc/spriteThemes2.png) no-repeat left -560px;} .other .box h2.header span {background:url(../images/misc/spriteThemes2.png) no-repeat right -560px; text-transform:none;} /* - - ** Neutralize ** - */ /* Font color change */ .box h2.header {color:#fff;} /* Element */ .box h2.header {font-size:14px; background:#000; margin:0 0 2px;} .box h2.header span {display:block; margin:0 0 0 12px; padding:8px 12px 8px 0; /*min-height:24px;*/} .box div.bottom {background:url(../images/misc/spriteThemes.png) no-repeat left -344px; margin:2px 0 0; height:33px; float:left; width:100%;} .box div.bottom span {display:block; margin:0 0 0 4px; background:url(../images/misc/spriteThemes.png) no-repeat right -344px;} .box div.bottom span a { float:right; margin:6px 10px 0 0; font-size:1.2em;} /*---------------------------------------------*/ /*######## Redefined standard elements #######*/ /*---------------------------------------------*/ body {background-color:#f5f5f5} p {padding:0 0 1.1em} strong {font-weight:bold;} blockquote {font-style:italic;} /* - - CMS - */ .CMS h1, .CMS h2, .CMS h3, .CMS h4, .CMS h5, .CMS h6 { font-weight:bold; font-style:normal; font-family:inherit; line-height:1.3em!important; color:#333; margin:0; padding:0 0 0.4em !important;} .CMS h1 {font-size:2.08em;} .CMS h2 {font-size:1.54em;} .CMS h3 {font-size:1.23em;} .CMS h4 {font-size:1.1em;} .CMS h5 {font-size:1.05em;} .CMS h6 {font-size:1.0em;} .CMS {font-size:1.3em;} /* Keep P font-size as inherit for proper CMS usage*/ .CMS p {font-size:inherit;} .CMS p.ingress {font-size:1.15em;} .CMS blockquote {margin: 1.5em; font-style: italic;} .CMS strong {font-weight: bold;} .CMS em,dfn {font-style: italic;} .CMS dfn {font-weight: bold;} .CMS sup, sub {line-height: 0;} .CMS pre {margin: 1.5em 0; white-space: pre; } .CMS pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } .CMS img { float:right; margin:0 0 12px 12px} .CMS li ul, .CMS li ol {margin: 0; } .CMS ul, ol {list-style-position:inside; padding-left:17px;} .CMS ul {list-style-type: disc;} .CMS ol {list-style-type: decimal;} .CMS a:link {color:#105993;} .CMS a:visited {color:#105993;} .CMS a:hover {color:#105993; text-decoration: none;} .CMS a:active {color:#105993;} /*---------------------------------------------*/ /*################## Layout ###################*/ /*---------------------------------------------*/ /* - - Content first holders - */ /*** NO PADDING ALLOWED IN THIS SECTION ***/ .cf-container {width:940px; position:relative; margin:0 auto; text-align:left;} .cf-header {position:absolute; top:0; left:0; height:150px; width:100%;} /* ie6 fix */ .cf-content {width:940px; float:left; position:relative;} .cf-bottom {float:left; width:100%; padding:35px 0; background:url(../images/misc/spriteMain.png) repeat-x left -897px;} /* cfSp = Content first spacer Setting the placement to the main containers from the top (cf-content, cf-rightH, cf-leftH) */ .cfSp {margin-top:177px} /*** NO PADDING ALLOWED IN THIS SECTION ***/ cf-container, .cf-header, .cf-content, .cf-rightH, .cf-leftH, .cfSp {padding:0!important} /*---------------------------------------------*/ /*################## Content ##################*/ /*---------------------------------------------*/ .wrapper {width:100%; background:#fff url(../images/misc/bgWrapper.jpg) repeat-x; padding:0 0 50px 0;} /* - - Header - */ /* Logo holder*/ .logo {position:absolute; top:28px; height:47px; width:156px;} .logo a {display: block; height: 47px; width:156px; overflow: hidden; background:url(../images/misc/spriteLogo.png) no-repeat left top;} /* Search holder */ .searchSpot {width: 457px; height: 51px; position: absolute; right: 0; top: 26px;} .bgSearch {float: left; width: 335px; height: 41px; margin: 0 25px 0 0; padding: 10px 0 0 24px; background: url(../images/misc/spriteInputBox.png) no-repeat left -132px;} .bgInputSearch {float: left; width: 278px; height: 35px; line-height: 35px; background: url(../images/misc/spriteInputBox.png) no-repeat left -61px;} .inputSearch {background: none; width: 265px !important; font: italic 1.2em Arial, Helvetica, sans-serif; color: #a9a9a9; padding: 10px 2px 5px 0; margin: 0 0 0 7px;} .btnSearch {float: left; display: inline-block; width: 33px; height:34px; border-style:none; background: url(../images/misc/spriteInputBox.png) no-repeat left -190px; cursor:pointer} .searchLink {margin: 5px 0 0 0; padding: 0; list-style: none; } .searchLink li {display: inline-block; padding: 0 0 0 10px; background: url(../images/misc/spriteBg_Arrows.png) no-repeat left -137px;} .searchLink li a {display: inline-block; font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #1a1a1a; } .searchLink li a:hover {color: #ffe500; } /* Navigation holder */ .navigation {position:absolute; bottom:0; left:0;} /* ie6 fix */ /* - - Main Navigation - */ /* Main nav */ .navigation ul {margin:0 0 0 -6px; display:inline-block;} .navigation li {float: left; position: relative; display:inline-block; margin:0 -7px 0 0; width:auto; z-index:10;} .navigation li a {display:inline-block; font-weight:bold; font-size:1.3em; color:#3b3b3b;} .navigation li span {height:28px; display:inline-block; margin:0 0 0 23px; padding:12px 36px 0 0; cursor:pointer; background:url(../images/misc/spriteMain.png) no-repeat right 3px;} .navigation li:hover {z-index:20;} .navigation li:hover a {text-decoration:none; background:url(../images/misc/spriteMain.png) no-repeat left -397px;} .navigation li:hover a span {background:url(../images/misc/spriteMain.png) no-repeat right -397px;} .navigation li .drop {display:none;} .navigation li:hover .drop {display:inline-block;} .navigation .drop {position:absolute; top:34px; left:3px; z-index:-1; padding:0 0 0 18px; background: url(../images/misc/spriteDropDown.png) no-repeat left bottom;} .navigation .drop .tr {padding:6px 0 0 0; background: url(../images/misc/spriteDropDown.png) no-repeat right top;} .navigation .drop ul {padding:12px 0 18px; margin:0; background: url(../images/misc/spriteDropDown.png) no-repeat right bottom;} .navigation .drop ul li {display: block; float:none; background:none; padding:0; margin:0;} .navigation ul li:hover .drop ul li a {display: block; background:none; padding:0 20px 5px 0; margin:0; font-size:1.2em; font-weight:normal; color:#3b3b3b; white-space:nowrap;} .navigation ul li:hover .drop ul li a:hover {text-decoration:none; font-weight:bold; padding:0 11px 5px 0;} .navigation li.act.home a {background:url(../images/misc/spriteMain.png) no-repeat left -91px;} .navigation li.act.home span {background:url(../images/misc/spriteMain.png) no-repeat right -91px;} .navigation li.act.employer a {background:url(../images/misc/spriteMain.png) no-repeat left -91px;} .navigation li.act.employer span{background:url(../images/misc/spriteMain.png) no-repeat right -91px;} .navigation li.act.private a {background:url(../images/misc/spriteMain.png) no-repeat left -138px;} .navigation li.act.private span {background:url(../images/misc/spriteMain.png) no-repeat right -138px;} .navigation li.act.other a {background:url(../images/misc/spriteMain.png) no-repeat left -185px;} .navigation li.act.other span {background:url(../images/misc/spriteMain.png) no-repeat right -185px;} .navigation li.act.general a {background:url(../images/misc/spriteMain.png) no-repeat left -44px;} .navigation li.act.general span {background:url(../images/misc/spriteMain.png) no-repeat right -44px;} .navigation li.act > a {color:#fff;} .navigation li.act:hover > a {background:url(../images/misc/spriteMain.png) no-repeat left -397px;} .navigation li.act:hover > a span{background:url(../images/misc/spriteMain.png) no-repeat right -397px;} .navigation li.noSub:hover a {background:url(../images/misc/spriteMain.png) no-repeat left -830px} .navigation li.noSub:hover span {background:url(../images/misc/spriteMain.png) no-repeat right -830px !important;} .navigation li.home a {background:none;} .navigation li.home span {margin:0; padding:12px 0 0; width:64px; background:url(../images/misc/spriteMain.png) no-repeat left -234px; } .navigation li.home:hover a {background:none;} .navigation li.home:hover span {background:url(../images/misc/spriteMain.png) no-repeat -342px -234px !important;} .navigation li.home.act a {background:none;} .navigation li.home.act span {background:url(../images/misc/spriteMain.png) no-repeat -636px -234px;} .navigation li.home.act:hover a {background:none;} .navigation li.home.act:hover span{background:url(../images/misc/spriteMain.png) no-repeat -342px -234px !important;} /* Sub Navigation */ .leftNavigation {padding:0; margin:0; font-size:12px} .leftNavigation ul {padding:0; margin:0} .leftNavigation li {padding:0; margin:0 0 1px 0; } .leftNavigation li a {color:#292929; display:block; padding:5px 4px 5px 30px; background:#f5f5f5 url(../images/misc/spriteLeftNavigation.png) no-repeat left 2px; } .leftNavigation li:hover {padding:0; margin:0; margin:0 0 1px 0; } .leftNavigation li a:hover {background:#e3e3e3 url(../images/misc/spriteLeftNavigation.png) no-repeat left 2px} .leftNavigation .act {padding:0; margin:0; margin:0 0 1px 0; } .leftNavigation .act ul {margin:1px 0 0 0} .leftNavigation .act a {color:#292929; display:block; padding:5px 4px 5px 30px; background:#e3e3e3 url(../images/misc/spriteLeftNavigation.png) no-repeat left -173px;} .leftNavigation .act a:hover {background:#e3e3e3 url(../images/misc/spriteLeftNavigation.png) no-repeat left -173px; text-decoration:none} .leftNavigation .act.sub a {background:#e3e3e3 url(../images/misc/spriteLeftNavigation.png) no-repeat left -85px} .leftNavigation .act.sub li a {background:none} .leftNavigation .act.sub li a:hover {text-decoration:underline} .leftNavigation .act.sub ul {padding:0; margin:7px 0} .leftNavigation .act.sub li a {padding:1px 4px 1px 30px;} .leftNavigation .act.sub .act a {font-weight:bold;} .leftNavigation .act.sub .sub a {background:url(../images/misc/spriteLeftNavigation.png) no-repeat left -2px;} .leftNavigation .act.sub .act ul {margin:5px 0 5px 30px} .leftNavigation .act.sub .act li a {padding:2px 4px 2px 15px; font-size:11px; background:url(../images/misc/spriteLeftNavigation.png) no-repeat left -221px;} .leftNavigation .act.sub .act.sub a {font-weight:bold; background:url(../images/misc/spriteLeftNavigation.png) no-repeat left -89px;} .leftNavigation .act.sub .act.sub a:hover {text-decoration:none} .leftNavigation .act.sub .act.sub li a {font-weight:normal; background:url(../images/misc/spriteLeftNavigation.png) no-repeat left -222px;} .leftNavigation .act.sub .act.sub li a:hover {text-decoration:underline} .leftNavigation .act.sub .act.sub .act a {font-weight:bold; background:url(../images/misc/spriteLeftNavigation.png) no-repeat left -222px;} .leftNavigation .act.sub .act.sub .act a:hover {text-decoration:none} /* - - Pagenation - */ .pagenation {font-size:12px; line-height:1.5;} .pagenation ul {margin: 20px 0 0 0; padding: 0; list-style: none; float: right; } .pagenation li {float: left; display: inline-block; margin: 0} .pagenation li a {display: block; font-size:12px; color: #b3b3b3; padding: 2px 6px 0 6px;} .pagenation li a:hover {text-decoration: underline;} .pagenation .nextPageTxt a {color:#333} .pagenation .active {background: url(../images/misc/spriteInputBox.png) no-repeat left -316px; height:20px; } .pagenation .active a {/*color: #fce750;*/ padding:2px 8px 0 6px; } .pagenation .nextPageArrow {background: url(../images/misc/spriteInputBox.png) no-repeat left -316px; height: 20px; } .pagenation .nextPageArrow a {/*color: #fce750;*/ padding: 0px 8px 0 7px; } /* - - Bread crumbs - */ .breadCrumbsH {margin:0 0 28px; background:#f9f9f9; padding:3px 0 0 5px; font-size:1.1em;} .breadCrumbsH li {display:inline-block; float:left; padding:0 14px 0 8px; background: url(../images/misc/spriteMain.png) no-repeat right -606px;} .breadCrumbsH li a {color:#707070; display:inline-block; padding:1px 0 5px;} .breadCrumbsH li a:hover {text-decoration:underline;} .breadCrumbsH li.last {background-image:none;} .breadCrumbsH li.last a {color:#333; font-weight:bold;} /* - - Bottom - */ .spriteFooterTop {width:940px; margin:0 auto; padding:0 0 53px 0; position:relative; background:url(../images/misc/spriteFooter.png) no-repeat right bottom;} .spriteFooterTop .spriteFooterBot {background:url(../images/misc/spriteFooter.png) no-repeat left top; width:940px; padding:14px 0 0;} .spriteFooterTop .footerLogo {position:absolute; bottom:3px; right:15px;} .spriteFooterTop .copyright {position:absolute; bottom:-20px; left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666} .spriteFooterTop .copyright a {color:#666666} .footerLogo a {background:url(../images/misc/spriteLogo.png) no-repeat left -57px; width:110px; height:34px; display:block; text-indent:-9999px} .cf-bottom ul {margin: 0; padding: 16px 0 0 0; } .cf-bottom .col {width:250px; float:left; margin:10px 0 6px 65px; padding:0; overflow:hidden} .cf-bottom .footerL {float: left; width: 722px;} .cf-bottom .footerR {padding: 0pt 15px 0pt 0pt; float: right; width: 180px;} .cf-bottom .kontaktaOss {margin:10px 0 0 0; padding:0; font-size:12px} .cf-bottom .kontaktaOss p {padding:0; margin:0} .cf-bottom .kontaktaOss p a {margin:10px 0 0 0 !important; display:inline-block; color:#228ad0} .cf-bottom .kontaktaOss .mail {padding:16px 0 20px 42px; background:url(../images/misc/mail.png) no-repeat left 5px;} .cf-bottom .kontaktaOss .mail a {color:#228ad0} .cf-bottom .kontaktaOss .phone {padding:15px 0 6px 42px; font-weight:bold; background:url(../images/misc/spriteMain.png) no-repeat left -518px;} .viewAll a {display:inline-block; color:#228ad0; font-size:12px;} /* - - Find office - */ .addresSpot {margin: 0; padding: 0; list-style: none; } .addresSpot li {float: left; display: inline-block; border-bottom: solid 1px #e5e5e5; width: 412px; padding: 20px 0;} .addresSpot li h2 {font-weight: bold; padding: 0 0 2px 12px; margin:0; color:#333; font-size:1.5em;} .addresSpot li span {display: block; font-size: 1.2em; padding: 0 0 2px 12px;} .addresSpot li a {color:#228ad0; padding:0 0 0 12px; font-size: 1.2em;} .addresSpot li a:hover {text-decoration: underline; } .mapSpot h3 {margin:5px 0 12px 10px; color:#333333; } .mapSpot h5 {font-weight:normal; margin:5px 0 12px 12px; color:#333333;} .mapComponent {padding: 0 10px 0 10px; margin: 0 0 17px 0;} .mapSpot .bgInputMap {width:182px; height:29px; margin:0 0 10px 10px; background:url(../images/misc/spriteInputBox.png) no-repeat left -32px; } .mapSpot .bgInputMap input {margin: 0 0 0 3px; width:176px !important; padding: 8px 0 8px; font-size:1.2em; background:none;} .mapSpot .buttonV3 {font-size:1.2em; font-weight: bold; } .mapSpot .buttonV3 span {padding:0 29px 0 20px;} .mapSpot .btnAlign {float:right; margin:0 14px 0 0;} /* - - Calendar page - */ .calendarListing {margin: 0; padding: 0; list-style: none; clear:both; } .calendarListing li {float: left; display: inline-block; border-bottom: solid 1px #e5e5e5; width: 402px; padding: 20px 0 20px 9px } .calendarListing.singel li {border-bottom:none; padding: 20px 0 20px 10px } .calendarListing .first {padding: 12px 0 23px 9px;} .calendarListing li h2 {font-weight: bold; padding: 0 0 7px 0; margin:0; color:#333; } .calendarListing li span {display: block; padding: 0 0 2px 0; font-size:1.2em; } .calendarListing li a {color:#228ad0 !important; font-size:1.2em;} .calendarListing li a:hover {text-decoration: underline; } .calendarListing .dateTxt, .calendarListing .timeTxt, .calendarListing .locationTxt, .calendarListing .mapTxt {float:left; color:#7f7f7f; margin: 0 5px 0 0; font-size:1.2em; } .eventSpot {padding: 15px 10px 21px 10px; border-bottom:solid 1px #dedede; margin: 0 0 21px 0;} .eventSpot label {font-size:1.2em; display:inline-block; margin: 5px 0 20px 9px;} .eventSpot .showEventTxt {font-size:1.2em; display:inline-block; margin: 0 0 10px 0;} .searchEvent {padding: 0 8px 25px 8px; font-size:1.2em;} .searchEvent a {color:#228ad0;} /*.calender {width:179px; border-spacing:2px !important; margin:0 auto; font:1.1em Arial, Helvetica, sans-serif; color:#666; } .calender th {color:#666; text-align:center; padding:5px;} .calender td {text-align:center;} .calender td a {border:1px solid #e5e2e2; display:inline-block; color:#666; background:#fefefe; width:22px; height:19px; padding:5px 0 0 0;} .calender td a:hover {background:#fee514; color:#fff; border:none;} .calender td.currentDay a {color:#f4d60d;} .calender td.currentDay a:hover {color:#fff;} .monthH {background:url(../images/misc/spriteBg_Arrows.png) no-repeat left -65px; width:180px; height:30px; margin:15px auto; } .monthH .calLeftArrow {float:left; display:inline-block; margin: 8px 0 0 8px; width:14px; height:14px; background:url(../images/misc/spriteBg_Arrows.png) no-repeat left -101px;} .monthH .monthTxt {float:left; display:inline-block; font-weight:bold; font-size:1.3em; color:#fff; margin:5px 0 0 0; width:134px; text-align:center;} .monthH .calRightArrow {float:right; display:inline-block; margin: 8px 8px 0 0; width:14px; height:14px; background:url(../images/misc/spriteBg_Arrows.png) no-repeat right -123px;} */ .calender {width:180px; border-collapse:separate !important; border-spacing:2px !important; margin:0 auto; font:1.1em Arial, Helvetica, sans-serif; color:#666; } .calender th {color:#666; text-align:center; padding:5px;} .calender td {text-align:center;} .calender td a {border:1px solid #e5e2e2; display:inline-block; color:#666 !important; background:#fefefe; width:22px; height:19px; padding:5px 0 0 0;} .general .calender td a:hover {background:#FFE500; color:#fff !important; border:solid 1px #FFE500;} .employer .calender td a:hover {background:#4792CC; color:#fff !important; border:solid 1px #4792CC;} .private .calender td a:hover {background:#83B900; color:#fff !important; border:solid 1px #83B900;} .other .calender td a:hover {background:#6F8C9A; color:#fff !important; border:solid 1px #6F8C9A;} .calender td.currentDay a {color:#000 !important;} .calender td.currentDay a:hover {color:#fff !important;} .calender td.currentDay { background:none !important;} .general .calender td.currentDay a {color:#FFE500 !important;} .general .calender td.currentDay a:hover {color:#fff !important;} .general .calender td.currentDay { background:none !important;} .employer .calender td.currentDay a {color:#4792CC;} .employer .calender td.currentDay a:hover {color:#fff !important;} .employer .calender td.currentDay { background:none !important;} .private .calender td.currentDay a {color:#83B900 !important;} .private .calender td.currentDay a:hover {color:#fff !important;} .private .calender td.currentDay { background:none !important;} .other .calender td.currentDay { background:none !important;} .other .calender td.currentDay a {color:#6F8C9A !important;} .other .calender td.currentDay a:hover {color:#fff !important;} .general .monthH {background:url(../images/misc/spriteBg_Arrows.png) no-repeat left -65px; width:180px; height:30px; margin:15px auto; border:none; } .general .calLeftArrow a {float:left; display:inline-block; margin: 5px 0 0 8px; width:14px; height:14px; background: url(../images/misc/spriteBg_Arrows.png) no-repeat left -101px !important; border:none !important; } .general .calRightArrow a {float:right; display:inline-block; margin: 5px 8px 0 0; width:14px; height:14px; background:url(../images/misc/spriteBg_Arrows.png) no-repeat right -123px !important; border:none !important;} .general .monthTxt {display:inline-block; font-weight:bold; text-transform:capitalize !important; color:#fff; margin:7px 0 0 0; text-align:center; background:none; width:135px !important } .employer .monthH {background:url(../images/misc/spriteBg_Arrows.png) no-repeat left -179px; width:180px; height:30px; margin:15px auto; border:none; } .employer .calLeftArrow a {float:left; display:inline-block; margin: 5px 0 0 8px; width:14px; height:14px; background: url(../images/misc/spriteBg_Arrows.png) no-repeat left -275px !important; border:none !important; } .employer .calRightArrow a {float:right; display:inline-block; margin: 5px 8px 0 0; width:14px; height:14px; background:url(../images/misc/spriteBg_Arrows.png) no-repeat right -289px !important; border:none !important;} .employer .monthTxt {display:inline-block; font-weight:bold; text-transform:capitalize !important; color:#fff; margin:7px 0 0 0; text-align:center; background:none; width:135px !important } .private .monthH {background:url(../images/misc/spriteBg_Arrows.png) no-repeat left -210px; width:180px; height:30px; margin:15px auto; border:none; } .private .calLeftArrow a {float:left; display:inline-block; margin: 5px 0 0 8px; width:14px; height:14px; background: url(../images/misc/spriteBg_Arrows.png) no-repeat left -303px !important; border:none !important; } .private .calRightArrow a {float:right; display:inline-block; margin: 5px 8px 0 0; width:14px; height:14px; background:url(../images/misc/spriteBg_Arrows.png) no-repeat right -317px !important; border:none !important;} .private .monthTxt {display:inline-block; font-weight:bold; text-transform:capitalize !important; color:#fff; margin:7px 0 0 0; text-align:center; background:none; width:135px !important } .other .monthH {background:url(../images/misc/spriteBg_Arrows.png) no-repeat left -242px; width:180px; height:30px; margin:15px auto; border:none; } .other .calLeftArrow a {float:left; display:inline-block; margin: 5px 0 0 8px; width:14px; height:14px; background: url(../images/misc/spriteBg_Arrows.png) no-repeat left -331px !important; border:none !important; } .other .calRightArrow a {float:right; display:inline-block; margin: 5px 8px 0 0; width:14px; height:14px; background:url(../images/misc/spriteBg_Arrows.png) no-repeat right -345px !important; border:none !important;} .other .monthTxt {display:inline-block; font-weight:bold; text-transform:capitalize !important; color:#fff; margin:7px 0 0 0; text-align:center; background:none; width:135px !important } /* - - Search Results - */ .searchResults h2 {padding: 0 0 0 12px; color:#333333; font-weight:normal} .searchResults h2 a {padding: 0px !important; font-size:20px !important; font-weight:bold !important; color:#333 !important; text-decoration:none !important;} .searchResults p {font-size:1.4em; margin:4px 0 0 12px; padding:0 0 2px;} .searchResults p span {font-weight:bold; display:block;} .searchResults h5 {margin: 0 0 25px 0; font-weight:normal;} .searchResults {margin: 0; padding: 0; list-style: none;} .searchResults li {float: left; display: inline-block; border-bottom: solid 1px #e5e5e5; width: 412px; padding: 24px 0 24px 12px; font-size:1.2em;} .searchResults .first {padding: 2px 0 24px 0} .searchResults li h2 {font-weight: bold; padding: 0 0 2px 0; margin:0;} .searchResults li a {color:#fbdf11; padding:0 4px;} .searchResults li a:hover {text-decoration: underline;} .searchResults li .row {display:block; margin:-2px 0 0;} .searchResults .txt {margin:5px 0 10px 0; display:block;} ul.pathLinks {display:block; width:368px; float:right;} ul.pathLinks li a {display:inline-block; margin:0; padding: 0 10px 0 6px; white-space:nowrap; background:url(../images/misc/spriteMain.png) no-repeat right -633px;} ul.pathLinks li {float:left; display:inline-block; font-size:1em; width:auto; padding:0; margin:0; border:none;} ul.pathLinks li.last a {background:none;} .searchResultsRight {margin:0; padding:0 0 12px 15px} .searchResultsRight h4 {color:#333; margin:12px 0 8px 0;} .searchResultsRight span {display:block; font-size:1.2em;} .searchResultsRight button span {font-size:12px !important;} .searchResultsRight .label {padding:8px 0 3px 0} .searchResultsRight .inputSpot2 {background:url(../images/misc/spriteInputBox.png) no-repeat left top; width:168px; height:29px;} .searchResultsRight .inputSpot2 input {background:none; width:158px !important; margin:0 6px; padding:7px 0 0; font-size:12px;} .searchResultsRight .qustH {background:url(../images/misc/spriteInputBox.png) no-repeat left -346px; width:168px; height:79px; padding:3px 0 0 3px; margin:0 0 16px 0} .searchResultsRight .qustTextarea {width:155px !important; padding:5px; height:61px !important; font-size:1em; background:transparent} .searchResultsRight .buttonV3 {font-size:1.2em;} .searchResultsRight .buttonV3 span {padding:0 24px 0 8px;} .searchSite {margin: 0 0 28px 0} .visaSpot {width:420px; color:#535353; font-size:1.1em;} .visaSpot .visaSpotLeft {float:left; padding:0 15px 0 10px; color:#000000; display:inline-block; font-size:1.4em; font-weight:bold;} .visaSpot .visaSpotRight {float:left; width:320px} .visaSpot .visaSpotRight .column {float:left; width:150px; padding:0 0 2px 0} .visaSpot .visaSpotRight .column .chkBox {display:inline-block; float:left; width:25px;} .visaSpot .visaSpotRight .column label {display:inline-block; float:left; width:125px; margin:6px 0 0 0; padding:0 0 0 6px} .visaSearch {width:350px;} .visaBgSearch {background:url(../images/misc/bgSearchResult.jpg) no-repeat; width:331px; position:relative; z-index:2; height:29px; margin:17px 0 0 18px} .visaBgSearch input {background:none; border:none; font-size:1.1em; padding: 7px 0 4px 0; left:30px; position:relative; z-index:4; width:295px !important; margin:0 3px 0 0} .visaSearch .bButtonV2 {float:right; margin:5px 0 0 0} /* - - Contactpage - */ .peopleSpot h3 {padding: 0 0 7px} .peopleSpot .boxV3 h3 {color:#333; padding: 4px 0 8px 16px;} .firstName {float:left; width:169px; margin: 0 0 0 16px;} .firstName span {display:block; margin:0 0 3px 0; font-size:1.2em; } .inputSpot input {background:none; width:162px !important; margin: 0 3px 0 3px; padding:6px 0 5px; } .inputSpot {background:url(../images/misc/spriteInputBox.png) no-repeat left top; width:168px; height:29px;} .lastName {float:left; width:169px; margin: 0 0 0 14px;} .lastName span {display:block; margin:0 0 3px 0; font-size:1.2em;} .officeName {float:left; width:169px; margin: 0 15px 0 14px; font-size:1.2em;} .officeName span {display:block; margin:0 0 3px 0;} .searchBtn span {display:block; margin:0 0 5px 0; } .searchBtn .buttonV3 {font-size:1.2em; text-align:center; } .searchBtn .buttonV3 span {padding:0 20px 0 7px;} .peoplePagenation .pagenation { width:700px; float:left; border-top: solid 1px #dbdbdb; } .peopleDetails {margin:16px 0 0 0; padding: 0 0 40px 0; width:720px; } .peopleDetails .contactImg {margin:20px 20px 0 0; height:157px; width:220px; float:left; position:relative;} .peopleDetails .transparentImg {background:url(../images/misc/bgTransparent.png) repeat-y left bottom; height: auto; position:absolute; bottom:0; left:0; display:inline-block; padding:11px 13px; color:#fff; font-weight: normal; font-size:1.2em; line-height:13px; overflow: hidden; width:193px;} .peopleDetails .mail {position: absolute ; bottom:19px; right:12px; display:block; width:25px; height:25px; background: url(../images/misc/spriteMain.png) no-repeat -220px -708px; } .peopleDetails .transparentImg .personName {font-weight:bold; display:block;} .peopleDetails .transparentImg .personJob, .personNo {display:block; } /* - - News page - */ .news h2 {font-weight:bold; color:#333;} .news li {padding: 0 10px 24px; display:inline-block;} .news .txt {font-size:1.2em; margin:4px 0 0 0; padding:0 0 2px 0px;} .news li h2 {font-size:1.4em; font-weight: bold; padding: 0 0 2px 0; margin:0; color:#333;} .news li a {padding:0;} .news li a:hover {text-decoration: underline;} .news .dateText {font-style:italic;color:#999; font-size:1em; padding: 0 0 2px 0; font-size:1.2em; display:block;} .news .arrow {font-size:1.2em; width:122px; padding:0 0 0 24px; font-weight: normal; color:#333; margin:5px 0 0; display:block; text-decoration:none; background:url(../images/misc/spriteMain.png) no-repeat -682px -562px;} .news .arrow:hover {text-decoration:underline;} /* - - FAQ page - */ .eReplySpot .boxV2 .bottom {min-height:70px;} .eReplySpot p {padding:8px 10px 0 10px; font-size:1.3em;} .eReplySpot p span {font-weight:bold;} .chapterWise, .chapterQuestion, .chapterAnswer {margin:0; padding:0; list-style:none;} .chapterWise li {display:block; border-bottom:solid 1px #e5e5e5; padding: 9px 0 9px; margin:0 10px;} .chapterWise li a {display:inline-block; font-size:1.3em; font-weight:bold; padding: 0 0 0 32px; background:url(../images/misc/spriteMain.png) no-repeat -682px -562px;} .chapterQuestion li {display:block; border:none; padding: 10px 0 0 15px; margin:0 0 0 32px; background:url(../images/misc/spriteQuesAns.png) no-repeat} .chapterQuestion li a {display:inline-block; padding:0; background:none;} .chapterAnswer li {display:block; border:none; background:none; padding: 10px 0 0 0; margin:0;} .chapterAnswer li a {display:inline-block; background:none; font-size:1.3em; font-weight:normal;} .chapterAnswer li a:hover {text-decoration:none;} .chapterAnswer li a span {font-weight:bold;} .chapterQuestion .cqNormal {background-position:left 14px;} .chapterQuestion .cqChanged {background-position:-541px 18px;} /*---------------------------------------------*/ /*############# Common Elements ###############*/ /*---------------------------------------------*/ /* - - Backgrounds - */ .bgBlack {background:#000;} .bgGray {background:#888;} .bgWhite {background:#fff; } /* - - Borders - */ .bNo {border:none} /* - - Boxes - */ /* Grey boxes V1-3 */ .boxV1 .heading {text-transform:uppercase; font-weight:bold; display:block; padding:0 0 9px 0; font-size:1.4em;} .boxV1 {background:url(../images/misc/spriteBox.gif) no-repeat -240px top; width:460px; padding:20px 0 0 0} .boxV1 .bottom {background:url(../images/misc/spriteBox.gif) no-repeat -240px bottom; width:420px; padding:0 20px 20px 20px; overflow: hidden;} .boxV2 {background:url(../images/misc/spriteBox.gif) no-repeat left top; width:220px; padding:10px 0 0 0} .boxV2 .bottom {background:url(../images/misc/spriteBox.gif) no-repeat left bottom; width:200px; padding:0 10px 10px; min-height:200px} .boxV3 {background:url(../images/misc/spriteBox.gif) no-repeat -720px top; width:700px; padding:10px 0 0 0; margin: 20px 0 0 0;} .boxV3 .bottom {background:url(../images/misc/spriteBox.gif) no-repeat -720px bottom; width:700px; min-height:100px} /* - - Buttons & Links - */ /* Gray button */ a.buttonV1 {display:inline-block; height:26px; cursor:pointer; text-decoration:none; background:url(../images/misc/spriteMain.png) no-repeat -8px -283px; } a.buttonV1:hover {text-decoration:none;} a.buttonV1 span {display:inline-block; font:bold 1.2em Arial, Helvetica, sans-serif; color:#383838; padding:6px 15px 5px 0; margin-left:15px; text-decoration:none; background:url(../images/misc/spriteMain.png) no-repeat right -283px;} button.buttonV1 {margin:0; padding:0 0 0 12px; display:inline-block; height: 26px; border: 0; cursor: pointer; font:bold 1.2em Arial, Helvetica, sans-serif; color:#383838; background:url(../images/misc/spriteMain.png) no-repeat -8px -283px; } button.buttonV1 span {padding:0 12px 0 0; margin:0px; display: block; height: 26px; line-height: 26px; background:url(../images/misc/spriteMain.png) no-repeat right -283px; } button.buttonV1::-moz-focus-inner { padding:0; border:none;}/* fixing evil default firefox padding */ /* yellow button */ a.buttonV2 {display:inline-block;height:29px; cursor:pointer; text-decoration:none; background:url(../images/misc/spriteMain.png) no-repeat -8px -319px; } a.buttonV2:hover {text-decoration:none;} a.buttonV2 span {display:inline-block; font:bold 1.2em Arial, Helvetica, sans-serif; color:#fff; padding:8px 15px 6px 0; margin-left:15px; text-decoration:none; background:url(../images/misc/spriteMain.png) no-repeat right -319px;} button.buttonV2 {background:url(../images/misc/spriteMain.png) no-repeat -8px -319px; margin:0; padding:0 0 0 12px; display:inline-block; height: 29px; border: 0; cursor: pointer; font:bold 1.2em Arial, Helvetica, sans-serif; color:#fff;} button.buttonV2 span {padding:0 12px 0 0; margin:0px; display: block; height: 29px; line-height: 29px; background:url(../images/misc/spriteMain.png) no-repeat right -319px; } button.buttonV2::-moz-focus-inner { padding:0; border:none;}/* fixing evil default firefox padding */ /* black button */ a.buttonV3 {display:inline-block; height:29px; cursor:pointer; text-decoration:none; background:url(../images/misc/spriteMain.png) no-repeat -8px -358px;} a.buttonV3:hover {text-decoration:none;} a.buttonV3 span {display:inline-block; font:bold 1.2em Arial, Helvetica, sans-serif; color:#fff; padding:8px 15px 6px 0; margin-left:15px; text-decoration:none; background:url(../images/misc/spriteMain.png) no-repeat right -358px;} button.buttonV3 {margin:0; padding:0 0 0 12px; display:inline-block; height: 29px; border: 0; cursor: pointer; font:bold 1.2em Arial, Helvetica, sans-serif; color:#fff; background:url(../images/misc/spriteMain.png) no-repeat -8px -358px;} button.buttonV3 span {padding:0 12px 0 0; margin:0px; display: block; height: 29px; line-height: 29px; background:url(../images/misc/spriteMain.png) no-repeat right -358px; } button.buttonV3::-moz-focus-inner { padding:0; border:none;}/* fixing evil default firefox padding */ .bButtonV1, .bButtonV2, .bButtonV3, .bButtonV4, .bButtonV5, .bButtonV6, .yButtonV1, .yButtonV2, .yButtonV3, .yButtonV4, .yButtonV5, .yButtonV6 {text-transform:uppercase; font-size:12px; color:#FFFFFF; font-weight:bold; cursor:pointer; border:none; padding:0} .gButtonV1, .gButtonV2, .gButtonV3, .gButtonV4, .gButtonV5, .gButtonV6 {text-transform:uppercase; font-size:12px; color:#383838; font-weight:bold; cursor:pointer; border:none; padding:0; margin-left: 13px} /* Black Buttons */ .bButtonV1 {background:url(../images/misc/spriteButtons.png) no-repeat left top; width:47px; height:29px;} .bButtonV2 {background:url(../images/misc/spriteButtons.png) no-repeat left -32px; width:73px; height:29px;} .bButtonV3 {background:url(../images/misc/spriteButtons.png) no-repeat left -64px; width:90px; height:29px;} .bButtonV4 {background:url(../images/misc/spriteButtons.png) no-repeat left -96px; width:103px; height:29px;} .bButtonV5 {background:url(../images/misc/spriteButtons.png) no-repeat left -128px; width:167px; height:29px;} .bButtonV6 {background:url(../images/misc/spriteButtons.png) no-repeat left -160px; width:189px; height:29px;} /* Yellow Buttons */ .yButtonV1 {background:url(../images/misc/spriteButtons.png) no-repeat left -193px; width:47px; height:29px;} .yButtonV2 {background:url(../images/misc/spriteButtons.png) no-repeat left -226px; width:73px; height:29px;} .yButtonV3 {background:url(../images/misc/spriteButtons.png) no-repeat left -259px; width:90px; height:29px;} .yButtonV4 {background:url(../images/misc/spriteButtons.png) no-repeat left -293px; width:103px; height:29px;} .yButtonV5 {background:url(../images/misc/spriteButtons.png) no-repeat left -327px; width:167px; height:29px;} .yButtonV6 {background:url(../images/misc/spriteButtons.png) no-repeat left -361px; width:189px; height:29px;} /* Grey Buttons */ .gButtonV1 {background:url(../images/misc/spriteButtons.png) no-repeat left -395px; width:47px; height:29px;} .gButtonV2 {background:url(../images/misc/spriteButtons.png) no-repeat left -428px; width:73px; height:29px;} .gButtonV3 {background:url(../images/misc/spriteButtons.png) no-repeat left -461px; width:90px; height:29px;} .gButtonV4 {background:url(../images/misc/spriteButtons.png) no-repeat left -494px; width:103px; height:29px;} .gButtonV5 {background:url(../images/misc/spriteButtons.png) no-repeat left -527px; width:167px; height:29px;} .gButtonV6 {background:url(../images/misc/spriteButtons.png) no-repeat left -560px; width:189px; height:29px;} /* popupbox Gray button */ a.buttonV4 {display:inline-block; height:29px; cursor:pointer; text-decoration:none; background: url(../images/misc/popupBtnsprite.png) no-repeat top left;} a.buttonV4:hover {text-decoration:none;} a.buttonV4 span {display:inline-block; font:bold 1.2em Arial, Helvetica, sans-serif; color:#383838; padding:6px 15px 15px 0; margin-left:14px; text-decoration:none; background:url(../images/misc/popupBtnsprite.png) no-repeat right -30px; } button.buttonV4 {margin:0; padding:0 0 0 12px; display:inline-block; height: 29px; border: 0; cursor: pointer; font:bold 1.2em Arial, Helvetica, sans-serif; color:#383838; background:url(../images/misc/popupBtnsprite.png) no-repeat left top; } button.buttonV4 span {padding:0 10px 0 0; margin:0px; display: block; height: 29px; line-height: 26px; background:url(../images/misc/popupBtnsprite.png) no-repeat right bottom ;} button.buttonV4::-moz-focus-inner { padding:0; border:none;}/* fixing evil default firefox padding */ /* Link text with icon on right side */ .linkV1 {display:block; padding:1px 24px 3px 0;} .employer .linkV1 {background:url(../images/misc/spriteMain.png) no-repeat right -453px;} .private .linkV1 {background:url(../images/misc/spriteMain.png) no-repeat right -489px;} .other .linkV1 {background:url(../images/misc/spriteMain.png) no-repeat right -525px;} .general .linkV1 {background:url(../images/misc/spriteMain.png) no-repeat right -561px;} /* - - Colors - */ .grayLight { color:#777;} /* - - Carousell:s - */ .carouselH1 {margin:50px 0 0;} /* - Big - width-full - 3 slide - */ .slidingH .description, .slidingH .descriptionCal, .slidingH .dateCal, .slidingH .date, .slidingH .imgH {display:block;} .slidingH {width:180px; margin:0 auto;} .slidingH .heading {display:block; font-size:15px; font-weight:bold; padding:8px 0 3px 0} .slidingH .date a {color:#228ad0} .slidingH.calender .description span{color:#7f7f7f} .slidingH.calender .date span {color:#7f7f7f} .slidingH .imgH {width:180px; height:141px;} /* Calender */ .employer.slidingH.calender .imgH {background:url(../images/carousel/bigCalNews.gif) no-repeat 0px top} .private.slidingH.calender .imgH {background:url(../images/carousel/bigCalNews.gif) no-repeat -180px top} .other.slidingH.calender .imgH {background:url(../images/carousel/bigCalNews.gif) no-repeat -360px top} .general.slidingH.calender .imgH {background:url(../images/carousel/bigCalNews.gif) no-repeat -540px top} /* News */ .employer.slidingH.news .imgH {background:url(../images/carousel/bigCalNews.gif) no-repeat 0px bottom} .private.slidingH.news .imgH {background:url(../images/carousel/bigCalNews.gif) no-repeat -180px bottom} .other.slidingH.news .imgH {background:url(../images/carousel/bigCalNews.gif) no-repeat -360px bottom} .general.slidingH.news .imgH {background:url(../images/carousel/bigCalNews.gif) no-repeat -540px bottom} /* Images */ .slidingH.document .imgH {background:url(../images/carousel/Document-icon.png) no-repeat 0px top} .slidingH.clock .imgH {background:url(../images/carousel/bigImages.jpg) no-repeat 0px top} .slidingH.girl .imgH {background:url(../images/carousel/bigImages.jpg) no-repeat -180px top} .slidingH.computer .imgH {background:url(../images/carousel/bigImages.jpg) no-repeat -360px top} /* - Medium - width-15 - 3 slide - */ .slidingH2 .description, .slidingH2 .descriptionCal, .slidingH2 .dateCal, .slidingH2 .date, .slidingH2 .imgH {display:block;} .slidingH2 {width:156px; margin:0 auto;} .slidingH2 .imgH {height:105px;margin:0 auto;} .slidingH2 .heading {display:block; font-size:15px; font-weight:bold; padding:8px 0 3px 0} .slidingH2 .date a {color:#228ad0} .slidingH2.calender .description span {color:#7f7f7f} .slidingH2.calender .date span {color:#7f7f7f} .slidingH2 .imgH {width:156px;} /* Calender */ .employer.slidingH2.calender .imgH {background:url(../images/carousel/mediumCalNews.gif) no-repeat 0px top} .private.slidingH2.calender .imgH {background:url(../images/carousel/mediumCalNews.gif) no-repeat -156px top} .other.slidingH2.calender .imgH {background:url(../images/carousel/mediumCalNews.gif) no-repeat -312px top} .general.slidingH2.calender .imgH {background:url(../images/carousel/mediumCalNews.gif) no-repeat -468px top} /* News */ .employer.slidingH2.news .imgH {background:url(../images/carousel/mediumCalNews.gif) no-repeat 0px bottom} .private.slidingH2.news .imgH {background:url(../images/carousel/mediumCalNews.gif) no-repeat -156px bottom} .other.slidingH2.news .imgH {background:url(../images/carousel/mediumCalNews.gif) no-repeat -312px bottom} .general.slidingH2.news .imgH {background:url(../images/carousel/mediumCalNews.gif) no-repeat -468px bottom} /* Images */ .slidingH2.clock .imgH {background:url(../images/carousel/mediumImages.jpg) no-repeat 0px top} .slidingH2.girl .imgH {background:url(../images/carousel/mediumImages.jpg) no-repeat -156px top} .slidingH2.computer .imgH {background:url(../images/carousel/mediumImages.jpg) no-repeat -312px top} /* - Small - width-10 - 2 slide - */ .slidingH3 {width:220px; position:relative;} /* - - Forms - */ /* Popup Box */ .popupTop {background:url(../images/misc/popupSprite.png) no-repeat right bottom; width:430px; padding:0 0 10px 0} .popupBottom {background:url(../images/misc/popupSprite.png) no-repeat -1px top; width:430px; padding:0 0 0 0; } .formH .popupinputBox {width:348px; margin:5px 0 0 8px; font:normal 12px Arial, Helvetica, sans-serif; color:#333333; background:none; height:21px; border:none;} .nameInfo {float:left; width:175px;} .epostInfo {float:left; width:175px;} .nameInfo div {} .formH {width:424px; overflow:hidden; padding:20px 0 16px; font:normal 12px Arial, Helvetica, sans-serif; color:#343434; margin:0 auto} .formH h2 {font:normal 20px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0px 30px; color:#343434;} .inputBoxBg {background:url(../images/misc/bgPopupinput.jpg) no-repeat top left; width:169px; height:29px; margin:0 20px 5px 0;} .inputtextArea {background:url(../images/misc/bgPopuptextArea.jpg) no-repeat top left; width:355px; height:80px;} .formH .label {padding:2px 0 8px 0; font-weight:bold; color:#999999;} .buttonH {float:right; padding:16px 0 0 0; margin:0 75px 0 0;} .formH .popupinputBox {width:160px; margin:5px 0 0 8px; font:normal 12px Arial, Helvetica, sans-serif; color:#333333; background:none; border:none;} .signinBtn {background:url(../images/misc/lightboxBtn.gif) no-repeat top left; width:95px; height:29px; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#343434; cursor:pointer; text-transform:uppercase; padding:-10px 0 0 0; margin:0} .popUpclose {position: relative; left:390px; top:-30px; width:20px ; height:20px;} /* popupbox black button */ a.btnpopUp {display:inline-block; background:url(../images/misc/spriteMain.png) no-repeat -8px -358px; height:29px; cursor:pointer; text-decoration:none;} a.btnpopUp:hover {text-decoration:none;} a.btnpopUp span {display:inline-block; background:url(../images/misc/spriteMain.png) no-repeat right -358px; font:bold 0.9em Arial, Helvetica, sans-serif; color:#fff; padding:8px 22px 7px 10px; margin-left:15px; text-decoration:none;} button.btnpopUp {background:url(../images/misc/spriteMain.png) no-repeat -8px -358px; margin:0; padding:0 0 0 12px; display:inline-block; height: 29px; border: 0; cursor: pointer; font:bold 0.9em Arial, Helvetica, sans-serif; color:#fff;} button.btnpopUp span {background:url(../images/misc/spriteMain.png) no-repeat right -358px; padding:0 12px 0 0; margin:0px; display: block; height: 29px; } button.btnpopUp:-moz-focus-inner { padding:0; border:none;}/* fixing evil default firefox padding */ /* popupbox Gray button */ a.btnpopUpGry {display:inline-block; background: url(../images/misc/popupBtnsprite.png) no-repeat top left; height:29px; cursor:pointer; text-decoration:none; margin:0 5px 0px 0} a.btnpopUpGry:hover {text-decoration:none;} a.btnpopUpGry span {display:inline-block; background:url(../images/misc/popupBtnsprite.png) no-repeat right -30px ; font:bold 0.9em Arial, Helvetica, sans-serif; color:#383838; padding:8px 22px 7px 10px; margin-left:14px; text-decoration:none;} button.btnpopUpGry {background:url(../images/misc/popupBtnsprite.png) no-repeat left top; margin:0; padding:0 0 0 12px; display:inline-block; height: 29px; border: 0; cursor: pointer; font:bold 0.9em Arial, Helvetica, sans-serif; color:#383838;} button.btnpopUpGry span {background:url(../images/misc/popupBtnsprite.png) no-repeat right bottom; padding:0 10px 0 0; margin:0px; display: block; height: 29px; } button.btnpopUpGry:-moz-focus-inner { padding:0; border:none;}/* fixing evil default firefox padding */ /* - - Lists - */ /* Dot List - dot color after theme */ .listDots li a {text-decoration:none; color:#333; font-size:1.2em; display:inline-block; } .listDots li a:hover {text-decoration:underline; } .listDots li {margin:0 0 5px 0; padding:0 0 0 20px; list-style-type:none} .employer ul.listDots li {background:url(../images/misc/spriteMain.png) no-repeat -90px -448px;} .private ul.listDots li {background:url(../images/misc/spriteMain.png) no-repeat -70px -466px;} .general ul.listDots li {background:url(../images/misc/spriteMain.png) no-repeat -50px -484px;} .other ul.listDots li {background:url(../images/misc/spriteMain.png) no-repeat -30px -502px;} /* Arrow List - dot color after theme - Gray background */ .arrowDots li {padding:0; margin:0 0 1px 0;} .arrowDots li a {color:#292929; display:block; padding:5px 4px 0px 37px; height:23px; font-size:1.2em;} .employer ul.arrowDots li a {background:#f5f5f5 url(../images/misc/spriteMain.png) no-repeat -672px -449px;} .private ul.arrowDots li a {background:#f5f5f5 url(../images/misc/spriteMain.png) no-repeat -672px -485px;} .other ul.arrowDots li a {background:#f5f5f5 url(../images/misc/spriteMain.png) no-repeat -672px -521px;} .general ul.arrowDots li a {background:#f5f5f5 url(../images/misc/spriteMain.png) no-repeat -672px -557px;} .arrowDots li a:hover {background-color:#e3e3e3} /* Arrow List - dot color after theme - No background */ .arrowDotsNoBG li {padding:0; margin:0 0 1px 0;} .arrowDotsNoBG li a {color:#292929; padding:5px 4px 1px 34px; height:23px; font-size:1.3em;} .employer ul.arrowDotsNoBG li a {background: url(../images/misc/spriteMain.png) no-repeat -672px -449px; margin:0 0 0 10px;} .private ul.arrowDotsNoBG li a {background: url(../images/misc/spriteMain.png) no-repeat -672px -485px; margin:0 0 0 10px;} .other ul.arrowDotsNoBG li a {background: url(../images/misc/spriteMain.png) no-repeat -672px -521px; margin:0 0 0 10px;} .general ul.arrowDotsNoBG li a {background: url(../images/misc/spriteMain.png) no-repeat -672px -557px; margin:0 0 0 10px;} .arrowDots li a:hover {text-decoration:underline;} /* Tools & Doc lists */ .listC {width:190px; margin:40px 3px 0 0; float:left; border-left:2px solid #e4e4e4; padding:0 0 0 24px} .listC h5 {color:#333; } .listToolsV, .listDocV {margin:16px 0 0 0; } .listToolsV li a, .listDocV li a {display: inline-block; height:24px; text-decoration: none; line-height:10px; font-size:1.1em; padding:8px 0 0 32px; } .listToolsV li a:hover, .listDocV li a:hover {text-decoration:underline;} .listToolsV li .twitter {background: url(../images/misc/spriteMain.png) no-repeat -220px -619px;} .listToolsV li .facebook {background: url(../images/misc/spriteMain.png) no-repeat -220px -663px;} .listToolsV li .mailbox {background: url(../images/misc/spriteMain.png) no-repeat -220px -707px;} .listToolsV li .print {background: url(../images/misc/spriteMain.png) no-repeat -220px -751px;} .listToolsV li .comment {background: url(../images/misc/spriteMain.png) no-repeat -481px -765px;} .listDocV li .pdf {background: url(../images/misc/spriteMain.png) no-repeat -220px -540px;} .listDocV li .doc {background: url(../images/misc/spriteMain.png) no-repeat -220px -578px;} .listH {width:200px; border-bottom:solid 2px #e4e4e4; padding: 0 0 12px 0; float:right;} .listH span {float: left; display:inline-block; font-weight:bold; margin: 4px 12px 0 0; color:#333; font-size:1.2em;} .listToolsH {margin:0; padding:0; list-style:none;} .listToolsH li {float:left; display:inline; margin: 0 0 0 7px;} .listToolsH li a {display:block; height:25px; width: 25px;} .listToolsH li .twitter {background: url(../images/misc/spriteMain.png) no-repeat -220px -620px;} .listToolsH li .facebook {background: url(../images/misc/spriteMain.png) no-repeat -220px -663px;} .listToolsH li .print {background: url(../images/misc/spriteMain.png) no-repeat -220px -751px;} .listToolsH li .mailbox {background: url(../images/misc/spriteMain.png) no-repeat -220px -707px;} /* - - Quicklinks - */ .quickLinks li {display:inline;} .quickLinks li span {margin:0; width:220px; height:48px; display:inline-block; background: url(../images/misc/spriteMain.png) no-repeat right -710px; } .quickLinks li a {display:block; line-height:47px; font-size:1.3em; text-decoration:none; color:#333; padding:0 0 0 46px; margin:0 0 0 16px;} .quickLinks li a:hover {text-decoration:underline;} .quickLinks li .fast1 {background: url(../images/misc/spriteMain.png) no-repeat left -518px;} .quickLinks li .fast2 {background: url(../images/misc/spriteMain.png) no-repeat left -612px;} .quickLinks li .fast3 {background: url(../images/misc/spriteMain.png) no-repeat left -660px;} .quickLinks li .fast4 {background:url(../images/misc/mail.png) no-repeat left 6px;} .quickLinks li .fast5 {background: url(../images/misc/spriteMain.png) no-repeat left -701px;} /* - - Find directly - */ .findDirectly .imgH {width:115px; height:110px; float:left; margin:20px 0 0 10px; padding:2px 0 0 22px; background: url(../images/misc/bgImgHolder.png) no-repeat ; } .findDirectly .heading {font-size:1.6em; font-weight:bold;float:right; margin:25px 58px 0 8px; width:245px; } .findDirectly .txt {font-size:1.2em; font-weight: normal; display:inline-block; width:220px; margin:5px 83px 0 10px; float:right; } .findDirectly ul .first {background: url(../images/misc/bgFirstBlock.jpg) repeat-x; width:460px; min-height:150px;} .findDirectly ul li a {float:left; border-bottom:1px solid #e8e8e8; padding:0 0 18px 0; background:url(../images/misc/spriteHorizontalNextPrev.png) no-repeat 408px -120px; width:460px;} .findDirectly ul li a:hover {text-decoration:none; background:url(../images/misc/spriteHorizontalNextPrev.png) no-repeat 408px -327px;} .findDirectly ul .last {width:460px; min-height:150px; float:left; background: url(../images/misc/bgLastBlock.jpg) repeat-x left bottom; } .findDirectly ul .last a {border:none;} /* - - Last Modified text - */ .modified {width:671px; padding:8px 0 0 8px; border-top:solid 1px #e5e5e7; font-style:italic; font-size:1.2em; color:#2e2e2e; margin:30px 0 0;} .pubModH { margin:-16px 0 16px 0;} .publishedTop, modifiedTop {text-transform:uppercase; color:#999; font-size:11px; display:inline-block; padding:0 0 0 0;} .modifiedTop {color:#666; font-style:italic; font-weight:bold; padding:0 0 0 10px;} /* - - Lokalkontor page - - */ .localOffices {display:block; padding:0 10px 0;} .localOffices li {padding:0; margin:0 0 2px 0; clear:both; display:block;} .localOffices .imgH {width:120px; height:110px; float:left; margin:0 2px 0 0; padding:3px 12px 0 0; background: url(../images/misc/bgImgHolder.png) no-repeat;} .localOffices .imgH img {padding:0 0 0 22px} .localOffices .txt {float:left; width:276px; padding:0 0 16px 0;} .localOffices ul {margin:0 0 0 -20px; padding:0;} .localOffices h3 {color:#333; padding:0 0 8px 0} .localOffices p {font-size:1.3em; padding:0 0 4px 0;} .localAddrs p {font-size:1.3em; padding:0 0 6px 0;} .localAddrs p .mailTo {text-decoration:underline} .localAddrs p .mailTo:hover {text-decoration:none} .localAddrs p .viewLargeMap {color:#228ad0 !important;} .localAddrs h3 {color:#333;} .directions {position:relative; width:190px;} .directions .inputBg {background:url(../images/misc/spriteInputBox.png) no-repeat left -432px; height:29px; position:relative} .directions .inputBg .inputBox {width:118px; margin:6px 0 0 5px; background:none; font-size:1.3em; color:#999; font-style:italic;} .directions button {position:absolute; bottom:0; right:-10px !important} .directions button span {padding:0 19px 0 10px !important} .directions h3 {color:#333; padding:0 0 10px 0;} /* - - Tables- */ /* - - Puffs - */ /* Full color */ .puffFull {height:205px; width:220px; display:block; overflow:hidden;} .puffFull:hover, .puffImg:hover {text-decoration:none; cursor:pointer;} .puffFull span {font-size:2.2em; padding:25px 22px 22px; color:#FFF; display:block; font-weight:bold;} .employer .puffFull {background:url(../images/misc/spritePuffar.png) no-repeat left top;} .private .puffFull {background:url(../images/misc/spritePuffar.png) no-repeat -231px top;} .other .puffFull {background:url(../images/misc/spritePuffar.png) no-repeat -462px top;} .general .puffFull {background:url(../images/misc/spritePuffar.png) no-repeat right top;} /* Image + tansparent text holder */ .puffImg {position:relative; display:block; width:220px; height:134px; cursor:pointer;} .puffImg .frame {display:block; width:220px; height:134px; position:absolute; top:0px; left:0px; z-index:3; background:url(../images/misc/spritePuffar.png) no-repeat left -225px;} .puffImg .txt {display:block; position:absolute; bottom:0px; left:0px; width:152px; height:auto; overflow:hidden; padding:7px 54px 7px 14px; color:#FFF; font-size:12px; font-weight: bold; z-index:2; } .puffImg:hover .txt {text-decoration:underline; color:#FFF;} .employer .puffImg .txt {background:url(../images/misc/spritePuffar.png) no-repeat left bottom;} .private .puffImg .txt {background:url(../images/misc/spritePuffar.png) no-repeat -231px bottom;} .other .puffImg .txt {background:url(../images/misc/spritePuffar.png) no-repeat -462px bottom;} .general .puffImg .txt {background:url(../images/misc/spritePuffar.png) no-repeat right bottom;} .external .puffImg .txt {background:url(../images/misc/spritePuffar.png) no-repeat -926px bottom;} /* A - O Page */ .aoPage {} .aoPage ul {margin:0; padding:0; list-style:none;} .aoPage li {padding: 3px 0;} .aoPage li a {text-decoration: none; color:#333333; font-size: 12px;} .aoPage li a:hover {color:#ffe500; text-decoration:underline;} /*---------------------------------------------*/ /*############## Miscellaneous ################*/ /*---------------------------------------------*/ /* - - Temporary height:s - */ .height245 {height:245px;} .height350 {height:350px;} /* - - General Classes - */ .indentH5 {display:block; padding:0 5px 0;} .indentH10 {display:block; padding:0 10px 0;} .interactiveSceneH1 {height:245px; padding:0 0 20px;} .hand {cursor:pointer} .noWrap {white-space:nowrap} /* - Display - */ .dIn {display:inline} .dInBl {display:inline-block} .dBl, .show {display:block} .hide {display:none} /* - Text - */ .txtL {text-align:left} .txtR {text-align:right} .txtC {text-align:center} .uLine {text-decoration:underline} .bold {font-weight:bold} .normal {font-weight:normal} .italic {font-style:italic} .capitalize {text-transform:capitalize} .upperCase {text-transform:uppercase} /* - Floats - */ .fLeft {float:left} .fRight {float:right} .fNo {float:none} /* - Positioning - */ .absolute {position:absolute} .relative {position:relative} .static {position:static} .fixed {position:fixed} /* - Clearing - */ .clear:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;} .clear {display:block; clear:both} /* - Font sizes - */ .f9 {font-size:0.9em;} .f10{font-size:1.0em;} .f11{font-size:1.1em;} .f12{font-size:1.2em;} .f14{font-size:1.4em;} .f16{font-size:1.6em;} .f18{font-size:1.8em;} .f20{font-size:2.0em;} .f22{font-size:2.2em;} .f24{font-size:2.4em;} .f26{font-size:2.6em;} .f28{font-size:2.8em;} /*-----------------*/ /***** Margins *****/ /*-----------------*/ /* TRouBLed-order: Top, Right, Bottom, Left */ .m0{margin:0} .m1{margin:1px} .m2{margin:2px} .m3{margin:3px} .m4{margin:4px} .m5{margin:5px} .m6{margin:6px} .m8{margin:8px} .m10{margin:10px} .m12{margin:12px} .m14{margin:14px} .m16{margin:16px} .m20{margin:20px} /* - Margin Top - */ .mt0{margin-top:0} .mt1{margin-top:1px} .mt2{margin-top:2px} .mt3{margin-top:3px} .mt4{margin-top:4px} .mt5{margin-top:5px} .mt6{margin-top:6px} .mt8{margin-top:8px} .mt10{margin-top:10px} .mt12{margin-top:12px} .mt14{margin-top:14px} .mt16{margin-top:16px} .mt20{margin-top:20px} .mt30{margin-top:30px} .mt40{margin-top:40px} /* - Margin Right - */ .mr0{margin-right:0} .mr1{margin-right:1px} .mr2{margin-right:2px} .mr3{margin-right:3px} .mr4{margin-right:4px} .mr5{margin-right:5px} .mr6{margin-right:6px} .mr8{margin-right:8px} .mr10{margin-right:10px} .mr12{margin-right:12px} .mr14{margin-right:14px} .mr16{margin-right:16px} .mr20{margin-right:20px} /* - Margin Bottom - */ .mb0{margin-bottom:0} .mb1{margin-bottom:1px} .mb2{margin-bottom:2px} .mb3{margin-bottom:3px} .mb4{margin-bottom:4px} .mb5{margin-bottom:5px} .mb6{margin-bottom:6px} .mb7{margin-bottom:7px} .mb8{margin-bottom:8px} .mb10{margin-bottom:10px} .mb12{margin-bottom:12px} .mb14{margin-bottom:14px} .mb16{margin-bottom:16px} .mb20{margin-bottom:20px} /* - Margin Left - */ .ml0{margin-left:0} .ml1{margin-left:1px} .ml2{margin-left:2px} .ml3{margin-left:3px} .ml4{margin-left:4px} .ml5{margin-left:5px} .ml6{margin-left:6px} .ml8{margin-left:8px} .ml10{margin-left:10px} .ml12{margin-left:12px} .ml14{margin-left:14px} .ml16{margin-left:16px} .ml20{margin-left:20px} /*------------------*/ /***** Paddings *****/ /*------------------*/ /* TRouBLed-order: Top, Right, Bottom, Left */ .p0{padding:0} .p1{padding:1px} .p2{padding:2px} .p3{padding:3px} .p4{padding:4px} .p5{padding:5px} .p6{padding:6px} .p8{padding:8px} .p10{padding:10px} .p12{padding:12px} .p14{padding:14px} .p16{padding:16px} .p20{padding:20px} /* - Padding Top - */ .pt0{padding-top:0} .pt1{padding-top:1px} .pt2{padding-top:2px} .pt3{padding-top:3px} .pt4{padding-top:4px} .pt5{padding-top:5px} .pt6{padding-top:6px} .pt8{padding-top:8px} .pt10{padding-top:10px} .pt12{padding-top:12px} .pt14{padding-top:14px} .pt16{padding-top:16px} .pt20{padding-top:20px} /* - Padding Right - */ .pr0{padding-right:0} .pr1{padding-right:1px} .pr2{padding-right:2px} .pr3{padding-right:3px} .pr4{padding-right:4px} .pr5{padding-right:5px} .pr6{padding-right:6px} .pr8{padding-right:8px} .pr10{padding-right:10px} .pr12{padding-right:12px} .pr14{padding-right:14px} .pr16{padding-right:16px} .pr20{padding-right:20px} /* - Padding Bottom - */ .pb0{padding-bottom:0} .pb1{padding-bottom:1px} .pb2{padding-bottom:2px} .pb3{padding-bottom:3px} .pb4{padding-bottom:4px} .pb5{padding-bottom:5px} .pb6{padding-bottom:6px} .pb8{padding-bottom:8px} .pb10{padding-bottom:10px} .pb12{padding-bottom:12px} .pb14{padding-bottom:14px} .pb16{padding-bottom:16px} .pb20{padding-bottom:20px} .pb30{padding-bottom:30px} .pb40{padding-bottom:40px} /* - Padding Left - */ .pl0{padding-left:0} .pl1{padding-left:1px} .pl2{padding-left:2px} .pl3{padding-left:3px} .pl4{padding-left:4px} .pl5{padding-left:5px} .pl6{padding-left:6px} .pl8{padding-left:8px} .pl10{padding-left:10px} .pl12{padding-left:12px} .pl14{padding-left:14px} .pl16{padding-left:16px} .pl20{padding-left:20px} /* added by vijai*/ .peoplepagination { width:700px; float:left; border-top: solid 1px #dbdbdb; } .contactImg a:hover { text-decoration:none; cursor:pointer; } .searchResultsRight #ctl00_cpPageContent_uclSendMail_lblMessage { padding :0 !important;} .calendarListing h2.header span { text-transform:capitalize !important;} /*added by olga */ .peoplepaginationColorMargin{color: #ffe500; text-decoration: none;} .peoplepaginationMessageMargin{ margin-left:2px; margin-right: 2px;} .mmargin{margin-left: 13px;} .at300bs { display:none !important; }