/* OnePath Superannuation CSS Updates 2013 */
/* Author: Andrew Morrissey */
/* Version: 1.0 */
/* Last Updated: 18/02/2013 */
.clear {clear: both;}
#op_lost-super .green-bar {padding: 9px 9px 6px; background-color: #739500; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#op_lost-super .drop-arrow {position: relative; top: 0px; left: 32px;}
#op_lost-super .step {background-color: #edebec; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px 0 0;}
#op_lost-super .step .icon {float:left; width: 40px; height: 54px; background-color: #739500; padding: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 10px 10px;}
#op_lost-super .step .icon p {color: #ffffff; font-weight: 700; font-size: 2em; text-align: center;}
#op_lost-super .step .content {float: left; width: 460px; background-color: #edebec; padding: 5px 0 0;}
#op_lost-super .step .content h2 {color: #739500;}
#op_lost-super .page-content {margin: 10px 0 0;}
#op_lost-super .page-content h2 {color: #739500;}
.op_callout {
    padding: 10px;
    border: 1px solid #dcd8d7;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e7e7e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}
.op_callout .co_left {width: 55%; border-right: #dcd8d7; float: left; padding-right: 20px;}
.op_callout h3 {color: #513e38;}
.op_callout .co_right {float: left; /*width: 37%; padding-left: 20px;*/}
.op_callout span.highlight {color: #5e94a0; font-size: 1.2em; font-weight: 900;}
/* Tile Icons and Hover State Icons */
#op_manage-your-super .section .tile {cursor: pointer; float: left; margin-right: 10px; width: 62px; height: 32px; padding: 32px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; border: 1px solid #739500; box-shadow: 4px 4px 5px #9e8c86; background-position: 47px 15px;}
#op_manage-your-super .section .tile:hover {background-color: #739500; color: #ffffff; cursor: pointer; background-position: 47px 15px;}
#op_manage-your-super .section .tile.one {background-image: url('/content_images/shared_images/op_icon_pos_superanuation.png'); background-repeat: no-repeat; background-size: 32px auto; }
#op_manage-your-super .section .tile.two {background-image: url('/content_images/shared_images/op_icon_pos_search.png'); background-repeat: no-repeat; background-size: 32px auto; }
#op_manage-your-super .section .tile.three {background-image: url('/content_images/shared_images/op_icon_pos_handshake.png'); background-repeat: no-repeat; background-size: 32px auto;}
#op_manage-your-super .section .tile.four {background-image: url('/content_images/shared_images/op_icon_pos_publication.png'); background-repeat: no-repeat; background-size: 24px auto; background-position: 49px 15px !important;}
#op_manage-your-super .section .tile.five {background-image: url('/content_images/shared_images/op_icon_pos_palmtree.png'); background-repeat: no-repeat; background-size: 26px auto;background-position: 49px 15px !important;}
#op_manage-your-super .section .tile.six {background-image: url('/content_images/shared_images/op_icon_pos_savings.png'); background-repeat: no-repeat; background-size: 32px auto;}
#op_manage-your-super .section .tile.seven {background-image: url('/content_images/shared_images/op_icon_pos_compare.png'); background-repeat: no-repeat; background-size: 32px auto;}
#op_manage-your-super .section .tile.eight {background-image: url('/content_images/shared_images/op_icon_pos_deposits.png'); background-repeat: no-repeat; background-size: 20px auto;background-position: 52px 15px !important;}
#op_manage-your-super .section .tile.one:hover {background-image: url('/content_images/shared_images/op_icon_neg_superanuation.png'); background-repeat: no-repeat; background-size: 32px auto;}
#op_manage-your-super .section .tile.two:hover {background-image: url('/content_images/shared_images/op_icon_neg_search.png'); background-repeat: no-repeat; background-size: 32px auto;}
#op_manage-your-super .section .tile.three:hover {background-image: url('/content_images/shared_images/op_icon_neg_handshake.png'); background-repeat: no-repeat; background-size: 32px auto;} 
#op_manage-your-super .section .tile.four:hover {background-image: url('/content_images/shared_images/op_icon_neg_publication.png'); background-repeat: no-repeat; background-size: 24px auto;background-position: 49px 15px !important;}
#op_manage-your-super .section .tile.five:hover {background-image: url('/content_images/shared_images/op_icon_neg_palmtree.png'); background-repeat: no-repeat; background-size: 26px auto;background-position: 49px 15px !important;}
#op_manage-your-super .section .tile.six:hover {background-image: url('/content_images/shared_images/op_icon_neg_savings.png'); background-repeat: no-repeat; background-size: 32px auto;}
#op_manage-your-super .section .tile.seven:hover {background-image: url('/content_images/shared_images/op_icon_neg_compare.png'); background-repeat: no-repeat; background-size: 32px auto;}
#op_manage-your-super .section .tile.eight:hover {background-image: url('/content_images/shared_images/op_icon_neg_deposits.png'); background-repeat: no-repeat; background-size: 20px auto; background-position: 52px 15px !important;}
#op_manage-your-super .section {padding: 10px; background-color: #edebec; margin: 0 0 10px 0; height: 100px;}
#op_manage-your-super .section .tile.last {margin-right: 0 !important;}
#op_manage-your-super .section .tile img {position: relative; top: -20px; left: 8px;}
#op_manage-your-super .section .tile span {display: block; position: relative; left: -29px; text-align: center; width: 120px; top: 21px; font-weight: 700; font-size: 1.1em;}
#op_manage-your-super .section a, #op_manage-your-super .section a:visited {text-decoration: none; color: #333333;}
 
#sidebar .top.block.standard h3 {background-color: #513e38; color: #ffffff;}
ul.green-tick li {background-image: url('/content_images/shared_images/op_green_tick.png'); background-repeat: no-repeat; background-position: 0 4.5px;}
/* Buttons */
.btn {width: 153px; height: 34px; margin-bottom: 10px; margin-right: 4px;cursor: pointer;display: inline-block;background-color: #E6E6E6;background-repeat: no-repeat;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#E6E6E6));background-image: -webkit-linear-gradient(white, white 25%, #E6E6E6);background-image: -moz-linear-gradient(top, white, white 25%, #E6E6E6);background-image: -ms-linear-gradient(white, white 25%, #E6E6E6);background-image: -o-linear-gradient(white, white 25%, #E6E6E6);background-image: linear-gradient(white, white 25%, #E6E6E6);padding: 8px 10px 9px !important;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);text-decoration: none !important; color: #5b2d91 !important;font-size: 14px;line-height: normal;border: 1px solid #CCC;border-bottom-color: #BBB;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition: 0.1s linear all;-moz-transition: 0.1s linear all;-ms-transition: 0.1s linear all;-o-transition: 0.1s linear all;transition: 0.1s linear all;}
.btn.green {color: #ffffff !important;background-color: #739600;background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#739600), to(#96b040));
background-image: -moz-linear-gradient(top, #739600, #96b040);background-image: -ms-linear-gradient(top, #739600, #96b040);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #739600), color-stop(100%, #96b040));background-image: -webkit-linear-gradient(top, #739600, #96b040);background-image: -o-linear-gradient(top, #739600, #96b040);background-image: linear-gradient(top, #739600, #96b040);text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color: #96b040 #96b040 #739600;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  }
.btn.blue {color: white !important;background-color: #0064CD;background-repeat: repeat-x;background-image: -khtml-gradient(linear, left top, left bottom, from(#049CDB), to(#0064CD));background-image: -moz-linear-gradient(top, #049CDB, #0064CD);background-image: -ms-linear-gradient(top, #049CDB, #0064CD);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049CDB), color-stop(100%, #0064CD));background-image: -webkit-linear-gradient(top, #049CDB, #0064CD);background-image: -o-linear-gradient(top, #049CDB, #0064CD);background-image: linear-gradient(top, #049CDB, #0064CD);text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color: #0064CD #0064CD #003F81;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn.red {color: white;background-color: #C43C35;background-repeat: repeat-x;background-image: -khtml-gradient(linear, left top, left bottom, from(#EE5F5B), to(#C43C35));background-image: -moz-linear-gradient(top, #EE5F5B, #C43C35);background-image: -ms-linear-gradient(top, #EE5F5B, #C43C35);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EE5F5B), color-stop(100%, #C43C35));background-image: -webkit-linear-gradient(top, #EE5F5B, #C43C35);background-image: -o-linear-gradient(top, #EE5F5B, #C43C35);background-image: linear-gradient(top, #EE5F5B, #C43C35); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color: #C43C35 #C43C35 #882A25;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn.orange {color: white !important;background-color: #ffa84c;background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffa84c), to(#ff7b0d));
background-image: -moz-linear-gradient(top, #ffa84c, #ff7b0d);
background-image: -ms-linear-gradient(top, #ffa84c, #ff7b0d);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa84c), color-stop(100%, #ff7b0d));
background-image: -webkit-linear-gradient(top, #ffa84c, #ff7b0d);
background-image: -o-linear-gradient(top, #ffa84c, #ff7b0d);
background-image: linear-gradient(top, #ffa84c, #ff7b0d); 
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color: #C43C35 #C43C35 #882A25;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn:hover {color: #5b2d91 !important; background-color: #939393;background-repeat: no-repeat;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), color-stop(25%, #e6e6e6), to(#939393));background-image: -webkit-linear-gradient(#e6e6e6, #e6e6e6 25%, #939393);background-image: -moz-linear-gradient(top, #e6e6e6, #e6e6e6 25%, #939393);background-image: -ms-linear-gradient(#e6e6e6, #e6e6e6 25%, #939393);background-image: -o-linear-gradient(#e6e6e6, #e6e6e6 25%, #939393);background-image: linear-gradient(#e6e6e6, #e6e6e6 25%, #939393);}
.btn.green:hover {
color: white !important; background: #96b040; background-image: -khtml-gradient(linear, left top, left bottom, from( #96b040), to(#739600));
background-image: -moz-linear-gradient(top,  #96b040, #739600);
background-image: -ms-linear-gradient(top, #96b040, #739600);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96b040), color-stop(100%, #739600));
background-image: -webkit-linear-gradient(top, #96b040, #739600);
background-image: -o-linear-gradient(top, #96b040, #739600);
background-image: linear-gradient(top, #96b040, #739600); 
}
.btn.blue:hover {
    color: white !important; background: #ffc578; background-image: -khtml-gradient(linear, left top, left bottom, from( #00bff3), to(#448ccb));
background-image: -moz-linear-gradient(top,  #00bff3, #448ccb);
background-image: -ms-linear-gradient(top, #00bff3, #448ccb);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00bff3), color-stop(100%, #448ccb));
background-image: -webkit-linear-gradient(top, #00bff3, #448ccb);
background-image: -o-linear-gradient(top, #00bff3, #448ccb);
background-image: linear-gradient(top, #00bff3, #448ccb); 
    }
.btn.red:hover {}
.btn.orange:hover {
color: white !important; background: #ffc578; background-image: -khtml-gradient(linear, left top, left bottom, from( #ffc578), to(#fb9d23));
background-image: -moz-linear-gradient(top,  #ffc578, #fb9d23);
background-image: -ms-linear-gradient(top, #ffc578, #fb9d23);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc578), color-stop(100%, #fb9d23));
background-image: -webkit-linear-gradient(top, #ffc578, #fb9d23);
background-image: -o-linear-gradient(top, #ffc578, #fb9d23);
background-image: linear-gradient(top, #ffc578, #fb9d23); 
}
/* Button Icons */
#calc-icon {background-image: url('/content_images/shared_images/op_icon_neg_small_calc.png'); background-repeat: no-repeat; background-size: 24px auto;}
img.calc-icon {float: right; position: relative; top: -16px;}