/* IFA Portals Theme: Moderno ================================ Copyright IFA Portals Ltd, 2012 All Rights Reserved. Design by Andy Griffiths, 2012 .=III .=III ,MMMMMMMMMMMMI ,MMMMMMMMMMMMI MMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMN MMMMMMMMMMMMMMMMMMMMN .MMMMMMMMMMMMMMMMMMMMMMO .MMMMMMMMMMMMMMMMMMMMMMO MMMMMMMMMMM MMMMMMMMMMI MMMMMMMMM7 MMMMMMMMI MMMMMMMMMMMM MMMMMMMMMMM.MMMMMMMMMM7 OMMMMMMMMMMMM. MMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMM7 OMMMMMMMMMMMMM MMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMM7 OMMMMMMMMMM MMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMM7 OMMMMMMMMMM MMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMMM7 OMMMMMMMMMMMMM MMMMMMMMMMMM MMMMMMMMMMM.MMMMMMMMMM7 OMMMMMMMMMMMM. MMMMMMMMMMM MMMMMMMMMMN MMMMMMMMM7 OMMMMMMMMMMMN +MMMMMMMMMMMMMMMMMMMMMMM +MMMMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMMMMM NMMMMMMMMMMMMMMMMM. NMMMMMMMMMMMMMMMMM. NMMMMMMMMMMMMM. NMMMMMMMMMMMMM. .8MMMMM=. .8MMMMM= ,MMMMMMMMMMMM7 ,MMMMMMMMMMMM7 :MMMMMMMMMMMMMMMMN :MMMMMMMMMMMMMMMMD MMMMMMMMMMMMMMMMMMMM+ MMMMMMMMMMMMMMMMMMMM= MMMMMMMMMMMMMMMMMMMMMM8 MMMMMMMMMMMMMMMMMMMMMM8 MMMMMMMMMMM MMMMMMMMMMI MMMMMMMMM :MMMMMMMMMI MMMMMMMMMMM MMMMMMMMMMM.MMMMMMMMMM MMM+.MMMMMMMMM. MMMMMMMMMMN .. MMMMMMMMMM8MMMMMMMMMM MMMM 7MMMMMMMM8 MMMMMMMMMM MM NMMMMMMMMMMMMMMMMMMMM MMM. MMMMMMMMMM MMMMMMMMM+ MM .MMMMMMMMMMMMMMMMMMMM ?MMMMMMMMMMM MMMMMMMMM OMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMM MMMMMMMMM 7777 MMMMMMMM.MMMMMMMMMM MMMMMMMMMMMMMM. MMMMMMM +MMMM, MMMMMMMN MMMMMMMMM MMMMMMMMMMMMMN +MMMMMMMMMMMMMMMMMMMMMMM +MMMMMMMMMMMMMMMMMMMMMMM .MMMMMMMMMMMMMMMMMMMMM .MMMMMMMMMMMMMMMMMMMMM MMMMMMMMMMMMMMMMMM? MMMMMMMMMMMMMMMMMM? NMMMMMMMMMMMMM NMMMMMMMMMMMMM .OMMMMN=. .OMMMMN=. */ /* #Sections ================================================== */ /* HEADER */ #page-wrap .header-section-01 { /* display: none; */ } #page-wrap .header-section-02 { /* display: none; */ } #page-wrap .header-section-03 { display: none; } #page-wrap .header-section-04 { display: none; } #page-wrap .header-section-05 { display: none; } #page-wrap .header-section-06 { display: none; } #page-wrap .header-section-07 { display: none; } #page-wrap .header-section-08 { display: none; } #page-wrap .header-section-09 { display: none; } #page-wrap .header-section-10 { display: none; } #page-wrap .header-section-11 { display: none; } #page-wrap .header-section-12 { display: none; } /* MAIN */ #page-wrap .main-section-01 { display: none; } #page-wrap .main-section-02 { display: none; } #page-wrap .main-section-03 { display: none; } #page-wrap .main-section-04 { display: none; } #page-wrap .main-section-05 { display: none; } #page-wrap .main-section-06 { display: none; } #page-wrap .main-section-07 { display: none; } #page-wrap .main-section-08 { display: none; } #page-wrap .main-section-09 { display: none; } #page-wrap .main-section-10 { /* display: none; */ } #page-wrap .main-section-11 { display: none; } #page-wrap .main-section-12 { display: none; } #page-wrap .main-section-13 { display: none; } #page-wrap .main-section-14 { display: none; } /* FOOTER */ #page-wrap .footer-section-01 { /* display: none; */ } #page-wrap .footer-section-02 { /* display: none; */ } #page-wrap .footer-section-03 { /* display: none; */ } #page-wrap .footer-section-04 { /* display: none; */ } #page-wrap .footer-section-05 { /* display: none; */ } #page-wrap .footer-section-06 { /* display: none; */ } /* #Reset ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ body { /* customize_background_colour */ background-color:#ffffff; /* customize_background_colour */ /* customize_body_text */ font:normal normal 12px 'Open Sans'; /* customize_body_text */ /* customize_body_text */ color:#444444; /* customize_body_text */ line-height: 19px; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { margin-bottom: 10px;font: normal normal 40px/50px 'Open Sans';color: #444444; } h1 { margin-bottom: 10px;font: normal normal 38px/40px 'Open Sans';color: #444444; } h2 { margin-bottom: 10px;font: normal normal normal 28px/30px 'Open Sans';color: #444444; } h3 { margin-bottom: 4px;font: normal normal normal 22px/24px 'Open Sans';color: #444444; } h4 { margin-bottom: 4px;font: normal normal normal 18px/20px 'Open Sans';color: #444444; } h5 { margin-bottom: 4px;font: normal normal normal 16px/18px 'Open Sans';color: #444444; } h6 { margin-bottom: 4px;font: normal normal normal 14px/16px 'Open Sans';color: #444444; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } b { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px 40px; padding: 9px 20px 0 19px; border-left: 2px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } pre, code { font-family: monospace; } /* #Links ================================================== */ a { /* customize_link_colour */ color:#2b39d6; /* customize_link_colour */ text-decoration: none; outline: 0; } a:hover, a:focus { /* customize_link_colour_hover */ color:#e02121; /* customize_link_colour_hover */ } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: disc; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 0px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } img { display: block; max-width: 100%; height: auto; } /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } #select-nav { display: none; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 348px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } #select-nav { display: none; } /* SEARCH BAR */ .container .ifap-search-block-form { width: 122px; } .container .ifap-search-block-text { width: 88px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 280px; padding: 0 10px;} /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } .container .twelve.columns .twelve.columns, .container .two-thirds.column .two-thirds.column, .container .two-thirds.column .one-third.column, .container .twelve.columns .six.columns, .container .twelve.columns .four.columns, .container .twelve.columns .nine.columns, .container .twelve.columns .three.columns, .container .sixteen.columns .three.columns, .container .sixteen.columns .ten.columns { width: 280px; padding: 0; } #horizontal-nav { display: none; } #select-nav { display: block; } /* SEARCH BAR */ .container .ifap-search-block-form { width: 278px; } .container .ifap-search-block-text { width: 244px; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 400px; padding: 0 10px; } .container .twelve.columns .twelve.columns, .container .two-thirds.column .two-thirds.column, .container .two-thirds.column .one-third.column, .container .twelve.columns .six.columns, .container .twelve.columns .four.columns, .container .twelve.columns .nine.columns, .container .twelve.columns .three.columns, .container .sixteen.columns .three.columns, .container .sixteen.columns .ten.columns { width: 400px; padding: 0 0px; } #horizontal-nav { display: none; } #select-nav { display: block; } /* SEARCH BAR */ .container .ifap-search-block-form { width: 398px; } .container .ifap-search-block-text { width: 364px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Navigation ================================================== */ /* IPAD */ #controls li { display: block; } #controls li .link { display: block; padding: 10px; border-bottom: solid 1px #CCC; } #controls li .hover_controls { float: right; display: none; } #controls li:hover .hover_controls { display: block; } /* HORIZONTAL */ .page-name-Home { text-indent: -999999px; background-image: url(/themes/moderno/images/moderno_navigation_home_bg.png); background-position: 0 0; background-repeat: no-repeat; margin: 0; padding: 0; width: 50px; height: 50px; } #horizontal-nav ul li.page-name-Home:hover { background-image: url(/themes/moderno/images/moderno_navigation_home_bg.png); background-repeat: no-repeat;background-position: 0 -50px; } #horizontal-nav ul li.page-name-Home a { margin: 0; padding: 0; } #horizontal-nav { padding: 0; background-image: url(/themes/moderno/images/moderno_navigation_bg.png); background-repeat: repeat-x; /* customize_navigation_colour */ background-color:#e02121; /* customize_navigation_colour */ height: 50px; } #horizontal-nav ul { padding: 0; margin: 0; list-style: none; } #horizontal-nav ul li { float: left; position: relative; } #horizontal-nav ul li a { background-image: url(/themes/moderno/images/moderno_navigation_divider.png); background-repeat: no-repeat; background-position: right center; padding: 0 20px; margin: 0; height: 50px; display: block; font: normal normal normal 14px 'Open Sans'; font-weight: 400; line-height: 50px; color: #FFFFFF; } #horizontal-nav ul li:hover { background-image: url(/themes/moderno/images/moderno_navigation_hover_bg.png); background-repeat: repeat-x; } #horizontal-nav ul li.nav-selected { background-image: url(/themes/moderno/images/moderno_navigation_hover_bg.png); background-repeat: repeat-x; } #horizontal-nav ul li.nav-path-selected { background-image: url(/themes/moderno/images/moderno_navigation_hover_bg.png); background-repeat: repeat-x; } #horizontal-nav ul li.nav-selected.page-name-Home { text-indent: -999999px; background-image: url(/themes/moderno/images/moderno_navigation_home_bg.png); background-repeat: no-repeat; margin: 0; padding: 0; } #horizontal-nav ul li.nav-path-selected.page-name-Home { text-indent: -999999px; background-image: url(/themes/moderno/images/moderno_navigation_home_bg.png); background-repeat: no-repeat; margin: 0; padding: 0; } #horizontal-nav ul li ul { height: auto; opacity: 0; position: absolute; left: 0; top: -999999%; padding: 0; margin: 0; z-index: 250; /* customize_sub_navigation_colour */ background-color:#e02121; /* customize_sub_navigation_colour */ width: 220px; -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); } #horizontal-nav ul li ul li { margin: 0; border-bottom: 1px solid rgba(0,0,0,0.2); } #horizontal-nav ul li ul li:hover, #horizontal-nav ul li ul li.nav-selected, #horizontal-nav ul li ul li.nav-path-selected { /* customize_sub_navigation_hover_colour */ background-color:#2b39d6; /* customize_sub_navigation_hover_colour */ background-image: none; } #horizontal-nav ul li ul li a { background-image: none; background-repeat: no-repeat; background-position: right center; padding: 10px 10px; margin: 0; height: auto; width: 200px; display: block; font: normal normal normal 12px 'Open Sans'; line-height: normal; color: #FFFFFF; text-align: left; } #horizontal-nav ul li:hover > ul { opacity: 1; position: absolute; top: 100%; -webkit-transition: opacity 1s ease; /* For chrome & safari */ -moz-transition: opacity 1s ease; /* For mozilla firefox */ -o-transition: opacity 1s ease; /* For opera */ transition: opacity 1s ease; } #horizontal-nav ul li ul li ul { left: -999999px; top: 0; } #horizontal-nav ul li ul li:hover > ul { left: 100%; top: 0; } /* VERTICAL */ #vertical-nav { padding: 0; } #vertical-nav ul { padding: 0; list-style: none; } #vertical-nav ul li { margin-bottom: 20px; position: relative; } #vertical-nav ul li a { } #vertical-nav ul li a:hover { } #vertical-nav ul li a.nav-selected { } #vertical-nav ul li a.nav-path-selected { } #vertical-nav ul li ul { height: auto; opacity: 0; position: absolute; left: -999999%; top: 0; padding: 0; margin: 0; z-index: 25; } #vertical-nav ul li:hover > ul { opacity: 1; position: absolute; left: 100%; -webkit-transition: opacity 1s ease; /* For chrome & safari */ -moz-transition: opacity 1s ease; /* For mozilla firefox */ -o-transition: opacity 1s ease; /* For opera */ transition: opacity 1s ease; } /* SELECT */ #select-nav { padding-bottom: 10px; } #select-nav select { width: 100%; } /* Login ================================================== */ #login { float: right; width: auto; } .login-button { background: #50B848; background-image: -moz-linear-gradient(top, #50B848, #A8D057); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50B848), to(#A8D057)); background-image: -webkit-linear-gradient(top, #50B848, #A8D057);border: none; background-image: -ms-linear-gradient(top, #50B848, #A8D057); background-image: -o-linear-gradient(top, #50B848, #A8D057); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); text-shadow: 1px 1px 2px rgba(0,0,0,0.7); padding: 5px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; font: normal normal normal 16px 'Oswald'; text-transform: uppercase; text-decoration: none; cursor: pointer; margin-bottom: 20px; } .login-button:hover { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); } .register-button { background: #50B848; background-image: -moz-linear-gradient(top, #50B848, #A8D057); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50B848), to(#A8D057)); background-image: -webkit-linear-gradient(top, #50B848, #A8D057);border: none; background-image: -ms-linear-gradient(top, #50B848, #A8D057); background-image: -o-linear-gradient(top, #50B848, #A8D057); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); text-shadow: 1px 1px 2px rgba(0,0,0,0.7); padding: 5px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; font: normal normal normal 16px 'Oswald'; text-transform: uppercase; text-decoration: none; cursor: pointer; margin-bottom: 20px; } .register-button:hover { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); color: #ffffff; } .reset-button { background: #BE1E2D; background-image: -moz-linear-gradient(top, #BE1E2D, #CE5662); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BE1E2D), to(#CE5662)); background-image: -webkit-linear-gradient(top, #BE1E2D, #CE5662);border: none; background-image: -ms-linear-gradient(top, #BE1E2D, #CE5662); background-image: -o-linear-gradient(top, #BE1E2D, #CE5662); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); text-shadow: 1px 1px 2px rgba(0,0,0,0.7); padding: 5px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; font: normal normal normal 16px 'Oswald'; text-transform: uppercase; text-decoration: none; cursor: pointer; margin-bottom: 20px; } .reset-button:hover { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); } .ccm-input-text, div.ccm-field-meta input, div.ccm-field-meta textarea, .ccm-input-date, .ccm-input-password { font-size: 12px; border: 1px solid #aaa; color: #404041; padding: 4px; width: 95%; font: normal normal normal 14px/21px 'Open Sans', sans-serif; } .ccm-input-checkbox { margin: 0 10px 0 0; } .inputs-list { list-style: none; padding-left: 0; } .dotted { border-bottom: 4px dotted #D0D2D3; } /* Theme Styles ================================================== */ .header-wrap { /* customize_header_colour */ background-color:#ffffff; /* customize_header_colour */ padding-bottom: 0; } header { position: relative; z-index: 2; } #main { padding: 15px 0; position: relative; z-index: 1; } footer { } #footer-top { padding: 20px 0; border-top: 2px dotted rgba(0,0,0,0.2); border-bottom: 2px dotted rgba(0,0,0,0.2); margin-bottom: 20px; } .footer-wrap { /* customize_footer_colour */ background-color:#ffffff; /* customize_footer_colour */ } /* SEARCH BAR */ .ccm-search-block-submit, .ccm-search-block-text { display: none; } #searchResults .searchResult { margin-bottom: 25px!important; margin-top: 0!important; padding-bottom: 0px!important; border-bottom: 1px dotted rgba(0,0,0,0.2); } .ifap-search-block-form { height: 28px; width: 158px; padding: 0; margin: 0; background-color: #F2F2F2; border: 1px solid #E6E6E6; position: relative; } .ifap-search-block-text { height: 16px; width: 124px; background: #FFFFFF; border: none; padding: 2px; margin: 0; float: left; -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); box-shadow: inset 0 0 2px rgba(0,0,0,0.3); color: #606060; position: absolute; top: 5px; left: 5px; font: normal normal normal 12px 'Open Sans'; color: #C8C8C8; } .ifap-search-block-text:focus { -moz-box-shadow: inset 0 0 3px rgba(82,168,236,0.8); -webkit-box-shadow: inset 0 0 3px rgba(82,168,236,0.8); box-shadow: inset 0 0 3px rgba(82,168,236,0.8); } .ifap-search-block-submit { width: 20px; height: 20px; padding: 0; /* customize_search_button_colour */ background-color:#2b39d6; /* customize_search_button_colour */ background-image: url(/themes/moderno/images/search_button.png); background-repeat: no-repeat; background-position: center center; border: none; text-indent: -999999px; position: absolute; top: 5px; right: 5px; } .ifap-search-block-submit:hover { /* customize_search_button_hover_colour */ background-color:#e02121; /* customize_search_button_hover_colour */ -webkit-transition: background-color 0.5s ease; /* For chrome & safari */ -moz-transition: background-color 0.5s ease; /* For mozilla firefox */ -o-transition: background-color 0.5s ease; /* For opera */ transition: background-color 0.5s ease; } /* LOGIN/REGISTER */ .login-register { float: right; margin-bottom: 10px; } .ifap-login-button { height: 20px; background: #AAAAAA; background-image: -moz-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAAAAA), to(#C8C8C8)); background-image: -webkit-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -ms-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -o-linear-gradient(top, #AAAAAA, #C8C8C8); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); /* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */ border: none; padding: 0 10px 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; text-transform: uppercase; text-decoration: none; cursor: pointer; margin: 0px; background-image: url(/themes/moderno/images/login-icon.png); background-repeat: no-repeat; color: #FFFFFF; font: normal normal normal 10px/20px 'Open Sans'; letter-spacing: 0.5px; } .ifap-login-button:hover, .ifap-login-button:active { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); color: #FFFFFF; } .ifap-logout-button { height: 20px; background: #AAAAAA; background-image: -moz-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAAAAA), to(#C8C8C8)); background-image: -webkit-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -ms-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -o-linear-gradient(top, #AAAAAA, #C8C8C8); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); /* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */ border: none; padding: 0 5px 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; text-transform: uppercase; text-decoration: none; cursor: pointer; margin: 0px; background-image: url(/themes/moderno/images/login-icon.png); background-repeat: no-repeat; color: #FFFFFF; font: normal normal normal 10px/20px 'Open Sans'; letter-spacing: 0.5px; } .ifap-logout-button:hover, .ifap-logout-button:active { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); color: #FFFFFF; } .ifap-register-button { height: 20px; background: #AAAAAA; background-image: -moz-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAAAAA), to(#C8C8C8)); background-image: -webkit-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -ms-linear-gradient(top, #AAAAAA, #C8C8C8); background-image: -o-linear-gradient(top, #AAAAAA, #C8C8C8); -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3); /* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */ border: none; padding: 0 5px 0 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; text-transform: uppercase; text-decoration: none; cursor: pointer; margin: 0 0 0 5px; background-image: url(/themes/moderno/images/register-icon.png); background-repeat: no-repeat; color: #FFFFFF; font: normal normal normal 10px/20px 'Open Sans'; letter-spacing: 0.5px; } .ifap-register-button:hover, .ifap-register-button:active { -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); color: #FFFFFF; } /* MARKET SUMMARY */ .marketsummary table { box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; } /* #ifap-general-enquiry-form-wrap, #ifap-mortgage-enquiry-form-wrap, #ifap-protection-enquiry-form-wrap, #ifap-pension-enquiry-form-wrap, #ifap-investment-enquiry-form-wrap { box-shadow: none!important; } */ /* CALL TO ACTION */ .ifaportals-container-call-to-action-wrapper, .ifaportals-container-call-to-action-25-wrapper, .ifaportals-container-call-to-action-50-wrapper, .ifaportals-container-call-to-action-75-wrapper { /* customize_call_to_action_background */ background-color:#e02121; /* customize_call_to_action_background */ } /* customize_miscellaneous */ /* customize_miscellaneous */