/*
  Running MySource Matrix
  Developed by Squiz - 
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 02 February 2012 11:32:22
*/


/* Changes 270308 support the removal of all chevron button styles
   and replace them with a span alternative                      
 */

.button {
    position: relative;
    width: 10.6em;
    overflow: hide;
    border: 1px solid #006;
    line-height: 1.2;
    text-align: center;
}

.button a {
    display: block;
    height: 1%; /* resolves IE Holly Hack for versions 5.0, 5.5 & 6 */ 
    padding: 0.2em 0.158em 0.2em 0;
    text-decoration: none;
    font-weight: bold;
}

.input-button-green, .input-button-blue, .input-button-disable {
    width: 11em;
    border: 0.079em solid #006;
    padding: 0.12em 0.158em 0.12em 0;
    line-height: 1.2;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    cursor: hand;
}

.input-button-small {
    width: 5em;
    padding: 0.079em;
    line-height: 1.1;
}

/* override button width */

.button-enlarge5 { width: 26em; }
.button-enlarge4 { width: 22.9em; }
.button-enlarge3 { width: 21.2em; }
.button-enlarge2-8 { width: 21.0em; }
.button-enlarge2 { width: 16.6em; }
.button-enlarge1-5 { width: 15.3em; } 
.button-enlarge1 { width: 12.6em; } 

.button-reduce1{ width: 9.5em; }
.button-reduce2{ width: 7.1em; }
.button-reduce3{ width: 4.7em; }

/* set button background images */

.button span {
    height: 1.2em;
    width: 1em;
    position: absolute;
    margin: 0 0.158em;
}

.button .padlock-bg {
    left: 0.395em;
    background: url(/__data/assets/image/0011/18200/button-padlock.gif) no-repeat center left;
}
.green .chevron-bg, .green-double .chevron-bg {
    right: 0.158em;
    background: url(/__data/assets/image/0012/18201/green-chevrons.gif) no-repeat center right;    
}
.blue .chevron-bg, .blue-double .chevron-bg {
    right: 0.158em;
    background: url(/__data/assets/image/0013/18202/blue-chevrons.gif) no-repeat center right;    
}

.green-double span, .blue-double span { height: 2.4em; }
.green-treble span, .blue-treble span { height: 3.6em; }

/* style form buttons, note that IE6 & previous do not support the hover effect and input elements */

.input-button-green {
    background: url(/__data/assets/image/0014/18203/button-green-slice.gif) repeat-x left center #599E55;
    color: #FFF;
}
.input-button-green:hover {
    background: url(/__data/assets/image/0015/18204/button-green-slice-hover.gif) repeat-x left center #7EBC7A;
}

.input-button-blue {
    background: url(/__data/assets/image/0016/18205/button-blue-slice.gif) repeat-x left center #EBEAF4;
    color: #006;
}
.input-button-blue:hover {
    background: url(/__data/assets/image/0017/18206/button-blue-slice-hover.gif) repeat-x left center #F4F3F9; 
}

.input-button-disable {
    background: #C0C0C0;
    color: #FFF;
}

/* style standard buttons */

.green a, .green-chevrons a, .green-double a, .green-double-chevrons a { 
    border-top: 0.079em solid #8AC886;
    border-bottom: 0.079em solid #387534;
    border-left: 0.079em solid #5DA359;
    border-right: 0.079em solid #5DA359;
    color: #FFF;
}
.green a:visited, .green-chevrons a:visited, .green-double a:visited, .green-double-chevrons a:visited { 
    color: #FFF;
}

.blue a, .blue-chevrons a, .blue-double a, .blue-double-chevrons a { 
    border-top: 0.079em solid #FFF;
    border-bottom: 0.079em solid #CDC9DA;
    border-left: 0.079em solid #EBEAF5;
    border-right: 0.079em solid #EBEAF5; 
    color: #006; 
}
.blue a:visited, .blue-chevrons a:visited, .blue-double a:visited, .blue-double-chevrons a:visited { 
    color: #006; 
}

/* For when you want to show a button as disabled. Note the link inside a normal button must be replaced with a span */
.button.grey {
    border: 0.079em solid #7C7B7B; 
}
.button.grey span {
    border: 0.079em solid #D8D8D8; 
    color:#7C7B7B;
    background: #D8D8D8; 
    display: block;
    padding: 0.2em 0.158em 0.2em 0;
    text-decoration: none;
    font-weight:bold;
    cursor:default;
    height:auto;
    position:relative;
    width:auto;
    margin:0;
}

/* green buttons */

.green, .green-double, .green-chevrons, .green-double-chevrons {
    background: url(/__data/assets/image/0015/18204/button-green-slice-hover.gif) repeat-x left center #7EBC7A; /* set hover bg to outer div to avoid IE6 flicker problem */
}
.green a, .green-double a, .green-chevrons a, .green-double-chevrons a { 
    background: url(/__data/assets/image/0014/18203/button-green-slice.gif) repeat-x left center #599E55; 
}
.green a:hover, .green-double a:hover, .green-chevrons a:hover, .green-double-chevrons a:hover { 
    background: none; 
}

/* blue buttons */

.blue, .blue-double, .blue-chevrons, .blue-double-chevrons { 
    background: url(/__data/assets/image/0017/18206/button-blue-slice-hover.gif) repeat-x left center #F4F3F9; 
}
.blue a, .blue-double a, .blue-chevrons a, .blue-double-chevrons a { 
    background: url(/__data/assets/image/0016/18205/button-blue-slice.gif) repeat-x left center #EBEAF4; 
}
.blue a:hover, .blue-double a:hover, .blue-chevrons a:hover, .blue-double-chevrons a:hover { 
    background: none; 
}

/* Single line, double height, green buttons */

.green-tall, .green-tall-chevrons { 
    background: url(/__data/assets/image/0018/18207/button-grn-dbl-l.gif) no-repeat top left; 
    line-height:1.7em;
    font-size:1.2em;
}
.green-tall a { background: url(/__data/assets/image/0019/18208/button-grn-dbl-r.gif) repeat-x right; color:#FFF; }
.green-tall a:hover { background: url(/__data/assets/image/0020/18209/button-grn-dbl-r-hov.gif) repeat-x right; }
.green-tall-chevrons a { background: url(/__data/assets/image/0012/18210/button-grn-dbl-chev.gif) repeat-x right -34px; color:#FFF; }
.green-tall-chevrons a:hover { background: url(/__data/assets/image/0012/18210/button-grn-dbl-chev.gif) repeat-x top right ; }

.risk-and-reward-grey-bar {
 display: block;
 padding: 0.4em 0 0.4em 0.4em;
 height: 21px;
 width: 490px;
 text-decoration: none;
 color: #006 !important;
}
.risk-and-reward-grey-bar-plus {
 background: url(/__data/assets/image/0007/812986/types-of-investment-plus-minus-button.jpg) no-repeat 0 0;
}
.risk-and-reward-grey-bar-minus {
 background: url(/__data/assets/image/0007/812986/types-of-investment-plus-minus-button.jpg) no-repeat 0 -35px;
}
.risk-and-reward-grey-bar-dbl-line {
 display: block;
 padding: 0.2em 0 0.2em 0.7em;
 height: 31px;
 text-decoration: none;
 color: #006 !important;
 font-size: 0.7em;
 font-weight: bold;
 width: 490px;
}

.fund-selector-button {
  cursor: pointer;
}

/* CSS BUTTONS V2 7/7/11 */
.css-button, .css-button-blue, .css-button-green, .css-button-silver {
 -moz-border-radius:0.5em;
 -webkit-border-radius:0.5em;
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 box-shadow: 0 1px 2px rgba(0,0,0,.2);
 border-radius:0.5em;
 color:#FFF;
 cursor:pointer;
 display:inline-block;
 font-weight:bold;
 outline:none;
 text-align:center;
 text-decoration:none;
 text-shadow:0 1px 1px rgba(0,0,0,.3);
 padding:0.3em 1em;
}
.css-button:visited, .css-button-blue:visited, .css-button-green:visited {color:#FFF;}
/* Blue */
.css-button-blue {
 border:1px solid #1D68B3;
 background:#53A2E9;
 background:-moz-linear-gradient(center top , #53A2E9, #1B6CBC) repeat scroll 0 0 transparent;
 background:-webkit-gradient(linear, left top, left bottom, from(#53A2E9), to(#1B6CBC));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53A2E9', endColorstr='#1B6CBC');
}
.css-button-blue:hover {
 background:#53A2E9;
 background:-moz-linear-gradient(center top , #4994D7, #1A65B0) repeat scroll 0 0 transparent;
 background:-webkit-gradient(linear, left top, left bottom, from(#4994D7), to(#1A65B0));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4994D7', endColorstr='#1A65B0');
 text-decoration:none;
}
.css-button-blue:active {
 background:#1B6CBC;
 background:-moz-linear-gradient(center top , #1B6CBC, #53A2E9) repeat scroll 0 0 transparent;
 background:-webkit-gradient(linear, left top, left bottom, from(#1B6CBC), to(#53A2E9));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B6CBC', endColorstr='#53A2E9');
}
/* Green */
.css-button-green {
 border:1px solid #325F2F;
 background:#6CAB68;
 background:-moz-linear-gradient(center top , #6CAB68, #4A8B46) repeat scroll 0 0 transparent;
 background:-webkit-gradient(linear, left top, left bottom, from(#6CAB68), to(#4A8B46));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CAB68', endColorstr='#4A8B46');
}
.css-button-green:hover {
 background:#53A2E9;
 background:-moz-linear-gradient(center top , #538F50, #4A8B46) repeat scroll 0 0 transparent;
 background:-webkit-gradient(linear, left top, left bottom, from(#538F50), to(#4A8B46));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#538F50', endColorstr='#4A8B46');
 text-decoration:none;
}
.css-button-green:active {
 background:#1B6CBC;
 background:-moz-linear-gradient(center top , #4A8B46, #6CAB68) repeat scroll 0 0 transparent;
 background:-webkit-gradient(linear, left top, left bottom, from(#4A8B46), to(#6CAB68));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A8B46', endColorstr='#6CAB68');
}
/* Silver */
.css-button-silver {
 border:1px solid #555;
 background:#EEE;
 background:-moz-linear-gradient(center top , #EEE, #BBB) repeat scroll 0 0 transparent;
 background:-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#BBB));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#BBBBBB');
 color:#111;
 text-shadow:none;
}
.css-button-silver:hover {
 background:#DDD;
 background:-moz-linear-gradient(center top , #DDD, #BBB) repeat scroll 0 0 transparent;
 background:-webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#BBBBBB');
 text-decoration:none;
 color:#111;
 text-shadow:none;
}
.css-button-silver:active {
 background:#CCC;
 background:-moz-linear-gradient(center top , #BBB, #EEE) repeat scroll 0 0 transparent;
 background:-webkit-gradient(linear, left top, left bottom, from(#BBB), to(#EEE));
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#EEEEEE');
 color:#111;
 text-shadow:none;
}
.css-button-silver:visited { color:#111; }

.play-button {
    background: url(/__data/assets/image/0010/5264587/play-active-video.png) no-repeat scroll 0 0 transparent;
    height: 125px;
    width: 215px;
    left: 0;
    top: 0;
    position: absolute;
    text-decoration: none;
}

.play-button:hover {
    background: url(/__data/assets/image/0012/5264589/play-hover-video.png) no-repeat scroll 0 0 transparent;
}

.play-button-large {
   background: url(/__data/assets/image/0012/5437875/play-button-hover-large.png) no-repeat scroll 0 0 transparent;
   height: 127px;
   width: 220px;
   left: 0;
   top: 0;
   position: absolute;
   text-decoration: none;
}

.play-button-large:hover {
   background: url(/__data/assets/image/0009/5437872/play-button-large-active.png) no-repeat scroll 0 0 transparent;
}

/* CSS button arrow */
.button-arrow-blue,.button-arrow-green, .button-arrow-silver{
 border:none;
 color:#FFF;
 cursor:pointer;
 display:inline-block;
 font-weight:bold;
 padding:0.4em 1em 0.4em 0.5em;
 text-decoration:none;
}
.button-arrow-blue:visited,.button-arrow-green:visited{color:#FFF;}

.button-arrow-blue{background:url(/__data/assets/image/0011/5556026/css-button-arrow.png) no-repeat right 0;}
.button-arrow-blue:hover{background-position:right -27px;}

.button-arrow-green{background:url(/__data/assets/image/0010/5914513/css-button-arrow-green.png) no-repeat right 0;}
.button-arrow-green:hover{background-position:right -27px;}

.button-arrow-silver{background:url(/__data/assets/image/0004/5947330/css-button-arrow-silver_2.png) no-repeat right 0;}
.button-arrow-silver:hover{background-position:right -27px;}

.button-arrow-silver{
   color:#FFFFFF !important;
}


.css-button-minus, .css-button-plus {
   border: medium none !important;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    height: 29px;
    line-height: 10px;
    margin: 0;
    vertical-align: -1px;
    width: 29px;
    text-decoration:none !important;
    display:inline-block;
}
.css-button-plus{
    background: url(/__data/assets/image/0012/5948544/plus-button.png) no-repeat 0 0;
}
.css-button-plus:active{
    background: url(/__data/assets/image/0004/5948545/plus-button_over.png) no-repeat 0 0;
}
.css-button-minus{
    background: url(/__data/assets/image/0005/5948546/minus-button.png) no-repeat 0 0;
}
.css-button-minus:active{
    background: url(/__data/assets/image/0006/5948547/minus-button_over.png) no-repeat 0 0;
}