/*
	Adviser Portals Theme: Vivo
	================================
	Copyright Adviser Portals Ltd, 2012 All Rights Reserved.
	
	Designed by Andy Griffiths, 2012
	Updated by Andy Griffiths, 2014        
*/

/* #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_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%;
}

div.marketsummary table tr th,
div.marketsummary table tr td {
	font-size: 11px;
}


/* #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; }
	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:#286aa8; /* customize_link_colour */ text-decoration: none; outline: 0; }
	a:hover, a:focus { /* customize_link_colour_hover */ color:#666666; /* customize_link_colour_hover */ }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul,
	ol {
		margin-bottom: 20px;
	}
	
	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;
	}	

	ul {
	    list-style: disc outside none;
	}

	ol {
	    list-style: decimal outside none;
	}
	li {
		line-height: 20px;
		margin-bottom: 15px;
	}

/* #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 <div class="row"> */
    .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 <br class="clear" /> 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,
a.ifap-login-button,
a.ifap-logout-button,
a.ifap-register-button {
/* customize_nav_tab_colour */ background-color:#666666; /* 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,
.ifap-login-button a:hover,
.ifap-logout-button:hover,
.ifap-register-button a:hover {
/* customize_nav_tab_hover_colour */ background-color:#286aa8; /* 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:#286aa8; /* 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:#666666; /* 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;
}

/* 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:#286aa8; /* customize_header_border_colour */
}

.header-wrap {
/* customize_banner_colour */ background-color:#286aa8; /* customize_banner_colour */
width: 100%;
border-bottom: 5px solid #C4C4C4;
}

.main-wrap {
/* customize_main_background_colour */ background-color:#666666; /* 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);
}

.footer-wrap {
/* customize_footer_wrap_colour */ background-color:#286aa8; /* customize_footer_wrap_colour */
width: 100%;
border-top: 5px solid #C4C4C4;
padding: 30px 0;
}

footer {
/* customize_footer_background_colour */ background-color:#286aa8; /* customize_footer_background_colour */
/* customize_footer_text_colour */ color:#FFFFFF; /* customize_footer_text_colour */
}

.copyright p {
margin-top: 10px;
margin-bottom: 0;
}

.banner {
background-image: url(/themes/vivo/images/banner-full-shadow.png);
background-position: center center;
background-repeat: repeat-y;
margin: 0 auto;
}

#login {
margin-bottom: 20px;
}

a.ifap-login-button {
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;
}

a.ifap-login-button:hover {
background-image: none;
}

a.ifap-logout-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;
}

a.ifap-logout-button:hover {
background-image: none;
}

.logged-in {
line-height: 30px;
color: #FFFFFF;
margin-bottom: 0;
}

a.ifap-register-button {
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;
}

a.ifap-register-button:hover {
background-image: none;
}

/* Tables */

table {
  background: #fff;
  margin-bottom: 1.25rem;
  border: solid 1px #ddd;
}
table thead, table tfoot {
  background: #f5f5f5;
  font-weight: bold;
}
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
  padding: 0.5rem 0.625rem 0.625rem;
  /* font-size: 0.875rem; */
  color: #222;
  text-align: left;
}
table tr th, table tr td {
  padding: 0.5625rem 0.625rem;
  /* font-size: 0.875rem; */
  color: #222;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #f9f9f9;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
  display: table-cell;
  line-height: 1.125rem;
}

/* Newsfeeds */

.ap-newsfeeditem-wrap {

}

.ap-newsfeeditem {

}

.ap-newsfeeditem .text {

}

.ap-newsfeeditem-titlelink {
padding: 10px!important;
margin-bottom: 0;
/* customize_newsfeed_colour */ background-color:#286aa8; /* customize_newsfeed_colour */
font-size: 14px;
line-height: normal;
border-radius: 10px 10px 0 0;
border-bottom: none!important;
}

.ap-newsfeeditem-titlelink a {
/* customize_newsfeed_title_colour */ color:#FFFFFF; /* customize_newsfeed_title_colour */
}

.ap-newsfeeditem-description {
padding: 10px!important;
border: 2px solid #E6E6E6;
border-top: none;
}

/* #Calculators */

div[id^="ifapcalculator-"][id*="-wrap"],
div[id^="ifap-"][id*="-form-wrap"] {
	background-color: #b4b4b4!important;
}

div[id^="ifapcalculator-"][id*="-wrap"],
div[id^="ifap-"][id*="-form-wrap"],
div[id^="ifapcalculator-"][id*="-wrap"] input, 
div[id^="ifapcalculator-"][id*="-wrap"] select,
div[id^="ifap-"][id*="-form-wrap"] input,
div[id^="ifap-"][id*="-form-wrap"] select,
div[id^="ifap-"][id*="-form-wrap"] textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #b4b4b4!important;
}

/* Market Data */

.marketdata table {
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important;
}
/* customize_miscellaneous */ div.ap-businessinformation-legalstatus,
div.ap-businessinformation-adviceareas {
	display:none;
} /* customize_miscellaneous */