html { overflow-y: scroll; font-size: 100%; }
body { margin:0px; background: #bdb7b4; color: #222; font-family: Arial, Helvetica, Verdana; font-size: 12px;}
input#chkbox_membership_user_acknowledgement {
vertical-align: middle;
position: relative;
bottom: 1px;
}
/* Style Kit v7.0 */
a, embed, object {outline: none;}
form, fieldset, dl, dt, dd {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 1.0em; line-height: normal; font-weight: normal;}
p {margin: 0 0 15px 0; padding: 0; }
table { border-collapse:collapse; border-spacing:0;}
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.getright {float:right;}
.getleft {float:left;}
.txt-centa {text-align: center;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none;}
/* Colours */
.red {color: #cc0000 !important;}
/* Links */
a {color: #222; text-decoration: underline;}
a:hover {text-decoration: none;}
/* SUPERSTRUCTURE */
#shield {width: 960px; margin: 10px auto 50px auto; background: #FFF;}
#header {padding: 15px 30px; background: #FFF url(images/header_bg.gif) no-repeat; color: #828282; font-size: Calibri, Arial, Helvetica, sans-serif; }
#masthead {padding: 15px 30px 30px 30px; background: #8c8c8c url(images/masthead_bg.png) 0 100% repeat-x; color: #FFF;}
#membershipAcknowledgement
{
margin: 15px 30px 5px 30px;
padding: 5px;
border:#bbb 1px solid;
display: none;
}
#main {padding: 15px 30px 5px 30px; }
.col-left {float: left; width: 510px; }
.col-right {float: right; width: 360px; }
.col-wide {width: 625px; padding-left: 50px;}
.col-wide-new {width: 725px; padding-left: 50px;}
.col-wide #main {padding: 0;}
.col-wide-new #main {padding: 0;}
#footer { padding: 50px 30px; background: #f9f8f8 url(images/footer_bg.png) 0 100% no-repeat; color: #828282; }
/* INFRASTRUCTURE */
/* Header */
#head-logo {float: left; display: block; width: 153px; height: 74px;}
#head-logo img {display: block; width: 153px; height: 74px;}
#head-lock {float: right; width: 33px; height: 33px; margin: 19px 0 0 0; background: url(images/header_lock.gif) 100% 0 no-repeat; text-indent: -9999px; overflow: hidden;}
#head-lock:hover {background-position: 100% -33px;}
#head-tag {float: right; padding: 39px 25px 0 0; text-align: right; font-size: 14px; font-weight: bold;}
#head-phone {float: right; padding: 14px 25px 0 0; text-align: justify; font-size: 12px; line-height: 20px;}
#head-phone strong {font-size: 16px; letter-spacing: 1px;}
#head-phone strong span {font-size: 21px; letter-spacing: 0;}
/* Masthead */
#progbar {display: block; height: 25px; list-style: none; padding: 0; margin: 0 0 10px 0; }
#progbar li {display: block; float: right; width: 25px; height: 25px; background-position: 0 0; background-repeat: no-repeat; padding: 0; margin: 0 0 0 10px; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#progbar li.on {background-position: 0 -25px;}
#progbar #pb-01 {background-image: url(images/mast_progress_01.gif); }
#progbar #pb-02 {background-image: url(images/mast_progress_02.gif); }
#progbar #pb-03 {background-image: url(images/mast_progress_03.gif);}
#progbar #pb-label {padding-top: 5px; height: 20px; width: auto; background: none; text-indent: 0; overflow: hidden;}
#masthead h1 {color: #FFF; font-size: 26px; border-bottom: 1px solid #FFF; margin: 0 0 15px 0; padding: 0 0 10px 0;}
#masthead h1 strong {font-size: 32px;}
#masthead h1.reg {font-size: 30px; line-height: 30px; border-top: 1px solid #FFF; border-bottom: 3px solid #FFF; padding: 15px 0; margin: 0 0 15px 0; }
#masthead h1.reg strong {font-size: 30px;}
#masthead h2 { color: #FFF; font-size: 32px; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 3px solid #FFF; }
#masthead h2 .info-open {font-size: 24px !important;}
#fund {display: block; list-style: none; padding: 0; margin: 0 0 13px 0; padding: 0 0 15px 0; border-bottom: 3px solid #FFF; }
#fund li {display: block; float: left; width: 49%; padding: 0 0 0 0; margin: 0 0 2px 0;}
#fund label {float: left; cursor: pointer; color: #FFF; font-weight: bold; font-size: 14px;}
ul#id_ul_menmbership_categories {display: block; list-style: none; padding: 0; margin: 0 0 13px 0; padding: 0 0 15px 0; border-bottom: 3px solid #FFF; }
ul#id_ul_menmbership_categories li {display: block; float: left; width: 49%; padding: 0 0 0 0; margin: 0 0 2px 0;}
ul#id_ul_menmbership_categories label {float: left; cursor: pointer; color: #FFF; font-weight: bold; font-size: 14px;}
#amount {display: block; margin: 0 0 15px 0; }
#amount dt {display: block; float: left; padding: 6px 0 0 0; color: #FFF; font-weight: bold; font-size: 15px;}
#amount dd {display: block; float: left;}
#amount ul {display: block; float: left; list-style: none; padding: 0; margin: 0;}
#amount li {display: block; float: left; padding: 6px 0 0 0; margin: 0 0 0 20px; }
#amount label {cursor: pointer; color: #FFF; font-weight: bold; font-size: 15px;}
#amount #amount-other {width: auto !important; padding: 0 !important;}
#amount #amount-txt {color: #222; text-align: right;}
#amount .add-on {color: #222;}
.reg-opts {display: block; margin: 0 0 5px 0 !important; padding: 0 0 5px 0 !important; border-bottom: 1px solid #a6a6a6;}
.reg-opts dt {display: block; float: left; width: 50px; padding: 6px 0 0 0; color: #FFF; font-weight: bold; font-size: 15px;}
.reg-opts dd {display: block; float: left;}
.reg-opts ul {display: block; float: left; list-style: none; padding: 0; margin: 0;}
.reg-opts li {display: block; float: left; width: 85px; padding: 6px 0 0 0; margin: 0 0 0 25px; }
.reg-opts li.dbl {width: 165px; }
.reg-opts li.tri {width: auto !important; }
.reg-opts li.tri span {padding-left: 30px; }
.reg-opts label {cursor: pointer; color: #FFF; font-weight: bold; font-size: 15px;}
.reg-opts #amount-other {padding: 0 !important;}
.reg-opts #amount-txt {color: #222; text-align: right;}
.reg-opts .add-on {color: #222;}
#process {margin: 50px 0 150px 50px; width: 302px; height: 86px; background: url(images/processing.gif) no-repeat;}
/* Footer */
#popup-nav {display: block; list-style: none; margin: 0; padding: 0;}
#popup-nav li {display: block; float: left; line-height: 10px; padding: 0 10px 0 0; border-right: 1px solid #999; margin: 0 10px 0 0; font-size: 12px; }
#popup-nav a {color: #828282; text-decoration: none;}
#popup-nav a:hover {color: #cc0000; text-decoration: none;}
/* Fancybox Overrides */
.fancybox-skin {padding-top: 80px !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.fancybox-close { position: absolute; top: 10px; right: 10px; width: 18px !important; height: 18px !important; background:url(images/popup_close.gif) no-repeat;}
.fancybox-close:hover {background:url(images/popup_close_f2.gif) no-repeat;}
.fancybox-title {font-size: 32px; font-family: Arial, Helvetica, sans-serif; color: #222; width: 100% !important;}
.fancybox-title-float-wrap {top: 40px; text-align: left; right:auto; left: 0; bottom: auto;}
.fancybox-title-float-wrap .child {display: block; margin: 0; padding: 0 0 15px 60px; background: none; text-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #222; border-bottom: 1px solid #f5878b; font-weight: normal !important;}
.fancybox-inner {padding: 10px 0 10px 40px; width: auto !important;}
/* Main */
#hints {display: block; margin: 0 0 5px 0; padding: 0; list-style: none;}
#hints li {display: block; float: right; margin: 0 0 0 20px; color: #666; }
#hints a {color: #666; text-decoration: none;}
#hints a:hover {color: #cc0000; }
#hints #print-link {padding-right: 18px; background: url(images/icon_print.gif) 100% 50% no-repeat;}
#hints #print-link:hover {background-image: url(images/icon_print_f2.gif);}
.instructs {font-size: 15px; line-height: 20px; margin: 0 0 20px 0;}
h3 {font-size: 23px; font-weight: bold; margin: 0 0 10px 0;}
#my-panel {display: block; border-top: 1px solid #d3d3d3; padding: 20px 0 15px 0}
.pay-panel {display: block; padding: 23px 18px 18px 18px; margin: 0 0 20px 0; background: #eeeceb url(images/card_panel_bg.jpg) 0 100% repeat-x; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#type-panel {display: block; padding-left: 8px; margin: 0 0 15px 0; }
dl.details {margin: 0 0 20px 0; }
dl.details dt { float: left; display: block; width: 130px; padding: 3px 10px 0 0; margin: 0 0 10px 0; color: #666;}
dl.details dd {float: left; display: block; width: 360px; margin: 0 0 10px 0; font-size: 14px; line-height: 20px; }
.col-right dl.details dd {width: 180px;}
#post-nav {display: block; padding: 0; margin: 0 0 20px 0; list-style: none;}
#post-nav li {display: block; margin: 0 0 5px 0; }
#post-nav li a { font-size: 14px; color: #666; text-decoration: none; padding-left: 24px; background:url(images/link_bullet.gif) 0 0 no-repeat;}
#post-nav li a:hover {color: #cc0000;}
/* Great Tips */
#tip-grey-left, #tip-grey-right {position:absolute; z-index:9999; display: none; padding: 12px; background-color: #edebea; color: #222; font-size: 12px; text-shadow: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; max-width: 400px;}
#tip-grey-left #tip-tab, #tip-grey-right #tip-tab {position: absolute; top: 9px; width: 14px; height: 10px;}
#tip-grey-right #tip-tab {left: -14px; background: url(images/tip_grey.gif) 0 0 no-repeat; }
#tip-grey-left #tip-tab {right: -14px; background: url(images/tip_grey.gif) -14px 0 no-repeat;}
#tip-white-right {position: absolute; z-index:9999; display: none; background: #FFF; padding: 10px; color: #222; font-size: 12px; text-indent: 0; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.2); max-width: 160px; min-height: 15px;}
#tip-white-right #tip-tab {position: absolute; top: 10px; left: -8px; width: 8px; height: 15px; background: url(images/tip_white.gif) 0 0 no-repeat;}
#tip-white-left {position: absolute; z-index:9999; display: none; background: #FFF; padding: 10px; color: #222; font-size: 12px; text-indent: 0; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: -3px 3px 2px 2px rgba(0,0,0,0.2); max-width: 340px; min-height: 15px;}
#tip-white-left #tip-tab {position: absolute; top: 10px; right: -8px; width: 8px; height: 15px; background: url(images/tip_white.gif) -8px 0 no-repeat;}
#tip-cvv {position: relative; width: 330px; min-height: 130px; background: url(images/tip_cvv.gif) 0 0 no-repeat;}
#cvv-txt-left, #cvv-txt-right {padding-top: 130px; width: 130px; }
#cvv-txt-left {float: left; margin-left: 25px;}
#cvv-txt-right {float: right; margin-right: 17px;}
.info-open {font-size: 16px; line-height: 16px; padding-left: 16px; margin: 0 0 0 5px; background: url(images/icon_info.png) 0 0 no-repeat; text-decoration: none;}
.info-open:hover {background: url(images/icon_info_f2.png) 0 0 no-repeat;}
/* 23-06-2014 - Update (CJWEB)
.info-pnl {color:#000; position: absolute; display: none; z-index: 50px; top: 150px; left: 50%; width: 526px; min-height: 360px; padding: 0 20px 15px 40px; margin: 0 0 0 -263px; border: 1px solid #d5d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.2); background: #FFF url(images/info_bg.png) repeat-x; line-height: 18px;}
.info-pnl h2 {display: block; height: 48px; padding-top: 50px; margin-bottom: 20px; font-size: 20px!important; line-height:28px; font-weight: bold; color: #FFF; }
.info-pnl h3 {display: block; font-size: 14px; line-height: 16px; font-weight: bold; color: #cc0000; margin: 0 0 15px 0;}
.info-pnl a {color: #cc0000; text-decoration: none;}
.info-pnl a:hover { text-decoration: underline;}
.info-pnl p { color:#000;font-size:12px;}
*/
.info-pnl {position: absolute; display: none; z-index: 50px; top: 150px; left: 50%; width: 526px; padding: 0;
margin: 0 0 0 -263px;
border: 1px solid #d5d4d4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.2);
background: #FFF; }
.info-pnl h2 {display: block; padding: 15px 30px 15px 15px !important; margin: 0 !important; border: none !important; background: url(images/info_bg.png) repeat-x; font-size: 20px !important; line-height: 1.1; font-weight: bold; color: #FFF; }
.info-pnl .info-pnl-txt {padding: 15px; color:#000; font-size:12px; line-height: 1.4;}
.info-pnl p:last-child {margin: 0;}
.info-pnl h3 {display: block; font-size: 12px; font-weight: bold; color: #cc0000; margin: 0 0 15px 0;}
.info-pnl a {color: #cc0000; text-decoration: none;}
.info-pnl a:hover { text-decoration: underline;}
/* End Update */
.info-close {position: absolute; top: 10px; right: 10px; display: block; width: 18px; height: 18px; text-indent: -9999px; overflow: hidden; background: url(images/info_close.gif) 0 0 no-repeat; }
/* Controls (inc Bootstrap Overrides) */
#ctrls {margin: 0 0 20px 0}
.top-line {border-top: 1px solid #d3d3d3; padding-top: 20px;}
.bottom-line {border-bottom: 1px solid #d3d3d3; padding-bottom: 20px; min-height: 180px;}
.err-pnl {margin: 0 0 20px 0; min-height: 0 !important; font-size: 15px; line-height: 20px; }
.btn {font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
#errors {display: block; padding: 0; margin: 0; list-style: none;}
#errors li {color: #cc0000; font-weight: bold; line-height: 17px;}
#errors li:before {content: '* ';}
/* Forms (inc Bootstrap Overrides) */
input, textarea, select, .uneditable-input {color: #222;}
input[type=radio], input[type=checkbox] {}
input[type=checkbox] {margin-right: 7px !important;}
label, input, button, select, textarea {font-family: Arial, Helvetica, Verdana; font-size: 12px; line-height: 17px;}
.form-horizontal .control-group {margin-bottom: 10px;}
.form-horizontal .radio {cursor: pointer; }
.form-horizontal .rad-pad {margin-right: 10px; *margin-right: 0px; }
.input-nano {width: 25px; }
.input-tiny {width: 35px; }
.input-med {width: 150px; }
.input-lrg {width: 190px; }
.input-full {width: 393px; }
.help-badge {display: block; width: 15px; height: 15px; padding: 0; margin: 0 0 0 3px; background: url(images/form_help.gif) no-repeat; text-indent: -999px; overflow: hidden;}
#org-txt {display: none; width: 125px; margin: -7px 0 0 10px;}
#title-txt {display: none; width: 68px; margin: -7px 0 0 0;}
.txt-sml {font-size: 11px;}
#state-int {display: none;}
#dob {display: none; margin: 0 0 5px 0;}
.error {border-color: #cc0000;}
/* IE7 & Compatability Fixes */
.form-horizontal .control-label { width: 94px; text-align: left !important;}
.form-horizontal .controls { *padding-left: 10px; margin-left: 100px; *margin-left: 0;}
.form-horizontal .controls:first-child { *padding-left: 100px;}
.form-horizontal .form-actions { padding-left: 100px;}
.CaptchaImageContainor
{
}
.CaptchaImageContainor a, .CaptchaImageContainor a:hover, .CaptchaImageContainor a:link, .CaptchaImageContainor a.active
{
width:85px;
height:25px;
background:no-repeat;
text-decoration:none;
display:inline-block;
overflow:hidden;
text-indent:-3000;
padding:0px;
margin:0px 0px -9px 6px;
border: 1px solid silver;
}
.CaptchaImageContainor input
{
width: 50px!important;
}
/* Responsive Media Queries */
/* Changes log
- Add 'Viewport' Meta tag to all pages
- Add 'X-UA-Compatible' Meta tag to all pages (optional)
- Add 'lib/respond.min.js' (For IE)
- 3.1.Submitted-Success.htm - remove inline style overrides:
Line 137: 'padding: 0!important;'
Line 159 : 'float: left; width: 332px;''
*/
.receipt-email-text
{
padding: 0 0 0 0;
}
/* 23-06-2014 - Update (CJWEB)
.iframed {top: 20px; left: 20px; right: 20px; margin: 0; width: auto; background-position: 0 -30px; min-height: inherit;}
.iframed h2 {padding-top: 20px}
*/
.iframed {top: 20px; left: 20px; right: 20px; margin: 0 !important; width: auto !important; }
/* End Update */
.RadioSg
{
margin: 10px 8px 5px 0!important;
}
.RadioRg
{
margin: 10px 8px 5px 0!important;
}
.FormSelector
{
color: #FFF; font-weight:bold; font-size: 16px; margin: 0 0 25px 0; border-bottom: solid 3px #FFF; padding-bottom:20px;
}
.FormSelector span
{
font-size: 14px; margin:0 0 0 22px; font-weight:normal;
}
.FormSelector .info-open {background: url(images/form_help_gray.gif) 0 0 no-repeat; }
#other-amount-radio
{
margin-top:1px;
}
@media (max-width: 976px) {
/* Globals */
body {background-color: #FFF;}
#shield {width: 100%; margin: 0 auto 0 auto; }
#header {padding: 10px 15px; background-image: none; }
#head-tag {display: none;}
#masthead {padding: 15px; }
#main {padding: 15px 15px 5px 15px; }
.col-left {float: block; width: 100%; }
.col-right {float: block; width: 100%; }
.col-wide {width: 100%; padding-left: 0;}
.col-wide #main {padding-left: 15px;}
.col-wide-new {width: 100%; padding-left: 0;}
.col-wide=new #main {padding-left: 15px;}
#footer {padding: 25px 15px; background-image: none; }
/* Errors */
.error > div {margin: 0 0 10px 0;}
dl.details dt { float: none; width: 100%; padding: 0; margin: 0; font-weight: bold;}
dl.details dd {float: none; width: 100%}
.PaymentResponseMessage {display: block; padding: 15px 0 0 15px;}
#post-nav {margin-left: 15px;}
/* Success */
#divBadge {width: auto !important; height: auto !important; margin-left: 15px;}
#divBadge div:nth-child(2) {float: none !important; width: auto !important; max-width: 332px;}
#divBadge .instructs {width: 100% !important;}
article.badge {width: auto !important; height: auto !important; padding-bottom: 15px;}
article.badge > div {width: 100% !important; height: auto !important;}
article.badge > div > img {width: auto !important; max-width: 100%; height: auto !important;}
article.badge > div > section {display: none !important; }
#divBadge table { display: none !important; width: 100%;}
#divBadge a.embed { margin-left: auto !important; margin-right: auto !important;}
/* 23-06-2014 - Update (CJWEB)
.info-pnl {color:#000; position: absolute; display: none; z-index: 50px; top: 100px; left: 50%; width: 450px; min-height: 360px; padding: 0 20px 15px 40px; margin: 0 0 0 -263px; border: 1px solid #d5d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.2); background: #FFF url(images/info_bg.png) repeat-x; line-height: 18px;}
.info-pnl h2 {display: block; height: 48px; padding-top: 50px; margin-bottom: 20px; font-size: 16px!important; line-height:28px; font-weight: bold; color: #FFF; }
*/
.info-pnl { top: 100px; width: 450px; margin: 0 0 0 -225px; }
.info-pnl h2 {font-size: 16px !important; }
/* End Update */
.receipt-email-text { padding: 0 0 0 18px;}
#my-panel {display: block; border-top: 1px solid #d3d3d3; padding: 20px 0 15px 18px}
}
@media (max-width: 768px) {
/* Masthead */
#masthead h2 {font-size: 26px;}
#progbar {margin-bottom: 15px;}
#fund li {float: none; width: 100%; margin: 0; padding: 0}
ul#id_ul_menmbership_categories li {width: 100%; padding: 0}
#fund label {float: none; margin-bottom: 0; padding-bottom: 0;display:inline-block;}
#amount dt {float: none; padding: 0; margin: 0 0 10px 0;}
#amount dd {float: none;}
#amount ul {float: none; list-style: none; padding: 0; margin: 0;}
#amount li {float: none; padding: 0; margin: 0; }
#amount-other {margin-top: 5px !important; margin-left: 20px !important;}
#hints {margin: 0 0 10px 0;}
/* Footer */
#footer .getleft, #footer .getright {float: none;}
#popup-nav {margin: 0 0 15px 0; text-align: center;}
#popup-nav li {display: inline-block; float: none; padding: 0 10px 0 0; border-right: 1px solid #999; margin: 0 10px 0 0; }
#footer .getright {text-align: center;}
/* Fancybox */
.fancybox-skin {padding-top: 60px !important; }
.fancybox-title-float-wrap {top: 20px; }
.fancybox-title-float-wrap .child {padding: 0 0 15px 40px;}
.fancybox-inner {padding: 10px 0 10px 10px; width: auto !important;}
/* Forms */
.form-horizontal .control-label {float: none; width: 100%; text-align: left; font-weight: bold;}
.form-horizontal label {display: block; width: auto !important; text-align: left !important; font-weight: bold; padding-top: 5px;}
.form-horizontal label.radio, .form-inline label.checkbox {font-weight: normal;}
.form-horizontal .controls {float: none; width: 100%; margin-left: 0; }
.input-med {width: 90% !important; }
.input-lrg {width: 90% !important; }
.input-large {width: 90% !important; }
.input-full {width: 90% !important ; }
select {width: 90% !important ; }
#Address1 {margin: 0 0 5px;}
#org-txt {margin-top: 5px; margin-left: 15px;}
.btn {padding: 4px;}
/* 23-06-2014 - Update (CJWEB)
.info-pnl {color:#000; position: absolute; display: none; z-index: 50px; top: 50px; left: 50%; width: 350px; min-height: 360px; padding: 0 20px 15px 40px; margin: 0 0 0 -200px; border: 1px solid #d5d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.2); background: #FFF url(images/info_bg.png) repeat-x; line-height: 18px;}
.info-pnl h2 {display: block; height: 48px; padding-top: 50px; margin-bottom: 20px; font-size: 14px!important; line-height:28px; font-weight: bold; color: #FFF; }
*/
.info-pnl { top: 50px; width: 350px; margin: 0 0 0 -175px; }
.info-pnl h2 {font-size: 16px !important; }
/* End Update */
.receipt-email-text { padding: 0 0 0 18px;}
#my-panel {display: block; border-top: 1px solid #d3d3d3; padding: 20px 0 15px 18px}
}
@media (max-width: 480px) {
#head-phone {display: none;}
#fund label {display:inline-block;}
/* 23-06-2014 - Update (CJWEB)
.info-pnl {color:#000; position: absolute; display: none; z-index: 50px; top: 50px; left: 50%; width: 150px; min-height: 360px; padding: 0 20px 15px 40px; margin: 0 0 0 -100px; border: 1px solid #d5d4d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.2); background: #FFF url(images/info_bg.png) repeat-x; line-height: 18px;}
.info-pnl h2 {display: block; height: 48px; padding-top: 50px; margin-bottom: 20px; font-size: 12px!important; line-height:28px; font-weight: bold; color: #FFF; }
*/
.info-pnl { top: 50px; width: 260px; margin: 0 0 0 -130px; }
/* End Update */
#masthead h2 {margin: 20px 0 15px 0;}
.receipt-email-text { padding: 0 0 0 18px;}
#my-panel {display: block; border-top: 1px solid #d3d3d3; padding: 20px 0 15px 18px}
#process {margin: 50px 0 150px 20px; width: 226px; height: 65px; background: url(images/processing.gif) no-repeat; background-size: 226px 65px;}
}