/* IFA Portals Theme: Vivo ================================ 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:#E6E6E6; /* customize_background_colour */ /* customize_body_text */ font:normal normal 14px 'PT Sans'; /* customize_body_text */ /* customize_body_text */ color:#444444; /* customize_body_text */ line-height: 21px; -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 'PT Sans';color: #444444; } h2 { margin-bottom: 10px;font: normal normal normal 32px/36px 'PT Sans';color: #444444; } h3 { margin-bottom: 4px;font: normal normal normal 24px/28px 'PT Sans';color: #444444; } h4 { margin-bottom: 8px;font: normal normal normal 20px/24px 'PT Sans';color: #444444; } h5 { margin-bottom: 4px;font: normal normal normal 17px/24px 'PT Sans';color: #444444; } h6 { margin-bottom: 4px;font: normal normal normal 14px/21px 'PT 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; } .titlelink { margin-bottom: 10px;font: normal normal normal 20px/26px 'PT Sans'; } .description { font: normal normal 13px 'PT Sans'; } /* #Links ================================================== */ a { /* customize_link_colour */ color:#002463; /* customize_link_colour */ text-decoration: none; outline: 0; } a:hover, a:focus { /* customize_link_colour_hover */ color:#808080; /* 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: 15px; margin-right: 15px; } .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: 30px; } .container .two.columns { width: 90px; } .container .three.columns { width: 150px; } .container .four.columns { width: 210px; } .container .five.columns { width: 270px; } .container .six.columns { width: 330px; } .container .seven.columns { width: 390px; } .container .eight.columns { width: 450px; } .container .nine.columns { width: 510px; } .container .ten.columns { width: 570px; } .container .eleven.columns { width: 630px; } .container .twelve.columns { width: 690px; } .container .thirteen.columns { width: 750px; } .container .fourteen.columns { width: 810px; } .container .fifteen.columns { width: 870px; } .container .sixteen.columns { width: 930px; } .container .one-third.column { width: 290px; } .container .two-thirds.column { width: 610px; } /* 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; } } /* #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 { width: 280px; padding: 0; } #horizontal-nav { display: none; } #select-nav { display: block; } } /* #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 { width: 400px; padding: 0 0px; } #horizontal-nav { display: none; } #select-nav { display: block; } } /* #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 */ #horizontal-nav { padding: 0; margin-top: 20px; } #horizontal-nav ul { list-style: none; padding: 0; margin-bottom: 0; } #horizontal-nav ul li { position: relative; float: left; margin-bottom: 0; } #horizontal-nav ul li a { float: left; height: 40px; margin-right: 6px; padding: 0 20px; position: relative; background-image: url(/themes/vivo/images/tab-bottom-shadow.png); background-position: bottom center; background-repeat: repeat-x; line-height: 40px; border-radius: 10px 10px 0 0; -webkit-transition: all 0.5s ease; /* For chrome & safari */ -moz-transition: all 0.5s ease; /* For mozilla firefox */ -o-transition: all 0.5s ease; /* For opera */ transition: all 0.5s ease; font-family: 'Dosis'; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } #horizontal-nav ul li a, .top-log-in-button a, .top-log-out-button, .top-sign-up-button a { /* customize_nav_tab_colour */ background-color:#969696; /* customize_nav_tab_colour */ /* customize_nav_link_colour */ color:#FFFFFF; /* customize_nav_link_colour */ } #horizontal-nav ul li a:hover, #horizontal-nav ul li a.nav-selected, #horizontal-nav ul li a.nav-path-selected, .top-log-in-button a:hover, .top-log-out-button:hover, .top-sign-up-button a:hover { /* customize_nav_tab_hover_colour */ background-color:#002463; /* customize_nav_tab_hover_colour */ /* customize_nav_link_hover_colour */ color:#FFFFFF; /* customize_nav_link_hover_colour */ background-image: none; } #horizontal-nav ul li ul { width: 200px; height: auto; opacity: 0; position: absolute; left: 0; top: -999999%; padding: 0; margin: 0; z-index: 25; /* customize_sub_nav_background_colour */ background-color:#002463; /* customize_sub_nav_background_colour */ border-radius: 0 0 10px 10px; box-shadow: 3px 6px 2px rgba(0,0,0,0.2); } #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 { margin: 0; padding: 0; } #horizontal-nav ul li ul li a { margin: 0; padding: 10px; height: auto; width: 180px; display: block; text-align: left; line-height: normal; /* customize_sub_nav_link_colour */ color:#FFFFFF; /* customize_sub_nav_link_colour */ background-image: none; background-color: transparent; line-height: normal; border-radius: 0; border-bottom: 2px dotted rgba(255,255,255,0.5); } #horizontal-nav ul li ul li:last-child a { border-bottom: 2px dotted rgba(255,255,255,0); } #horizontal-nav ul li ul li a:hover, #horizontal-nav ul li ul li a.nav-path-selected { /* customize_sub_nav_hover_colour */ background-color:#969696; /* customize_sub_nav_hover_colour */ /* customize_sub_nav_link_hover_colour */ color:#FFFFFF; /* customize_sub_nav_link_hover_colour */ } #horizontal-nav ul li ul li ul { width: 200px; height: auto; opacity: 0; position: absolute; left: -999999%; top: 0; padding: 0; margin: 0; z-index: 25; background-color: #F6921E; border-radius: 0 0 0 0; box-shadow: 3px 6px 2px rgba(0,0,0,0.2); } #horizontal-nav ul li ul li:hover > ul { opacity: 1; position: absolute; top: 0; 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; } /* 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: 0; margin: 15px 0 15px 0; } #select-nav select { width: 100%; border: 1px solid rgba(0,0,0,0.1); padding: 5px; } /* 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 'PT 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 ================================================== */ #page-wrap { background-color: #FFFFFF; } header { } #top-wrap { /* customize_header_colour */ background-color:#ffffff; /* customize_header_colour */ background-image: url(/themes/vivo/images/header-bottom-shadow.png); background-position: bottom center; background-repeat: repeat-x; position: relative; border-bottom: 5px solid; /* customize_header_border_colour */ border-bottom-color:#002463; /* customize_header_border_colour */ } #header-wrap { /* customize_banner_colour */ background-color:#002463; /* customize_banner_colour */ width: 100%; border-bottom: 5px solid #C4C4C4; } #main-wrap { /* customize_main_background_colour */ background-color:#E6E6E6; /* customize_main_background_colour */ width: 100%; padding: 15px 0; } #main { /* customize_body_background_colour */ background-color:#FFFFFF; /* customize_body_background_colour */ padding: 30px 0; box-shadow: 0 0 4px rgba(0,0,0,0.1); /* border-radius: 10px 10px 10px 10px; */ } /* #main-background { background-image: url(/themes/vivo/images/main-full-shadow.png); background-repeat: repeat-y; height: 500px; margin: 0 auto; width: 1000px; } */ #footer-wrap { /* customize_footer_wrap_colour */ background-color:#002463; /* customize_footer_wrap_colour */ width: 100%; border-top: 5px solid #C4C4C4; } footer { /* customize_footer_colour */ background-color:#002463; /* customize_footer_colour */ } #footer-top { padding: 20px 0; } #ifapfsadisclosure-wrap { color: #FFFFFF; } #banner { background-image: url(/themes/vivo/images/banner-full-shadow.png); background-position: center center; background-repeat: repeat-y; margin: 0 auto; } #banner-inside { /* border-left: 2px solid #F6921E; border-right: 2px solid #F6921E; */ } #login { margin-bottom: 20px; } .top-log-in-button a { float: left; height: 30px; margin-right: 5px; padding: 0 10px; position: relative; background-image: url(/themes/vivo/images/tab-top-shadow.png); background-position: top center; background-repeat: repeat-x; line-height: 30px; border-radius: 0 0 10px 10px; -webkit-transition: all 0.5s ease; /* For chrome & safari */ -moz-transition: all 0.5s ease; /* For mozilla firefox */ -o-transition: all 0.5s ease; /* For opera */ transition: all 0.5s ease; font-size: 12px; font-family: 'Dosis'; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .top-log-in-button a:hover { background-image: none; } .top-log-out-button { float: right; height: 30px; margin: 0 10px 0 10px; padding: 0 10px; position: relative; background-image: url(/themes/vivo/images/tab-top-shadow.png); background-position: top center; background-repeat: repeat-x; line-height: 30px; border-radius: 0 0 10px 10px; -webkit-transition: all 0.5s ease; /* For chrome & safari */ -moz-transition: all 0.5s ease; /* For mozilla firefox */ -o-transition: all 0.5s ease; /* For opera */ transition: all 0.5s ease; font-size: 12px; font-family: 'Dosis'; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .top-log-out-button:hover { background-image: none; } .top-logged-in { line-height: 30px; color: #FFFFFF; margin-bottom: 0; } .top-sign-up-button a { float: left; height: 30px; margin-right: 0; padding: 0 10px; position: relative; background-image: url(/themes/vivo/images/tab-top-shadow.png); background-position: top center; background-repeat: repeat-x; line-height: 30px; border-radius: 0 0 10px 10px; -webkit-transition: all 0.5s ease; /* For chrome & safari */ -moz-transition: all 0.5s ease; /* For mozilla firefox */ -o-transition: all 0.5s ease; /* For opera */ transition: all 0.5s ease; font-size: 12px; font-family: 'Dosis'; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .top-sign-up-button a:hover { background-image: none; } /* Newsfeeds */ .ifapnewsfeeditem-wrap { } .ifapnewsfeeditem { } .ifapnewsfeeditem .text { } .ifapnewsfeeditem .text .titlelink { padding: 10px!important; margin-bottom: 0; /* customize_newsfeed_colour */ background-color:#002463; /* customize_newsfeed_colour */ font-size: 14px; line-height: normal; border-radius: 10px 10px 0 0; border-bottom: none!important; } .ifapnewsfeeditem .text .titlelink a { /* customize_newsfeed_title_colour */ color:#FFFFFF; /* customize_newsfeed_title_colour */ } .ifapnewsfeeditem .text .description { padding: 10px!important; border: 2px solid #E6E6E6; border-top: none; font-size: 12px!important; } /* Articles */ .ifaparticle, .ifaparticlecategory, .ifapcalculator, .ifapplugin, .ifapresearchlink, .ifapnewsletter, #ifapmarketindices-wrap, #ifapcurrencymarket-wrap, #ifapmarketwinners-wrap, #ifapmarketlosers-wrap { margin-bottom: 35px!important; padding-bottom: 35px!important; border-bottom: 1px solid; /* customize_section_divider_colour */ border-bottom-color:#002463; /* customize_section_divider_colour */ } #ifaparticle-wrap { font-size: 14px!important; } /* .ifaparticle .text { margin-left: 0!important; } .ifaparticle .button { margin: 52px 10px 10px 0px; } .ifaparticle .titlelink { border-bottom: none!important; text-indent: -100px; } .ifaparticle .titlelink a { margin-bottom: 0; background-color: #F6921E; font-size: 16px; line-height: normal; border-radius: 10px 10px 0 0; padding: 10px!important; color: #FFFFFF; display: block; } .ifaparticle .titlelink a:hover { background-color: #969696; } */ /* Market Data */ .marketdata table { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important; } /* Newsletters */ .ifapnewsletter .text { margin-left: 125px!important; } .ifapnewsletter .text .titlelink { font-size: 15px; } #ifapmortgagedisclosure-wrap { text-align: left!important; font-size: 14px!important; } footer { color: #FFFFFF; } /* customize_miscellaneous */ /* customize_miscellaneous */