/*@import url(//db.onlinewebfonts.com/c/5e954afee1a0cff3c040566913663349?family=VAGRoundedLTW01-Light); @font-face {font-family: "VAG Rounded W01 Light"; src: url("//db.onlinewebfonts.com/t/5e954afee1a0cff3c040566913663349.eot"); src: url("//db.onlinewebfonts.com/t/5e954afee1a0cff3c040566913663349.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/5e954afee1a0cff3c040566913663349.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/5e954afee1a0cff3c040566913663349.woff") format("woff"), url("//db.onlinewebfonts.com/t/5e954afee1a0cff3c040566913663349.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/5e954afee1a0cff3c040566913663349.svg#VAGRoundedLTW01-Light") format("svg"); }*/ @font-face {font-family: "VAG Rounded W01 Light"; src: url("../media/fonts/5e954afee1a0cff3c040566913663349.eot"); /* IE9*/ src: url("https://db.onlinewebfonts.com/t/5e954afee1a0cff3c040566913663349.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../media/fonts/5e954afee1a0cff3c040566913663349.woff2") format("woff2"), /* chrome firefox */ url("../media/fonts/5e954afee1a0cff3c040566913663349.woff") format("woff"), /* chrome firefox */ url("../media/fonts/5e954afee1a0cff3c040566913663349.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/ url("https://db.onlinewebfonts.com/t/5e954afee1a0cff3c040566913663349.svg#VAGRoundedLTW01-Light") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "VAG Rounded W01 Regular"; src: url("../media/fonts/5e954afee1a0cff3c040566913663349.eot"); /* IE9*/ src: url("https://db.onlinewebfonts.com/t/5e954afee1a0cff3c040566913663349.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../media/fonts/5e954afee1a0cff3c040566913663349.woff2") format("woff2"), /* chrome firefox */ url("../media/fonts/5e954afee1a0cff3c040566913663349.woff") format("woff"), /* chrome firefox */ url("../media/fonts/5e954afee1a0cff3c040566913663349.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/ url("https://db.onlinewebfonts.com/t/5e954afee1a0cff3c040566913663349.svg#VAGRoundedLTW01-Light") format("svg"); /* iOS 4.1- */ } @charset "UTF-8"; /* Tinies template CSS */ /*********************** Reset ***********************/ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, img, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; outline: none; /*border: none;*/ } body { background: #E5F8FC; font-family: "VAG Rounded W01 Light";} /*********************** Basic Definitions ***********************/ .clear-fix { margin-left: auto; margin-right: auto; width: 1020px} .clear { clear: both; } .clear-all {clear: both;} .left { float:left;} .right { float: right;} .center {text-align: center;} .column { display: block; float: left; height: auto;} .border-right { border-right: 1px solid #E8E8E8; padding: 0 17px 0 5px;} .margin-fix { margin: 30px 15px; width: 94%;} .margin {margin-top: 10px;} .margin-top10 { margin-top: 10px !important;} .margin-top20 {margin-top: 20px;} .margin-bottom10 { margin-bottom: 10px !important;} .margin-bottom20 { margin-bottom: 20px;} .margin-left10 { margin-left: 10px !important;} .margin-right10 {margin-right: 10px !important;} .margin-left20 { margin-left: 20px;} .paddingL10 {padding-left: 10px;} .section-break {width: auto; border-top: 1px solid #e8e8e8; display: block;} .section-break-head {width: auto; border-top: 1px solid #e8e8e8; display: block; padding-bottom:10px;} .spacer25 { display: block; float: left; height: 10px !important; width: 100px;} .twenty { margin: 0px 0 25px 25px; width: 220px;} .fifty { width: 340px; } .hundred { width: 702px; margin: 15px 0;} .W200 {width: 200px; height: 315px;} .W500 {width: 500px; height: 315px;} .spacerH270 {height: 194px; width: auto;} .spacerHeadSub1 { height: 20px;clear: both;} .spacerHeadSub2{ height: 16px;clear: both;} img{border:0;} /*********************** All Header Elements ***********************/ #toolbar { /* background-color: #fff; */ display: block;/* height: 40px; */ left: 0; margin-bottom: 0; width: 100%;} #toolbar #tb-wrapper {background-color: #fff; display: block; float: left; /* height: 40px; */ width: 1020px;} .headlogo{ width: 175px; margin: 10px 10px; float: left; } .menuwrapper{clear: both; width: 1020px; margin: 0 auto;padding-top:10px;} #main-wrapper { background-color: #FFFFFF; height: auto; margin-left: auto; margin-right: auto; width: 1020px; box-shadow: 0 4px 10px #999999; -webkit-box-shadow: 0 4px 10px #999999; -moz-box-shadow: 0 4px 10px #999999; margin-top:-75px; paddin-top:75px; } #header { display: none; float: left; height: 160px; width: 1020px; background: #fff; } #header ul{list-style-type: none;} #header .holder { width: auto; height: auto; display: block; padding: 21px 20px 20px 21px; background: #fff;} #header .holder a{margin-top: 20px; display: block;} #header .holderSign { width: auto; height: auto; display: block; padding: 0; background: #fff;} /* #menu-wrapper { background-color: #A1A1A4; display: block; float: left; height: 39px; padding-left: 20px; width: 1000px; border-bottom: 1px solid #D9D9DB; border-top: 1px solid #D9D9DB;} */ #menu-wrapper { background-color: #00334e; display: block; float: left; height: 39px; border-bottom: 1px solid #D9D9DB;/* border-top: 1px solid #D9D9DB; */margin: auto; width: 100%;padding-left: 0; /* text-align: center; */} #nav-aid { display: block; float: left; height: 30px; padding-top: 14px; padding-right: 0; padding-bottom: 2; padding-left: 20px; width: 1000px; } #conslider { width:745px; height: 339px; float: left; display: block; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url('PIE-1.0.0/PIE.htc'); z-index: 500; zoom:1; margin-bottom: 20px; } .nurseryConslider{ width:705px !important; } /*********************** All Main Content Elements ***********************/ .mod-wrapper.left {width: auto; height: auto;} .mod-wrapper.right {width: auto; height: auto;} #content-wrapper { min-height: 400px; width: 980px;display: block; float: left; padding: 0 20px; } #content-wrapper #one-column { width: 215px; } #content-wrapper #two-column { width: 510px; } #content-wrapper #three-column { width: 745px;} #content-wrapper #bottom { width: 980px; padding: 0px 0px 10px 0px; height:auto!important; } #Main.fullWidth{position: relative;} #Main.module.grey10.margin-bottom20.bkg-img1 {background-image: url("../404-page-not-found/index.html"); background-repeat: no-repeat; background-position: bottom right;position: relative; } #Fav.module.grey10.margin-bottom20.bkg-img1 {background-image: url("../404-page-not-found/index.html"); background-repeat: no-repeat; background-position: bottom right; padding: 20px 20px 266px 20px;position: relative;} #News.module.grey10.margin-bottom20.bkg-img1{background-image: url("../404-page-not-found/index.html"); background-repeat: no-repeat; background-position: bottom right; padding: 20px 20px 266px 20px;position: relative;} .bkg-img12{background-image: url("../404-page-not-found/index.html"); background-repeat: no-repeat; background-position: bottom left;} /*********************** Review Module ***********************/ #content-wrapper #bottom #review { padding: 20px 24%; width: 510px; background-image: url("../media/icons/icon-quotation-r.png"); background-repeat: no-repeat; background-position: 95% 95%; } #content-wrapper #bottom #review.nurseries {background-image: url("../media/icons/icon-quotation-r-N1.png"); background-repeat: no-repeat; background-position: 95% 95%; } #content-wrapper #bottom #review.creches {background-image: url("../media/icons/icon-quotation-r-C.png"); background-repeat: no-repeat; background-position: 95% 95%; } #content-wrapper #bottom #review.kids-club {background-image: url("../media/icons/icon-quotation-r-K.png"); background-repeat: no-repeat; background-position: 95% 95%; } #content-wrapper #bottom #review.training {background-image: url("../media/icons/icon-quotation-r-T.png"); background-repeat: no-repeat; background-position: 95% 95%; } #content-wrapper #bottom #review.event-childcare {background-image: url("../media/icons/icon-quotation-r-EC.png"); background-repeat: no-repeat; background-position: 95% 95%; } #content-wrapper #bottom #review h6 { color: #FFFFFF; font-size: 19px; letter-spacing: 1px; } #content-wrapper #bottom #review p { color: #fff; } .testimonialRev { color: #fff;font-size:13px; margin-top:12px;} /*.trun_read_more{float:left;} */ #content-wrapper #bottom #review a { color: #fff; font-weight: bold;} #content-wrapper #bottom #review span { color: #FFFFFF; float: right; margin-top: -15px; font-size: 14px; } #left-quote { left: 25px; position: absolute; top: -15px;} /*********************** Stand-alone Modules ***********************/ #sub-menu.Lside.module.grey20 { padding: 0;} #main-wrapper #content-wrapper #three-column #Main .formfield { width: 200px; } #main-wrapper #content-wrapper #one-column .module.our-favourites { background-image: url(../media/images/module-bkg/tinies-favourites.jpg); background-repeat: no-repeat; background-position: 4px 29px; background: none; } #main-wrapper #content-wrapper #one-column .module.our-favourites p{/* margin-right:51px; */} #main-wrapper #content-wrapper #one-column .module.nanny-screening { background-image: url(../media/images/module-bkg/nanny-screening-tinies.jpg); background-repeat: no-repeat; background-position: 8px 22px; background: none; } #main-wrapper #content-wrapper #one-column .module.widget-creches { background-image: url(../media/images/module-bkg/widget-creches.jpg); background-repeat: no-repeat; /*background-position: 8px 22px; */ background-position: 10px 10px; background: none; } #main-wrapper #content-wrapper #one-column .module.widget-creches p{/* padding-right: 50px; */} #main-wrapper #content-wrapper #one-column .module.widget-nurseries{ background-image: url(../media/images/module-bkg/tinies-nurseries.jpg); background-repeat: no-repeat; /*background-position: 8px 22px; */ background-position: 14px 26px; background: none; } #main-wrapper #content-wrapper #one-column .module.widget-nurseries p{/* padding-right:10px; */} #main-wrapper #content-wrapper #one-column .module.widget-parents { background-image: url(../media/images/module-bkg/tinies-parents.jpg); background-repeat: no-repeat; /*background-position: 8px 22px; */ background-position: 14px 10px; background: none; } #main-wrapper #content-wrapper #one-column .module.widget-parents p{/* padding-right: 31px; */} #main-wrapper #content-wrapper #one-column .module.widget-childcare { background-image: url(../media/images/module-bkg/widget-childcare.jpg); background-repeat: no-repeat; /*background-position: 8px 22px; */ /*background-position: 5px 9px; */ background-position: 9px 9px; background: none; } #main-wrapper #content-wrapper #one-column .module.widget-childcare p{/* padding-right:50px; */} #main-wrapper #content-wrapper #one-column .module.widget-maternity { background-image: url(../media/images/module-bkg/tinies-maternity.jpg); background-repeat: no-repeat; /*background-position: 42px 0; */ background-position: 45px -12px; background: none; } #main-wrapper #content-wrapper #one-column .module.widget-maternity p{/* padding-right:10px; */} #main-wrapper #content-wrapper #one-column .module.widget-international { background-image: url(../media/images/module-bkg/international-nanny-agency.jpg); background-repeat: no-repeat; /*background-position: 8px 22px; */ /* background-position: 10px 32px; */ background-position: 18px 32px; background: none; } #main-wrapper #content-wrapper #one-column .module.widget-international p{/* padding-right:20px; */} #main-wrapper #content-wrapper #one-column .module.widget-blog { background-image: url(../media/images/module-bkg/tinies-blog.jpg); background-repeat: no-repeat; /*background-position: 0 5px; */ background-position: 6px 0; background: none; } #main-wrapper #content-wrapper #one-column .module.widget-event-childcare { background-image: url(../media/images/module-bkg/widget-event-childcare.jpg); background-repeat: no-repeat; /*background-position: 8px 22px;*/ background-position: 12px 16px; background: none; } #main-wrapper #content-wrapper #one-column .module.widget-event-childcare p{/* padding-right:30px; */} #main-wrapper #content-wrapper #one-column .module.widget-training { background-image: url(../media/images/module-bkg/tinies-training.jpg); background-repeat: no-repeat; /*background-position: 2px 18px;*/ /*background-position: 2px 18px;*/ background-position: 6px 22px; background: none; } #main-wrapper #content-wrapper #one-column .module.widget-training p{/* padding-right:10px; */} #main-wrapper #content-wrapper #one-column .module.widget-learningFactor { background-image: url(../media/images/module-bkg/TLF_snake_dark.png); background-repeat: no-repeat; background-position: 126px -3px; background-color: #f7744e; } #S-cart.Lside.module.grey10 div.icon-cart { background-position: 15px 25px; display: block; height: 75px; position: absolute; right: 10px; top: -16px !important; width: 70px; } #S-cart.Lside.module.grey10 { background-image: url("../media/images/module-bkg/Countertodomino_image%202.jpg"); background-position: 4% 118%; background-repeat: no-repeat; background: none; } .nannyScreening-listing.module.light-blue3.margin-bottom20 {padding-top: 14px!important;} /*********************** Home Page Mid Container Modules ***********************/ #M1.Mid1.module { background-image: url("../media/images/module-bkg/find-a-nanny-tinies.jpg"); height: 420px; } #M2.Mid1.module { background-image: url("../media/images/module-bkg/happy-girl2.jpg"); height: 385px;} #M1.Mid1.module, #M2.Mid1.module {position: relative; background-position: 105% 105%; background-repeat: no-repeat;} #M3.Mid2.module {position: relative; background-position: 0 105%; background-repeat: no-repeat;} #M3.Mid2 { background-image: url("../media/images/module-bkg/tinies-childcare-jobs.png"); background-position: 0 146px; height: 420px;} #M4.Mid2.module {position: relative;height: 385px;} .home-mid12{min-height: 420px;} /*********************** Home Page "On Our Minds" Module ***********************/ #content-wrapper .mod-row { border-bottom: 1px solid #f0f0f0; display: block; float: left; height: auto; padding: 28px 0 15px;} #content-wrapper .mod-row.first {padding-top: 10px;} #content-wrapper .mod-row.last { border-bottom: none; } #content-wrapper .mod-row .col1 { float: left; width: 65%; } #content-wrapper .mod-row .col1 p { margin: 0; padding: 0 0 10px 0; } #content-wrapper .mod-row .col2 { float: right; width: 33%;} #content-wrapper .mod-row .col2 img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; behavior: url('PIE-1.0.0/PIE.htc'); z-index: 500; zoom:1; display: block; position: relative; } /*********************** Agency Branch Main Modules ***********************/ #parents.module.grey10 { background-position: 105% 105%; background-repeat: no-repeat;} #childcarers.module.grey10 { background-position: 105% 105%; background-repeat: no-repeat;} #nuresry-services.module.grey10 { background-position: 105% 85%; background-repeat: no-repeat;} #nursery-noPar.module.grey10 { background-position: 280% 110%; background-repeat: no-repeat;} #parents.module.grey10 h2, #childcarers.module.grey10 h2, #nuresry-services.module.grey10 h2, #nursery-noPar.module.grey10 h2 {font-family: "VAG Rounded W01 Light"; color: #00bce4!important; font-size: 22px!important; margin-bottom: 0;} #parents.module.grey10 h2 p, #childcarers.module.grey10 h2 p, #nuresry-services.module.grey10 h2 p, #nursery-noPar.module.grey10 h2 p{margin-bottom: 0;} #parents.module, #childcarers.module , #nursery-noPar.module {height: 260px;} #parents.module.grey10 { background-image: url("../media/images/module-bkg/152138914.jpg"); } #childcarers.module.grey10 { background-image: url("../404-page-not-found/index.html).jpg"); } #nuresry-services.module.grey10 { background-image: url("../media/images/module-bkg/154291417.jpg");} #nursery-noPar.module.grey10 { background-image: url("../media/images/module-bkg/154291417.jpg");} /*********************** Footer Elements ***********************/ #affiliate-logos { height: auto !important; padding: 0 20px; width: 980px; } #footer { bottom: 0; clear: both; position: relative; width: 100%;} #footer #upper { background-color: #eee; border-top: 2px solid #FFFFFF;} #footer #upper .col { display: block; float: left; padding: 15px 0 0 20px; width: 130px;} #footer #upper .col.social { background-color: #ddd; height: 165px; width: 228px;} #footer #upper ul.footer-up { margin-bottom: 10px; } #footer #upper ul.footer-up li { font-size: 12px; line-height: 20px; list-style: none outside none;} #footer #upper ul.footer-up li a { text-decoration: none; color: #555;} #footer #middle h6 { color: #fff!important; letter-spacing: 1px;} #footer #middle { background-color: #0065A4; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; padding: 15px 0; text-align: center; } #footer #middle h6 { color: #fff; font-size: 15px; letter-spacing: 1px; } #footer #middle h6 span.ftLArrow{width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url ('../images/ftLarrow.png') center center no-repeat; background-size: 14px auto; } /*#footer #middle h6 span.ftLArrow:hover,*/ #footer #middle h6 span.ftLArrowActive{background: url ('../images/ftBarrow.png') center center no-repeat; background-size: 14px auto;} #footer h5 { color: #009DDC;} #footer #lower { background-color: #eee; height: auto; padding: 5px 0 20px 0;} /*#footer #lower .col { display: block; float: left; padding: 10px 0; width: 163px;}*/ #footer #lower .col { display: block; float: left; padding: 10px 0 0 31px; width: 132px;} .footerareadiv { border-top: 1px solid #CCCCCC; padding-top: 15px; margin-top: 25px; padding-left:14px;} .col.last {width: 90px !important; } #footer #lower ul.footer-lw li { font-size: 11px; line-height: 20px; list-style: none outside none;} #footer #lower ul.footer-lw li a { text-decoration: none; color: #555; display: block;} #footer #lower.footer p { color: #7D7E81; font-size: 11px; text-align: center; line-height: 20px;} #footer #lower a { color: #555;} #footer #lower #locations { /*height: 295px;*/ margin-bottom: 15px; padding: 5px 20px;} #footer #lower #locations p{ text-align:center;} #footer #lower .mfc-brands { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding: 6px 18px; margin-bottom: 20px; height:75px;text-align:center;} /*********************** MYC Brand Logos ***********************/ a#logo1.myc {width: 193px; height: 67px; background-position: 0px -97px;} a#logo1.myc:hover {width: 193px; height: 67px; background-position: 0px -163px;} a#logo2.myc {width: 193px; height: 67px; background-position: -209px -99px;} a#logo2.myc:hover {width: 193px; height: 67px; background-position: -209px -160px;} a#logo3.myc {width: 193px; height: 67px; background-position: -416px -99px;} a#logo3.myc:hover {width: 193px; height: 67px; background-position: -416px -160px;} a#logo4.myc {width: 193px; height: 67px; background-position: -617px -99px;} a#logo4.myc:hover {width: 193px; height: 67px; background-position: -617px -160px;} a#logo5.myc {width: 193px; height: 67px; background-position: -811px -97px;} a#logo5.myc:hover {width: 193px; height: 67px; background-position: -811px -161px;} a#logo6.myc {width: 146px; height: 67px; background-position: -632px -109px;margin-left:40px;} a#logo6.myc:hover {width: 146px; height: 67px; background-position: -632px -172px;} .ourFav_Row{ width:auto; height:auto; margin:5px 0 17px 0; } .ourFav_RowImg, .ourFav_RowImg img{ display:block; float:left; margin:1px 0 0 0; color: #555555; font-size: 13px; font-family: "VAG Rounded W01 Light"; } .ourFav_RowImg{ margin:0 18px 0 0; } .ourFav_RowCont{ float:left; margin:0 0 0 0; width:460px; height:auto; min-height:138px; border:1px solid #c9d5e6; border-right:none; border-left:none; } .jobs_det{ float:left; margin:0 0 0 0; width:460px; height:auto; min-height:138px; /*border:1px solid #c9d5e6; border-right:none; border-left:none;*/ } .ourFav_RowCont h3, .ourFav_RowCont h3 a{ color:#009DDC; /*font-weight:bold; font-family:Arial; margin:16px 0 8px 0;*/ font-size: 18px; line-height: 20px; margin-bottom: 12px; margin-top: 5px; } .ourFav_RowCont h3 a{ float:none; } .ourFav_RowCont p a{ /* float:right; color:#013888; display:block; font-size: 13px; margin-bottom: 5px;*/ float:left; color: #555555; font-family: "VAG Rounded W01 Light"; font-size: 13px; line-height: 1.3em; margin: 12px 0; } .ourFav_RowCont a{ /* color:#013888; display:block; font-size: 13px; margin-bottom: 5px;*/ float:right; font-family: "VAG Rounded W01 Light"; font-size: 13px; line-height: 1.3em; margin: 12px 0; } a.ltArrow { background: url("../media/icons/LeftArrow.png") no-repeat scroll 0 0 transparent; display: block; height: 18px; text-decoration: none; width: 20px; } a.ltArrow:hover { text-decoration: none !important; } a.rtArrow { background: url("../media/icons/hasSubArrow.png") no-repeat scroll -5px 0 transparent; display: block; height: 18px; text-decoration: none; width: 20px; } a.rtArrow:hover { text-decoration: none !important; } .pagiNati{ float:right; margin:4px 0 0 0; } .pagiNati2{ margin:11px -4px 0 0; #margin:11px 42px 0 0; } .pagiNati a, .pagiNati div{ float:left; color:#404040; font-size:12px; font-weight:normal; font-family: "VAG Rounded W01 Light"; margin: 0 4px 0 0; } .pagiNati a img{ display:block; margin:4px 0 0 0; } .pagiNati a.active{ color:#013888; } .spacer{ clear:both;font-size:0px;line-height:0px;margin:0px;padding:0px;height:1px;width:100%; } .newHedLin { color: #404040; font-size:12px; font-weight: bold; padding: 0; } .spacht10 { height: 10px; } .spacht5 { height: 5px; } .spacht20 { height: 20px; } .spacht15 { height: 15px; } .font1 { font-size: 1px; } .cboth { clear: both; } .spach5 { clear: both; height: 5px; } .padL10 { padding-left: 10px; } .drpfrmBigOuterDivHt5,.drpfrmOuterDivHt5 { background-repeat: no-repeat; border: 1px solid #7F9DB9; float: left; height: 145px; padding-left: 3px; padding-top: 2px; width: 350px; } .drpfrmBigInnerDivHt5,.drpfrmInnerDivHt5 { border: 0 solid #FF0000; height: 140px; overflow-x: hidden; overflow-y: auto; width: 348px; } .drpfrmInnerDivHt5 .width280{width:330px;} /* .imgPadRight10{ color: #555555; display: block; font-family: arial,sans-serif; font-size: 13px; } */ #News h1 { font-size: 20px; margin: 10px 0 20px; } .pressName { font-size: 13px; padding: 8px 0 8px 4px; width: 550px; } .fontS80 { font-size: 86%; } .fSize13{ font-size:13px; } .preePAD { height: 17px; line-height: 17px; padding: 15px 0 8px 4px; } .pressPdf { font-size: 13px; padding: 0 0 0 4px; } .bgGCo { background: none repeat scroll 0 0 #e8e8e8; } .bgJbox { background: none repeat scroll 0 0 #F1F1F1; height: 170px; } .width690 { width: 690px; } .hSpc1 { height: 1px; line-height: 1px; } .normalLink {font-size: 12px; line-height: 18px;margin-top:10px;} .normalLink a{color: #FFFFFF;text-decoration:none;} .normalText {color: #FFFFFF; font-size: 12px; line-height: 26px; margin-left:5px;} a.whiteLink{font-weight:normal!important;cursor:pointer;} #Wrapper404.module.blue {height:312px; margin-bottom:25px;padding:20px 0;} #Wrapper404.module.blue .imgTopmar{padding-top: 41px;padding-bottom: 41px;} #Wrapper404.module.blue .imgTopmar img{width: 100%; height: auto;} #Wrapper404.module.blue .page404Content{max-width: 394px; margin:0 auto; text-align: center;} #Wrapper404.module.blue .page404Content p{font-size: 20px;margin:0;} #Wrapper404.module.blue .page404Content p:last-child{margin-top: 20px;} #Wrapper404.module.blue .page404Content p:last-child font {margin:0 8px;} #Wrapper404.module.blue .page404Content a,#Wrapper404.module.blue .page404Content a:hover{ border:1px solid #fff; border-radius:15px; display: inline-block; text-decoration: none !important; color:#fff; padding: 1px 15px; font-size: 13px; max-width: 140px; width: 100%; text-align: center; margin:0; } #Wrapper404.module.blue h1 {font-size: 65px; color: #fff!important;} #Wrapper404.module.blue .col1 { left: 22px; margin: 20px; position: relative; top: -72px; width: 200px; } #Wrapper404.module.blue .col2 {margin: 47px 126px 0 0; width:354px;} #Wrapper404.module.blue .col2 p {font-size: 16px;} /* .MorFavDiv ul{ margin:0px; padding:0px;} .MorFavDiv ul li{ list-style:none; background:url("../media/icons/hasSubArrow.gif") 1px 6px no-repeat;padding:0 0 0 12px;margin:0 0 6px 0;} .MorFavDiv ul li, .MorFavDiv ul li a{ font-size:12px; color:#505050;} */ .MorFavDiv ul { padding: 0;} .MorFavDiv ul li { color: #555555; font-size: 13px; list-style: disc outside none; margin: 0 0 6px 13px; line-height: 15px;} .MorFavDiv ul li a { color: #005581; font-size: 13px; font-weight: 200; margin-left: 0px;} .MorFavDiv ul li a:hover { text-decoration: underline!important; } .bck2Fav{ margin: 5px 0 10px 0;} .bck2FavLink a{color:#005581 !important;font-size:12px;background:url("../media/icons/bckArrowMorFav.jpg") no-repeat scroll 0 3px transparent;padding:0 0 0 15px;} .nannyL a{color:#005581 !important;font-size:12px;background:url("../media/icons/bckArrowMorFav.jpg") no-repeat scroll 0 3px transparent;padding:0 0 0 15px;} .nannyR a{color:#005581 !important;font-size:12px;background:url("../media/icons/nxtArrowMorFav.jpg") no-repeat scroll right transparent;padding:0 15px 0 0;} #mapDiv div{color: #555555;font-size: 13px;font-family: "VAG Rounded W01 Light";} .btnBranch a{margin-bottom:0!important;} .serviceLinks p a{color: #555555;text-decoration:none;} .linkNormalCol a{color: #555555;text-decoration:none;} /* .serviceLinks p a:hover{text-decoration:none!important;} */ a.upArrow { background: url("../media/icons/upSubArrow-exp.png") no-repeat scroll 0 0 transparent; display: block; height: 18px; text-decoration: none; width: 20px; } a.upArrow:hover { text-decoration: none !important;} a.downArrow { background: url("../media/icons/hasSubArrow-exp.png") no-repeat scroll 0 0 transparent; display: block; height: 18px; text-decoration: none; width: 20px; } a.downArrow:hover { text-decoration: none !important;} label.pointerHover:hover { text-decoration: underline;} /*.thanksMidbg{ background: url('../images/thank-mid-bg.gif') repeat-y;width:588px;padding:0 17px 0 22px; }*/ .fts1{font-size:1px;} .font18px{font-size:18px;} .hSpc10{height:10px;line-height:10px;} .font14px{font-size:14px;} .hSpc12{height:12px;line-height:12px;} .bgBlue{background:#BFCBE1;} .hSpc3{height:3px;line-height:3px;} .hSpc18{height:18px;line-height:18px;} .ser-step-width205{ width:199px;padding:0 0 0 5px; } .ser-step-width140{ width:140px; } .ser-step-width80{ width:80px; } #shout{margin-bottom:20px;} .awayMsg{color:#B1005D; font-size:12px;} .awayMsg p{color:#B1005D; font-size:12px;} .blue-line { border-bottom: 1px solid #005581; margin-bottom: 10px; width: 100%; } /* form.css */ input, select {outline: none;} label { color: #ffffff; font-size: 12px; } label.choice-dark {color: #ffffff !important;line-height:25px;font-size: 13px !important;padding:5px;} div.choice-dark {color: #ffffff !important;line-height:25px;font-size: 13px !important;padding:5px;} input { width: 187px; height: 27px; padding: 0 4px 0 5px; color: #a1a1a4; font: 12px/28px arial,sans-serif; overflow: hidden; display: block; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px;} textarea{padding: 0 4px 0 5px; color: #a1a1a4; font: 12px/20px arial,sans-serif; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px;width: 187px;height:104px;} .info-text { color:#7D7E81; position:absolute; padding: 0 0 0 7px; font: 12px/28px arial,sans-serif;z-index:99999;cursor: text;} input.entPostcode { padding: 0 0 0 7px; width: 121px; color: #7D7E81; z-index: 500; padding: 0 5px; border: 1px solid #CCC; zoom:1; position: relative; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url('PIE-1.0.0/PIE.htc'); } select { color: #7D7E81; margin-bottom: 5px; padding: 5px; width: 100%; display: block;} .checkbox { width: 17px; height: 17px; background: url("../media/images/custom-checkboxes/checkbox_15-2.svg") no-repeat scroll 100px 0 rgba(0, 0, 0, 0); display: block; cursor: pointer; content: ""; margin-top: 4px; float:left; clear: left; } .radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../media/images/custom-checkboxes/radio-new.png) no-repeat; display: block; clear: left; float: left; } .select { position: absolute; width: 172px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 27px; padding: 0 30px 0 8px; color: #a1a1a4; font: 12px/28px arial,sans-serif; background: url(../media/images/custom-checkboxes/select-new.png) no-repeat; overflow: hidden; display: block; } ul.form-stack {list-style: none;} ul.form-stack li label {color:#555; line-height: 26px; float: left; display: block;} ul.form-stack.white-txt li label {color:#fff;} ul#select-box {list-style: none;} .S-options label {color: #555;} ul#select-box li {border: none!important; margin: 0;} .hObj{visibility:hidden;display:none;} .elWidth150{width:150px;} form.tiniesForm .elChkBox input.styled{ display: none; } form.tiniesForm .elChkBox input{width:10px;} form.tiniesForm .checkMat_nanny input.styled{ display: none; } form.callbackForm .elChkBox input.styled{ display: none; } form.callabackForm .elChkBox input{width:10px;} form.callbackForm .checkMat_nanny input.styled{ display: none; } #arrow-content{width:400px;} .arrow-lt{float:left;margin:6px 0 0 0;background: url('../media/images/arrow.png') no-repeat 0 0; width:10px;height:20px;} .arrow-rt{float:left;margin:2px 0 0 0;background: url('../media/images/arrow.png') no-repeat 0 -20px; width:10px;height:20px;} .arrow-bt{margin:0 0 0 6px;background: url('../media/images/arrow.png') no-repeat 0 -40px; width:20px;height:10px;} .arrow-tp{margin:0 0 0 6px;background: url('../media/images/arrow.png') no-repeat 0 -52px; width:20px;height:10px;clear:both;} .arrow-bg{background: #199fda;min-width:100px;max-width:194px;padding:5px;font-size: 12px;float:left;color: #ffffff;} .arrow-bg1{background: #00BCE4;min-width:100px;max-width:194px;padding:10px;font-size: 12px;float:left;color: #ffffff;border:1px solid #E20177;border-radius:10px} .lPad5{padding-left:5px;} .lPad8{padding-left:8px;} .lPad10{padding-left:10px;} .lPad15{padding-left:15px;} .lPad20{padding-left:20px;} .tPad20{padding-top:20px;} .tPad10{padding-top:10px;} .tPad5{padding-top:5px;} .tPad3{padding-top:3px;} form label.error { color: #D12B24; display: none; font-size: 11px; font-style: italic; font-weight: normal; position: absolute; } #frmErrorMsg{ color: #D12B24; font-size: 12px; font-weight: bold; clear:both; } #frmErrorMsg div{ padding-bottom:15px; } form.tiniesForm .select { background:url("../media/images/custom-checkboxes/select200.png") no-repeat scroll right -27px transparent; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px; color: #565656; display: block; font: 14px/28px arial,sans-serif; height: 27px; overflow: hidden; padding: 0 30px 0 5px; position: absolute; width: 161px; } form.callbackForm .select { background:url("../media/images/custom-checkboxes/select200.png") no-repeat scroll right -27px transparent; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px; color: #565656; display: block; font: 14px/28px arial,sans-serif; height: 27px; overflow: hidden; padding: 0 30px 0 5px; position: absolute; width: 138px; } form.tiniesForm input { width: 187px; height: 27px; padding: 0 4px 0 5px; color: #565656; font: 14px/28px arial,sans-serif; overflow: hidden; display: block; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px;} form.callbackForm input { width: 165px; height: 27px; padding: 0 4px 0 5px; color: #565656; font: 14px/28px arial,sans-serif; overflow: hidden; display: block; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px;} .drplistDiv1 input.styled { display: none; } .regTxt input.styled { display: none; } .checkMat_nanny input.styledCallback { display: none; } form.tiniesForm textarea{padding: 0 4px 0 5px; color: #565656; font: 14px/20px arial,sans-serif; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px;width: 187px;height:104px;} form.callbackForm textarea{padding: 0 4px 0 5px; color: #565656; font: 14px/20px arial,sans-serif; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px;width: 165px;height:104px;} a.submitButton, .formManbtn button, .popupButtons button { background-color: #009DDC; text-decoration: none; color: #fff;bottom: -10px; font-size: 16px; height: 20px; letter-spacing: 1px; padding: 8px 20px 8px 20px;float:right;} a.screeningBackButton { background-color: #009DDC; text-decoration: none; color: #fff;bottom: -10px; font-size: 12px; height: 14px; letter-spacing: 1px; padding: 8px 20px 8px 20px;float:right;} a.submitButton:hover, .formManbtn button:hover, .popupButtons button:hover{background-color: #00BCE4;} a.screeningBackButton:hover {background-color: #00BCE4;} input.submitButton { background-color: #009DDC; text-decoration: none; color: #fff;bottom: -10px; font-size: 16px; height: 20px; letter-spacing: 1px; padding: 8px 20px 8px 20px;float:right;} input.submitButton:hover {background-color: #00BCE4;} input.submitButtonF { background-color: #009DDC; text-decoration: none; color: #fff;bottom: -10px; font-size: 16px; height: 35px; letter-spacing: 1px; padding: 8px 20px 8px 20px;float:right;cursor:pointer;} input.submitButtonF:hover {background-color: #00BCE4;} .buttonSub { padding: 6px 31px 7px 10px; position: relative; float: left; z-index: 500; zoom:1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url("PIE-1.0.0/PIE.htc"); font-family: "VAG Rounded W01 Light"; color: #fff; font-size: 13px; } .mandatoryLbl{color: #D12B24;} .formBoxDiv{border:2px solid #dadada;padding:13px 33px 45px 33px;background:#e8e8e8;overflow:hidden;} .bold{font-weight:bold;} .regLbl{color:#565656; font-size: 14px; line-height:22px; font-family: "VAG Rounded W01 Light";z-index:99999;width:190px;} .lblSmallTxt{color:#565656; font-size: 14px; line-height:22px; font-family: "VAG Rounded W01 Light";z-index:99999;} .lblSmallTxtFeed{color:#555555; font-size: 14px; line-height:22px; font-family: "VAG Rounded W01 Light";z-index:99999;} .tdClassSpan span{ float:none !important;} .regLblSmall{color:#565656; font-size: 14px; line-height:22px; font-family: "VAG Rounded W01 Light";z-index:99999;width:120px; margin-left:5px;} .c-regLblSmall{color:#565656; font-size: 14px; line-height:22px; font-family: "VAG Rounded W01 Light";z-index:99999;width:160px; margin-left:5px;} .regTxt{color:#565656; font-size: 14px; line-height:22px; font-family: "VAG Rounded W01 Light";z-index:99999;} .sCodeLbl{color:#565656; font-size: 14px; line-height:22px; font-family: "VAG Rounded W01 Light";z-index:99999; text-align:right;padding:4px 0 0 0;} .regLblSplit{color:#565656; font-size: 14px; line-height:22px; font-family: "VAG Rounded W01 Light";z-index:99999;width:80px; margin-top: 3px;} .regLblSplitForgot{color:#565656; font-size: 14px; line-height:22px; font-family: "VAG Rounded W01 Light";z-index:99999;width:120px; margin-top: 3px;} .regLblNote{color:#565656; font-size: 12px;} .drpfrmBigOuterDivHt1,.drpfrmOuterDivHt1 { background-repeat: no-repeat; border: 1px solid #7F9DB9; float: left; height: 145px; padding-left: 3px; padding-top: 2px; width: 300px; } .drpfrmBigInnerDivHt1,.drpfrmInnerDivHt1 { border: 0 solid #FF0000; height: 140px; overflow-x: hidden; overflow-y: auto; width: 298px; } .width315{ width: 315px; } .width297{ width: 297px; } .drplistDiv1 { border: 0 solid #FFFFFF; float: left; padding-top: 1px; text-align: left; width: 26px; } .width268 { width: 268px; } .width280 { width: 280px; } .dataOpactiy { opacity: 0.65; display: block; } form .radioBoxDiv label.error{ margin:19px 0 0 -102px; } form.tiniesForm input:focus{border:1px solid #009DDC; border-radius:8px 8px 8px 8px;} form.tiniesForm textarea:focus{border:1px solid #009DDC; border-radius:8px 8px 8px 8px;} form.callbackForm input:focus{border:1px solid #009DDC; border-radius:8px 8px 8px 8px;} form.callbackForm textarea:focus{border:1px solid #009DDC; border-radius:8px 8px 8px 8px;} .qq-uploader { /* position: relative;*/ width: 100%; } .qq-upload-button { display: block; width: 160px; text-align: center; font-size: 15px; /* cursor: pointer!important;*/ height: 34px; line-height: 34px; color: #fff; font-weight: bold; background-color: #009DDC; border-radius:8px 8px 8px 8px; } form.tiniesForm .qq-upload-button input{ width: auto; height: 34px; padding: 0; color: #565656; font: 14px/28px arial,sans-serif; overflow: hidden; display: block; border: none; cursor:pointer !important; } .qq-upload-button-hover { background-color: #00BCE4; border-radius:8px 8px 8px 8px; /* cursor: pointer!important;*/ } .qq-upload-button-focus { outline: 1px dotted black; /* cursor: pointer!important;*/ } .qq-upload-drop-area { position: absolute; top: 0; left: 0; width: 762px; height: 100%; min-height: 40px; color: #fff; font-weight: bold; /* text-shadow: 1px 1px 2px #7E7363; */ z-index: 2; background: #009DDC; text-align: center; } .qq-upload-drop-area span { display: block; position: absolute; top: 50%; width: 762px; margin-top: -8px; font-size: 15px; color: #ffffff; } .qq-upload-drop-area-active { background: #005480; } ul.qq-upload-list { margin: 15px 0; padding: 0; list-style: disc; } .qq-upload-list li { margin: 0; padding: 0; line-height: 15px; font-size: 12px; } .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px } .qq-upload-file { } .qq-upload-spinner { display: inline-block; background: url("../media/images/loader_1.gif") no-repeat 0 center; width: 32px; height: 32px; vertical-align: text-bottom; } .qq-upload-size, .qq-upload-cancel { font-size: 12px } .qq-upload-failed-text { display: none } .qq-upload-fail .qq-upload-failed-text { display: inline } /*select.styledCallback { cursor: pointer; opacity: 0; position: relative; width: 170px; z-index: 5; }*/ /*.selectCallback { background:url("../media/images/custom-checkboxes/select200.png") no-repeat scroll right -27px transparent; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px; color: #565656; display: block; font: 14px/28px arial,sans-serif; height: 27px; overflow: hidden; padding: 0 30px 0 5px; width: 160px; }*/ /*.checkboxCallback, .radioCallback { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../media/images/custom-checkboxes/checkbox-new.png) no-repeat; display: block; clear: left; float: left; margin-top: 12px; }*/ /*input.styledCallback { display: none; }*/ .hand { cursor: pointer; margin-left: 8px; margin-top: 7px; } .hSpc4 { height: 4px; } .checkMat_nanny span{ margin-top: 14px; } .callbackButton a.button{ border-radius: 8px 8px 8px 8px; color: #FFFFFF; float: left; font-family: "VAG Rounded W01 Light"; font-size: 13px; padding: 6px 11px 7px 10px; position: relative; text-align: center; width: 52px; z-index: 500; } .callbackButton button.button{ border-radius: 8px 8px 8px 8px; color: #FFFFFF; float: left; font-family: "VAG Rounded W01 Light"; font-size: 13px; padding: 6px 11px 7px 10px; position: relative; text-align: center; width: 52px; z-index: 500; } .width185{ width:185px; } .width210{ width:210px; } .blockListHover{background-color: #dde6f0; border-bottom: #dde6f0;} /*sitemap*/ .sitemapMainArw{background:url('../images/Arrow-v1.gif') no-repeat left center;padding:4px 0 0px 2px;width:24px;} .sitemapSubArw{background:url('../images/Arrow-v2.gif') no-repeat left center;padding:4px 0 0px 2px;width:24px;} .siteSubSubArw{background:url('../images/Arrow-v2.gif') no-repeat left center;padding:4px 0 0px 2px;width:24px;} .artSep{border-top: 1px dotted #c9d5e6; margin:0;padding:0;padding:0px 5px 0px 2px;} .sitemapFont{font-size: 14px;padding: 3px 5px 5px 0;} .srcErrSucc{/*background:#0144A6;*/ width:175px; height:20px; border:1px solid #E5F8FC; color:#005581; text-align:center; margin-top:83px;} .f14px {font-size:14px;} .blueTxt { color: #0065A4; font-size: 11px; line-height: 13px; margin: 8px 0 0 3px; width: 87px; } .rightDiv{ width: 650px; } .cont-top { background: none repeat scroll 0 0 #00BCE4; height: 42px; padding: 0 0 0 5px; } .service-step { color: #ffffff; font-size: 14px; line-height: 42px; width: 220px; } .service-step-2 { color: #ffffff; font-size: 14px; line-height: 42px; text-align: right; width: 114px; } .service-step-3 { color: #ffffff; font-size: 14px; line-height: 42px; padding-right: 28px; text-align: right; width: 144px; } .service-step-4 { color: #ffffff; font-size: 14px; line-height: 42px; text-align: right; width: 100px; } .service-step-5 { color: #ffffff; font-size: 14px; line-height: 42px; text-align: center; width: 80px; } .step-width212 h3 { margin: 0; padding: 0 0 0 5px; } .cartPName { color: #0065A4; font-weight: bold; line-height: 14px; } .cartPName span { color: #747476; font-size: 10px !important; font-weight: normal; } .step-width187 { width: 187px; } .disable_option{ color: #CACBCD; } .grndTotle { color: #0065A4; font-size: 15px; font-weight: bold; } .grndTotle2 { color: #7D7E81; font-size: 18px; font-weight: bold; } .manualOrderHidden { display: none; } .hide_divs { display: none; } #divBtnSubmitMessage{ display: none; float: right; margin: 0 116px 0 0; } .blueTxt2 { font-size: 10px; margin: -2px 0 0; color: #0065A4; line-height: 13px; width: 98px; } .issueTxt{ font-size: 10px; color: #0065A4; line-height: 13px; padding-left: 3px; } .dateWdth .select{ width:77px !important; } .hSpc35{ line-height:35px; } .sagpayLogo { padding-left:30px; padding-top: 4px; } .payment_tnc_extra { border: 1px dashed #CDCECF; clear: both; font-size: 82%; margin: 15px 0 0; padding: 5px; /*width: 251px;*/ } .payment_tnc_extra p{ color: #005581; } .quanty-txt{text-align:center; color:#0065A4!important; font-weight:bold!important;} .password-meter {position:relative;width: 182px; display:none;} .password-meter-message {text-align: left;font-size:12px;} .password-meter-bg, .password-meter-bar {height: 10px;} .password-meter-bg {background: url('../media/images/detailbg.gif') repeat-x; height:11px;border:1px solid #576d78;clear:both; margin:2px 0 0 0;} .password-meter-message-very-weak { color: #aa0033; } .password-meter-message-weak { color: #f5ac00;} .password-meter-message-good { color: #6699cc;} .password-meter-message-strong { color: #008000;} .password-meter-bg .password-meter-too-short {background: #c4161c;width: 10px;} .password-meter-bg .password-meter-very-weak {background: #aa0033;width: 30px;} .password-meter-bg .password-meter-weak {background: #f5ac00; width: 60px;} .password-meter-bg .password-meter-good {background: #6699cc; width: 135px;} .password-meter-bg .password-meter-strong { background: #008000; width: 180px;} .mailreg{color:#565656; font-size: 14px; line-height:22px; font-family: "VAG Rounded W01 Light";z-index:99999;width:100px;} .qq-upload-button{cursor:pointer;} .qq-upload-button input{cursor:pointer;} form.feedbackCss textarea { border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px; color: #565656; font: 14px/20px arial,sans-serif; height: 104px; padding: 0 4px 0 5px; width: 187px; } form.feedbackCss input { border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px; color: #565656; display: block; font: 14px/28px arial,sans-serif; height: 27px; overflow: hidden; padding: 0 4px 0 5px; width: 187px; } form.feedbackCss input.styled { display:none; } .siteMapSep{width: auto; border-top: 1px solid #e8e8e8; display: block; padding: 0 5px 0 2px;} div.divBlueBalloonBox h3 {color:#db002f;font-family: "VAG Rounded W01 Light";margin:0 20px 0 16px;} div.divBlueBalloonBox ul {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;} div.divBlueBalloonBox ul li{ background:url('../webImages/blue-balloon.png');background-repeat:no-repeat; line-height:25px; margin:3px 0 0 23px;padding:0 0 0 26px; color:#525252; font-weight:normal; font-family: "VAG Rounded W01 Light"; font-size:13px; background-position:left 63%; list-style-type:none; } div.divRedBalloonBox h3 {color:#db002f;font-family: "VAG Rounded W01 Light";margin:0 20px 0 16px;} div.divRedBalloonBox ul {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;} div.divRedBalloonBox ul li{ background:url('../webImages/red-balloon.png');background-repeat:no-repeat; line-height:25px; margin:3px 0 0 23px;padding:0 0 0 26px; color:#525252; font-weight:normal; font-family: "VAG Rounded W01 Light"; font-size:13px; background-position:left 63%; list-style-type:none; } div.divGreenBalloonBox ul li a { font-family: "VAG Rounded W01 Light";font-size: 14px; font-weight:normal; } div.divGreenBalloonBox ul li a h3{ line-height:25px; color:#525252;font-family: "VAG Rounded W01 Light";font-size: 14px; margin:0 20px 0 16px; font-weight:normal;} div.divGreenBalloonBox h3 {color:#db002f;font-family: "VAG Rounded W01 Light";margin:0 20px 0 16px;} div.divGreenBalloonBox ul li a { font-family: "VAG Rounded W01 Light"; font-size: 14px; font-weight:normal; } div.divGreenBalloonBox ul li a h3{ line-height:25px; color:#525252;font-family: "VAG Rounded W01 Light"; font-size: 14px; margin:0 20px 0 16px; font-weight:normal;} div.divGreenBalloonBox ul {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;} div.divGreenBalloonBox ul li{ background:url('../webImages/green-balloon.png');background-repeat:no-repeat; line-height:25px; margin:3px 0 0 23px; padding:0 0 0 26px; color:#525252; font-weight:normal; font-family: "VAG Rounded W01 Light"; font-size:13px; background-position:left 63%; list-style-type:none; } .homeSliderBg{background: #0065A4;} .homeSliderBg-CRECHES{background: #b2005e;} .homeSliderBg h1 {font-size: 29px; font-weight: normal; color:#00BCE4; margin-top: -6px; line-height: 1;} .homeSliderBg-CRECHES h1 {font-size: 29px; font-weight: normal; color:#ffffff; margin-top: -6px; line-height: 1;} .light-pink1 { background-color: #E50278;} a:hover.button.light-pink1{ background-color: #f52686;} .icon-arrow2-pink { background-image: url("../media/icons/icon-red-send.png");background-repeat: no-repeat;} .dark-pink{background: #b2005e;} h3.head-CRECHES{color:#BD4279 !important;} .formBoxDiv h3{display:block !important;} #main-wrapper #content-wrapper #one-column .module.widget-cr-gal { background-image: url(../media/images/module-bkg/tinies-creches-gallery.jpg); background-repeat: no-repeat; background-position: -10px -17px; } .captionOrange, .captionBlack { color: #fff; font-size: 14px; line-height: 30px; text-align: center; border-radius: 4px; } .captionOrange { background: #e20177; background-color: #e20177; filter: alpha(opacity=80); opacity:0.8; } .captionBlack { font-size:14px; background: #000; background-color: rgba(0, 0, 0, 0.4); } a.captionOrange, A.captionOrange:active, A.captionOrange:visited { color: #ffffff; text-decoration: none; } a.captionOrange:hover { color: #e20177; text-decoration: underline; background-color: #e20177; filter: alpha(opacity=80); opacity:0.8; } .bricon { background: url(../img/browser-icons.html); } /* .jssorb01 div (normal) .jssorb01 div:hover (normal mouseover) .jssorb01 .av (active) .jssorb01 .av:hover (active mouseover) .jssorb01 .dn (mousedown) */ .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av { filter: alpha(opacity=70); opacity: .7; overflow: hidden; cursor: pointer; border: #000 1px solid; } .jssorb01 div { background-color: gray; } .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; } .jssorb01 .av { background-color: #fff; } .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; } /* jssor slider arrow navigator skin 02 css */ /* .jssora02l (normal) .jssora02r (normal) .jssora02l:hover (normal mouseover) .jssora02r:hover (normal mouseover) .jssora02ldn (mousedown) .jssora02rdn (mousedown) */ .jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn { position: absolute; cursor: pointer; display: block; background: url(../media/images/a02.png) no-repeat; overflow:hidden; } .jssora02l { background-position: -3px -33px; } .jssora02r { background-position: -63px -33px; } .jssora02l:hover { background-position: -123px -33px; } .jssora02r:hover { background-position: -183px -33px; } .jssora02ldn { background-position: -243px -33px; } .jssora02rdn { background-position: -303px -33px; } .galleryClose { position: absolute;cursor: pointer;display: block;overflow:hidden; background: url('../media/images/a02.png') no-repeat; background-position: -367px -33px;} .galleryClose:hover{ background: url('../media/images/a02.png') no-repeat; background-position: -427px -33px;} .quotesPopBlock{background-image: url("../media/icons/icon-quotation-r-C.png"); background-repeat: no-repeat; background-position: 95% 102%;} .quotesPopBlock span { color: #FFFFFF; float: right; margin-top: -15px; font-size: 12px; } .quotesPopBlockIco { left: 0; position: absolute; top: 0;} .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(../404-page-not-found/index.html); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /*.headerlogoSVG_ { background-image: url("../media/graphics/TiniesVector.svg");background-repeat: no-repeat; background-size: 245px 109px; width:245px; height:109px;} .headerlogoSVG_blue { background-image: url("../media/graphics/TiniesVector.svg");background-repeat: no-repeat; background-size: 245px 109px;width:245px; height:109px;} */ .headerlogoSVG_ { background-image: url("../media/graphics/TiniesVector_chk.svg");background-repeat: no-repeat; width:100%;height:100%;} .headerlogoSVG_blue { background-image: url("../media/graphics/TiniesVector_chk.svg");background-repeat: no-repeat;width:100%;height:100%;} .headerlogoSVG_purple { background-image: url("../media/graphics/TiniesVector_nurseries.svg");background-repeat: no-repeat; width:100%;height:100%;} .headerlogoSVG_pink { background-image: url("../media/graphics/TiniesVector_creches.svg");background-repeat: no-repeat; width:100%;height:100%;} .headerlogoSVG_green { background-image: url("../media/graphics/TiniesVector_kidsclub.svg");background-repeat: no-repeat; width:100%;height:100%;} .headerlogoSVG_yellow { background-image: url("../media/graphics/TiniesVector_training.svg");background-repeat: no-repeat; width:100%;height:100%;} .headerlogoSVG_yellow-eve { background-image: url("../media/graphics/TiniesVector_eventchildcare.svg");background-repeat: no-repeat; width:100%;height:100%;} .arrow-bg-purple{background: #6C217F;min-width:100px;max-width:194px;padding:5px;font-size: 12px;float:left;color: #ffffff;} .arrow-bg-pink{background: #E20177;min-width:100px;max-width:194px;padding:5px;font-size: 12px;float:left;color: #ffffff;} .arrow-bg-green{background: #78A22F;min-width:100px;max-width:194px;padding:5px;font-size: 12px;float:left;color: #ffffff;} .arrow-bg-yellow{background: #E7A614;min-width:100px;max-width:194px;padding:5px;font-size: 12px;float:left;color: #ffffff;} .arrow-bg-yellow-eve{background: #FFDD00;min-width:100px;max-width:194px;padding:5px;font-size: 12px;float:left;color: #ffffff;} .arrow-bg-dark-blue{background: #005480;min-width:100px;max-width:194px;padding:5px;font-size: 12px;float:left;color: #ffffff;} .arrow-bg a, .arrow-bg-purple a, .arrow-bg-pink a, .arrow-bg-green a, .arrow-bg-yellow a, .arrow-bg-dark-blue a{color: #FFFFFF;text-decoration:none;} .arrow-lt-purple{float:left;margin:6px 0 0 0;background: url('../media/images/arrow-purple.png') no-repeat 0 0; width:10px;height:20px;} .arrow-lt-pink{float:left;margin:6px 0 0 0;background: url('../media/images/arrow-pink.png') no-repeat 0 0; width:10px;height:20px;} .arrow-lt-green{float:left;margin:6px 0 0 0;background: url('../media/images/arrow-green.png') no-repeat 0 0; width:10px;height:20px;} .arrow-lt-yellow{float:left;margin:6px 0 0 0;background: url('../media/images/arrow-yellow.png') no-repeat 0 0; width:10px;height:20px;} .arrow-lt-yellow-eve{float:left;margin:6px 0 0 0;background: url('../media/images/arrow-yellow-eve.png') no-repeat 0 0; width:10px;height:20px;} .arrow-lt-dark-blue{float:left;margin:6px 0 0 0;background: url('../media/images/arrow-dark-blue.png') no-repeat 0 0; width:10px;height:20px;} .arrow-tp-purple{margin:0 0 0 6px;background: url('../media/images/arrow-purple.png') no-repeat 0 -52px; width:20px;height:10px;clear:both;} .arrow-tp-pink{margin:0 0 0 6px;background: url('../media/images/arrow-pink.png') no-repeat 0 -52px; width:20px;height:10px;clear:both;} .arrow-tp-green{margin:0 0 0 6px;background: url('../media/images/arrow-green.png') no-repeat 0 -52px; width:20px;height:10px;clear:both;} .arrow-tp-yellow{margin:0 0 0 6px;background: url('../media/images/arrow-yellow.png') no-repeat 0 -52px; width:20px;height:10px;clear:both;} .arrow-tp-yellow-eve{margin:0 0 0 6px;background: url('../media/images/arrow-yellow-eve.png') no-repeat 0 -52px; width:20px;height:10px;clear:both;} .arrow-tp-dark-blue{margin:0 0 0 6px;background: url('../media/images/arrow-dark-blue.png') no-repeat 0 -52px; width:20px;height:10px;clear:both;} .arrow-rt-purple{float:left;margin:2px 0 0 0;background: url('../media/images/arrow-purple.png') no-repeat 0 -20px; width:10px;height:20px;} .arrow-rt-pink{float:left;margin:2px 0 0 0;background: url('../media/images/arrow-pink.png') no-repeat 0 -20px; width:10px;height:20px;} .arrow-rt-green{float:left;margin:2px 0 0 0;background: url('../media/images/arrow-green.png') no-repeat 0 -20px; width:10px;height:20px;} .arrow-rt-yellow{float:left;margin:2px 0 0 0;background: url('../media/images/arrow-yellow.png') no-repeat 0 -20px; width:10px;height:20px;} .arrow-rt-yellow-eve{float:left;margin:2px 0 0 0;background: url('../media/images/arrow-yellow-eve.png') no-repeat 0 -20px; width:10px;height:20px;} .arrow-rt-dark-blue{float:left;margin:2px 0 0 0;background: url('../media/images/arrow-dark-blue.png') no-repeat 0 -20px; width:10px;height:20px;} .arrow-bt-purple{margin:0 0 0 6px;background: url('../media/images/arrow-purple.png') no-repeat 0 -40px; width:20px;height:10px;} .arrow-bt-pink{margin:0 0 0 6px;background: url('../media/images/arrow-pink.png') no-repeat 0 -40px; width:20px;height:10px;} .arrow-bt-green{margin:0 0 0 6px;background: url('../media/images/arrow-green.png') no-repeat 0 -40px; width:20px;height:10px;} .arrow-bt-yellow{margin:0 0 0 6px;background: url('../media/images/arrow-yellow.png') no-repeat 0 -40px; width:20px;height:10px;} .arrow-bt-yellow-eve{margin:0 0 0 6px;background: url('../media/images/arrow-yellow-eve.png') no-repeat 0 -40px; width:20px;height:10px;} .arrow-bt-dark-blue{margin:0 0 0 6px;background: url('../media/images/arrow-dark-blue.png') no-repeat 0 -40px; width:20px;height:10px;} .SearcHselect { background: url("../media/images/dropBg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #a1a1a4; display: block; font: 12px/28px arial,sans-serif; height: 27px; overflow: hidden; padding: 0 30px 0 8px; position: absolute; width: 77px; } .searchStyle { cursor: pointer; opacity: 0; position: relative; width: 116px; z-index: 5; } .search-info-text { color:#7D7E81; position:absolute; padding: 0 0 0 7px; font: 12px/28px arial,sans-serif;z-index:99999;cursor: text;} .labelclass { color: #7d7e81 /*#a1a1a4 */; cursor: text; font: 12px/28px arial,sans-serif; padding: 0 0 0 7px; position: absolute; z-index: 2; } /* New changes for login & Register */ .toolbar-cta { display: flex; flex-direction: row; list-style: none; margin: 0; padding: 10px 0 0 17px; } .icon-login { background-image: url("../media/icons/svg/icon-user-white.svg"); background-repeat: no-repeat; background-size: auto 24px; background-position: -1px center; } .candidate-portal{ background-image: url(../images/Candidate-over.png) !important; background-repeat: no-repeat; background-size: auto 24px; background-position: 4px center !important; padding: 14px 17px 0 34px !important; } .candidate-portal:hover{ background-image: url(../images/Candidate-nor.png) !important; background-repeat: no-repeat; background-position: 4px center !important; background-color: #005480; } .icon-login-navy { background-image: url(../img/icon-login-navy.html); background-repeat: no-repeat; background-position: 8px center; } .toolbar-cta: hover { color:#fff; text-decoration: none !important; } .toolbar-cta > li > a:hover, .toolbar-cta > li > a:focus, .toolbar-cta > li > a:active { display: block; color: #ffffff; } .toolbar-cta { list-style: none; margin: 0; padding: 0; /* margin-left:20px; */ } .toolbar-cta > li { position: relative; float: left; padding: 0; } .toolbar-cta > li > a { display: block; height: 26px; font-size: 14px; font-weight: bold; color: #00334E; text-decoration: none !important; padding: 14px 18px 0 18px; } .toolbar-cta .toolbar-login > a { padding: 14px 17px 0 22px; } .toolbar-cta .toolbar-login{ margin: 0px; } .toolbar-register > a:hover{ color: #ffffff; } .toolbar-cta > li > a:hover, .toolbar-cta > li > a:focus, .toolbar-cta > li > a:active { display: block; color: #ffffff; } .box01a { z-index: 100; right: 121px; /*width: 184px;*/ height: 40px; float: right; background-color: #d9d9db; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .transAll01 { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; } .icon-arrow-down { /* background-image: url(../media/icons/svg/icon-arrow-down-white.svg); */ background-repeat: no-repeat; background-position: 4px center; background-size:auto 18px ; } .icon-arrow-down:hover{ background-color: #00334e; } .toolbar-cta > li:hover .icon-arrow-down {background-position: 4px 60%; background:#00334e;} .toolbar-cta > li:hover > a { color: #ffffff; } .toolbar-cta-drop { visibility: hidden; position: absolute; top: 40px; right: 0; width: 200px; opacity: 0; -moz-box-shadow: inset 0 8px 8px -8px rgba(00,00,00,.5); -webkit-box-shadow: inset 0 8px 8px -8px rgba(00,00,00,.5); box-shadow: inset 0 8px 8px -8px rgba(00,00,00,.5); } .toolbar-cta-drop li { list-style: none; border-bottom:1px solid #fff; } .toolbar-cta-drop li a{ color:#fff; display: block; text-decoration: none !important; background-repeat: no-repeat; background-position: 10px center; background-size: 26px auto; padding: 10px 45px; } .toolbar-cta-drop li a.aparent{ background-image: url(../images/aparent-nor.png); } .toolbar-cta-drop li a.aparent:hover{ background-image: url(../images/aparentOver.png); background-repeat: no-repeat; background-position: 10px center; background-size: 26px auto; } .toolbar-cta-drop li a.achildcarer{ background-image: url(../images/a-candidate-ovr.png); } .toolbar-cta-drop li a.achildcarer:hover{ background-image: url(../images/a-candidate-nor.png); background-repeat: no-repeat; background-position: 10px center; background-size: 26px auto; } .toolbar-cta-drop li a.anursery{ background-image: url(../images/nursery-over.png); } .toolbar-cta-drop li a.anursery:hover{ background-image: url(../images/nursery-nor.png); background-repeat: no-repeat; background-position: 10px center; background-size: 26px auto; } .toolbar-cta-drop li a:hover{ background: #fff; color:#00334e; /* color: #0065a4; */ } .toolbar-cta > li:hover .toolbar-cta-drop { visibility: visible; opacity: 1; } .button1:hover { color: #fff; -webkit-box-shadow: 1px 1px 1px 1px rgba(00,00,00,.2); box-shadow: 1px 1px 1px 1px rgba(00,00,00,.2); } #Recruitment .toolbar-cta-drop {background-color: #00334e;} #Creches .toolbar-cta-drop {background-color: #e50278;} #Nurseries .toolbar-cta-drop {background-color: #7d4199;} #Training .toolbar-cta-drop {background-color: #e7a614;} #Kids-Clubs .toolbar-cta-drop {background-color: #78a22f;} #Event_Childcare .toolbar-cta-drop {background-color: #fd0;} .icon-register-14-white { background: url(../media/icons/svg/icon-register-white_new.svg) no-repeat 9px center; background-size:auto 15px; } .margin-b10 {margin-bottom: 10px;} #Recruitment .button1 {background-color: #009ddc;} #Recruitment .button1:hover {background-color: #0065a4; text-decoration:none !important;} #Recruitment .toolbar-cta-drop .button1 {background-color: #0065a4;} #Creches .button1 {background-color: #e50278;} #Creches .button1:hover {background-color: #b2005e;text-decoration:none !important;} #Creches .toolbar-cta-drop .button1 {background-color: #b2005e;} #Nurseries .button1 {background-color: #7d4199;} #Nurseries .button1:hover {background-color: #6c207f;text-decoration:none !important;} #Nurseries .toolbar-cta-drop .button1 {background-color: #6c207f;} #Training .button1 {background-color: #e7a614;} #Training .button1:hover {background-color: #df7a1c;text-decoration:none !important;} #Training .toolbar-cta-drop .button1 {background-color: #df7a1c;} #Kids-Clubs .button1 {background-color: #78a22f;} #Kids-Clubs .button1:hover {background-color: #4F6F19;text-decoration:none !important;} #Kids-Clubs .toolbar-cta-drop .button1 {background-color: #4F6F19;} #Event_Childcare .toolbar-cta-drop .button1{background-color: #e0c305;} #Event_Childcare .toolbar-cta-drop .button1:hover{background-color: #d2b705;text-decoration:none !important;} .button1 { display: block; color: #fff; font-size: 14px; font-weight: normal; text-decoration: none; padding: 6px 4px 6px 28px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 0 0 rgba(00,00,00,0); box-shadow: 0 0 0 0 rgba(00,00,00,0); } #Recruitment .toolbar-cta > li:hover, #Recruitment .toolbar-cta > li:focus, #Recruitment .toolbar-cta > li:active { background-color: #0065a4; } #Creches .toolbar-cta > li:hover, #Creches .toolbar-cta > li:focus, #Creches .toolbar-cta > li:active { background-color: #e50278; } #Nurseries .toolbar-cta > li:hover, #Nurseries .toolbar-cta > li:focus, #Nurseries .toolbar-cta > li:active { background-color: #7d4199; } #Training .toolbar-cta > li:hover, #Training .toolbar-cta > li:focus, #Training .toolbar-cta > li:active { background-color: #e7a614; } #Kids-Clubs .toolbar-cta > li:hover, #Kids-Clubs .toolbar-cta > li:focus, #Kids-Clubs .toolbar-cta > li:active { background-color: #78a22f; } #Event_Childcare .toolbar-cta > li:hover, #Event_Childcare .toolbar-cta > li:focus, #Event_Childcare .toolbar-cta > li:active{ background-color: #fd0; } #searchtoggle .icon-search1, #searchtoggle .icon-search-minus { background-size: 18px auto; } .icon-search1, .icon-search-minus { background: url("../404-page-not-found/index.html") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; fill: #fff; height: 18px; width: 18px; } .margin-t10 {margin-top: 10px;} .defUl .blue-base li{ list-style: none; margin: 0; padding: 0 16px 0 0; } .defUl .blue-base ul{ padding: 0px 0px 5px 0px; } .defUl .blue-base li a{ color:#fff; } .box02a { position: absolute; z-index: 100; top: 334px; right: 44px; width: 196px; padding: 8px 0; margin: 0; background-color: #e5f8fc; list-style: none; } .clearfix::after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .ctaColorPink .button1{background-color: #009ddc!important;} .ctaColorPink .button1:hover{background-color: #0065a4!important; text-decoration:none !important;} .nannyScreening-listing .checkbox { padding-right: 5px; margin-top: 5px; } .nannyScreening-listing ul.form-stack li label{ line-height: unset;padding: 4px 0 7px;} /*.ctaColorPink .button1{background-color: #009ddc;}*/ .ctaColorBlue h3 {color: #009ddc;} /*---------------------------*/ /*--- CSS by Niraj starts ---*/ .serviceRow{ padding:9px 6px 10px; border-bottom:1px solid #e8e8e8; } .colName, .colCost, .colQty, .colTotal, .del{ float:left; width:100%; } .colName{ max-width:220px; } .colName span{ display:block; color: #0065a4; font-weight: bold; line-height: 14px; } .colCost{ max-width:114px; text-align: right; } .colCost div{ color: #0065a4; font-size: 13px; font-weight: bold; margin: -1px 0 6px; } .colCost span{ color: #747476; font-size: 10px; font-weight: normal; } .colQty{ max-width:176px; text-align: right; } .colQty img, .colQty input{ display:inline-block !important; } .colQty img{ cursor: pointer; margin: 2px 0 0; } .colQty input { margin: 0 2px; width: 58px !important; } .colTotal{ max-width:96px; text-align: right; } .colTotal span { color: #0065a4; display: inline-block; font-size: 13px; font-weight: bold; margin: 4px 0 0; } .del{ max-width:84px; text-align: center; } .del img{ display: inline-block !important; height: 18px; margin: 0 0 0 2px; width: 18px; cursor:pointer; } /*--- CSS by Niraj ends ---*/ /*---------------------------*/ .cartPNameTopmar{margin-top: 6px !important;} /* New changes for login & Register */ /* #container .ui-slider { position: relative; text-align: left; } #container .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.3em; height: 1.2em; cursor: default; cursor:pointer; } #container .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } #container .ui-slider-horizontal { height: .8em; } #container .ui-slider-horizontal .ui-slider-handle { top: 1.6em; margin-left: -.6em; } #container .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } #container .ui-slider-horizontal .ui-slider-range-min { left: 0; } #container .ui-slider-horizontal .ui-slider-range-max { right: 0; } #container .ui-slider-vertical { width: .8em; height: 100px; } #container .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } #container .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } #container .ui-slider-vertical .ui-slider-range-min { bottom: 0; } #container .ui-slider-vertical .ui-slider-range-max { top: 0; } */ /** widget css **/ /* #container .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 0.7em; } #container .ui-widget .ui-widget { font-size: 1em; } #container .ui-widget input, #container .ui-widget select, #container .ui-widget textarea, #container .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } #container .ui-widget-content { background: #ffffff url(../media/images/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } #container .ui-widget-content a { color: #222222; } #container .ui-widget-header { border: 1px solid #0065a4; background: #0065a4 50% 50% repeat-x; color: #222222; font-weight: bold; border-radius:4px;} #container .ui-widget-header a { color: #222222; } */ /* Interaction states ----------------------------------*/ /* #container .ui-state-default, #container .ui-widget-content .ui-state-default, #container .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../media/images/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } #container .ui-state-default a, #container .ui-state-default a:link, #container .ui-state-default a:visited { color: #555555; text-decoration: none; } /* Corner radius */ /* #container .ui-corner-all, #container .ui-corner-top, #container .ui-corner-left, #container .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } #container .ui-corner-all, #container .ui-corner-top, #container .ui-corner-right, #container .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } #container .ui-corner-all, #container .ui-corner-bottom, #container .ui-corner-left, #container .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } #container .ui-corner-all, #container .ui-corner-bottom, #container .ui-corner-right, #container .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } */ /* New changes for login & Register */ /* training form changes */ .drpfrmBigOuterDivHt6,.drpfrmOuterDivHt6{ background-repeat: no-repeat; border: 1px solid #7F9DB9; float: left; height: 225px; padding-left: 3px; padding-top: 2px; width: 370px; } .drpfrmBigInnerDivHt6,.drpfrmInnerDivHt6{ border: 0 solid #FF0000; height: 223px; overflow-x: hidden; overflow-y: auto; width: 368px; } .drpfrmInnerDivHt6 .width280{width:330px;} .drpPadding{padding-left:21px;} .passwordMeterDiv{ width: 197px; clear: both; float: right; margin: 10px 0px 0px; border-right-width: 0px; } .password-meter-bar { display: block !important; } .widget-learningFactor h3 a { color: #fff !important; } /**********Nps feedback*******/ .nps_button{ float:left; height: 82px; cursor:pointer; width: 41px; border-radius: 8px; margin: 0 12px 0 0; } .nps_red_button{ background: #cc3300; } .nps_red_button:hover{ background: #AB2D03; } .nps_red_active{ background: #AB2D03; } .nps_yellow_button{ background: #ffc000; } .nps_yellow_button:hover{ background: #DCA602; } .nps_yellow_active{ background: #DCA602; } .nps_green_button{ background: #92d050; } .nps_green_button:hover{ background: #7FB446; } .nps_green_active{ background: #7FB446; } .nps_text{ margin-top: 49px; margin-left: -16px; position: absolute; font-size: 23px; font-weight: bold; color: #000 !important; } .npsMainDiv{ width:100%; border-radius:8px; position:relative; font-size:inherit; } .npsImage{ opacity:0; position:relative; z-index:0; width:100%; display:block; } .npsSubDiv{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align:center; } .npsSpan{ margin: 0.3vw 0 0; position: relative !important; display: block; } .npsColor{ color:#005581; } #main-wrapper #content-wrapper #one-column .module.widget-inspiring-future-childcare { background-image: url(../media/images/module-bkg/inspiring_future_childcare_new.png); background-repeat: no-repeat; height:130px!important; } .consent_quest { width:100%; } .consent_privacy { /*font-size: 12px !important;*/ font-style: unset !important; } .answererr { display: none !important; } form .consent_answer_not_valid{ font-size: 12px !important; font-style: italic; width: 100%!important; color: #d12b24!important; font-weight: bold; } .callbackError p { color : #555 !important; } .g-recaptcha.error { border: solid 2px #c64848; padding: .2em; width: 19em; } .sliderImg { max-width:100%; height: auto; } #main-wrapper { border: 10px #FBBA00 solid !important; }